Today I will show you how to create another PSD layout.
This time I will create a sleek corporate layout. You can use this layout also for any internet business you want.
From today i will try to provide also the XHTML / CSS layout for each layout tutorial i will provide. This dark layout can be transformed also into a wordpress themes or also a drupal theme.

Preview full size layout

Open a new document with the following size: 960×900 pixels. For the background color I will use a dark color: #4d4d4d. I will select Rounded Rectangle Tool, and I will create 2 shapes.

I will duplicate these two shapes. To duplicate a shape you need to select it first in your layer palette, then press on CTRL+J . You will see the layers above the original ones. Right click on each copy and choose Rasterize layer.

Then for the top layer please add the following layer styles. Please note that you can download the layer styles from this page

And for the bottom one use the same layer styles as above, but check the “ Reverse “ checkbox

Here is my result so far

I will load the selection for the top shape. To load the selection please hold down your CTRL key, then press on the Thumbnail for the top layer

Go to Select > Modify > Contract… and modify with 1 pixel

Create a new layer above all layers ( press CTRL+SHIFT+ALT+N ), then go to Edit > Transform > Stroke

Press on CTRL+D to deselect, then you will have the following result

I will select Eraser Tool, and with a big smooth brush I will delete some parts of this line

I will change the blending mode to Overlay, and I will reduce also the opacity to 50%

Please keep in mind how you have achieved this effect, because I will use several times in this tutorial. I will create the same thing border for the bottom shape.

I will create other shapes with Rounded Rectangle Tool

I will add the following layer styles for all the white shapes

This is my result

Above these layers I will create other ones.

I will rasterize all this white shapes, and I will delete the bottom part of the shape

I will add the following layer styles for all these shapes

This is my result

I will create other shapes with Rounded Rectangle Tool. I will place the shapes under the previous one

I will Merge all the white shapes., and I will delete the bottom part

Then I will add the following layer styles for this shape

This is my result

I will create some buttons with Rounded Rectangle Tool

The same I will merge all the buttons into a single layer ( press CTRL+E ) , then I will add the following layer styles

This is my result

I will add right now some circles with Ellipse Tool

For all the small circles please add the following layer styles

This is my result so far

Now I will add some text, and after that I will add also some images

On the right side I will add some shapes with Rectangle Tool

I will lower the opacity for all these layers, and I will place some text

The next step is to create on a new layer. On this layer I will use Brush Tool, to create a few white points

Change the opacity for this layer to 40% , and the Blending Mode to Soft Light. This is My final result. I hope you like it

Apply now for a VIP subscription and you will be able to download the PSD file, and the XHTML / CSS layout.After each tutorial I receive a lot of question if you can use the design in for your own websites. The answer is Yes. You can our PSD or html to create your own personal website. It is very nice from you if you link back to us. We will really appreciate.You can also create Wordpress layouts from this design if you want.

discuss this topic to forum