Chat Icon

Chat Icon
Chat Icon
In the following walk-through tutorial you will learn how to create a chat icon.

Open a new file (File>New) that would have 430×438 px and 100 dpi.
Using the Ellipse Tool (U), try to make the primary layer of the indicator we want to represent next.

Chat Icon

The layer’s parameters:
Blending Options>Drop Shadow

Chat Icon

Blending Options>Inner Glow

Chat Icon

Blending Options>Gradient Overlay

Chat Icon

Gradient’s parameters:

Chat Icon

Blending Options>Stroke

Chat Icon
Chat Icon

Make a copy of the new made layer and move it a little aside, the way it is shown below, applying the Free Transform option. Move off the unnecessary layer’s parameters, placing them on the recycle bin, on the bottom of the layers’ panel, pressing the mouse too. The figure’s color is 88BEFA.

Chat Icon

The layer’s parameters:
Blending Options>Stroke

Chat Icon

Select now the Custom Shape Tool (U) to choose a corresponding cliché from the next table:

Chat Icon

Place it exactly the way it is demonstrated on the picture, turning it over and correcting it with Free Transform option.

Chat Icon

The layer’s parameters:
Blending Options>Drop Shadow

Chat Icon

Blending Options>Outer Glow

Chat Icon

Blending Options>Gradient Overlay

Chat Icon

Gradient’s parameters:

Chat Icon
Chat Icon

Take the Ellipse Tool (U) again to represent a flare on the indicator’s surface, correcting its shape and marking out the necessary top, applying the Convert Point Tool.
Choose next the Free Transform option to place the flare on the upper part.

Chat Icon

The layer’s parameters:
Fill 20% on the layers.
Blending Options>Gradient Overlay

Chat Icon

Gradient’s parameters:

Chat Icon
Chat Icon

Choose the Custom Shape Tool (U) to select again the appropriate figure from next table:

Chat Icon

Turn the figure over and make the corrections on its shape by picking up the Free Transform selection.

Chat Icon

The layer’s parameters:
Blending Options>Drop Shadow

Chat Icon

Blending Options>Inner Glow

Chat Icon

Blending Options>Gradient Overlay

Chat Icon

Gradient’s parameters:

Chat Icon

Blending Options>Stroke

Chat Icon
Chat Icon

Make a copy of the recently made layer and delete those parameters that we don’t need anymore, changing the color on E5E3D6. Move the figure aside, selecting the same Free Transform option.

Chat Icon

The layer’s parameters:
Blending Options>Stroke

Chat Icon

The last step includes creating a flare on the next side of the icon, applying the same Ellipse Tool (U) and moving the lower top the way we did earlier.

Chat Icon

Change the layer’s parameters with those indicated below and Fill 50% on the layers.
Blending Options>Gradient Overlay

Chat Icon

Gradient’s parameters:

Chat Icon
Chat Icon

The icon is finished!