Creating Smiley Emoticons in Adobe Photoshop
This tutorial is about crating various smiley emotions in Photoshop. Let’s start!
1. Create a new document in Photoshop. File—>New. Set the presets to custom and enter the below width, height and resolution.
2. Select the ellipse tool from the toolbar.
3. Draw a circle. Fill the circle with (#e7c948) from the option bar. Rename this shape layer to ‘smiley’.
4. Give the circle layer-style by clicking on fx at the bottom of the layers-palette. Select inner-shadow.
5. Set the settings according to the below snapshot.
6. Click on inner-glow from the left window and set the values according to the snapshot.
7. Select the gradient-overlay and set these values:
8. The circle will now look like this:
9. Select the random-shape tool. Select the crescent-moon from the presets and draw one over the smiley.
10. Right-click on the layer thumbnail and click on rasterize layer
11. Press & hold Ctrl and click on the layer thumbnail. It will select the selection. Click on the layer mask icon at the bottom of the layer-palette so as to create the layer mask of the selection.
12. Double click on the layer-mask thumbnail and set the value for feather in the properties panel.
13. Now, click on fx button to give this layer some style.
14. Set the settings of inner-glow as below:
15. Now, select gradient-overlay from the left window-pane and set the values as below:
16. The smiley will now look like this:
17. Right-click on this layer in the layer panel and select create-clipping mask. It will clip this mask to the circle-shaped layer below.
18. Give this clipping layer drop-shadow style. Click on fx at the bottom of the layers palette and click on drop-shadow and set the following properties:
19. Press ‘Ctrl Shift N’ to create a new-layer. Press and hold Ctrl and click on the original circle layer. It will select the original circle. Now select the new layer. Grab the paint-bucket tool from the toolbar. Set the foreground color to red and click on the selection made. It will fill the selection with red color.
20. Now turn its fill value to 0%.
21. Click on fx to give the inner shadow to this layer.
22. Press ‘Ctrl J’ to duplicate this layer. Click on fx again to give the inner shadow. Change the angle to 00. Again duplicate this layer and change the properties of inner-shadow as shown below:
23. Select the thumbnail of all three layers with effects on it i.e. layer-3,4,&4-copy and press ‘Ctrl G’ to group these layers. The smiley will now be looking like this:
24. Now, press ‘Ctrl Shift N’ to create a new layer. Rename this layer to ‘mouth’. Select the ellipse tool from the toolbar and draw a circle on this new layer. It should be inside the smiley.
25. Now, select a rectangular marquee tool and draw a rectangle over the lower half of the circle.
26. Click on the layer masks icon to mask the rest of the content of the circle.
27. Rasterize the layer by right-clicking on its thumbnail. Again right-click on the layer-mask thumbnail and click on the apply-layer-mask. Press ‘Ctrl T’ to transform the half-circle in the best possible mouth.
28. Click on fx to give the layer-styles to the mouth. Select drop-shadow. Apply the below settings.
29. Now, select inner-shadow from the left styles-window and apply the below settings:
30. Then, click on stroke from the left window, and apply these settings:
31. Press ‘Ctrl J’ to duplicate this layer. Lower the fill to 0%.
32. Replace the styles with the below ones. First change the settings of inner-shadow and then, uncheck the rest of the styles.
33. Press ‘Ctrl Shift N’ to create a new-layer. Press and hold Ctrl and click on mouth layer-thumbnail to select the mouth. Make sure to remain on the thumbnail of the new-layer. Right-click on the mouth (on canvas), click on make-work-path.
34. A small dialog-box will open. Click ok.
35. Select a 20px-soft brush from the toolbar. Switch to paths-tab. Right-click on the path and click on stroke-path. Select the brush-tool. Click ok.
36. Lower the fill and opacity to 0% and 55%.
37. Select the drop-shadow layer style and set the following settings:
38. Give the below inner-shadow settings.
39. The smiley will now look like this:
40. Select the eclipse tool from the toolbar and draw 2 overlapping circles for eyes.
41. Give the drop-shadow style to the circles.
42. Also, give the inner shadow style:
43. Give bevel & emboss style:
44. Press ‘Alt’ and drag the effect of this ellipse to the other ellipse layer. This will copy the effect to the two layers. In order to merge the two eyes, select both ellipses thumbnails, right click on the selection, and click on merge-layers.
45. Using the eclipse tool, draw another smaller circle inside the white circle. Change the fill color to #3496bb.
46. Apply the inner-shadow effect to this new circle.
47. Then, apply gradient-overlay effect.
48. Select the custom-shape tool. Right-click on the canvas and select registration-target2.
49. Draw it on canvas. Set the fill color to black.
50. Change its blend-mode to soft-light. Lower the fill value to 35%.
51. Clip this shape to the little blue circle of the eye (right-click on the thumbnail and click on create-clipping-mask)
52. Select the eclipse tool and draw one relatively big circle (black) and two small white circles.
53. Group these layers by selecting all ellipses layers and pressing ‘Ctrl G’. Press ‘Ctrl J’ to duplicate the group. Use the move tool to move this new group to the other eye.
54. Add shadow under the face. Select the background layer and ellipse tool. Draw a circle with back as a fill color.
55. Go to filter-tab from the menu. Roll over the mouse on blur and select ‘Gaussian blur’.
56. Set the value to 4-5 px. Lower the opacity to 30%.
57. Move this layer below the circle layer. Press ‘Ctrl T’ to reset the size so as it appears like a shadow of the face.
58. Viola! A smiley is ready.