Easily create frosted glass effect in Photoshop with SaDesign

1. How to create frosted glass effect in Photoshop

To create a frosted glass effect in photoshop, we follow these basic steps:

Step 1: Let's start with the most basic Photoshop glass effect, first open the photo in Photoshop > right-click on the photo and select Convert to Smart Object. This step helps you easily replace the photo later while still ensuring the glass effect is preserved.

Step 2: Duplicate the smart object (Ctrl-J) and group it (Ctrl-G).

Step 3: Use the Rectangular Marquee Tool (M) or any other selection tool to select the area where you want to apply the frosted glass effect. Then add a Layer Mask to the group.

Step 4: Select the layer inside the group and go to Filter > Blur > Gaussian Blur. Adjust the Radius according to the effect you want to achieve.

Step 5: So our Photoshop frosted glass effect is almost done. The frosted glass effect is not only about blurring the image but also brightening it, so you need to brighten the image using a Hue/Saturation adjustment layer. Increase the Lightness to about 30.

Step 6: To make them more realistic you need to change the Blend Mode to Lighter Color and adjust the Opacity to about 50%.

So we are done with the frosted glass effect.

2. How to Create a Textured Frosted Glass Effect in Photoshop

Here are the detailed steps to create a textured frosted glass effect in photoshop: 

- Step 1: If you want to create a more detailed glass texture in Photoshop start by converting the image into a smart object (right click > Convert to Smart Object).

- Step 2: Copy the smart object (Ctrl-J) and group it (Ctrl-G).

- Step 3: Use the Rectangular Marquee tool (M) or any other selection tool to select the area where you want to apply the textured glass effect. Then add a layer mask to the group.

- Step 4: Select the layer inside the group and go to Filter > Filter Gallery. Open the Distort tab and select Glass, use the Frosted texture and adjust the settings to create the effect you need. Here are the parameters we set:

Distortion: 19

Smoothness: 3

Scaling: 139%.

- Step 5: The frosted glass effect has a clear texture but looks a bit rough. So we need to make some adjustments, you need to duplicate this layer (Ctrl-J) and double click on the Filter Gallery filter. Next, change the values ​​to make the overlay smaller, almost like noise. Here are the values ​​we used:

Distortion: 19

Smoothness: 2

Scaling: 95%. 

- Step 6: Go to Filter > Blur > Gaussian Blur then add some blur to this noise.

- Step 7: Change the Blend Mode to Lighten to blend the effects of these two layers together. Drag this second layer up a bit and to the right to make the distortion more convincing.

- Step 8: Add some finishing touches by right-clicking on the group and selecting Blending Options. Check Color Overlay and set it to blue (#769eda), Blend Mode to Color and Opacity to around 13%. This will give the glasses a nice winter look. Feel free to use other colors to complement the color scheme of the photo.

- Step 9: Let's add Inner Glow, this option makes the glass effect more beautiful. Here are the settings we used to make the glass glow from the inside:

Blend Mode: Overlay

Opacity: 14%

Noise: 59%

Color: White

Technique: Softer

Source: Center

Choke: 40%

Size: 213%

Range: 100%

Jitter: 0%

This value may vary depending on the size of your image. And that completes the textured glass effect.

3. How to create a reflective glass effect in Photoshop

To create a reflective glass effect in photoshop, follow these basic steps: 

- Step 1: To start you also need to turn your image into a Smart Object (right click > Convert to Smart Object).

- Step 2: Copy the smart object (Ctrl-J) and group it (Ctrl-G).

- Step 3: Use the Rectangular Marquee Tool (M) or any other selection tool to select the area where you want to apply the textured glass effect. Then add a layer mask to the group.

- Step 4: Change the blending mode of the layer in the group to Screen. Then you need to go to Edit > Transform > Flip Horizontal.

- Step 5: To make the reflection more realistic, press Ctrl-T to resize and drag the reflection around. This step allows you to remove any obvious reflections from the main area (any pixels that take attention away from the subject of the photo).

- Step 6: Right click on the group and select Blending Options. Check Inner Glow and adjust the following settings:

Blend Mode: Screen

Opacity: 15%

Noise: 0%

Color: white

Technique: Softer

Source: Edge

Choke: 0%

Size: 57%

Range: 50%

Jitter: 0%

This value may vary depending on the size of your image. 

- Step 7: Add Gradient Overlay then make the following settings:

Blend Mode: Screen

Opacity: 30% 

Gradient: black and white (or inverted)

Style: Reflected

Angle: 148

Scale: 100%. 

- Step 8: Finally, add a Color Overlay to reduce the contrast in the reflection. Use Color as the Blend Mode, low Opacity (about 13%), use green (color code #24a268).

So we have completed the reflective glass effect.

Above are the ways to create frosted glass effects in photoshop extremely simple in photoshop. Wish you successfully apply the method to create frosted glass effects for your designs. Don't forget to follow Sadesign to update more useful and interesting information!