Free online photoshop training

Photoshop tutorials for webdesigners

Design a Electric Bright blue website header menu

November 26th, 2007 · No Comments

Here we will tell you how to make a Bright blue website header menu in photoshop.

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

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

Design a Electric Bright blue website header menu
Photoshop Elements Online Training,
Advanced Photoshop Tutorial ,
Free Online Photoshop Tutorial

Tags: Web graphics

0 responses so far ↓

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

Leave a Comment