Photoshop Tutorials

Home About Contact

Glossy Button

In this tutorial, i'll show you how to make a simple button to use on your navigation and homepages. .

Glossy Button

Description: In this tutorial, i'll show you how to make a simple button to use on your navigation and homepages. You dont have to follow my instructions exactly, experiment with other settings and you may come up with something more spectacular.
Start with a white background, then use the elliptical marquee tool to create an oval shape.
Set the foreground colour to Blue (I used #1A85D7) and Background ( I Used #1954AB) to Dark Blue then use the gradient tool to fill the selection from top to bottom using the foreground and background..

Create a new layer then go to "SELECT > MODIFY>CONTRACT" then enter 2. Click ok.

Go to SELECT>Feather and enter 1 then Click OK.

Select the Brush tool and choose a 15 Pixel Hard Brush. Now open the Brush Dynamics pallete (by click the icon on the top bar. Select "Other Dynamics" Set as follows:
Opacity Jitter=0, Control = Fade and enter 20 into the box next to it. (CLICK TO VIEW).

Set the Foreground color to #89C9FB then while holding down the shift key, use the brush tool paint from left of selection to right. It should fade out like the screenshot on the left.

 

Hit CTRL+D to deselect. now add a dropshadow to the first layer by double clicking on it or go to LAYER>LAYER STYLE>DROP SHADOW

Your image should now look like this (left).`

You can add any text with any effects to the button. I just add a simple text with a drop shadow.

You can turn this button into some cool shape buttons by applying the distort filter to it. But first, link all layers (except the background) together then hit CTRL+E to merge the layers, or go to LAYER>MERGED LINKED.



Now go to Filter>Distort and play with some of the filters, works best with Wave, Twirl, Ripple and ZigZag.

Like this tutorial? Share it


"Make your success certain by joining our incredible PMI-001 training courses and 70-432 questions for practice. Also get our best multiple domain hosting for study. Get your australian info about online gambling today. "

User Comments

gucci outlet Oct/15/2011 18:23Jordan 1 Images provided Air Jordan 4 by the hospital operating room Air Jordan XI That money and count it? abandoned Jordan 13 Jordan 2 bab...
alper Apr/04/2011 09:48gooodwork
Free PSD Tutorials Jan/11/2011 00:32thank you nice tutorial :)
ugg store Sep/16/2010 12:45 Are you planning to buy a pair of UGG boots bailey button? As you know that bailey button ugg boots on sale are renowned for their quality and comfort, but these UGG boots on sale uk is a blend of style, glamor, quality and comfort forever. Without thinking much you can use theseUGG boots classic tall in the freezing, as they protect your feet dry and warm. classic tall ugg boots on sale will make your feet feel comfortable and do not get cold. Excellent news for you now, We’ ve got fantastic shoe clearance sales on classic cardy ugg boots on sale,especially uggs clearance sale shoes, shop the shoe clearance sales before they’re over! One of ugg hot selling styles, the UGG boots classic cardy small sale a calf height boot features genuine twin-face sheepskin and our signature woven mark. All boots in our Classic Collection feature a soft foam insole covered with genuine sheepskin and have a molded EVA light and flexible outsole designed for incredible comfort with every step. The ugg sale is a key item in any woman’s wardrobe. It can be worn with jeans, skirts, and leggings, to name but a few! Slip into the Classic Small boot and feel UGG Australia luxury. The ugg bailey button boots on sale will keep your feet cosy and warm in cold temperatures and at a comfortable level when the sun is bright – That is why UGG boots classic cardy can be worn in warmer weather and your feet wont get all hot and sweaty! Now you can wear your new season Ugg Cardy in season.
manuvendhan Feb/28/2010 22:20very good
shameed Jun/16/09 23:20nice idea man
snoW Apr/21/09 23:44Yeah it's Good , I'll use this tutorial thank you
http://www.tuties.com - hacking, sex, photoshop, f Oct/15/08 16:11http://www.tuties.com - hacking, sex, photoshop, flash and much more tutorials.
DIEGO Aug/17/08 12:20PUTA QUE BOSTA RIDICULA CARA!
chacha@yahoo.com May/23/08 05:15visit www.neeshu.com for great graphics stuff
Mahabub Apr/7/08 19:13so useful...
chankey Feb/17/08 18:02chutia one
Habib Feb/11/08 22:14Very Nice!
israr Nov/8/07 20:47very nice tutorial
tawniteamo Jun/26/07 18:42thanks, I will use this to create icons for my PSP
MANISH JAIN Jun/13/07 21:56It's good.
ssouem Apr/13/07 13:30vv good
kamal Apr/5/07 19:20good glossy button
ravi Mar/13/07 08:36thank you it was useful
Valdete Dec/27/06 04:21Perfect
Koen Dec/12/06 11:23Looks nice, but what am I doing wrong, as I can not render the final image?
Developer Oct/8/06 18:51you are good dreamer :)
pankaj patel Aug/18/06 07:30It's good
kittu Jun/1/06 08:26Mishra sir pagal hone wale hai.
RoXzer_ Mar/28/06 15:04Nice ;P
See 26 - 50 of 52 comments

Leave A Comment

Your Comment:
Your Name:
Your Email:
Your Website: (optional)
ecover design tutorial tutorial tutorial
FakeAZine

\