Tutorials Navigation

Tutorials :: New :: Popular :: Top Rated

Tutorials: 18,357 Categories: 12

Total Tutorial Views: 42,531,669

How To Create Realistic Aged Cloud Text Effect In Photoshop.

Tutorial Name: How To Create Realistic Aged Cloud Text Effect In Photoshop.  

Category: Graphics Tutorials

Submitted By: Nissan

Date Added:

Comments: 4

Views: 674

Related Forum: Graphics Forum

Share:

How To Create Realistic, Aged Cloud Text Effect Using Photoshop Brushes.


What We Will Be Making

[ Register or Signin to view external links. ]

Before We Begin

This tutorial relies heavily on our [ Register or Signin to view external links. ] , which contains 12 super high resolution cloud brushes.

I understand not everyone needs commercially licensed brushes, so I put together this pack of [ Register or Signin to view external links. ] 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 [ Register or Signin to view external links. ] in white, then set the Opacity to 25%.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

Step 5

Find the background that you want to use. We used a free one from the [ Register or Signin to view external links. ] .

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.

[ Register or Signin to view external links. ]

[ Register or Signin to view external links. ]

[ Register or Signin to view external links. ]

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

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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

[ Register or Signin to view external links. ]

Step 7

Create some subtext using [ Register or Signin to view external links. ] in white.

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

[ Register or Signin to view external links. ]

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

[img]https://gyazo.com/ff6ec2daf6010a839d80b7a6038b163b.pmg[/img]

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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

Ratings

Current rating: 10.00 by 3 users
Please take one second and rate this tutorial...

Not a Chance
1
2
3
4
5
6
7
8
9
10
Absolutely

Comments

"How To Create Realistic Aged Cloud Text Effect In Photoshop." :: Login/Create an Account :: 4 comments

If you would like to post a comment please signin to your account or register for an account.

GhostPosted:

I've never realised it was so easy as that, that's actually pretty cool! Might have to add this to my idea bank ;)

MrParkerPosted:

The best tut make I've seen so far very detailed tuts from nissan thanks bro !

MickersPosted:

Honestly keep this photoshop tuts coming. Making great use of them all so far.

ZydrinPosted:

Great tutorial, really informative!