Photoshop  Home Photoshop Web Layout Portfolio Web Layout (Part 2)
rss

Portfolio Web Layout (Part 2)

Author: Adobetutorialz.com More by this author
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




print this page tell a friend subscribe to newsletter subscribe to rss
Rate this Material: Bad 1 2 3 4 5 Excellent
Browse Pages: << <  1  2  3 > >>

Add comments to "Portfolio Web Layout (Part 2)"