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.

Web Design Agency Layout image 1

I will select Rectangle Tool

Web Design Agency Layout image 2

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

Web Design Agency Layout image 3

I will add some simple layer styles.

Drop Shadow

Web Design Agency Layout image 4

Stroke

Web Design Agency Layout image 5

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

Web Design Agency Layout image 6

I will place some buttons on the layout.

Web Design Agency Layout image 7

And i have placed them like in the following image.

Web Design Agency Layout image 8

I will select Line Tool

Web Design Agency Layout image 9

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

Web Design Agency Layout 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.

Web Design Agency Layout image 11

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

Web Design Agency Layout image 12

This is my result:

Web Design Agency Layout image 13

With Dodge Tool

Web Design Agency Layout image 14

I will make some drawings on this scarf.

Web Design Agency Layout image 15

After that i will add some shadows with Burn Tool

Web Design Agency Layout 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.

Web Design Agency Layout image 17

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

Web Design Agency Layout image 18

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

Web Design Agency Layout image 19

and with Horizontal Type Tool:

Web Design Agency Layout image 20

I will type some text.

Web Design Agency Layout image 21

This is my final layout:

Web Design Agency Layout Tutorial: Final Result



Author's URL: victor
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Web Design Agency Layout"

Only registered users can write comment

No comments yet...