Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Photoshop Text Effects Translucent Text Effect with Sky and Cloud

Translucent Text Effect with Sky and Cloud


The techniques included in this tutorial are layer styles, gradient fills, clone stamp tools, blur filters and various image adjustment and transformation tools. It's a simple tutorial so have a go!

Ok let's get started!

Step 1

Create a new document sized 800 x 800px. On the background layer, use the Gradient Fill tool to create some irregular lighting as shown below:

image 1

Step 2

On the background layer, type some texts onto it (Make sure you choose a bold font as we need to make room for transparency, I used this font from fontspace.com).

Position the text as shown below:

image 2

Step 3

On the text layer, apply the following layer blending options:

Drop Shadow

image 3

Inner Shadow

image 4

Inner Glow

image 5

Bevel and Emboss

image 6

Contour

image 7

Gradient Overlay

image 8

Stroke

image 9

The effect so far will look like this:

image 10

Step 4

Now we're onto apply some nice cloudy texture onto the text. Download a copy of this image from CG Texture and select a nice portion of it as shown below:

image 11

Copy and paste the selected portion onto our text and name this layer as "cloud" .

Use the Eraser Tool (with a big, soft and round brush, set opacity and flow to 60%) to gently erase the outside of the cloud:

image 12

Step 5

Still on the "Cloud" layer, use the Clone Stamp Tool (again with a big, soft and round brush setting) and clone the cloud so it covers all of our texts:

image 13

Then hit Ctrl + M and apply the following Curve settings:

image 14

Change the blending mode of this layer to "Overlay" and you will have the following effect:

image 15

Step 6

Duplicate the "Cloud" layer once, then apply the following Black and White adjustments:

image 16

This create some colour depth for the image and you will have the following effect:

image 17

Optionally, you can duplicate the "Cloud" layer again and this will add some more colour to the image:

image 18

Step 7

Rasterize the text layer and do a multi-select for all the layers created, distort the image until you reach the effect shown below:

image 19

Then we can add some light over the text. To do this, create a new layer called "light" and select a rectangle portion just above the text, fill the selection with White colour and render some fiber:

image 20

Then de-select the selection, apply the following motion blur settings:

image 21

Then hit Ctrl + L and apply the following Levels adjustment settings:

image 22

To make the light a bit soft, apply the following gaussian blur settings:

image 23

After that, use the Eraser Tool to get rid of the unnecessary bits of the light, and free-transform (or distort, rotate, perspective) it until reaching desired effect:

image 24

Ok that's it for this tutorial, the rest is left your own creativity. You can duplicate the cloud layer a few times, or add some extra lighting to the text. Totally up to you.

Here is my final image for this tutorial:

Translucent Text Effect with Sky and Cloud

Hope you enjoy it and find it useful and inspirational!

Have a nice day!



Author's URL: psdvault
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Breathe new life into text. These tutorials will teach you how to create various text effects. More Text Effects Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Translucent Text Effect with Sky and Cloud"

Captcha