Design a Cool Blue Text Effect in Photoshop

5-15-08 Filed under Photoshop Tutorials & Typography

Step 1:
Let’s start out by creating a new file. I used a 600×300 pixels canvas set at 72dpi, and I filled my background with a black color. Now select the Horizontal Type Tool and set the font family to Arial Black, regular, 48 pt, crisp and #84C4FF color shade. In a new text layer type your name.

Step 2:
Under Layer Style (Layer > Layer Style) add an Inner Shadow, Satin and Gradient Overlay blending options to your blue text layer.

Step 3:
In a new text layer typeyour name again in white color.

Step 4:
Under Layer Style (Layer > Layer Style) add a Gradient Overlay blending option to your second text layer. Then set the layer’s blending mode to Darken so the effect from the gradient overlay blending option shows up on the design.

Step 5:
Now add a rectangle marquee selection around your text design then copy the selection through Edit > Copy Merged. Go back to Edit > Paste, you should now have a new layer with the text design along with the background combined.

Remove the selection and apply a motion blur through Filter > Blur > Motion Blur. Set the angle to 0 and distance to 102 pixels.

Step 6:
Under Layer Style (Layer > Layer Style) add an Inner Glow, Color Overlay and Pattern Overlay blending options to your motion blur design layer. Then set the layer’s blending mode to Darken Hard Light.

Step 7:
Here we added another motion blur design with the same layer style settings just below the text designs.

Pages: 1 2
Did you enjoy this design? We publish fresh tutorials
on a daily basis so why not Subscribe to our RSS Feed?

---

11 Responses to “Design a Cool Blue Text Effect in Photoshop”

1. BrainFart Says:
   May 18th, 2008 at 1:09 am

   Very Nice Tut ! I’ll use this very soon. ThX !

2. Aleks Says:
   May 18th, 2008 at 11:28 am

   Great. Thanks!

3. JRJ Says:
   November 6th, 2008 at 6:43 am

   You dont ever tell if the layers are supposed to be merged or not, that confuses me a lot.

   Exept… ok tutorial.

4. tbew Says:
   December 24th, 2008 at 3:55 am

   thank you so much very nice

5. serena Says:
   December 29th, 2008 at 1:00 am

   There is no layer style called “Darken Hard Light”. Only “darken” or “hard light”. Can’t choose two. where did you get that from?

6. DTT Says:
   February 2nd, 2009 at 11:50 pm

   Totally unfollowable tutorial…

7. Mina Says:
   March 15th, 2009 at 6:07 am

   i tried, and it would’ve been great

   apart from my ps crashing every time i tried ..

8. daniel Says:
   March 17th, 2009 at 8:57 am

   Really nice, but you could have been more specific :p

9. Dylan Says:
   March 31st, 2009 at 9:51 pm

   My Photoshop (CS4) doesn’t have the pattern you used. Anywhere to download it?

10. TheNightMare Says:
    April 5th, 2009 at 7:31 pm

    I say same as serena + the outcome doesn’t work for all words…

11. Julian Says:
    April 20th, 2009 at 3:04 pm

    The tutorial does need to be tweaked a bit in order to better communicate the individual steps.

    At least the .PSD file is available; you can use it to reverse engineer the process.

Add a Comment

Name (required)

Mail (required)

Website