Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Web Design Agency Layout

Web Design Agency Layout


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



Author's URL: victor
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: