ooglewindowblinds.com

Easy and Free adobe CS photoshop tutorials and lessons online

Website navigation menu header

February 14th, 2008 · No Comments

Here we will tell you how to make a Website-navigation-menu-header in photoshop.

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

Website-navigation-menu-header1

[2] Take the Rectangular Marquee Tool Create a shape.

Website-navigation-menu-header2

[3] Now select the Gradient Tool use these settings.

Website-navigation-menu-header3

Website-navigation-menu-header4

[4] Make the new layer and fill the selection with the help of Gradient Tool.

Website-navigation-menu-header6

[5] Take the Shape Tool select this one.

Website-navigation-menu-header7

[6] Make the new layer create a shape and fill with this color coding #9cd4ef.

Website-navigation-menu-header8

[7] Take the Elliptical Marquee Tool Create a shape.

Website-navigation-menu-header9

[8] Now select the Gradient Tool use these settings.

Website-navigation-menu-header10

Website-navigation-menu-header11

[9] Make the new layer and fill the selection with the help of Gradient Tool.

Website-navigation-menu-header12

[10] Make the copy of the previous layer.

Website-navigation-menu-header13

[11] Open your image.

Website-navigation-menu-header14

[12] Change the Blending Mode to Screen.

Website-navigation-menu-header15

[13] Your image should be as shown below.

Website-navigation-menu-header16

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

Website-navigation-menu-header17

[15] Now go to Blending Option and select the Styles use the following settings.

Website-navigation-menu-header18

[16] And now make the more copies of the shape layer like this.

Website-navigation-menu-header19

[16] Take the Text Tool create your text.

Website-navigation-menu-header20

[17] Take the Rectangular Marquee Tool create a shape and fill with White color.

Website-navigation-menu-header21

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

Website-navigation-menu-header22

[19] This photoshop tutorial is complete now, your final image will look like this.

Website-navigation-menu-header23

Website navigation menu header| photoshop button tutorial,fire photoshop tutorial

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.