Adobe Photoshop Tutorial
click on images to see their real size
In this tutorial, you will learn to create a stylish website navigation design in Photoshop.
Let’s start with creating a new document, with160px by 220px, background is not important. Now, select your Rectangular Shape Tool and create a rectangle that is 40px tall, and about 160px wide. Color doesn’t matter, because we will apply the following settings:
Create a new document with 6 px by 5 px, clear the background, select a Pencil Tool (Master Diameter is 1px) with a color # 939393, and draw two points as it is shown:
Now go to Edit > Define Pattern, name it for example as “new_pattern” and click OK. After that, return to previous document, select our rectangle by Ctrl + click on a layer icon in a layer palette, create a new layer (name it also for example new_pattern), and than go to Edit > Fill:
After filling, go to Filter > Blur > Gaussian Blur with radius 0,3px and click OK. The result must look like this:
Now, create a new layer, select a Pencil Tool (Master Diameter is 2px) with a color # 696969 and draw a line at the bottom of rectangle. Change color to # 808080 and draw a line at the top of our rectangle. Like here:
Select our three layers, and group them by pressing Ctrl + G. Clone them by Alt + Drag to make 5 groups and arrange them as on the following picture:
Select the rectangular in the second group and apply this settings.
In the same group select the layer “new_pattern” and apply the following settings: color overlay # ffffff and set the layer opacity to 25%.
It the same group #2 create a new layer, select a Pencil Tool (Master Diameter is 1px) with a color # ffffff and draw some kind of an arrow, and place it as it is shown below:
Now, select a strict pixel font (I’ve used the
Copyright © http://megatutorials.blogspot.com