Home / Internet / Photoshop Tutorial: Rain Text! How to Write on a Foggy, Rainy Window Pane

Photoshop Tutorial: Rain Text! How to Write on a Foggy, Rainy Window Pane

Hi. This is Marty from Blue Lightning TV. I’m going to show you how to quickly & easily create the look of handwritten words on a foggy, rainy, window pane. I provided this image for you to download, so you can follow along. It’s link is located in the video description or project files. Open an nighttime, outdoor photo that you’d like to use to place behind the window. It’ll add color, contrast and depth to our final image. To get it into our window pane document, press “v” to open your Move Tool and hold down Shift as you drag it onto the window pane tab.

Without releasing your mouse or pen, drag it down onto the image and release. Pressing Shift will keep it centered. To reduce or enlarge it, open your Transform Tool by pressing Ctrl + T on Windows or Cmd + T on a Mac. If your photo is too large to see the entire Transform’s bounding box, as in this case, press Ctrl or Cmd + 0 to fit it onto your screen. Go to a corner and when you see a diagonal, double-arrow, hold down Shift + Alt on Windows or Shift + Option on a Mac as you drag it in or out. Once you’re happy with its size and position, press Enter or Return.

To see your image at 100% again, press Ctrl or Cmd + 1. Next, we’ll blur the photo, but to do it non-destructively, we’ll convert the photo into Smart Object. Click the icon on the upper, right corner of the Layers panel and click Convert to Smart Object. Go to Filter, Blur and Gaussian Blur. Blur it 10 pixels and click OK. Change its Blend Mode to Overlay. As you can see when I toggle back and forth, our window now has more contrast, depth and color.

Click the thumbnail of the background to make it active and open your Horizontal Type Tool. Choose a font. I’m using Yellowtail Regular. If you’d like to use it, I provided its link, as well. For this font, I’ll use a size of 284 points, Sharp, Center Alignment and black for the color. Click on your document and type out your text. To reposition it, open your Move Tool and move it. To angle it, open your Transform Tool, go to a corner and when you see a curved, double-arrow, rotate it counter-clockwise. Then, press Enter or Return. To add drips to to your text, you can either draw them in with the Pencil Tool or, as in this example, you use the Liquify filter.

Go to Filter and Liquify. When you see this message, click OK to rasterize the type. When Liquify opens, the default tool is the Forward Warp Tool. We’ll use it to make the drips. On the right, you can adjust the brush’s size and pressure. Make the pressure: 100 and for this font, I’ll use a size of 40. Drag the tool downward over your type to create drip-like shapes. When you’re done, click OK and change the Blend Mode to Overlay. If you have a couple of lines of text, and want to make an area pop a bit more, make a copy of your text by pressing Ctrl or Cmd + J. Click the Layer Mask icon to make a layer mask next to the text copy. Invert the layer mask by pressing Ctrl or Cmd + I. The black layer mask is now hiding or masking out the text copy. We’re going to brush white across the text which will reveal the text copy through the layer mask. Make sure white is your foreground color. Open your Brush Tool, make the Size large, the Hardness: 0% and the Opacity between 25 and 50%.

Now, brush across your text. This is Marty from Blue Lightning TV. Thanks for watching! .

Check Also

How does an engine work

– Hear that, boys? – What is it? Just another narrow body aircraft. Hey! My …