1. Home
  2. Design School
  3. Cloud Effect Photoshop

Cloud Effect Photoshop

Posted on 5th January 2018
For this tutorial, we are using “Luna” free font from Amanda Leeson, and a background image of a cloudy blue sky.

1 - In Photoshop, open the image you chose as background.

2 - Select your “Type Tool” (T), choose your font (we used Luna) and type your text. Use white as “Fill” color and increase the “Tracking” to separate the letters a bit. The size depends on your “Background” image.

3 - In this case, we are using a combination of text and a shape for our artwork, so we are going to leave extra space in between words to add our Shape. You can increase the “Leading” in the “Character” panel too.

4 - Select the “Custom Shape Tool” (U) and choose the “Heart Card” shape, make sure the “Fill” color is set to white and drag your cursor on the area you want your shape placed (hold the “Shift” key while doing this to keep your shape proportioned). Then you can reposition your shape using the “Move Tool” (V).

5 - Click on your text thumbnail while holding the “Command/Control” key to make a selection, then hold the Command/Control + Shift keys and click on your shape thumbnail to “Add” it to your current selection.

6 - Go to the “Paths” window and click on the “Make Work Path” button at the bottom of the panel.

7 - Go back to the “Layers” panel, hide your text and shape by clicking on the small eye icon to the left of the thumbnails.

8 - Select the “Brush Tool” (B) and apply the following values in the “Brush Panel”:

Brush Tip Shape:

Shape Dynamics:



Click on the “New Preset” button at the bottom of the panel to save the “Preset”. Give it a name when prompted.

9 -  Create a “New Layer” by clicking on the button at the bottom of the “Layers” panel. Set white as your “Foreground” color. Select the “Direct Selection Tool” (A), then right- click on top of your “Work Path” and select “Stroke Path” from the menu. Select “Brush” in the dialog and make sure that “Simulate Pressure” is not checked. Hit OK. (To hide your path, click Command/Control + H).

10 - Repeat this process as many times you think is needed (we did it twice). Now you can delete your original “Text” and “Shape” layers if you want. Or you can put them in a “Folder” by selecting them and clicking on the “Create New Group” button at the bottom of the “Layers” panel.

11 -  You can use your newly created brush to add more clouds to your image. Just select the “Brush Tool” (B) and paint some clouds. You can increase or decrease the size of the brush to achieve different results.

12 - Check your work.

by @lornacane

Share this Tutorial

Have a question? Contact our Support for assistance.
$180 of design goods for JUST $1. Join Plus today for your discounted first month! VIEW OFFER
ol image