How to Create a Fake Glass Window Action in Adobe Photoshop

In this tutorial you will learn how to create an amazing fake window effect.

How to Create a Fake Glass Window Action in Adobe Photoshop

At the end of the tutorial, you’ll have an action which will automate the entire process with a single click.

How to Create a Fake Glass Window Action in Adobe Photoshop

I’ll try to explain everythingin much detail so that everyone can follow along, even if this is your first time with Photoshop.

If you want to create a fake window effect in a single click and you do not have time or not want to create your own actions, you may be interested in this fake window action from my portfolio on GraphicRiver. With it, you can add an awesome fake window effect to your own image in just a few seconds.

How to Create a Fake Glass Window Action in Adobe Photoshop

What You’ll Need

To make this action we need two pictures, one base image and another one that will be reflected in our fake window.For the main image, we will use the following picture by Ryan Holloway, which you can find at Unsplash.

You can use any photo, but for an optimal result, it is preferable that the image has a dark background. Therefore, interior photos work very well for this effect.

How to Create a Fake Glass Window Action in Adobe Photoshop

For the reflected image, we can use any kind of picture, preferably urban landscapes or skylines. In our case, we are going to use this photo of a cityscape by Free-Photos, which you can find on Pixabay.

How to Create a Fake Glass Window Action in Adobe Photoshop

1.How to Add a Brush to Photoshop

Step 1

Go toEdit > Presets > Preset Manager…In thePreset Managerwindow, selectPreset Type: Brushesand clickLoad…

Browse and select the FakeWindow.atnfile that came with the downloadable attachment. Then, clickDone.

How to Create a Fake Glass Window Action in Adobe Photoshop

Step 2

Select theBrush Tool (B). Make sure bothOpacityandFloware set to100%.

How to Create a Fake Glass Window Action in Adobe Photoshop

2.How to Set Up Your Document

Step 1

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Your photo should be theBackground layer. If it is not, go to Layer > New > Background from Layer.

How to Create a Fake Glass Window Action in Adobe Photoshop

Step 2

Place the cityscape picture above the main image; for our action, name the new layer reflection. To place the image in the right place, we can change the Blending Mode to Overlay.

How to Create a Fake Glass Window Action in Adobe Photoshop

Step 3

Add a New Layer above the reflection layer. Name the new layer area.

Now choose the Brush Tool (B), pick a soft brush, adjust the size of the brush, and brush over your main subject. You can use any color; it doesn’t matter.

How to Create a Fake Glass Window Action in Adobe Photoshop

3.How to Create the Action

Once our images are placed, we are ready to start recording our action. We’ll put it in a separate set for easier management.

Step 1

Go toWindow > Actionsor pressF9on the keyboard to open up theActionspanel. Then, click theCreate new seticon, name the set Fake Windows Action, and clickOK. We’ll place the action inside this set.

How to Create a Fake Glass Window Action in Adobe Photoshop

Step 2

Click theCreate new actionicon and name it Fake Window. ClickRecordto start recording all the subsequent steps in Photoshop.

From this point onwards, everything you do will be recorded, so please be careful and keep an eye on theActionspanel. If you make a mistake, click theStop playing/recordingicon, andDeletethe unnecessary step from theFake Windowaction. Then click theBegin recordingicon again to continue.

How to Create a Fake Glass Window Action in Adobe Photoshop

4.How to Start Recording the Action

Step 1

Hide the area layer by toggling the eyeball icon off. Then, pressDon the keyboard to reset swatches.

How to Create a Fake Glass Window Action in Adobe Photoshop

Step 2

With the area layer selected, right-click on the layer thumbnail, and hitSelect Pixels. Then select theBackgroundlayer and pressControl-J to Copy the selection into a New Layer.

How to Create a Fake Glass Window Action in Adobe Photoshop

Go toLayer > RenameLayer… to rename the new layer BGblur, and drop the opacity to about 30%.

Go to Filter > Blur > Gaussian Blur…, enter Radius: 5 Pixels and click OK.

How to Create a Fake Glass Window Action in Adobe Photoshop

Step 3

Select thereflection layer, and create a copy of the current layer using Layer > Duplicate Layer (Control-J). Go toLayer > RenameLayer…andrenamethe duplicated layer as reflection1.

Change theBlending Mode of the reflection1 layer to Lighten and drop the opacity to 40%.Hide the original reflection layer.

How to Create a Fake Glass Window Action in Adobe Photoshop

Go to Filter > Blur > Gaussian Blur…, enter Radius: 10 Pixels and click OK.

How to Create a Fake Glass Window Action in Adobe Photoshop

Step 4

Now go to Layer > Duplicate Layer (Control-J) to duplicate the reflection1 layer. Change the Blending Mode to Multiply and drop the opacity to about 30%. Go toLayer > RenameLayer…andrenamethe duplicated layer as reflection2.

How to Create a Fake Glass Window Action in Adobe Photoshop

Step 5

Now let’s add some texture to our fake window. Go to Layer > New > Layer…to add a new layer and name the new layer as Dirt. Go to Select > All (Control-A).

Select theRectangular Marquee Tool (M). Then, right-click on the image and selectMake Work Path…. EnterTolerance: 0.5 pixelsand clickOK.Now choose the Brush Tool (B) and select the dirtglass1 brush.

How to Create a Fake Glass Window Action in Adobe Photoshop

Press D on the keyboard to reset swatches. Then, press X on the keyboard to switch swatches and set your Foreground Color as White. PressPon the keyboard to select thePen Tool.Right-click on the image and selectStroke Path…. and clickOK.

How to Create a Fake Glass Window Action in Adobe Photoshop

Now, right-click on the image and select Delete Path.

How to Create a Fake Glass Window Action in Adobe Photoshop

Change the Blending Mode to Soft Light and drop the opacity to about 50%.

How to Create a Fake Glass Window Action in Adobe Photoshop

Step 6

Select the reflection2 layer, holdShift, and select the reflection1layer.

PressControl-G to Group the layers. Go toLayer > Rename Group…and rename it as Reflections.

How to Create a Fake Glass Window Action in Adobe Photoshop

Step 7

Hide the Reflections group and dirt layer.

Select Channels panel, right-click on blue channel and select Duplicate Channel…

How to Create a Fake Glass Window Action in Adobe Photoshop

Go to Image > Adjustments > Levels… (Control-L) to bring up the Levels adjustments window. Change the Highlight level to 217 and Shadow level to 61 and click OK.

How to Create a Fake Glass Window Action in Adobe Photoshop

Select the blue copy channel, press Control,andclick on the layer thumbnail.

How to Create a Fake Glass Window Action in Adobe Photoshop

Step 8

Show the RGB channel and hide the blue copy channel.

Return to theLayers panel; we are going to use this selection to create a layer mask for the Reflections group.

Go to Layer > Layer Mask > Reveal Selection. Press Control-I to Invert the layer mask color. Show theReflections group and theDirt layer.

How to Create a Fake Glass Window Action in Adobe Photoshop

5.Finish Recording the Action

Finally, we have our action finished. Hence, in the Actions panel, hit the Stop button to stop the recording.

How to Create a Fake Glass Window Action in Adobe Photoshop

You’re Done!

Now that you have your own Fake Window action, you can easily create stunning images in seconds.

I hope that you’ve learned something useful for your future projects.

How to Create a Fake Glass Window Action in Adobe Photoshop

If you would like to create an effect as shown below, using a single click in just a few seconds, then check out my Fake Window Photoshop Action.

How to Create a Fake Glass Window Action in Adobe Photoshop