ooglewindowblinds.com

Easy and Free adobe CS photoshop tutorials and lessons online

Turbowebsite navigation layout

April 14th, 2008 · No Comments

Here we will tell you how to make a Turbowebsite navigation layout in photoshop.

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

Turbowebsite-navigation-layout1

[2] Now take the Elliptical Marquee Tool create a shape and fill with this color coding #4b5964.

Turbowebsite-navigation-layout2

[3] Take the Shape Tool select this one.

Turbowebsite-navigation-layout3

[4] Create a shape then take the Pen Tool now right click on your mouse select make the selection and hit the Delete key on your key board.

Turbowebsite-navigation-layout4

Turbowebsite-navigation-layout5

[5] Go to Blending Option select the Stroke Structure use these settings.

Turbowebsite-navigation-layout6

Turbowebsite-navigation-layout7

[6] Take the Polygonal Lasso Tool create a shape, make the new layer fill the selection with White color.

Turbowebsite-navigation-layout8

[7] Now go to Blending Option use the following settings.

Turbowebsite-navigation-layout9

Turbowebsite-navigation-layout10

Turbowebsite-navigation-layout11

Turbowebsite-navigation-layout12

[8] Make the copy of the previous shape layer.

Turbowebsite-navigation-layout13

[9] Then go to Edit>Transform>Flip Horizontal.

Turbowebsite-navigation-layout14

[10] take the Elliptical Marquee Tool create a shape and fill with white color.

Turbowebsite-navigation-layout15

[11] Now go to Blending Option use the following settings.

Turbowebsite-navigation-layout16

Turbowebsite-navigation-layout17

Turbowebsite-navigation-layout18

Turbowebsite-navigation-layout19

Turbowebsite-navigation-layout20

[12] Take the Shape Tool select this one.

Turbowebsite-navigation-layout21

[13] Make the new layer create a shape and fill with White color.

Turbowebsite-navigation-layout22

[14] Take the Rounded Rectangle Tool create a shape and fill with White color.

Turbowebsite-navigation-layout23

[15] Go to Blending Option use the use the following settings.

Turbowebsite-navigation-layout24

Turbowebsite-navigation-layout25

Turbowebsite-navigation-layout26

Turbowebsite-navigation-layout27

Turbowebsite-navigation-layout28

Turbowebsite-navigation-layout29

[16] Take the Text Tool create your text.

Turbowebsite-navigation-layout30

[17] Create more text.

Turbowebsite-navigation-layout31

[18] Now select the layer 6 then right click to select the Copy Layer Style.

Turbowebsite-navigation-layout32

[19] Now select the Text Layer the right click to Paste Layer Style.

Turbowebsite-navigation-layout33

Turbowebsite-navigation-layout34

[20] Thanks for reading, I hope this photoshop tutorial has taught you few photoshop tricks and techniques and you can use them in your website design project. Your final image will look like this.

Turbowebsite-navigation-layout35

photoshop layout tutorials

photoshop layout tutorials

Tags: Photoshop Tutorials

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

You must log in to post a comment.