Modern layout with screw heads

admin · #1 (**permalink**) 12-15-2006, 10:50 PM

Hello

This is the Tutorial number 54 from the 100 Marathon Tutorial
As i have told you i will try to add a tutorial each day.

Today i will show you how to create another type of website. This is my result:

Open a new document in photoshop with a white background
Size should be 760x770 pixels

Select Rounded Rectangle Tool ( set radius to 20 pixels ) and draw a simple grey rectangle

Next go to Edit > Transform Path > Warp and use the following settings:

Hit Enter then with Move Tool place this shape in the middle of the canvas

Now we will add some layer styles. be sure you have this rectangle selected . then add the following layer styles:

Gradient color for Gradient Overlay settings:

Gradient color for Stroke settings:

This is my result:

Now hold the CTRL key down and press on the Layer Thumbnail with your left mouse click

You will notice that you have selected all the layer

No go to Select > Modify > Contract ( Choose contract by 20 pixels ) and press ok
This is my result

Now select Elliptical Marquee Tool ( press on subtract from selection ) and delete the selection from the bottom. You should leave selected only a part of selection like in the next image:

This selection we will need

Create a new layer ( press CTRL+SHIFT+ALT+N )
Select Paint Bucket Tool and fill your selection with whit ( or any other color you want )
Then press CTRL+D to deselect

Now please add the following layer styles

This is my result

Now we will add a navigation under blue header

First select Rounded Rectangle Tool and make a simple rectangle

Go to Edit > transform path > perspective and drag the left bottom corner to the left side and press Enter

This is the result

Now add the following layer styles

This is my result after i have moved this layer under the blue one

Add some text

Now we will add some screws heads. Select Ellipse Tool and make a small circle ( hold down SHIFT key while you create this circle )

Then add the following layer styles:

I have duplicated this layer a few times and i have placed this small screw heads like in the following image

Now we will add another text and some images

I will add also a text logo with some star brushes over the text
For this text logo i have applied the first layer style we have created in this tutorial. The same layer style with the first rectangle

This is my final result. I hope you like it

If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack
Thanks for reading