Photoshop Make SMS icon button

Effect Chart:

In fact, a careful look at the effect chart, you will find that the effect chart is composed of five parts, as shown in the following figure:

We only need to draw out five parts to complete the icon. Below enter the procedure:

First, create a new file layer, and then fill in the background and foreground colors, where the foreground color argument is "ecc5c6." Select the "Rounded Rectangle tool" of the toolbox and draw a rounded rectangle with a radius of around 20 or set itself. Adjusts the bevel relief effect and the gradient overlay.

Step two, add a layer style to it after the drawing is finished, and adjust the bevel relief effect and the gradient overlay. As shown in the figure:

Step three, use Pen tool to sketch out the SMS bubble, adjust bevel relief style.

Step four, copy and shrink the SMS bubble, adjust the layer style.

Gradient Overlay Style Modification:

Shadows, Bevel, and Emboss:

Projection Layer Style Modifications:

Step five, with the Ellipse tool, draw 4 small circles, adjust the layer style.

Color overlay:

Step six, and finally add the projection portion of the high light.

The final effect chart is as follows:

Category:

• PS Mouse Painting Tutorial
• PS Icon Production Tutorial