Website Navigation Tutorial

Today I will teach you about Photoshop Website Navigation Tutorial

[1]-First of all Open New Document of Custom size,Height & Width 450×450 pixels,Resolution 72 & Mode RGB Color

[2]-Now fill the Background with any color & then create the following selection with the help Rectangular Marquee Tool

[3]-Now Open New Layer & then fill the selection with any color,go to Blending Options,select Bevel & Emboss
Photoshop Technique-How to use the Bevel & Emboss feature

[4]-Now select Contour Elements & use the following settings

[5]-Now select Gradient Overlay & use the following settings

[6]-Now your image should look like as shown below

[7]-Now make the Duplicate Layer with the help of Ctrl+J & then adjust with the help of Move Tool

[8]-Now like this create the other Duplicate Layers & adjust with the help of Move Tool

[9]-Now select Custom Shape Tool & use the following shape & settings

[10]-Now create the following Shape with the help of Custom shape Tool & then select Pen Tool,right click select Make selection

[11]-Now use the following settings in Make Selection

[12]-Now your image should look like as shown below & then Open New Layer

[13]-Now fill the selection with any color & then go to Blending Options,select Bevel & Emboss & use the following settings
Photoshp Technique-How to use the Bevel & Emboss feature

[14]-Now select Contour Elements & use the following settings

[15]-Now select Gradient OVerlay & use the following settings

[16]-Now your image should look like as shown below & then create the following selection with the help of Rectangular Marquee
Tool

[17]-Now press “DELETE” both sides & your image should look like as shown below

[18]-Now create the following text with the help of Text Tool & then create the following selection with the help of Pen Tool

[19]-Now Open New Layer & then fill the selection with ‘fffffa’ color & then Blending Mode of this Layer should ’soft Light’
& reduce Opacity also

[20]-Thanks for read this Photoshop Tutorial.I hope U have enjoyed & the Final Output of this Tutorial is shown below

adobe photoshop drawing

adobe photoshop effects

adobe photoshop text effects

This entry was posted on Friday, June 20th, 2008 at 12:31 pm and is filed under Photoshop tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.