NB – This tutorial is over 4+ years old, but I left it up in case anyone wanted to learn from it or create their own tutorial based on this one. There are tons of these Yahoo smiley tutorials available, and you will find this one still one of the easiest to build upon.
Set the foreground color to #9F9F9F and draw the circle with the help of Ellipse tool.
Duplicate the layer by pressing Control+J, then right click on its layer name in layer palate. Select blending options. Choose Gradient Overlay and give the values as shown in the figure.
Add a 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 an elliptical shape twice the size that you want the smile to be. 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.
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 the 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.
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 🙂