In this Awesome Photoshop tutorial, you will learn how to create this colorful Aura text effect. A little practice with the Pen Tool would help you get greater results if you’re not quite familiar with. Some brush settings will also be covered throughout this tutorial. Have fun.

Here’s the Final Image
Before we start lets see the final image we’ll create through out this tutorial. You can download the layered PSD document here.

Create the Text
Let’s start by creating a new document which is 1000 pixels wide, 600 pixels high and at a resolution of 300 pixels/inch. Fill the "Background" layer with 75% grey. Get the Type Tool and type "AURA". Set the font to Comics, which you can download here. Set font size to 40 pt and Tracking to 60. Actually the font you’re using doesn’t really matter, it will be guiding us to draw each letter roughly from the scratch.

Draw the Letters
Create a new layer named "Text". Get the Pen Tool, choose Paths. Draw paths over the letters as in the below image. Each letter should be a seperate path so, after completing one letter, Command-click outside the path before starting the other.

Place the Brush Strokes
After drawing the last letter, Command-click outside the path to deselect. Get the Brush Tool. Select one of the round brushes and go to Window > Brushes to bring up the Brushes Palette. Turn off Shape Dynamics, set Diameter to 36 px and Spacing to 255%.

Pour Some Color
Delete the "Aura" layer because you won’t need it. Set the Foreground Color to black. Go to Paths Palette, open the Paths menu and select Stroke Path. Make sure Brush is selected in the Stroke Path Dialog and hit OK. Now you have big spots along the paths. Now we’ll add some color. Select the "Text" layer in the Layers Palette and apply a Gradient Overlay using these settings: Gradient => Spectrum, Style => Linear, Angle =>90, Align with Layer => Unchecked, Scale => 60.

Organize the Layers
Get the Smudge Tool from the Toolbox, pick one of the standard round brushes, open the Brushes Palette, turn Shape Dynamics off, set Diameter to 50px and Spacing at 5%. Create a new layer above the "Text" layer, select this new layer and the "Text" layer, then hit Command+E to merge. Name this layer "Text".

Smudge the Paint
Go to Paths Palette, choose stroke from the Paths Menu. Make sure Smudge is selected in the Stroke Path Dialog and hit OK. This will smudge the paint a little. Repeat this two more times. Now you can click outside the "Work Path" in the Paths Palette to get rid of the path.

Apply Layer Style
Go back to Layers Palette, and to make the text more prominent, select the "Text" layer and hit Command+J to duplicate. Hit Command+E to merge these two. Hit Command+J to duplicate the layer once more and name this copy as "Rays" and for now, make the "Rays" layer invisible. Apply a Bevel and Emboss Layer Style to "Text" layer using these settings: Style => Inner Bevel, Technique => Smooth, Depth => 175, Direction =>Up, Size => 20, Angle => 145, Altitude => 60 and Highlight Opacity => 90.

Make The Reflection
Duplicate the "Text" layer by hitting Command+J and name the copy as "Reflection". Go to
Edit > Transform > Flip Vertical. Place the reflection below the text as shown below. We’ll apply a Layer Mask to fade the reflection. Click the Add Layer Mask Button, get the Gradient Tool, pick Black, White gradient and apply a Linear gradient to the layer mask as shown below. Set Layer Opacity at 25%.

Create the Light Rays
Select the "Rays" layer and make it visible. Go to Filter > Blur > Radial Blur and use these settings: Amount => 100, Blur Method => Zoom, Quality => Best. Hit Commad+F twice to apply the filter two times more. Set Blend Mode for the "rays" layer to Color Dodge and Opacity at 55%. Hit Command+T and set Horizontal and Vertical Scale at 140%. Place the rays as in the below image. Go to Layers Palette and drag the "Rays" layer below the "Text" layer.

Deal with the Background
Now we’ll apply a Layer Style to "Background" layer. First double click the "Background" layer. You’ll see a New Layer dialog box, just hit OK. The layer is named as "Layer 0" now. Apply a Graient Overlay using these settings: Blend Mode => Screen, Graident => Black, White, Opacity => 40%, Reverse => Checked, Scale => 55%.

Create the Ground
Create a new layer named "Ground" above "Layer0". Get the Elliptical Marque Tool and make a selection like in the image below and fill it with white. Hit Command +D to deselect. Go to Filter > Blur > Gaussian Blur, apply with a Raidus of 40 pixels. Set Layer Opacity at 65%.

Create the Shadow
Duplicate the "Text" layer and name the copy "Shadow". In the Layers palette, drag the "Shadow" layer below the "Text" layer. Make the layer styles invisible. Hit Command+T and scale it down and place it between the text and the reflection as in the below image.

Create the Shadow
Hit Command+U to bring up the Hue/Saturation dialog. Set Lightness to -90 and apply. Go to Filter > Blur > Gaussian Blur and apply with a Radius of 5 pixels, then Go to Filter > Blur > Motion Blur, set Angle to 0 and Distance to 60 pixels.

Final Touches
Now we’ll make the colors more vivid. Duplicate the "text" layer. Go to Filter > Blur > Gaussian Blur and apply with a Raidus of 5 pixels. Set the Blend Mode to Overlay.

Congratulations
Yep, that’s all. If you would like to try this tutorial again, remember that you can achieve different effects using different brushes to create the spots and to smudge paint. Using different gradients for coloring the brush strokes will also vary the result. I hope that was a useful and fun tutorial.

