website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Drawing Techniques Create Web Site Menu with Icons
rss

Create Web Site Menu with Icons

Author: Adobetutorialz.com More by this author
Browse Pages: << <  1  2


The layer's parameters:

Blending Options>Gradient Overlay

image 1

Gradient's parameters:

image 2

Blending Options>Stroke

image 3

image 4

Now we have to represent a flare on the icon's surface, choosing the Ellipse Tool (U) and cut out the lowest top with the Delete Anchor Point Tool. Next we need to make the corrections on the shapes, applying the Convert Point Tool.

image 5

The layer's parameters:

Fill 0% on the layers.

Blending Options>Gradient Overlay

image 6

Gradient's parameters:

image 7

image 8

image 9

Next step includes combine in a group all the layers composing the icon (press Ctrl button and mark out the necessary layers. Holding on the left mouse's button, move the layers down on Create a new group option).

Make four copies of this group (press the left mouse's button and move the group down on Create a new layer option). Using the Free Transform selection, it's possible to place the copies exactly the way it is demonstrated below. On each copy must be changed the sign from Custom Shape Tool (U) with those indicated below, applying the same layer's parameters:

image 10

image 11

image 12

image 13

image 14

Select now the Rectangle Tool (U) and draw two lines colored in #F65606. The lines must be of vertical and horizontal shapes.

image 15

Next we need to write the titles for the buttons situated on the site's menu, keeping the details inserted below:

image 16

(company, services, solutions, sponsors, contact)

Create Web Site Menu with Icons Tutorial: Final Result (Click to enlarge)
Click to enlarge

Finished!




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

Add comments to "Create Web Site Menu with Icons"