The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Creating Simple Emoticons

Creating Simple Emoticons


1. Create an image, at least 200x200px. Using the 'elipse tool', create a circle (hold shift while making your ellipse to create a perfect circle).

image 1

2. Use the following layer style to give your circle a spherical look (gradient uses colors #3e7647 and #76f007):

image 2

3. Give your circle a 3px black stroke:

image 3

4. We should have this now:

image 4

5. Add the "face" by creating a new text layer, I used Verdana 72pt - use whatever fits your image best. Give it a black color. Type a colon and parentheses, like so - :).

image 5

6. With your text layer selected, choose 'edit-transform-rotate 90 degrees clockwise' from the top menu.

image 6

7. Now select both your shape layer and text layer (in the layers window, ctrl+click each layer to select them both) and from the top menu, choose 'layer-duplicate layers' and move your new copied layers to the right. With your new layers still selected, 'free transform' the layers while holding shift and alt, and drag one of the corner handles inward to make a smaller copy of your smiley. Select the smaller circle we just created and change it's stroke to 1px. Now we also have a 'mini smiley' for use on forums, icons, and other tight spaces where we need it.

Creating Simple Emoticons Tutorial: Final Result

8. It is very easy to change colors and text to make a variety of emoticons - here are 'sad', and 'bored'. Use your imagination to come up with the rest.

image 8



About the Author:

SlickTutorials offers clear and detailed tutorials for Photoshop and Illustrator.

Author's URL: SlickTutorials
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Creating Simple Emoticons"

Only registered users can write comment

No comments yet...