About PSD Vault

In operation since 2008, PSD Vault is a blog that focuses on providing high quality, step-by-step Photoshop tutorials to all Photoshop lovers and hobbyists around the world.

VIP Membership

Become a PSD Vault VIP to access 170+ PSD Files, Extra Goodies and Exclusive Photoshop tutorials. Sign up now!

Useful Resources

site5 banner

Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Posted on September 5th, 2010 in Text Effects.

We offer self paced ccent course to make learning Photoshop fun and easy. Our ccie training is perfect for beginners aspiring to get sun certification for their career.

In this tutorial, I will show you the steps I took to create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop. This is an intermediate level tutorial so some steps can be a little tricky, but why not have a try!

Here is a preview of the final effect for this tutorial: (click to enlarge)

mystical text flatten 500x321 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

OK let’s get started!

To complete this tutorial, you will need the following stocks:

Font

Ocean image

Smoke Brush

Step 1

Create a new document sized 1200px * 770px, fill the background with black colour. Load the “ocean” stock image into Photoshop, cut out the top wave portion of it and paste it onto our document. Name this layer as “ocean”:

1 paste 500x318 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Use a big soft brush to erase the top portion of the ocean as shown below:

1 erase 500x211 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Step 2

I decided to make this ocean texture look surreal. So let’s add the following three adjustment layers to it:

Curves

2 curve red Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

2 curve green Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

2 curve blue Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Levels

2 levels Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Mask on the Levels adjustment layer:

2 level mask 500x320 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Color balance

2 col sha Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

2 col mid Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

2 col hig Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

and here is the effect you will have so far:

2 effect 500x183 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Step 3

Grab the type tool, use the font we downloaded, type one letter per layer, as shown below:

3 seperate text Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Then use the free transform tool to rotate the text a bit for some variety:

3 rotate 500x558 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Rotate each of the text as shown below:

3 text 500x241 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Then create a new layer under all the text layers, render some cloud on it:

3 cloud 500x315 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Use a big soft eraser to erase some portion of the cloud to create more depth for the image:

3 cloud erase 500x329 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Step 4

Now we can merge the text layer so it’e easier to edit them all together. To do this, select all the text layers, then right-click and choose “rasterize type”:

4 rasterize Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

then right-click on the layers and choose “Merge Layers”:

4 merge Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

After merging the layers, load the selection of this merged layer by Ctrl + left-click on the thumbnail image on the layer palette:

3 load sel 499x237 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Use the smoke brush you downloaded, paint inside the selection:

4 paint smoke 500x236 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Use a soft eraser to erase the parts shown below on the texture, so the text blends into the surrounding environment:

4 erase smoke 500x239 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Optional: to make the text darker a bit, you can duplicate the smoke texture layer once and change layer blending mode of the duplicated layer to “color burn”:

4 after dup effect 500x224 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Step 5

Now we can add some bursting lights on the text. To do this, load the selection of the original merged text layer again, create a new layer on top of all previous layers, and fill the selection with white. Name this layer as “light on text”:

5 fill 499x249 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Deselect, then apply the following Gaussian Blur settings to this layer:

5 gau blue Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

then apply the radial blur settings on the text. Hit Ctrl + F to apply it a few more times:

5 rad blue Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

change the layer blending mode to “overlay”, duplicate this light on text layer twice, and here is the effect you will have on the text:

5 overlay effect 500x296 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Step 6

Now let’s do some fine-tunings for this effect. Add the following 2 image adjustment layers on top of all previous layers:

Color balance

6 col sha Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

6 col mid Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

6 col hig Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Mask on the colour balance adjustment layer:

6 col mask 499x318 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Curves

6 curves Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Mask on the curves adjustment layer:

6 curve mask 500x322 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

and here is the effect so far:

6 effect 500x313 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Step 7

Now let’s add some final details to the text effect. I created a new layer called “text highlight” and use a soft white brush to paint on the area shown below: (set the layer blending mode to “overlay” with 70 opacity)

7 paint white 500x198 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Add some noise around the text to create some splashing effect. You can do so via the noise filter, or some splatter brushsets:

7 splash 500x291 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

You can also duplicate the radial blur layer we created earlier for the text once, drag this layer to the top and flip it vertically, change the layer blending mode to “soft light”.

Here is the effect you will have:

7 light top 500x341 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

I also added a black and white adjustment layer on top of all layers with the following settings:

