• Link us
  • Links
  • TOS
  • Site
  • Gallery
  • Forum
Subscribe

Glassy Buttons - Adobe Photoshop tutorial

Tutorials > Adobe Photoshop tutorials > Glassy Buttons
  • Added: Nov 21st, 2004
  • Level: Medium
  • Author: Melfina
  • Program version: 7.0
  • Reads: 21,925
  • Description: How to create the nifty glassy buttons I used for version 15.0 of CS
Bookmark Digg del.icio.us

E-mail to a friend

View printable version


First of all, make a new file with this settings:
Width: 100px
Height: 100px
Background: Transparent

Pick a color of your choice and take the Elipse tool. Make a circle on the middle of the canvas like the one below.

Take the magic want tool (Tolerance: 0 / Select Antialiased) and select the circle you've just done. Create a new layer and with a 65px soft brush (with the same color as the circle) click on the lower part of the circle, like it's shown on the picture.

Change the blending mode of this last layer to color dodge. Take the Eliptical marquee tool and make a selection on the upper part of the circle as shown below.

Make a new layer. Take the gradient tool with this settings:

And apply it from the top to the bottom like this:

You can lower the highlight's opacity if you want, that's up to you. All done! Now you can use it where you want. My result is below.


If you like this tutorial why not digg it or add to del.icio.us?

Tutorial © Melfina. Do not reproduce in any way without previous permission from the author.

  • Members login
  • Register for free

Web layouts

  • Web layouts
  • Aardvark Topsites skins
  • SMF Themes
  • Wordpress Themes

Graphic resources

  • 100x100 Avatars
  • PS and PSP brushes
  • Brush shop
  • Background patterns
  • Web icons and smilies
  • Textures
  • Renders (PNG)

Tutorials

  • Newest tutorials
  • Adobe Photoshop
  • CSS
  • Designs / Layouts
  • HTML & XHTML
  • Miscellaneous
  • Paint Shop Pro
  • PHP & MySQL

Affiliates

  • Ego Box
  • The Jaded Network

Partners

Celestial Star © Melfina 2003-2010. By using this site you agree to our terms of service
Layout credits: Hybrid Genesis, Bittbox, swe3ty
Valid XHTML | Valid CSS | Top of the page