Jun 18, 2010

Posted by Sipi Sagar in Tutorial | 2 Comments

QUICK TIP: CREATE HIGHLIGHT FOR YOUR BUTTONS/NAVIGATION BAR

QUICK TIP: CREATE HIGHLIGHT FOR YOUR BUTTONS/NAVIGATION BAR
Share

Introduction

In this quick tip we are going to see how to create a highlight for the buttons or navigation bar which you have created.

Step 1

Create a button or navigation bar as you wish. This is the navigation bar I have created.

Step 2

Now take soft brush of size 60 to 100 px or whatever size suites your navigation bar and foreground color as white. Create a new layer and now click once just above the home tab in your navigation bar. It looks like this.

Step 3

change blending mode of that layer to overlay. This is what the output you get.

Corollary

If you feel that the highlights is too much then reduce the opacity of the highlight layer. I have reduced it to 80%. This is the output I got.

Step 4

Copy the highlight layer above each and every tab. This is what you get.

Corollary

You can use them for decorating the page as well as you can use them as button over state in web designing.
Some more results using this technique.

Delicious
Save

Related posts:

  1. Quick Tip: How to create a different style 3D text in Photoshop
  2. PSD Tutorial: Create a differently shaped navigation bar
  3. Photoshop Tutorial: How to create a planet from scratch
  4. Tutorial: How to create a nebula background business card
  5. Tutorial:Create a stone textured text effect in photoshop


Written by Sipi Sagar

Currently working as a corporate trainer for various international companies and universities or schools that deal with business, design, advertising and media and now have got settled as a permanent faculty at Arena Animation Academy, Koramangala. Also working as a freelancer in web designing for the past 2 years. Specialized in web designing, flash applications and 3d architecture.

Sipi Sagar has written 42 posts on AnimHuT


NETWORK NEWS



468 ad

2 Comments

  1. jp
    Twitter ID:
    says:
    20/06/2010 at 07:07

    hi thanks for the web button

    reply
  2. Nikolai says:
    20/06/2010 at 17:56

    Thanks :)
    But on the black and blue picture I think it would be better if the highllight color is not blue (maybe gray or white) :)

    reply

Leave a Reply

Twitter ID
(ID only. No links or "@" symbols and one time only)