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

Smilies & Emoticons


This tutorial will teach you how to make professional looking smiles & emoticons like these ones

image 1 image 2 image 3

They look very nice if used in msn messenger

Step: 1

First open a new Photoshop document with white background and size 19*19 and create a new layer

Step: 2

Next make a round selection of 19*19px and fill it with a nice yellow(#fdca00)

Step: 3

Then go to blending options > stroke and give it a blake stroke "inside" at 50%

image 4

Step: 4

Now create a new layer under the layer with the yellow and fill it with #ff0000

Step: 5

Next CTRL click the yellow to select it layer and take your gradient tool with a light orange(#ff7200) and use it like this

image 5

Step: 6

Now once again select the yellow layer and go to Blending Options> Inner Glow, use these options

image 6

Step: 7

Now you should have something like this

image 7

Step: 8

Next we have to make the eyes and mouth here is how you do it

Step: 9

Create a new layer and add these colors Mouth: #7f0000, Eye Outline #d2b48c, Eye Color #your choice, I like brown

image 8

Step: 10

Now again ctrl+click the yellow layer and create a new layer on top of everything and take your gradient tool again use white as foreground color and from the top of the smilie to the mid, you should get something like this

image 9

Step: 11

Now here comes the part where you make it nice and flashy

Step: 12

Next create a new layer on top of everything and fill it with any color you like and change the blending mode to color, this is what you get with green

image 10 image 11

Step: 13

Now if the borders look to dark to you then you can leave away the red layout you made under the yellow one

image 12 image 13

Step: 14

Finally animating the smilies it is up to you, I'll write a new tutorial on that later



Author's URL: vXd|Bugz
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 "Smilies & Emoticons"

Only registered users can write comment

No comments yet...