Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout How to make a Gradient Menu Bar
rss

How to make a Gradient Menu Bar

Author: Jordan Blanco More by this author


1. For this Gradient Menu Bar tutorial, you will need to start off by creating a new image from scratch. It is best to have your width very high while the height is low. A 100x20 pixel canvas (default 72 resolution) with a white background will do.

2. Create a new layer in this image. This new layer will be used for the Gradient Menu Bar. Immediately fill this layer with a color of your choice. For this example, I chose a blue.

3. Right click on the new layer and open up the Blending Options and select Gradient Overlay.

4. In the Gradient Overlay options, select Overlay as your Blend Mode. The Gradient will be the Black to White selection but with this new Overlay blend it will adopt the Blue scheme we have chosen for our layer. Modifying the Scale like so will bring interesting effects to your Gradient Menu Bar.

By altering the Gradient you can achieve many different effects, but for now we have a very basic Gradient Menu Bar.

How to make a Gradient Menu Bar Tutorial: Final Result



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "How to make a Gradient Menu Bar"