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

Glassy Buttons (Adobe Photoshop) tutorial

Tutorials > Adobe Photoshop > Glassy Buttons
  • Added: Nov 21st, 2004
  • Level: Medium
  • Author: Melfina
  • Program version: 7.0
  • Reads: 15591
  • 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

Get help on this tutorial

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? You can also comment this tutorial or ask for help on its forum topic.

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
  • MySpace layouts

Graphic resources

  • 100x100 Avatars
  • PS and PSP brushes
  • Brush shop *new*
  • 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

  • Aethereality
  • AnimeShare
  • DayDreamGraphics
  • Digik Designs
  • Dragonrain
  • Ego Box
  • Endless Light
  • Magitek Designs
  • Stats & information

File sponsors

  • Moonlit Magick
  • Silent Cross
  • TyL Hosting

My other sites

  • Anime Artbooks
  • BleedingSoul
  • Ragnarok Online
  • Top Ragnarok Online

Vote us

  • BleedingSoul Topsites
  • Cute top 25

Go up
eXTReMe Tracker
  • Valid XHTML
  • Valid CSS
Celestial Star © Melfina 2003-2008. By using this site you agree to our terms of service. Credits: Web designer wall, Bittbox