🎉 Introducing Slides with Friends, a new remote tool from Medialoot! Try it free →
How to Make a Simple Frosted Glass Effect in Photoshop

How to Make a Simple Frosted Glass Effect in Photoshop

Frosted Glass in Photoshop

There are numerous effects that you can find in Photoshop and one of them, the frosted glass effect, is what I will be teaching you today. This technique can come in handy if you want to change a glass shape or want that frosted effect intensity.

Step 1

Open you image in Photoshop. In this case, i am using one of the "Liquid Gradient Poster Templates" that you can find right here at Medialoot.

Step 2

With the Background layer selected, go to Layer > Smart Objects > Convert to Smart Object.

Step 3

Press Ctrl+J on your keyboard to duplicate the Smart Object layer and rename it to "Glass Effect".

Step 4

With the Glass Effect layer selected, go to Filter > Blur > Gaussian Blur. Set the Radius to 8 px and click OK.
Note: Depending on your image size, you may need to change the value a bit.

Step 5

Go to Filter > Filter Gallery and from the "Distort" group, select the "Glass" effect, apply the following values and click OK.
Note: Again, depending on your image size, you may need to change these values a bit.

Step 6

Using your prefered method, draw any shape that you want to use as the glass shape and rename the layer to "Glass Shape". In this case, I will just draw an abstract shape using the Pen Tool (P).

Step 7

Go to Layer > Layer Style > Stroke. Apply the following values and be sure to select the White to Transparent gradient.
Note: Depending on your image size, you may need to change the stroke size value a bit.

Step 8

Select the "Drop Shadow" effect, apply the following values and click OK.
Note: Feel free to change the values according to the effect you want to achieve.

Step 9

With the "Glass Shape" layer selected, go to Layer > Arrange > Send Backward so it is placed between the 2 Smart Objects.

Step 10

Lastly, select the "Glass Effect" layer and go to Layer > Create Clipping Mask.

Some Final Notes:

Now that we finished the glass effect, you can move your Glass Shape layer around the design to the place you want and the effect will follow that shape location. Also, if you feel that the glass effect needs some adjustments, you can expand the Glass Effect smart filters, double click on any of the both effects we used and adjust it; then simply click OK and the effect will be updated on your design.


Comments

X

You've successfully logged in!