7 bw Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Layer mask on the black and white adjustment layer:

7 bw mask 500x304 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

Reduce the layer opacity of this black and white adjustment layer to around 50%, and here is the final effect: (click to enlarge)

(I also added some cloud texture onto it – you’re free to experiment with other texture, filter effect, and see what result they bring you.)

mystical text flatten 500x321 Create a Mystical Text Effect with Smoke and Ocean Texture in Photoshop

That’s it for this tutorial! Hope you enjoy it and find it interesting and inspirational. Until next time, have a nice day!


Take a Break

  • http://web30textures.com/ GKL

    Great tutorial, thanks for sharing!

  • http://Website Dude

    first thx for the sharing
    but does this work on CS5 ??
    i tried it but i did not get the result of the water image :(

  • http://www.childmonster.com/ Childmonster

    I very like the light effect.. but the text may be not good

  • http://Website JUAN

    very very nice work

  • http://Website Earth Line St.

    I’m having trouble on the “Mask on the Levels adjustment layer” part in step 2, I’m not quite sure how to do this, any help would be great, thanks.

  • http://www.uvah.wincustomize.com Ross Anderson

    What would be nice is a reply to questions asked about the layer masks. I’m new to photoshop and seeing only an image isn’t good enough. How do you create the layer masks??

  • http://Website Edward

    to create a layer mask:
    choose the layer then click on the box shaped with a circle in the middle (right hand side at the bottom of the layer palette beside the “fx” icon) after that you should see another square beside the layer then just use the brush tool (with black as a foreground) on the image or whatever

  • http://Website Jhoni

    Missing some explanations …Purposeful?

  • James Qu

    @Jhoni: I don’t think there is a need to go into details to each and every step. After all this is a intermediate level tutorial.

  • http://Website Jhoni

    Ok!! I’m a noob! I tried but when I got in step 6 all layers changed the color … I could not let some details of white clouds for example. Anyway … I still learn! Congratulations for your site is great!

  • http://Website darrel

    for step two i wanted to know if there was anything in depth to show how to accomplish this goal. I am honestly stomped, ive tried adding a mask, results are totally different. ive tried linking a levels adjustment layer and adding a mask to that… litterally nothing happens at all. i want to move on to other tutorials but i cant leave a tutorial alone when its something i really want to learn.

  • http://google sourabh raghuwanshi

    I very like the light effect.. but the text may be not good
    nice work

  • http://google jeevan mandloi

    Ok!! I’m a noob! I tried but when I got in step 6 all layers changed the color … I could not let some details of white clouds for example. Anyway … I still learn! Congratulations for your site is great!

  • http://www.onlinegamer2.blogspot.com Ali

    nice text effects

  • http://Website nathan

    hey i was wondering if this works on cs5…. maybe im just confused on using masks…ok so i get to step 2 and im dong really good. i got a bit confused on the “mask level adjustment layer” thing. how do you mask exactly… in cs5 help it gives different instructions but am i supposed to “hide” layer or “show” layer? i mean i get the top of the waves to brighten and all but once i finish the color balances its not the same darkness and color on the lower water…. online it shows the water turns out to be dark but mine is still dark orange…. PLEASE HELP!!!!

  • http://Website Boris

    omg this is way to hard

  • Piptoo_2020

    very goooooooooooood tut .. like it . thanx alot 

  • Matthew

    Damn can’t get step 2 right. It’s waaay too red.

  • Brammagefam

    hectic work bro, quite difficult for a beginner too :) turning out to be a nice challenge. Thanks

  • Goarmy08

    Did you get it to work; I am having the same issue…just too damn red!!

  • Icedrackon

    … I’m stumped. For the Level adjustments layer, with the settings that’s shown (output input levels from the screenshot), it makes my water look REALLY blue. Kinda blue-purple-ish. Help?

  • Icedrackon

    I meant Curves adjustment layer. -__-

  • Hvts19

    Exactly what happens to me… Anybody solve this problem?

  • Jneilarcenal

    If your having trouble with the color adjustments of the waves or
    If all you want is the design and not the skills then just do it in shortcut…
    Copy the image in step 3,, after this instruction: Then Create a new layer under all the text layers, and render some clouds under it. ( just right click on the image and click save image as…) 

  • Soundchi

    you are awful at explaining what to do. gah.

  • yuda

    wooow nice tutor