photoshop

Make a navigation bar in Photoshop

User Rating:  / 7
PoorBest 

1. Open Photoshop software, create a new document (Width > 13in, Height > 10in, Resolution > 72px, Color Mode > RGB Color, Background Contents > White) and press Ok button.

2. Apply (View > Rulers) command for rulers.

rulers command

3. Select Move Toole, click left ruler bar and drug it to make a guide.

select move tool

create some guide

4. The same format creates some guide, just like the picture below.

just like the picture below

 

5. At first select the foreground color black, select Rounded Rectangle Tool (Radius = 20) and create a rectangle.

select Rounded Rectangle Tool

6. To create more some rectangle into the first rectangle, select rounded rectangle tool press Alt button from your keyboard and drug.

Pic- 1

Rounded Rectangle Tool

Pic- 2

create a Rounded Rectangle Tool

Pic- 3

Rounded Rectangle Tool

7. In the same format creates more some shape.

creates more some shape.

8. Click the shape layer and click Rasterize Layer.

Rasterize Layer

9. Click Add a layer style button and click Gradient Overlay.

Gradient Overlay

10. Click the Gradient editor.

Gradient editor

11. Click hare to make another gradient slider.

make another gradient slider

12. Click the last Gradient slider and fill with color.

fill with color

13. Click Stroke button and apply the value (Size = 6px, Position = Inside, Blend Mode =Normal).

click stroke button

14. Click Color picker and apply this color value.

apply this color value

15. Select Foreground Color value (Color = #f01616), select Rounded Rectangle Tool (Radius = 10), create a rectangle and Rasterize it.

Select Foreground Color value

16. Select Move Tool, press (Alt + Shift) and move it to copy this.

Select Move Tool

17. Click Add a layer style button and click Color Overlay.

Add a layer style button

18. Apply the color code value (Color = #032b75) and press OK button.

press OK button

19. Select Move Tool, press (Alt + Shift) and move it to copy this. Just like picture below.

move it to copy this

20. Select Rounded Rectangle Tool (Radius = 15), create a rectangle and Rasterize it.

Select Rounded Rectangle Tool

21. Make fill value 0.

Make fill value

22. Click Add a layer style button and click Gradient Overlay.

click Gradient Overlay

23. Click Foreground to Transparent color bar.

Foreground to Transparent color bar

24. Click Left and Right gradient slide. Select White color and press OK button.

Left and Right gradient slide

25. Apply (Angle = -90) and press OK button.

press OK button

26. Select Move Tool, press (Alt + Shift) and move it to copy this. Just like picture below.

move it to copy this

27. Select a color value (Color = #525151, select Line Tool and create a line. Rasterize the new line layer.

select Line Tool and create a line

28. Select Move Tool, press (Alt + Shift) and move it to copy this. Just like picture below.

move it to copy this

29. Select Foreground Color White, select Type Tool and type Home.

select Type Tool and type Home

30. Type Audio and Change its color.

Type Audio and Change its color

31. So, in this format type as you want.

type as you want

   
© biswasbd 2011-2013 All Rights Reserved