Christal Blue Glass Button Video tutorial in Photoshop

Video Tutorial

Download Source

To start off with create a new Photoshop document with dimensions of 200 (w) x 70 (h).
Christal Blue Glass Button Video tutorial in Photoshop

Next, create a rounded rectangle with a corner radius of 10 px (default) and rasterize the layer. Open up the layer styles menus and use the following settings:

Christal Blue Glass Button Video tutorial in Photoshop

Christal Blue Glass Button Video tutorial in Photoshop

Christal Blue Glass Button Video tutorial in Photoshop

Done Yet? If so, step on to page to at the buttom! :)
Christal Blue Glass Button Video tutorial in Photoshop

First well you should creat a new layer (CTRL-SHIFT-N) or creat it in the “Layers” window.

Create an oval that covers the top part of the rectangle (around 35%-50% of the rectangle)
Christal Blue Glass Button Video tutorial in Photoshop

For the oval’s layer change the blending mode to Soft Light and the opacity to around 45% (you can also use a soft edged brush to blend the edges of the oval, this has not been done on this example.
Christal Blue Glass Button Video tutorial in Photoshop

Christal Blue Glass Button Video tutorial in Photoshop

You can then add text to the button. Remember to put it under the oval’s layer to have the highlight effect used on the text too. (The text colour cannot be black (#000000) or the effect won’t work, dark grey (#333333) often looks pretty much the same as black anyway.)
Christal Blue Glass Button Video tutorial in Photoshop

To create a reflected text effect, duplicate the text layer and rasterize it. On the same layer hold Ctrl and press ‘T’. With the transform handles around the duplicated layer, right click it and select ‘ Flip Vertical’ and finally move the layer into place below the original text.

Then with the flipped text layer selected add a layer mask, se the screen-shot below on how to do that useing Photoshop CS2.

Christal Blue Glass Button Video tutorial in Photoshop

Then select the gradient tool..
Christal Blue Glass Button Video tutorial in Photoshop

And that’s it, see the finished button below

Via:Christal Blue Glass Button

Download

Download Source Files

You must be logged-in to download. Register Now or Login
Join The Disscussion

Georgio Armani Logo Video Tutorial in Photoshop

Subscribe

RSS Subscribe

Spread A Word

delicious digg technorati stumble lifesaver myspace reddit linkedin live yahoo google

Tags