How To Convert Text Into Clouds

Turning your text into clouds is not as hard as it seems. In this guide, we will talk about how you can convert titles on flyers, posters or catalogs into something more interesting. Just follow the quick tutorial steps below and you will see how easy it is for anyone with basic knowledge of Photoshop to actually to this.

STEP 1

The first step of course is setting up your document. Remember that you can of course create a graphic for the title first and now your WHOLE printed work depending on how you want to work with your designs. However, it is important to setup the document correctly so that you can transfer your cloud text easier to other media. So when you setup your new document in Photoshop, not only must you set a fairly large size, but also a fairly large resolution of about 300ppi or higher.

STEP 2

Now, setup a background for your cloud text. This will depend of course on your purposes and theme. If you are going to transfer this elsewhere, then a white or transparent background color would be more practical. However, for you to see the effect, in this example, we will be using a blue gradient colour for the background to simulate the sky.  (colors: #00bff3  – #2a9ae2)

STEP 3

Now, it would be time to write our text. To create the text correctly, you should use a very thin type text here. So make sure you choose something like “Century Gothic” or “Helvetica Neue Light”. In this example, we have used the light Helvetica font in a light grey color.

STEP 4

To make space for the cloud effects, we have set the character spacing for the text to around 100. Just do this by selecting your text and going to the character panel.  Look for the icon with an AV graphic and horizontal arrow.

STEP 5

Hold down the CTRL key and then click on the image thumbnail of your new text layer, this will help you select the area of the text as needed.

STEP 6

Now, click on the Paths panel and then click on the icon indicated below. This will create a new work path based on the selection that you just made earlier.

STEP 7

Next, use the Direct selection tool to delete one side of your text paths. This helps us get only a line path in the shape of our text. Do this for all your letters.

STEP 8

Great! Now you have the paths set for the cloud effect. Now, we just need to create the cloud rendering. To do this, we shall create our own custom brushes. Just go to the brushes panel to start doing this.  (Go to Window -> Brushes, if it is missing). Once the panel is open, click on the Create new Brush icon.

STEP 9

First, set the brush shape with these settings.

STEP 10

Next click on the option for Shape dynamics and set these options.

STEP 11

Then, click on Texture and apply these options. NOTE: for the cloud pattern, if you do not see it, simply click on the right arrow icon and click on Texture Fill. This might help you spot the cloud pattern in the options.

STEP 12

Finally, click on “Other Dynamics” and use these settings.

STEP 13

Finally, use the direct selection tool again and then right click on a letter path. Click on Stroke Path or Stroke Subpath to apply the cloud brush to the path.

STEP 14

Just make sure to use the brush as the primary option for stroking the path.

STEP 15

Great! Now we have a nice Cloud Text for your title.

STEP 16

For our example, we are going to create a poster out of this effect. So we write in a whole title with this cloud effect. We have redone the title here with our new poster title “sky’s the limit”.

STEP 17

For an additional accent we added a new layer on top of the background layer. With a foreground color of white, and a background color of light blue, we clicked on Filter -> Render -> Clouds. This rendered a layer with clouds of the gradient layer we created earlier.

STEP 18

Then, we changed the blending mode of this new layer to screen and reduced its opacity to 60%.

STEP 19

Then, using a large and soft eraser tool brush, we erased the central part of this cloud rendered layer to emphasize our central title text and accent the clouds as borders.

STEP 20

Finally, using a large radius of our cloud brush, place in a couple more cloud formations as extra border accents to our poster design.

Congratulations! Now you know how to turn your text into Clouds for your posters.

Author’s Bio:  Hi I’m Irene Thompson, a professional writer and a graphic designer. I work at PrintPlace.com, a trusted online printing company that offers business cards, catalog printing, and other powerful printed marketing materials. You can find me on twitter and facebook.

Razvan Sava the author

Razvan is the founder of Webdevtuts. He is also a web designer & developer who loves to design and develop websites. If you're looking for him you can find him via @webdevtuts

Leave a Reply