CodeCrunch - http://www.codecrunch.com
Creating Yahoo like smiley
http://www.codecrunch.com/articles/62/1/Creating-Yahoo-like-smiley.html
By tanmay goswami
Published on 06/25/2006
 
In this tutorial, we will learn about creating Yahoo like smiley with easy to follow steps.

Creating Yahoo like smiley
 Set the foreground color to #9F9F9F and draw the circle with the help of Ellipse tool.

Duplicate the layer by pressing Control+J.
Right click on its layer name in layer palate. Select blending options. Choose Gradient Overlay and give the values as shown in the figure.


Also add 2 pixel wide #F0A71F color stroke in it. Your image should look like this.

Change the foreground color to #40080F.
Select Rounded Rectangle tool to draw this shape. Rasterize the layer by right clicking on its name in layer palate and select Rasterize layer.

Remove upper portion of the shape and add 2 pixel wide #FFA53F colored stroke in it.



Creating Yahoo like smiley
Place it as shown in the figure.

Press Control+J to duplicate the layer. Fill it with gradient overlay. Give these value while applying gradient overlay.

Your image should look like this.

Use eraser tool to erase part of the image.
Select high featherd brush and press it once in the middle of the shape. Choose White color for that.

Draw this shape with the help of Rectangle tool.

Apply these gradient setting for filling the shape.




Creating Yahoo like smiley
Rasterize the layer and erase the left portion of the rectangle to have a shape like that.

Change the foreground color to #3F678F and draw a circle with the help of ellipse tool.

Duplicate and place the circle as shown in the figure.

With the help of brush tool, draw a white line as shown in the figure.

Add little shadow below the image by selecting gray color and draw with the help of brush tool. Our smiley is ready :-)