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.
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.
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.
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.
1.How to Add a Brush to Photoshop
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.
Select theBrush Tool (B). Make sure bothOpacityandFloware set to100%.
2.How to Set Up Your Document
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.
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.
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.
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.
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.
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.
4.How to Start Recording the Action
Hide the area layer by toggling the eyeball icon off. Then, pressDon the keyboard to reset swatches.
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.
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.
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.
Go to Filter > Blur > Gaussian Blur…, enter Radius: 10 Pixels and click OK.
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.
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.
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.
Now, right-click on the image and select Delete Path.
Change the Blending Mode to Soft Light and drop the opacity to about 50%.
Select the reflection2 layer, holdShift, and select the reflection1layer.
PressControl-G to Group the layers. Go toLayer > Rename Group…and rename it as Reflections.
Hide the Reflections group and dirt layer.
Select Channels panel, right-click on blue channel and select Duplicate Channel…
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.
Select the blue copy channel, press Control,andclick on the layer thumbnail.
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.
5.Finish Recording the Action
Finally, we have our action finished. Hence, in the Actions panel, hit the Stop button to stop the recording.
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.
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.