Create a text on a foggy rainy window in Photoshop

Create a text on a foggy rainy window in Photoshop

This tutorial teaches digital artists to realistically simulate handwritten text on a foggy, rainy windowpane, enhancing images with unique atmospheric depth. Learn to integrate background photos, apply non-destructive blurs, manipulate text for realistic drips, and enhance specific areas for visual impact.

Watch the Video

Video by Blue Lightning. Any links or downloads mentioned by the creator are available only on YouTube

Practical Tips for Creating Rain Text in Photoshop

  • Convert background images to Smart Objects before applying blur to allow for non-destructive edits and flexibility.
  • Hold down Shift while dragging elements with the Move Tool to maintain their center alignment within the document.
  • Press Ctrl + 0 (Windows) or Cmd + 0 (Mac) to fit a large transform bounding box onto your screen for easier resizing.
  • Use the Liquify filter to create realistic drip-like effects for text, mimicking rain running down the glass.
  • Enhance specific areas of text by creating a duplicate layer, inverting its layer mask, and brushing white over the desired sections to reveal the underlying text.

More Tutorials about Window Effects and Atmospheric Elements

Explore additional resources to deepen your understanding of creating realistic window effects and atmospheric elements in Photoshop.

Create Raindrops on a Window in Photoshop
In this Photoshop tutorial by Howard Pinsky, you'll explore how to create realistic raindrops on a window. The process uses a custom brush, Layer Styles, and Filters, ensuring you have all the tools needed for a convincing final look. You will learn how to adjust these elements to create raindrops of various sizes and shapes, making them appear as natural as possible. Additionally, the tutorial covers how to design a 'frosted' window effect. This includes simulating moisture that has been parti
Create a beautiful wet glass effect with raindrops in Photoshop
In this tutorial by PiXimperfect, we will use the power of observation to achieve any effect we desire. We'll start off by applying a different kind of blur that looks much more natural than Gaussian Blur. Then, we will limit the blur only to certain areas to go with the texture by using Color Range. Next, using blend modes, we will put up another layer of texture on top of our subject to add depth and authenticity to the effect and the overall mood of the image. In the end, the power of Adjust
Add fog and mist to a photo in Photoshop
This tutorial by Serge Ramelli will show you how to add fog and mist to your landscape photos using Photoshop. It's a simple process that can be applied to a wide range of images. The steps are straightforward and easy to follow. You'll learn how to create a layer of fog or mist and adjust its opacity and blending mode to achieve the desired effect. This technique can help add depth and atmosphere to your photos, transforming a flat landscape into a more moody and evocative scene. Whether you'
How to Create Realistic, Fog and Mist in Photoshop
In this Photoshop tutorial by Marty from Blue Lightning TV, you’ll learn how to create realistic fog and mist effects in your photos. The video begins by explaining the visual differences between fog and mist: fog is a thick blanket that obscures distant objects, while mist lingers closer to the ground. For a fog effect, Marty recommends using a photo shot from a low perspective. He guides you through adjusting color and brightness with Hue/Saturation and Gradient tools to create a lighter, mis

Get tutorials & freebies delivered to you.

Subscribe to the Photoshop Roadmap newsletter, a weekly roundup of new tutorials, insights and quality downloads, trusted by 6500+ readers.

You might also like

9 Photoshop Tools That Still Outperform AI for Precision and Control

AI generates images from descriptions, but it cannot hand you the brush. When a project demands exact colors, editable text, precise retouching, or seamless mockups, Photoshop's native tools remain the more reliable choice — not because AI is weak, but because these workflows require control that generative tools simply...

How to Create a Vintage Film Look in Photoshop Using Adjustment Layers

Aging a photo convincingly takes more than a preset — it requires control over highlights, color channels, and grain working together. This walkthrough covers a fully manual, non-destructive workflow for building a vintage film effect in Photoshop, using Color Range selections, Smart Filters, a Grain adjustment layer, and per-channel...

How to Use the Object Selection Tool in Photoshop for Faster Edits

The Object Selection tool lets you isolate parts of an image with a simple drag, and it becomes even more useful when paired with adjustment layers and layer masks. These techniques are practical for targeted color edits, texture work, and building selections that cover multiple elements like a flower, stem,...

How to Set Up Bleed and Crop Marks for Print in Photoshop

Sending a print file without proper bleed is one of the most common mistakes in print production. A bleed — typically 1/8 inch of extra canvas on all sides — prevents white slivers from appearing when a printer trims the finished piece. Photoshop's Canvas Size tool and AI-powered...

How to Use Camera Raw's Feathered Sky Mask to Create a Natural Glow Effect

Camera Raw now lets you feather and expand AI-generated masks directly in the masking panel — a feature that makes it possible to create a convincing light bloom effect without any manual brush work. This tutorial covers the full editing process for a dark, underexposed landscape shot, with the feathered...

How to Build a Photo Manipulation in Photoshop: A 4-Step Compositing Workflow

Building a convincing photo manipulation from scratch requires more than creativity — it demands a repeatable process. This breakdown covers the four core steps used to composite multiple images into a single cohesive scene, from rough layout through exposure matching, color balancing, and shadow painting. Watch the Video Practical Tips These...

You’ve successfully subscribed to Photoshop Roadmap
Welcome back! You’ve successfully signed in.
Great! You’ve successfully signed up.
Success! Your email is updated.
Your link has expired
Success! Check your email for magic link to sign-in.