Free online photoshop training

Photoshop tutorials for webdesigners

Create a Bright blue website header menu

November 25th, 2007 · No Comments

Here we will learn how to make a Bright blue website header menu using photoshop.

[1] Lets open a new file in your favourite photoshop software version.Then choose a custom size
you may choose any size, I will pick Height & width 500×500 pixels and Resolution 72 using Mode RGB Color.

bright-blue-website-header-menu1.gif

[2] Now fill the Background with Black Color, the take the Rounded Rectangle Tool, create a new shape and fill with White Color.

bright-blue-website-header-menu2.gif

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

bright-blue-website-header-menu3.gif

bright-blue-website-header-menu4.gif

bright-blue-website-header-menu5.gif

bright-blue-website-header-menu6.gif

bright-blue-website-header-menu7.gif

bright-blue-website-header-menu8.gif

[4] Your image should be look like this.

bright-blue-website-header-menu9.gif

[5] Now create another shape with the help Rounded Rectangle Tool and fill the Black color.

bright-blue-website-header-menu10.gif

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

bright-blue-website-header-menu11.gif
bright-blue-website-header-menu12.gif

[7] Your image should be look like this.

bright-blue-website-header-menu13.gif

[8] Make the copy of previous shape layer see in the next image.

bright-blue-website-header-menu14.gif

[9] Now create another shape with the help of Rounded Rectangle Tool and fill with any color.

bright-blue-website-header-menu15.gif

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

bright-blue-website-header-menu16.gif
bright-blue-website-header-menu17.gif

bright-blue-website-header-menu18.gif

bright-blue-website-header-menu19.gif

[11] Your image should be look like this.

bright-blue-website-header-menu20.gif

[12] Make the copy of previous shape layer see in the next image.

bright-blue-website-header-menu21.gif

[13] Now take the Rectangle Marquee Tool creare a shape and fill with White color.

bright-blue-website-header-menu22.gif

[14] Then change the Blending Mode and set the Opacity.

bright-blue-website-header-menu23.gif

[15] Your image should be look like this.

bright-blue-website-header-menu24.gif[16] Take the Text Tool create your text.

[17] Your final image is ready.

bright-blue-website-header-menu25.gif

Create a Bright blue website header menu,Design a Website In Photoshop [Software Tutorials],Free Photoshop Website Templates, Free Photoshop Web Layouts

Tags: Web graphics

0 responses so far ↓

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

Leave a Comment