Photoshop Icons

Thursday, October 23, 2008

Angry Emoticon in Photoshop

Learn about special effects while converting an ordinary orb into a fantasy art piece in this Adobe Photoshop tutorial.

Let’s create a new file, having 1024x768 px and 72 dpi which must be processed with the Paint Bucket Tool (G)

Paint Bucket Tool (G). "" The Paint Bucket tool fills adjacent pixels that are similar in color value to the pixels you click.'); return false">Paint Bucket Tool (G)
and the color #BBC2BB

Create Angry Emoticon in Photoshop CS3

Next we shall select the Rectangle Tool (U) to represent the next demonstrated element:

Create Angry Emoticon in Photoshop CS3

Set the next parameters for the last made layer by clicking on this layer on the layers’ panel. Fill 0%
Blending Options>Gradient Overlay

Create Angry Emoticon in Photoshop CS3

Gradient’s parameters:

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Make a copy of the last created layer, setting different parameters for the new copy – layer. Fill 0%
Blending Options>Gradient Overlay


Create Angry Emoticon in Photoshop CS3

Gradient’s parameters:

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Use now the Ellipse Tool (U)

Ellipse Tool (U). "" Use the ellipse tool to draw ovals and circles. To draw a circle, hold down the Shift key while dragging. Double-click the ellipse tool to open the Color inspector.'); return false">Ellipse Tool (U)
to draw the basis for the rounded element’s body, so called emoticon. The layer’s color is #3464AE

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3 The layer’s parameters: Blending Options>Inner Shadow

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Use the same tool for representing the highlight on this figure, colored with #8AD5FF

Create Angry Emoticon in Photoshop CS3

The layer’s parameters: Fill 50%
Blending Options>Inner Glow

Create Angry Emoticon in Photoshop CS3

Blending Options>Stroke

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Press Alt button and then make a mouse click between the highlight’s layers and the emoticon’s layer (on the layers’ panel).

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Make a copy of the highlight’s layer and choose after that the Free Transform option to place the copy the way demonstrated below:

Create Angry Emoticon in Photoshop CS3

Press Alt button as we did earlier, making simultaneously a mouse click between the layers (on the layers’ panel).

Create Angry Emoticon in Photoshop CS3
Create Angry Emoticon in Photoshop CS3

The layer’s parameters: Blending mode-Color Burn

Create Angry Emoticon in Photoshop CS3

Select again the known instrument – the Ellipse Tool (U)

Ellipse Tool (U). "" Use the ellipse tool to draw ovals and circles. To draw a circle, hold down the Shift key while dragging. Double-click the ellipse tool to open the Color inspector.'); return false">Ellipse Tool (U)
to draw the next highlight on the rounded element.

Create Angry Emoticon in Photoshop CS3

The layer’s parameters: Fill 0%
Blending mode-Soft Light
Blending Options>Gradient Overlay

Create Angry Emoticon in Photoshop CS3

Gradient’s parameters:

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Using the same instrument, try to draw the next highlight for our picture.

Create Angry Emoticon in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Gradient Overlay

Create Angry Emoticon in Photoshop CS3

Gradient’s parameters:

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3Selecting the same Ellipse Tool (U)

Ellipse Tool (U). "" Use the ellipse tool to draw ovals and circles. To draw a circle, hold down the Shift key while dragging. Double-click the ellipse tool to open the Color inspector.'); return false">Ellipse Tool (U)
, it’s possible to represent one more highlight of white color.

Create Angry Emoticon in Photoshop CS3

The layer’s parameters: Fill 10%
Blending mode-Hard Mix

Create Angry Emoticon in Photoshop CS3

Next we have to make the eye for the emoticon, applying the well – known Ellipse Tool (U).

Create Angry Emoticon in Photoshop CS3

The layer’s parameters: Blending Options>Outer Glow

Create Angry Emoticon in Photoshop CS3

Blending Options>Gradient Overlay

Create Angry Emoticon in Photoshop CS3

Gradient’s parameters:

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Make a copy of the last represented layer and choose Free Transform option to place the copied layer the same way shown below, changing also the parameter for the new layer.
Blending Options>Gradient Overlay

Create Angry Emoticon in Photoshop CS3

Gradient’s parameters:

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3 Select again the Ellipse Tool (U)

Ellipse Tool (U). "" Use the ellipse tool to draw ovals and circles. To draw a circle, hold down the Shift key while dragging. Double-click the ellipse tool to open the Color inspector.'); return false">Ellipse Tool (U)
and continue drawing the emoticon’s eye. The layer is of white color this time.

Create Angry Emoticon in Photoshop CS3

