Abstract \ Drawing \ Tutorials
August 14, 2009
10 Comments

In this tutorial I`ll show you how to design a fumed text in Photoshop,using some brushes and some blending techniques.

Along the way I`ll share with you some tricks that I know which will help us creating an original text effect.

Materials needed:

Wood image for background

Daniel font

Water brush set

Smoke brush set

What are we making:

the-final-image-of-the-text-effect

First step:Setting up the workspace

First step is setting up the workspace.So,open Photoshop and create a new document with the dimensions of 800x500px.

fisrt-step-set-the-workspace

Step 2:Adding the background.

Now download the wood background image and add it to the main project.Because the image is 1920x1200px and our workspace has only 800x500px,try to center the wood image into the workspace.In other words,try to put the center of the wood image into the center of the workspace.

center-the-background-image

Step 3:Writing some text

Download the Daniel font and add some text to the workspace.I wrote “Our Tuts” 😛 .

add-the-text

Step 4:Adding some blending options:

To stylize a little bit the text,add some blending options to it.Go to Layer->Layer Style->Blending options and add a Gradient Background and a stroke.

gradient-overlay-for-the-text

stroke-for-the-text

The image looks like this:

intermediare-image

Step 5:Add a shadow to the text:

Now I`m gonna add an outside shadow to the text.Select the text layer and Ctrl+click the thumbnail layer.The thumbnail layer is this one:

thumbnail-layer

After you do this,hide the text layer.It will remain only the selected area.Create a new layer and put it under the text layer,then go to Select->Modify->Expand and set 5 into the box.This will expand the selected area with 5 px.Fill this area with a black color.

black-color-stroke

Now go to Filter->Blur->Gaussian Blur and add a radius of 8px.Reveal the text layer and you shall have something like this:

text-with-shadow

Step 6:Add a lighter area around the text

Next I`ll show you how to add an area of light around the text,to make it more obvious.

Select the Elipse tool and draw a white area around the text.Be sure that the new layer is under the text.

light-area

Then go to Filter->Blur->Gaussian blur and blur it with 30px.Then low the opacity of the layer to 15% and you should obtain something like this:

before-after

Step 7:Add a water element

I want now to add a water element.I found a nice brush set,named SS-water and added a wave.To repeat the step,download the SS-water brush set and use the brush from in the image.Choose for it a grey color and paint it under the text layer.

wave-brush

The image should look like this:

wave-wallpaper

Final Step:Add the smoke.

The final step is to add some smoke to the text.For this,download the smoke brush set from the top list and add some black smoke to the text under and above it.You may set the opacity a little bit lower for the smoke to make it more transparent.

smoking

If you have doubts regarding the arrangement of the layers,this is how my layers are arranged.

layers

Final Image

This is the result of this tutorial:

the-final-image-of-the-text-effect1

I hope you enjoy it and I`m waiting you next time for another article.

Bye bye

If you like this post,you may subscribe to the OURTUTS RSS Feed for more photoshop tuts and articles.

[pinit]

Written by

Madalin Tudose is a web designer and developer who loves to inspect websites for new designing techniques and trends. He`s the founder of Ourtuts, where he blogs about anything related to web development.