Photoshop website template menu navigation in photoshop

Here we will tell you how to make a Make Photoshop website template menu navigation in photoshop.

[1] Take a new file of 700 pixels, 300 pixels, of resolution 72 dpi in the RGB mode.

Photoshop-website-template-menu-navigation1

[2] Take the Elliptical Marquee Tool create a shape and fill with Black color.

Photoshop-website-template-menu-navigation2

[3] Then add the following layer styles.

Photoshop-website-template-menu-navigation3

Photoshop-website-template-menu-navigation4

Photoshop-website-template-menu-navigation5

Photoshop-website-template-menu-navigation6

[4] Take the Rectangular Marquee Tool, create a shape and fill with Black color.

Photoshop-website-template-menu-navigation7

[5] Now for this Black shape, please add the following layer style.

Photoshop-website-template-menu-navigation8

Photoshop-website-template-menu-navigation9

Photoshop-website-template-menu-navigation10

Photoshop-website-template-menu-navigation11

[6] Take the Elliptical Marquee Tool apply the following settings.

Photoshop-website-template-menu-navigation12

[7] Now create a shape then you can create another shape over the 1st shape like this.

Photoshop-website-template-menu-navigation13

[8] Make the new layer and fill the selection with Black color.

Photoshop-website-template-menu-navigation14

[9] Now for this Black shape, please add the following layer style.

Photoshop-website-template-menu-navigation15

Photoshop-website-template-menu-navigation16

Photoshop-website-template-menu-navigation17

Photoshop-website-template-menu-navigation18

[10] Take the Shape Tool select this one.

Photoshop-website-template-menu-navigation19

[11] Create a shape and fill with Black color.

Photoshop-website-template-menu-navigation20

[12] Take the Rectangular Marquee Tool create a shape and hit the delete key.

Photoshop-website-template-menu-navigation21

[13] Now for this Black shape, please add the following layer style.

Photoshop-website-template-menu-navigation22

Photoshop-website-template-menu-navigation23

Photoshop-website-template-menu-navigation24

Photoshop-website-template-menu-navigation25

[14] Then duplicate this layer then press Cntl+T, then right click to select the Horizontal Flip, and with the arrow keys place the duplicated shapes.

Photoshop-website-template-menu-navigation26

[15] Now Select Elipse Tool , and create a simple circle.

Photoshop-website-template-menu-navigation27

[16] For this circle add the following layer styles.

Photoshop-website-template-menu-navigation28

Photoshop-website-template-menu-navigation29

Photoshop-website-template-menu-navigation30

Photoshop-website-template-menu-navigation31

Photoshop-website-template-menu-navigation32

[17] Create another circle shape and place it in the middle of the last one.

Photoshop-website-template-menu-navigation33

[18] For this circle add the following layer styles.

Photoshop-website-template-menu-navigation34

Photoshop-website-template-menu-navigation35

Photoshop-website-template-menu-navigation36

Photoshop-website-template-menu-navigation37

[19] This is my result.

Photoshop-website-template-menu-navigation38

[20] Then duplicate these both layer a few times and with the arrow keys place the duplicated shapes like me.

Photoshop-website-template-menu-navigation39

[21] Take the Pencil Tool, draw a line like this.

Photoshop-website-template-menu-navigation40

[22] Add the following layer styles.

Photoshop-website-template-menu-navigation41

Photoshop-website-template-menu-navigation42

[23] Then duplicate this layer a few times and with the arrow keys place the duplicated shapes like me.

Photoshop-website-template-menu-navigation43

[24] Go to http://www.brusheezy.com/brushes?page=1 download a brush.

Photoshop-website-template-menu-navigation44

[25] And after that please add some text, I hope you like it.

Photoshop-website-template-menu-navigation45

adobe photoshop drawing

adobe photoshop effects

adobe photoshop text effects

Leave a Reply

You must be logged in to post a comment.