Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Portfolio Web Layout (Part 1)

Portfolio Web Layout (Part 1)

Browse Pages: << < 1  2  3  > >>

Blending Options>Stroke

image 1

Make copies of the earlier represented circles and apply the Free Transform option to these copies, changing their sizes:

image 2

We have to draw now three more circles reserved for marking the site's section, applying the same method we did earlier with our previous circles:

image 3

All three circles look the same, having the same layer's parameters:

The color is FF627A.

Blending Options>Drop Shadow

image 4

Blending Options>Stroke

image 5

Try to insert one more circle, using the last instrument also:

image 6

Set the layer's adjustments:

Blending Options>Drop Shadow

image 7

Blending Options>Stroke

image 8

We have to write now the names for the site's menu's buttons, inclining the text with Free Transform option. The text's demands are inserted in the next table:

image 9

image 10

Add the site's name too:

image 11

(WEBSITE)

image 12

(NAME)

image 13

Set the layer's parameters:

Blending Options>Stroke

image 14

Insert now the site's sections names:

image 15

image 16

The layers' parameters:

Blending Options>Gradient Overlay

image 17

Gradient's parameters:

image 18

Blending Options>Stroke

image 19

Using the Pencil Tool (B) of white color, try to draw now a kind of indicator on the button:

image 20

image 21



Author's URL: Adobetutorialz.com
Browse Pages: << < 1  2  3  > >>
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

No comments yet...
Add comments to "Portfolio Web Layout (Part 1)"

Captcha