Make a Navigation Bar in Photoshop

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.

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

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.

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

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

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

30. Type Audio and Change its color.

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