This Photoshop tutorial will explain how to make a web 2.0 glossy logo or icon if you like. I tried to keep it as simple as possible. If you have any questions post them in the comments below.
I am starting with a 400×300 px white canvas. Draw your basic shape. I have started with a custom shape from Photoshop’s presets.
Step 1
Fill the shape with a nice orange color (I am using #ff6600)
Step 2
Apply Bevel and Emboss to the layer using the following values :
Structure
Shading
Step 3
Stoke the layer with an orange color 3 pixels in size (I am using the same orange as the fill : #ff6600)
Step 4
Apply an inner glow, size 40px.
Step 5
Create a new top layer and using the Elliptical Marquee Tool create an oval over the top of the original shape layer. Fill this layer with gradient from white to transparent (white at the bottom, transparent at the top). Give this layer a 50% opacity. You may rotate this layer so it will look cooler.
Step 6
Make another top layer and using the Elliptical Marquee Tool create an oval over the bottom of the original shape layer. Fill this layer with gradient from black to transparent (black at the top, transparent at the bottom). Give this layer a 80% opacity and a soft light or a hard mix blend.
Step 7
Now to create a nice mirror effect we’ll move all the layers to the top of the canvas and duplicate the original shape layer. Flip Vertical the clone of the shape layer and align it so it touches the bottom of the original shape layer.
Step 8
Add a new layer and using the Rectangular marquee tool make a selection starting at the bottom of the original shape layer like in the image below. Apply to this layer a gradient from white at the bottom to transparent at the top.
Step 9
Add some nice text using a good typeface and you’re set.
You might also like these similar articles:
 |
 |
 |
 |
 |
 |
 |
 |
User Links Friends We recommend Sponsor
by 
February 8, 2008 at 3:10 pm
Classy Tutorial Mate!
February 8, 2008 at 3:25 pm
Nice tutorial.
February 8, 2008 at 3:59 pm
Thanks, Andi. Glad you enjoyed it.
February 13, 2008 at 5:03 pm
Thanks for this.
February 21, 2008 at 6:22 pm
wow thanks for this. nice.
March 12, 2008 at 11:27 pm
gd stuff!
thought i was the only one that didnt use AI for logo’s 100% of the time.
June 27, 2008 at 9:12 pm
I’m looking for the same but with a wave shape on a hole word (text) can you tell me how to do that in photoshop ?
thanks a lot !
June 27, 2008 at 10:02 pm
Not sure what you refer when saying wave shape, but if it’s what I’m thinking you can do it with text shapes.
July 19, 2008 at 3:00 pm
very nice logo
December 9, 2008 at 8:46 am
wow thanks for this.
keep work.
December 18, 2008 at 10:29 am
Simple but useful
February 2, 2009 at 4:38 am
I followed your steps.. They are really good one.. Hope to see more tips on photoshop..
April 28, 2009 at 1:03 am
This is quite a good and helpful tutorial for Photoshop. I’d also recommend anyone interested by logo design to check out this page:
http://www.logobee.com/logo-design-tutorial/tutorial.htm
Which shows how to obtain a couple of nice effects, in Illustrator though.
May 3, 2009 at 6:20 am
this is really helpfull
October 14, 2009 at 1:47 pm
Good steps and helped me a lot .To know more about the steps please check out the link below ,may be of some help.
http://www.alogodesigncompany.com/