Photoshop Icons - How to Create a Blue Glass Mail Icon

For Beginners and the Advance Photoshop Users

In this Photoshop Tutorial I am going to show you how to create a Blue Glass Mail Icon. You see these icons often on the web. This is a blue glass rounded square with a white envelope on it. You can make this icon any size that you
 want. There are two parts to this Photoshop icon. First, we will make the blue glass square. Then we will make the envelope. If you are a beginner to Photoshop, the first part of this tutorial is for you. I will write the first part step by step and explain each step. I will write the second part for the advance Photoshop users. So if you are an advance user, please skip to the advance part of this tutorial.

How to Create a Blue Glass Mail Icon in Photoshop for Beginners

Open your Photoshop program and let it load.

Next, create a new canvas by clicking File > New at the top of your Photoshop window. Create your canvas 200 pixels by 200 pixels. Set your background to white and click OK.

The next step is to create a new layer by clicking Layer > New > Layer. Name the new layer Icon Background and click OK.

Then select the Rounded Rectangle Tool from your toolbar. Set the Radius at the top of your Photoshop window to 10px.

Draw the rounded rectangle on your canvas about the size of the one I have in my image. You can size the icon down if needed at the end.

Now you will need to Rasterize your Icon Background Layer. Right click on your Icon Background Layer in your Layers Panel and click Rasterize Layer.

Right click on your Icon Background Layer again and click Blending Options from the pop up menu. Apply the following effects in the Blending Options window to create your glass square.

Inner Shadow

Blend Mode - Multiply
Color - 319099
Opacity - 85%
Angle - 90
Distance - 11
Choke - 26
Size - 21
Contour - Linear
Anti-aliased - Unchecked
Noise - 0

Inner Glow

Blend Mode - Multiply
Opacity - 50%
Noise - 0
Color - # 00585e
Technique - Softer
Source - Edge
Choke - 0
Size - 8
Contour - Linear
Anti-aliased - Unchecked
Range -50
Jitter -0

Bevel and Emboss

Related information
  • You see these icons often on the web.
  • This is a blue glass rounded square with a white envelope on it.
  • You can make this icon any size that you want.