Her

Home Photoshop Tutorials Web Layout Web Design Agency Layout

Web Design Agency Layout

Author: victor Author's URL: www.talk-mania.com More by this author

I will start as usual with a new document with the following size: 760x770.

image 1

I will select Rectangle Tool

image 2

I will set the foreground color to #edf8ff , and on the left side i will create a rectangle:

image 3

I will add some simple layer styles.

Drop Shadow

image 4

Stroke

image 5

And after i apply these layer styles this is my result:

image 6

I will place some buttons on the layout.

image 7

And i have placed them like in the following image.

image 8

I will select Line Tool

image 9

and i will create some lines like in the next image:

image 10

Now it is time to add some great looking brushes. You will find one of the best set of brushes here.

With Brush Tool i will add some details with the brushes i have from Talk-Mania Big pack from above.

image 11

I will select the following brush, and with this color # 0175bf i will click one time on my layout.

image 12

This is my result:

image 13

With Dodge Tool

image 14

I will make some drawings on this scarf.

image 15

After that i will add some shadows with Burn Tool

image 16

I will create a copy of this scarf by pressing Ctrl+J, then i will place the scarf under the blue one. I will change the color of this scarf to #d0d0d0 and i will rotate a little to the right.

Note: the blue scarf is hidden right now. I want to show you the gray one.

image 17

After i unhide the blue scarf layer this is my result:

image 18

I will place some images on the body of the layout.

image 19

and with Horizontal Type Tool:

image 20

I will type some text.

image 21

This is my final layout:

Web Design Agency Layout