http://www.psawesome.com/wp-content/plugins/sociofluid/images/digg_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/reddit_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/delicious_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/blinklist_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/blogmarks_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/technorati_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/magnolia_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/google_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/myspace_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/facebook_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/yahoobuzz_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/twitter_32.png
What People Said About This Post:
  1. Hani

    Superb, nice and simple Technic
    well done

  2. evilkitty75

    wow i just had a go n nice tech i love it!!

  3. Binol

    Now I understood wht is smudge tool and its use

  4. Jesse

    good job…i can do much betta i guess….haha…

  5. Ramees

    Hey. that was an awesome job. i learned a lot from this tutorial. thanks a bunch mate. and plz keep posting great stuff.. tc

  6. sufi

    good job .. hmm

  7. TARUN

    VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV
    VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV
    VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV
    VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV GOOD

  8. Victor

    GREAT TUTORIAL!!!!!!!!!!!!
    But in step 5 is a little mistake, I think! New layer must be plased beyond the “Text” layer.

    • Eren Göksel

      Hey Victor,
      you’re right. If you put the new layer below, you will not need to rename the layer, it will be named “Text”, so it’s a more practical way. It works fine this way though.
      Thanks.

  9. Victor

    There’s one more reason, even more serious reason!

  10. Victor

    Try to explaine: sometimes (as in this tutorial) we need to get rid of the pictogramm “fx” of the concrete layer, but the layer must stay looking as with layer styles. There are no concrete button or function in any version of PS, nht only way to do so is to create the new layer below without any layer styles, of course, & merge them. (Sorry for my English :( )

    • Eren Göksel

      i totally agree with you,
      a “merge layer styles” command would be great. so i’m making it happen, using the method you’ve just described.
      but it doesn’t make any difference if the new layer is above or below the layer styled one. it only affects the name of the merged layer.
      But i’ll give it a try to make sure :)
      Thanks.


  11. Man this is great! I want to try it! Where did you get the font from? I’m trying to find it. There are a million named Comics… What site please?

  12. MM KING VICTORY

    This Text Effect is Crazy :)


  13. Thanks for the font update! I really appreciate it. I might have to feature this tutorial on my website if you don’t mind! This is great! I can’t wait to try it!

  14. sweety84

    Stupendo tutorial! Complimenti al creatore!
    :)

  15. KK

    very nice, easy to follow, hope you plan having this site updated!

  16. Designrules

    Hi im having trouble with this tut (dont judge me cause im thick!) whenever i go to stroke path and smudge it just creates a normal looking path, ie no smudge effect. What am i doing wrong?

    • Eren Göksel

      Hi Designrules,
      in step 5 make sure you set the strength at 55% and
      in step 6, when you use the stroke path command for the second time, make sure you choose the smudge tool.
      Thanks.

  17. aniss

    THIS IS A GREAT TUTORIAL ITS SIMPLE QND IMPRESSIVE
    THANKS A LOT FOR SHARING THIS


  18. Thats an awesome tutorial for an awesome text effect !!!!!
    Thank you very much for sharing such a great tutorial with us !!!!


  19. Ho….
    very nice, easy to follow, hope you plan having this site updated!


  20. Very nice that is something we also tried in our website here: http://bit.ly/c6Psfh

  21. yes

    eren goksel is a man?


  22. Hi – This is really wonder tutorial, I enjoyed alot :) Thanks for posting – Avn

  23. Rennie

    Baller. :)

  24. Dee

    well
    it’s great
    thanks ! :)


  25. Awesome tutorial. I really like the effect creates a illuminating light source from the letters. I really like how the letters appear to be glowing, and I like the colors. Reminds of paint and having fun just smearing random colors over the canvas.

  26. Eren Göksel

    Hey there,
    thanks for your comments, i’m really happy you liked it.

  27. AYANTIKA

    ITSSSS AWASOME!!!!!!

  28. Rob

    AWESOME!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  29. Designer M

    AWESOME KEEP POSTED LIKE THIS MAN GOOD :)

  30. Krisz

    This is great!!! I’m from Hungary and i learn a lot from You Thanks!!!!

  31. shaunie

    i’ve just completed step 4 but nothing has changed, the paths still the same with black dots on… :( not changed colours.


  32. AWESOME!!!!!! All time unless I didn’t finished, i was making happy sound! After i finished I called my family to see my work! It was great tutorial, I am taking my hat off!!!

  33. Brandon

    Thx alot man, i can definitely use this on my later work.

  34. kevin

    Hey I just wanted this is one of the best tutorials i’ve come across on. Very clear, detailed, excellent job. I’m amazed such a cool effect can be so simple! many thanks!

  35. Gopal

    Coooooooool Man.
    i want a link for your another tuts…

  36. Elena

    Thank you for posting. I’m a very beginner in Photoshop…I didn’t know where and how to instal the font you’ve mentioned but look what I’ve made: https://picasaweb.google.com/ellena.zaharia/Photoshop#5598891899145000050
    a Easter Card!!!!

  37. Tony

    Bhalo hoisay

Leave a Reply







PSAwesome | 2010. All rights reserved.
Any redistribution or reproduction of part or all of the contents in any form or in any other language is prohibited.
contact@psawesome.com