Realistic, Aged Cloud Text Effect Using Photoshop Brushes

Posted by John Shaver on Jan 28, 2015 in
Realistic, Aged Cloud Text Effect Using Photoshop Brushes

Watch Video Tutorial

Download full HD videos and tutorial project files with a PanoPass. You'll also get instant access to everything on the site, including products, and more.

Every new release of Photoshop includes some kind of tool that automates something we are used to doing manually. Many times it makes tedious tasks go by faster without having much effect on the final outcome of our designs.

Sometimes, however, taking the time to do something by hand can yield more interesting results.

This tutorial will show you how to use some very basic skills, along with high quality Photoshop brushes, to achieve an ethereal cloud text effect.


What We Will Be Making


Before We Begin

This tutorial relies heavily on our Clouds Brush Pack 1, which contains 12 super high resolution cloud brushes.

I understand not everyone needs commercially licensed brushes, so I put together this pack of 4 small cloud brushes for personal use only so anyone can follow along and learn some new techniques.


Step 1

Create a new document with dimensions of 1920 x 1280 pixels. Unlock the background layer and fill it with black.

Create your title text using the font Defused in white, then set the Opacity to 25%.


Step 2

Load your cloud brushes into Photoshop, select the brush tool (b), and set your paint color to white.

Select one of your cloud brushes and use the [ and ] keys to decrease or increase the size of the brush until it will fit nicely along some of the horizontal strokes of the text.

Create a new layer and paint a few copies of your brush on top of your text.


Step 3

Repeat this process using more of your cloud brushes. You can flip, resize, and rotate your brushes in the Brush palette to add variation as you paint.

I highly recommend that with every few brush strokes you make, you create a new layer. That way if you paint an area that you don't like, you can fix it later without having to delete a huge chunk of your text.

Once you have painted all of your clouds, hide your original text layer by clicking the eyeball icon next to your text layer in the Layers palette.


Step 4

Create a new layer on top of everything else, and using a regular, soft round brush, paint over the top of your cloud text using white.

Set the Blend Mode to Linear Dodge (Add) and the Opacity to 15%.

Below is what your new layer should look like with all the other ones turned off. It's very subtle, but will help soften our cloudy text.


Step 5

Find the background that you want to use. We used a free one from the 10 Dramatic Sky Backgrounds at MyDesignDeals.

Crop and resize your cloud background to 1920 x 1280, and paste it into your document just above the black background layer.

Apply the following Layer Style settings to give it some extra depth.

You should end up with something similar to the image below.


Step 6

Duplicate the soft white brush layer you created in step 4 and move it just above your cloud background in the Layers palette.

Set the Opacity to 100% and the Fill to 0% in the Layers palette.

Apply the following Layer Style settings to create a subtle shadow that will help our cloud text stand out from the background.

You should end up with something similar to the image below.


Step 7

Create some subtext using the font Belta in white.

Set the Opacity to 90% in the Layers palette and apply the following Layer Style settings.

You should end up with something similar to the image below.


Step 8

To give our image a more aged, retro look, create a new layer above all the rest and fill it with any color.

Set the Fill to 0% in the Layers palette and apply the following Layer Style settings, using the color #FFA800.


Final Image

That's it! This method might take a little extra time, but can be used for anything, including your website, printed materials, Facebook cover photos, and more.


Did you enjoy this tutorial? What other things could you add to make it even better? Share your work with us on Facebook!

Get Connected

Have an idea for a product? Want to learn something specific? We’d love to hear from you!

Send us an email or connect with us on social media.

Don't Miss Out








Enter your email address now for free updates on freebies, tutorials, and exclusive subscriber discounts.

Earn With Us

Collect some cash just by sharing the design articles and resources you love.

Become a Design Panoply affiliate and start earning now.

Start Making Money Now