Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Clouds Text in Photoshop
Tutorials Text Effects 44260 June 24th, 2018

Learn how to create your own clouds text in Photoshop from this easy to follow tutorial. Anyone can do it, all you have to do is to apply some filters and your text written with clouds is ready. Use some clouds brushes for the final touches in less than 5 minutes you have a realistic looking Photoshop clouds text that I hope you like!

Clouds Text Effect in Photoshop

Let's take a quick look at the effect that we are about to create in Photoshop. The text will be transformed into a clouds text effect, better said a text that looks like it is made out of clouds. We will only need some simple Photoshop filters so nothing to complicated. You will be able to create your own realistic cloud font in Photoshop.

Cloud Text Effect Photoshop Tutorial

How To Create The Cloud Text Effect

To create a clouds text in Photoshop we need a beautiful blue background to start with. This blue background will be our sky. So create a new layer, fill it with #4db0ff color and name it Sky Layer.

Add a new Text Layer and with the help of the Horizontal Type Tool write your text that you want. I will write "clouds" with Cooper Std font. You can choose whatever font you like, but I think it looks best on round fonts.

If you decide to use another font and you don't know how to install it check out this tutorial Install Font in Photoshop.

Add The Text For The Clouds Font Photoshop

Right click on the Text Layer and Convert to Shape the text. Pick the Path Selection Tool, select the letters and move them up and down to look nicer.

Cloud Text To Vector Shape

Create Cloud Letters Using The Photoshop Ripple Filter

Select the Sky Layer and the Text Layer and press CTRL+E to merge the two layers. Go to Filter, Distort and choose Ripple effect with the following settings.

Apply The Ripple Filter To Create The Cloud Text Effect

Enhance The Text Effect Using Brush Strokes > Spatter

Go to the Filter menu again, this time choose Brush Strokes and from that list pick Spatter effect. The settings are 10 for the Spray Radius and 4 for the Smoothness. You can of course play with this settings to obtain interesting results.

Enhance The Cloud Text Effect Using The Brush Strokes > Spatter Filter

Finish The Clouds Text Effect With Gaussian Blur

To make the text look more cloudy use the Gaussian Blur filter and you should obtain a similar result.

Finish The Clouds Text Effect With Gaussian Blur

You can apply the Photoshop Filters that we've use in the previous steps one more time with different settings if you want to distort the text even more. To make the clouds text effect more realistic you can also use some clouds brushes for the background to make it look more realistic. Remember that all this little details make the difference.

Photoshop Clouds Text Effect With Realistic Cloud Brushes

Cloud Generator Online

Download Cloud Shapes Photoshop Action

With this Photoshop action you can create cloud shape images using real photos, graphics and text.

In case you want some realistic cloud background textures for your design, check out this amazing collection of over 50 cloud textures.

5 ( 102 votes)

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

9 comment(s) for "Clouds Text in Photoshop"

5:25 AM Wednesday, June 27, 2012
very nice tutorial thank you :-) reply
5:42 AM Wednesday, June 27, 2012
I am glad you like it! reply
3:30 AM Friday, June 29, 2012
I agree but I am not a prefessional graphic designer, my tutorials are mainly for Photoshop beginners :) reply
1:47 AM Monday, May 13, 2013
This was a really practical and useful tutorial. THanks! reply
11:17 AM Wednesday, February 5, 2014
Here is a nice text effect for Valentine's Day with clouds writing. The clouds text effect was made using this tutorial. reply
2:42 AM Sunday, May 31, 2015
muy buen efecto, muchas gracias reply
1:06 PM Monday, April 29, 2019
Haha:) Nice
6 easy steps. In these days, with so many tutorials, everyone can be a designer....and I think this is a good thing. reply
vibhor khera
vibhor khera
1:06 PM Monday, April 29, 2019
You know what, I see what you are saying, even though there is a slight gradient in it, you could make it a little noticable (darker gray) Or you could probably add a little noise to the clouds and lower the opacity a bit to give it a little texture. reply
8:02 AM Monday, October 14, 2019
john this looks amazing which font did you use? reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Get new posts by email:

      Online Photo Editor