Create cloud text effects in Photoshop with SaDesign

Text with a fluffy cloud effect will help make your design more unique. You can absolutely create cloud text effects in Photoshop by combining many tools together. Join Sadesign to see how to implement this effect through the shares below.

1. Create a background 

To be able to create a cloud text effect in Photoshop, first we need to have a beautiful cloud background. 

Step 1: Create a new document with the appropriate size.

Step 2: Create a new layer and add a sky image. Choose blue sky background images with a few clouds in the center because we will create a cloud text effect in Photoshop in the center. Let's name this layer “Clouds Background”.

Step 3: Double click on Clouds Background, the Layer Style dialog box appears. Please choose Color Overlay. Set the Opacity to 70% and choose the color code #3dacfa.

Step 4: To make the background brighter, click Create new fill or Adjustment layer (the divided circle icon in the bottom corner of the layers panel). Then select Level.

In the Level panel, adjust the midtone and shadow parameters in the output a bit to brighten the image.

At this point we will get a cloud background as shown.

2. Create a cloud brush 

To be able to create a cloud text effect in Photoshop, we first need to create a cloud brush using a Soft Round Brush. You can create a cloud brush through the following steps: 

Step 1: On the toolbar, select Brush Tool. Open the Brush panel and select Soft Round Brush from the list of brushes. On the Brush panel that appears, click Brush Tip Shape and set the parameters as shown.

On the Brush panel that appears, click Shape Dynamics and set the Size Jitter, Angle Jitter, Roundness Jitter and Minimin Roundness parameters as shown.

On the Brush panel that appears, click Scattering and set the parameters Scatter, Count Jitter and check Both Axes as shown.

Step 2: To save the brush, click on the top right corner menu of the brush panel and select New Brush Preset.

Name this new brush “Clouds brush” then click OK.

3. Create cloud text 

To create cloud text effect in Photoshop, follow these steps: 

Step 1: Add a new layer and write the text that needs to create the cloud text effect in Photoshop. Then fill the text with color code #000000.

Step 2: On the toolbar, select Filter => Distort => Ripple.

In the Ripple table that appears, set the Amount to about 55% then click OK.

Step 3: Press Shift+Ctrl+N to create a new layer. Name this layer “Clouds Effect”.

On the toolbar select Brush => Clouds brush to add a cloud text effect in Photoshop around the text. Set the brush color to #000000, set Opacity 30% and paint over the same area multiple times.

Use a brush to paint around the edges of the text. We will get the result as shown.

Step 4: Select the Sadesign text layer and the Clouds Effect layer. Then right-click and select Convert to Smart Object.

Set the blend mode of this Clouds Effect smart object to Overlay and Opacity to 90%.

Step 5: Double click on the Clouds Effect smart object to open the Layer style. Then add the parameters Drop Shadow, Inner Shadow, Outer Glow, Inner Glow, Bevel and Emboss and Satin as shown below.

Drop Shadow

Inner Shadow

Outer Glow

Inner Glow

Bevel and Emboss 

Satin

4. Create cloud texture 

Step 1: Create a new layer and name it “Clouds”. Make its background color #ffffff.

Step 2: Set Foreground Color to color #ffffff and Background Color to color #000000. Create cloud texture by selecting Filter => Render => Clouds.

Step 3: Press Ctrl+J to duplicate the Clouds layer and then hide the new copied layer.

Right click on the Clouds layer and choose Create Clipping Mask. Set the Clouds blend mode to Lighter Color.

Step 4: On the menu bar, select Image => Adjustments => Levels and customize, click OK.

Step 5: Open the Clouds layer and copy it, then set the blend mode to Screen. The result is as shown.

Step 6: To adjust the contrast of the Clouds copy layer. Go to Image => Adjustments => Levels. Then adjust the appropriate parameters.

So we have created the cloud text effect in Photoshop.

5. Adjust contrast and sharpness 

Step 1: In the bottom corner of the layers panel, select the divided circle icon - Create new fill or Adjustment layer. Select Solid Color… Then select color as #0096ec. Set the blend mode to Color, set the Opacity to 48%.

Step 2: Select Create new fill or Adjustment layer => Hue/Saturation if you want to change the blue tone, reduce color saturation, etc. Adjust the parameters as desired.

Step 3: To increase contrast, select Create new fill or Adjustment layer => Level, then adjust appropriate parameters.

Step 4: To perfect the photo, you can add a sharpening effect. Press Shift+Ctrl+Alt+E to create a copy of all layers. On this newl created layer, select Filter => Other => High Pass.

In the High Pass dialog box, set the Radius to 2 pixels and then click OK.

Step 5: Set this layer's blend mode to Overlay. At this point we will get the result as shown.

Above is a summary of how to create cloud text effects in Photoshop. The method is not too difficult, try creating your own unique designs.