How To Blend Text Into Clouds With Photoshop
In this tutorial, I show you how to blend text into an image with Photoshop! Specifically, we’ll learn how to blend our text into clouds, making the text look like it’s floating in the sky, with clouds passing in front of the letters. As we’ll see, blending text into clouds, or into any background, is easy. All it takes is an image, some text, and a slider in Photoshop’s Blending Options. Once you know the steps, you’ll be able to quickly blend text into any background you like. Let’s see how it works!
Here’s what the final “text in the clouds” effect will look like when we’re done:
How To Blend Text Into Clouds
For this tutorial, I’m using Photoshop CC but every step is fully compatible with Photoshop CS6 and earlier. You can also follow along with my video of this tutorial on our YouTube channel. Or download this tutorial as a print-ready PDF!
Step 1: Open your image
To create the effect, you’ll need a photo of clouds. I’ll use this image that I downloaded from Adobe Stock:
Layers panel, we see that I’ve gone ahead and added some text, and the text is sitting on a Type layer above the Background layer. I’ll turn the text on by clicking the Type layer’s visibility icon:
gradient and an outer glow, just to make the text easier to see:
” alt=”Clicking the Layer Styles icon to open the Blending Options” width=”274″ height=”192″ data-lazy-src=”https://pe-images.s3.amazonaws.com/photo-effects/cc/blend-text-with-clouds/photoshop-layer-styles-icon.png” />
Clicking the Layer Styles icon.
Then choose Blending Options from the top of the list:
” alt=”The Blend If sliders, This Layer and Underlying Layer, in the Layer Style dialog box in Photoshop” width=”349″ height=”189″ data-lazy-src=”https://pe-images.s3.amazonaws.com/photo-effects/cc/blend-text-with-clouds/blend-if-sliders-photoshop.jpg” />
The “Blend If” sliders in the Layer Style dialog box.
First, make sure that the Blend If option above the sliders is set to Gray:
” alt=”Dragging the white Underlying Layer slider to the left in the Layer Style dialog box” width=”353″ height=”199″ data-lazy-src=”https://pe-images.s3.amazonaws.com/photo-effects/cc/blend-text-with-clouds/drag-underluing-layer-slider-right.jpg” />
Dragging the white “Underlying Layer” slider to the left.
When you reach a certain point, you’ll see your text begin to disappear, revealing the clouds through the letters. Notice, though, that the transition between the text and the clouds is looking too harsh:
” alt=”Splitting the Blend If slider in half to create a gradual blend between the text and the background” width=”349″ height=”166″ data-lazy-src=”https://pe-images.s3.amazonaws.com/photo-effects/cc/blend-text-with-clouds/split-slider-in-half.jpg” />
One slider becomes two.
After splitting the slider in half, things are looking much better. I’ll fine-tune the effect in a moment:
” alt=”Fine-tuning the text blending effect by adjusting each half of the slider” width=”349″ height=”163″ data-lazy-src=”https://pe-images.s3.amazonaws.com/photo-effects/cc/blend-text-with-clouds/adjust-sliders-to-taste.jpg” />
Fine-tuning the effect by adjusting each half of the slider.
Click OK to close the Layer Style dialog box, and you’re done! Here is my final “text in the clouds” effect:
Photo Effects and Text Effects sections for more tutorials!