Published on 01/27/2007

Creating Emoticon
See how to create this cool emoticon.

Creating Emoticon - part 1

Create a new file having 400x400 px and 72 dpi.
Using the next tool

, try to draw a wing’s silhouette.

Creating emoticon in Photoshop CS

Fill 0% on the layers:
Blending Options-Gradient Overlay

Creating emoticon in Photoshop CS

Gradient’s parameters:

Creating emoticon in Photoshop CS

Blending Options-Stroke

Creating emoticon in Photoshop CS

Creating Emoticon - part 2

Make a copy of the new made layer and then apply the Free Transform option to turn it around on 180 degrees. Select after that another tool shown here

and make the shown changes below in the picture. Place everything the same way it is demonstrated below.

Creating emoticon in Photoshop CS

Select the previous instrument

to draw a silhouette of a hand now.

Creating emoticon in Photoshop CS

Blending Options-Gradient Overlay

Creating emoticon in Photoshop CS

Gradient’s parameters:

Creating emoticon in Photoshop CS

Blending Options-Stroke

Creating emoticon in Photoshop CS

Take another tool

and represent an ellipse:

Creating emoticon in Photoshop CS

Creating Emoticon - part 3

Blending Options-Inner Shadow

Creating emoticon in Photoshop CS

Blending Options-Inner Glow

Creating emoticon in Photoshop CS

Blending Options-Bevel and Emboss

Creating emoticon in Photoshop CS

Blending Options-Gradient Overlay

Creating emoticon in Photoshop CS

Gradient’s parameters:

Creating emoticon in Photoshop CS

Blending Options-Stroke

Creating emoticon in Photoshop CS

Creating Emoticon - part 4

Selecting the same instrument, try to represent the lowest layer of the eye to be. Paint it in white color.

Creating emoticon in Photoshop CS

Blending Options-Inner Shadow

Creating emoticon in Photoshop CS

Take the next instrument

and represent the eye’s pupil.

Creating emoticon in Photoshop CS

When taking the following tool

, it’s possible to draw a flare inside the eye.

Creating emoticon in Photoshop CS

Blending Options-Gradient Overlay

Creating emoticon in Photoshop CS

Creating Emoticon - part 5

Gradient’ s parameters:

Creating emoticon in Photoshop CS

We should merge down all the layers composing the eye in a group now.
Make a copy of this group and apply Free Transform selection to increase it a little.
Place the eye’s pupil and the flare in the central part like it is demonstrated in the picture from below:

Creating emoticon in Photoshop CS

Select the next tool

to draw the silhouette of the other hand.

Creating emoticon in Photoshop CS

Blending Options-Drop Shadow

Creating emoticon in Photoshop CS

Blending Options-Gradient Overlay

Creating emoticon in Photoshop CS

Creating Emoticon - part 6

Gradient’s parameters:

Creating emoticon in Photoshop CS

Select the used before instrument

and draw a circle.

Creating emoticon in Photoshop CS

Blending Options-Inner Shadow

Creating emoticon in Photoshop CS

Blending Options-Bevel and Emboss

Creating emoticon in Photoshop CS

Blending Options-Gradient Overlay

Creating emoticon in Photoshop CS

Creating Emoticon - part 7

Gradient’s parameters:

Creating emoticon in Photoshop CS

Blending Options-Stroke

Creating emoticon in Photoshop CS

Make a copy of the new made layer and make use of the Free Transform option to increase it a little and place it the way you may see below.

Creating emoticon in Photoshop CS

Using the last instrument, it’s possible to draw one more circle.

Creating emoticon in Photoshop CS

Blending Options-Gradient Overlay

Creating emoticon in Photoshop CS

Gradient’s parameters:

Creating emoticon in Photoshop CS

Creating Emoticon - part 8

Blending Options-Stroke

Creating emoticon in Photoshop CS

Make a copy of the new represented layer and make use again of the Free Transform option to minimize it a little and place it the way you may see below:

Creating emoticon in Photoshop CS

Select the next instrument

and create an ellipse colored in this shown color – FFFFD1.

Creating emoticon in Photoshop CS

Blending Options-Stroke

Creating emoticon in Photoshop CS

Make two copies of this new made layer and apply again Free Transform option to make the changes in the ellipses’ sizes. Place everything the same way it is demonstrated here:

Creating emoticon in Photoshop CS

For your convenience, now we should merge down all the layers containing those three recently made ellipses in a group.
Make a copy of this group and use Free Transform option to minimize it a little and place it the same way it is shown here.

Creating emoticon in Photoshop CS

The final result is this one!