The layer’s parameters: Blending Options>Inner Glow

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Select the previous instrument to draw the next layer belonging to the eye. The layer has this color - #DCDCDC

Create Angry Emoticon in Photoshop CS3

Applying the Ellipse Tool (U), it’s possible to draw the pupil of the eye of black color.

Create Angry Emoticon in Photoshop CS3

Getting the final result is possible when combining those three layers of the left eye in a single group (press CTRL button for marking out the appropriate buttons and then hold on the left mouse’s button to take the marked layers on Create a new group option). Make a copy of this new made group and choose Free Transform option for situating the copy on our emoticon’s right side.

Create Angry Emoticon in Photoshop CS3

Pass to represent the left nose’s nostril, applying the same Ellipse Tool (U).

Create Angry Emoticon in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create Angry Emoticon in Photoshop CS3

Gradient’s parameters:

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3 Applying the previous tool, try to create the next layer, belonging to the nostril.

Create Angry Emoticon in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create Angry Emoticon in Photoshop CS3

Gradient’s parameters:

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Combine in a group all the layers composing the nostril (it’s necessary firstly to press Ctrl button for choosing the appropriate layers and then hold on the left mouse’s button to move down the marked layers on Create a new group solution). Make a copy of the new made group and choose Free Transform option to place the copy as it is indicated next image:

Create Angry Emoticon in Photoshop CS3

It’s time to use the Ellipse Tool (U)

Ellipse Tool (U). "" Use the ellipse tool to draw ovals and circles. To draw a circle, hold down the Shift key while dragging. Double-click the ellipse tool to open the Color inspector.'); return false">Ellipse Tool (U)
to draw the emoticon’s mouth. For the beginning we’ll draw the element’s basis and then press Alt button while using the same tool, to cut out the unnecessary elements. The layer’s color is black.

Create Angry Emoticon in Photoshop CS3

The layer’s parameters: Blending Options>Bevel and Emboss

Create Angry Emoticon in Photoshop CS3

Blending Options>Stroke

Create Angry Emoticon in Photoshop CS3

Gradient’s parameters:

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3 Create a new layer and use on it a standard brush (Brush Tool (B)

Brush Tool (B). "" The brush tool is used for making good backgrounds and also on new layers they have different types so that you get a different effect with every brush you use.'); return false">Brush Tool (B)
) with the color #626469 for drawing the teeth.

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Press Alt button and make a mouse click between the teeth’ layers and the mouth’s one (on the layers’ panel).

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Using the Ellipse Tool (U)

Ellipse Tool (U). "" Use the ellipse tool to draw ovals and circles. To draw a circle, hold down the Shift key while dragging. Double-click the ellipse tool to open the Color inspector.'); return false">Ellipse Tool (U)
, we’ll try representing the emoticon’s hand. It’s necessary to create firstly the basis of the element we want to draw and then press Alt button when using simultaneously the same tool, to cut out the unnecessary elements of the hand. The layer is of the color #5E9CD7

Create Angry Emoticon in Photoshop CS3

The layer’s parameters: Blending Options>Inner Shadow

Create Angry Emoticon in Photoshop CS3

Blending Options>Inner Glow

Create Angry Emoticon in Photoshop CS3

Blending Options>Bevel and Emboss

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Make a copy of the last made layer and select the Free Transform option to turn it around and place it as the picture from below indicates it. We have to change also the parameters for the copy – layers.
Blending Options>Inner Shadow

Create Angry Emoticon in Photoshop CS3 Blending Options>Gradient Overlay

Create Angry Emoticon in Photoshop CS3

Gradient’s parameters:

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Next we shall draw the emoticon’s legs. In this case we’ll take the same Ellipse Tool (U)

Ellipse Tool (U). "" Use the ellipse tool to draw ovals and circles. To draw a circle, hold down the Shift key while dragging. Double-click the ellipse tool to open the Color inspector.'); return false">Ellipse Tool (U)
, represent the primary layer and then press Alt button to cut out that part demonstrated below, applying simultaneously the mentioned above tool. Next using the Rectangle Tool (U) and keeping pressed Alt button, we’ll cut out one more part from the bottom, as it is indicated on the next image. The layer has this color - #5A93C8

Create Angry Emoticon in Photoshop CS3

The layer’s parameters: Blending Options>Inner Glow

Create Angry Emoticon in Photoshop CS3

Blending Options>Bevel and Emboss

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Make a copy of the leg’s layer and choose then Free Transform option to turn around the copy, placing it the same way shown below and changing the parameters for the copy – layer with those demonstrated next table: Blending Options>Bevel and Emboss

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

Create Angry Emoticon in Photoshop CS3

The emoticon is finished!