fresh photoshop tutorials & resources
Log in Register
Infographic JS Library Infographic JS Library

Clouds Text in Photoshop

Tutorials Text Effects 21390 Views June 24th, 2012

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!

Advertisment

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.

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.

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.

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.

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.

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

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. 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.

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

Finja
Finja
5:25 AM Wednesday, June 27, 2012
very nice tutorial thank you :-) reply
PSDDude
5:42 AM Wednesday, June 27, 2012
I am glad you like it! reply
Mihalcea
3:24 AM Friday, June 29, 2012
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
PSDDude
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
vibhor khera
2:25 AM Sunday, April 28, 2013
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
Sam
Sam
1:47 AM Monday, May 13, 2013
This was a really practical and useful tutorial. THanks! reply
John
11:17 AM Wednesday, February 05, 2014
Here is a nice text effect for Valentine's Day with clouds writing. The clouds text effect was made using this tutorial. reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Recent Posts
Learn how to make a spooky pumpkin 3D typography in Photoshop for the upcoming Halloween celebration...
Grab this amazing set of free Halloween web buttons perfect to decorate your website/blog for the up...
Today's giveaway is a great set of flat eCommerce icons perfect for online stores. These icons can b...
The Halloween is coming again and so I decided to create a nigh witch Photoshop manipulation. This p...

      Burnt Paper with Fire Effects Photoshop
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email
top