The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Create Web Site Menu with Icons

Create Web Site Menu with Icons

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!



Author's URL: Adobetutorialz.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Browse Pages: << < 1  2 
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 "Create Web Site Menu with Icons"

Only registered users can write comment

No comments yet...