Creating Glass Balls

Monday, August 25 2008

Web 2.0 has brought us many things, not least the glossy, glass-looking graphics that are so very popular right now. This tutorial will show you how to recreate the popular Web 2.0 look of glossy glass; you will learn how to create glass balls.

We start with a blank white canvas, and then use the Elliptical Marquee Selection tool to create a perfect circle selection (Hold SHIFT while sizing). Once we have our circle, we will want a new layer and to fill in with whatever color we want - we will be changing this through Layer Styles anyway.
So once we have our solid colored circle, open up the Layer Styles for the layer, and choose Gradient Overlay. Choose a Radial gradient you like, with White as the center and a color around the edges, like so (you may need/want to increase the scale of the gradient slightly):

Once we have this, we will want to create a new layer, and then choose the gradient tool. Select a Linear Gradient and we want White to Transparent:

Now fill the selection in with this gradient, from top to bottom, on the new layer. We want it to fade from White (top) to transparent (bottom). It should look something like this:

Next, goto Edit > Transform > Scale, and resize to something like this:

We may then want to reduce the opacity of this new layer, and perhaps even blur a little (Filter > Blur > Gaussian Blur). If we choose to do this, it may look like this:

To complete the look, we may want to add some text and/or a shadow:

We added the text and then Ctrl-clicked the ball, then added a Filter > Distort > Spherize to it.
To add the shadow, we duplicated the ball layer, moved it beneath, removed all layer styles and went to Edit > Transform > Distort. We also blurred it and reduced the opacity.

Download Project Source - Enter your Email to be emailed a link to download the Full Source Project used in this Tutorial!



100% SPAM FREE! We will never sell or rent your email address!
 

Guys, please take a look at Server Intellect for Windows Web Hosting. I'm very pleased. You will be too. Take a look and see for yourself!

Comments

Arif Khan Koloth said on 10/24/2008 at 4:56 AM

i can create it, thanks


Suzuki said on 01/06/2009 at 6:33 AM

Thank you.Very nice and simple.


m65 field jacket said on 02/28/2010 at 3:44 AM

good read thanks for the share


kamagra said on 02/28/2010 at 3:44 AM

thanks


Wedding Gowns said on 03/10/2010 at 11:32 PM

Good post....thanks for sharing.. very useful for me i will bookmark this for my future needed. thanks for a great source.


Links of London Jewellery said on 04/06/2010 at 10:08 PM

I decided it was time to confront myself.That night at home,I took off all my clothes and had a long look at the woman in the mirror.She was androgynous.Take my face - without makeup,it was a cute young boy‘s face.My shoulder muscles,arms and hands were powerful and muscular from the crutches.I had no breasts; instead,there were two prominent scars on my chest.I had a sexy flat stomach,a bubble butt and a well-developed thigh from years of ski racing.My right leg ended in another long scar just above the knee.


flv to dvd converter said on 04/12/2010 at 3:50 AM

good read thanks for the share


Abercrombie said on 04/25/2010 at 11:43 PM

I had a sexy flat stomach,a bubble butt and a well-developed thigh from years of ski racing.My right leg ended in another long scar just above the knee.

--------------------------------------------------------------------------------


640-816 said on 05/05/2010 at 8:58 PM

<a href="http://www.pass4sure.org/Cisco/640-816.html">640-816</a>

<a href="http://www.pass4sure.org/Cisco/640-822.html">640-822</a>


birkenstock said on 05/22/2010 at 1:24 AM

Birkenstock is a German brand of sandals and other shoes, notable for their contoured cork and rubber footbeds which conform somewhat to the shape of their wearers' feet. Birkenstock shoes have deep heel cup to ensure proper weght distribution and foot alignment. You can wear Birkenstock sandals to everywhere you want to. Latest Birkenstocks are on nearly 50% discount in www.digdig-birkenstock.com . Free shipping worldwide!

www.digdig-birkenstock.com birkenstock shoes

www.digdig-birkenstock.com birkenstock

www.digdig-birkenstock.com birkenstock sandals

www.digdig-birkenstock.com birkenstocks

www.digdig-birkenstock.com birkenstock gizeh


adidas outlet said on 05/24/2010 at 10:05 PM

In America many people have a romantic idea of life in the countryside. adidas shoes


ed hardy said on 06/01/2010 at 10:09 PM

a romantic idea of life in the countryside. adidas shoes


tiffany said on 06/03/2010 at 2:12 AM

This is a good post, I stumbled across your article while .

Thanks for sharing, I’ll be sure to recommend this site to others.


juicy couture shirt said on 06/03/2010 at 4:44 AM

We want it to fade from White (top) to transparent (bottom). It should look something like this:


Nike Air Jordan said on 06/08/2010 at 11:59 AM

thanks


uggs boots on sale said on 06/19/2010 at 1:22 AM

great post

i like it

http://www.sellnikesbs.com


hollister uk said on 07/07/2010 at 11:09 PM

You may notice that the edges of the fireball are a little rough


coach outlet said on 07/13/2010 at 1:57 AM

Great post!


lace wig said on 07/13/2010 at 3:55 AM

We want it to fade from White (top) to transparent (bottom).


discount tiffany earrings said on 07/16/2010 at 1:45 AM

I like this site, starting from the base


plus size wedding dresses said on 07/19/2010 at 11:05 PM

nice tips, i love your blog


ghd hair straighteners said on 07/21/2010 at 3:54 AM

i believe you are a good writer, but have you erver thought to write some special artcals for peopel who likes shopping very much. for exaple, the article about[url=http://www.bestlvbags.com/]louis vuitton bag[/url] or[url=http://www.vibramfivefinger.us/]vibram shoes[/url],


gucci bags said on 07/26/2010 at 6:00 AM

<a href="http://www.guccicn.net" title="gucci bags"><strong>gucci bags</strong></a>

<a href="http://www.guccicn.net" title="gucci bag"><strong>gucci bag</strong></a>

<a href="http://www.guccicn.net" title="gucci handbags"><strong>gucci handbags</strong></a>

<a href="http://www.guccicn.net" title="gucci handbag"><strong>gucci handbag</strong></a>

<a href="http://www.guccicn.net" title="discount gucci handbags"><strong>discount gucci handbags</strong></a>


gucci bags said on 07/26/2010 at 9:47 PM

thank you


Abercrombie fitch outlet said on 07/29/2010 at 5:28 AM

thanks for letttin me know how to do dis i appreciate it

I love your site and the article is useful!


Leave a Comment