July 5, 2020

Blog about IT, Design, Tutorial, SEO and a lot more.

Let Us Create Text on Foggy Window in Photoshop

I’m trying to make an effect that shows Foggy window with water drops over it and text written on it. So without wasting time let us create Text on Foggy Window by using Adobe Photoshop. Very short and simple Tutorial but a lot thing to learn from it.1. Start with a new Document and you must be needing a picture having Water drops over it. I’ll convert it into Window later.

Adobe Photoshop Tutorial

2. Now run the command Image >> Adjustment >> Brightness/Contrast and give the following setting:

Adobe Photoshop Tutorial

Picture will look like this:

Adobe Photoshop Tutorial

3. Now we need a picture of any Scene, so that it will give view through Window, I got some skyscrapers:

Adobe Photoshop Tutorial

4. Now go to Filter >> Blur >> Gaussian Blur and give 6 in Radius:

Let Us Create Text on Foggy Window

5. Change the blending mode of this picture from Normal to Overlay through Layer Panel.

Let Us Create Text on Foggy Window

6. Now type your desire text with any font but having black color, put it behind the Skyscraper picture:

Let Us Create Text on Foggy Window

7. Now to give some reality I’m making some drops traveling through this text. Select Brush tool with 3Px and select black color and draw water drops like this:

Let Us Create Text on Foggy Window

8. Now change the blending mode of this layer to Overlay, here will be the final look:

Let Us Create Text on Foggy Window

Last Updated on

A professional Web/Graphic Designer, working as Freelancer since 2000. Designing is my passion, blogging is my hobby.