Sign In  |  Join Now Become a member to add links and start earning points!

Colorful Glowing Text Effect in Photoshop

After seeing some recent Type work by Vicenç Fontanet (or, Drasik), in his recent project for “Miniblack“, I just had to give the effect a shot myself in Photoshop. It’s a wondeful little style that could easily be integrated into any dark graphic design where some upbeat text is needed.

Step 1 – Choosing a Background

For the best results with this effect, you’ll want to use a dark background. The background should have a hint of color, and should avoid from being too dark (such as pure black). Being inspired from Drasik’s work, I’ll use a dark violet (#120612).

Just to get this out of the way, as you may notice throughout this tutorial, there are LOTS of different ways to go about accomplishing this effect – this is just the way I found to be most convenient.

Step 2 – Setting the Type

We’ll be setting the type in a not-so-traditional way, which will allow us to get a special layering.

Using the Type Tool, type whatever it is you’d like to apply the effect to, BUT only type one letter per layer. That is, you need to type a letter, apply the text, then create a new type layer with your next letter. When all is said and done, you should have a separate layer for each letter.

You’re image probably looks something like this (Quick Note: Type used below is Century Gothic):

Well, that leaves something to be left desired.

Rather than wasting too much time trying to get things aligned perfectly, let’s handle it all in a quick step. Select the Move Tool. Create a selection around the first letter (Ctrl + Click the Layer Thumbnail in the Layers Palette). Next, Select ALL of the Type Layers (Click the Bottom Type Layers name, hold shift, then click the top Type Layers name). Now, in the Options bar, Click “Align Bottom Edges” – the icon that looks like this

Deselect everything (Ctrl + D), and now start moving your individual letters so that they slightly overlap one another.

Positioned Type

Step 3 – Add a Gradient

Create a new Layer above your type layers. Using the Gradient Tool, and a White to Transparent gradient, fill in the work area so that the Gradient is not TOO OPAQUE, or TOO TRANSPARENT where it overlaps with the text, but fades nicely in that area. The gradient should move from top to bottom – Top being the most opaque (Hold Shift to make a perfectly straight gradient).

Step 4 – Cutting out Letters

Imagine that we’re making shaped-cookies. It’s a stretch, but stay with me. In a way, this gradient will serve as our ‘dough’, while the letters will be our ‘cookie cutters’. Those individual type layers created earlier are tools we can use to create shapes from the gradient.

Let’s go through it step by step and see if it makes more sense. Create a selection of the layer contents for your first letter (Ctrl + Click the Layer Thumbnail in the Layers Palette). Now, Select the Gradient Layer (By “Select”, I mean click the layer – do not select the layer contents. We want the selection of the first letter to remain). Copy (Ctrl + C) and Paste so that you’ve created a copy of the gradient in the shape of the letter. If you were to disable ALL of the layers except for this new layer you just created, and the background, you’d now have this:

It’s really a lot simpler than it sounds. Repeat this process for the rest of the letters, always making sure to selecting the gradient layer (the dough) prior to cutting out your layer. When you’re finished, put away all your letters and gradient layers (delete them, or hide them).

Step 5 – Just Add Color!

You may want to name all of your individual layers, that way you don’t lose track of which letter is which, but perhaps you’ve got a manageable number and that’s not necessary.

Create a new layer above all your ‘gradient-letters’. Grab the Paint Bucket Tool, and a bright color (I’m starting with #7fff5d). Create a selection of your first gradient-letter (Ignore any messages you may or may not see about no selection being shown), and fill in that selection with your selected color on the new layer. Set this layers Blending Mode to Screen.

Repeat this process for the remaining letters (each color on a new layer). Try using the same colors more than once every now and then.

Step 6 – Merge

When you’re sure that the type is set correctly, Merge all of your gradient-letters (Select the layers, then Ctrl + E). Then, Merge all of your colors into one layer (Make sure the blending mode is still set to screen).

You should now have two layers – one with the plain gradient layers, the other with the colors for the letters. We didn’t have to do this, it’s just easier to manage.

Step 7 – Getting the Glow

Duplicate your gradient-letters layer (Not the color layer). Apply a Gaussian Blur (See our Filters Tutorial) with value of 1-3 on this layer.

Repeat this step (Duplicate & Blur) on your Color layer. Set this layer to Lighten or Screen (use best judgment). Depending on the saturation and intensity of your colors, you may choose to duplicate the color layer a second time.

Step 8

Using the Eraser Tool, and a soft brush, go back and erase parts of the colored layers so that the type appears to fade from color to a ghostly white.

Step 9 – Reflect

Select ALL of the layers being used for the text effect, then Duplicate them. Merge the duplicated version into one layer. Use the trendy Surface Reflection Technique shown in our 5 Essential Reflections for Photoshop Tutorial to mirror your type.

Step 10 – Adjust as Needed!

From here on out, I’ll let you play on your own with the effect. I’d recommend playing with lighting effects in the background — simple things like adding some highlights behind the text… though you certainly could go all out as Drasik does in his work!

Here are some additional steps I took to improve upon the effect:

Playing with additional blurs can also add a bit of liveliness to the text. Try Duplicating a layer, and applying a motion blur to see how that works out for you!

Feel free to grab the PSD if you’re having any trouble!

More Photoshop Tutorials

Did you enjoy this Tutorial? Tutorial9 is a leader in high-quality articles and posts, offering the best on Photoshop Tutorials online to thousands of readers every day. Please feel free to subscribe to our Tutorial Updates, and always ask questions if you run into trouble!


  1. Add point Subtract point
    luigi (-1 Points) May 7, 2011 at 8:42 pm

    Thats a beautiful tutorial, but, how can i add the final lighting?

    Flag as inappropriate
  2. Add point Subtract point
    Simon (2 Points) May 3, 2011 at 4:11 pm

    I am having problems with step 5!
    I just don’t understand! :/ Can some one please tell me have to do it?

    Flag as inappropriate
  3. Add point Subtract point
    mar5122 (0 Points) April 7, 2011 at 4:48 pm

    ok so ive got the first part of 4 done, u know making the first letter, my first letter is m right, so i put a m for the first thing and then i try to put an a (my second letter) it comes up as a m . I’ve tried to do the same thing like i did before but it never works !. plz help !!!!!

    Flag as inappropriate
  4. Add point Subtract point
    brent james (14 Points) April 7, 2011 at 3:29 am

    Heres what you do in step 4.
    You have now your gradient layer right?
    1. Do you see that letter “T” icon on your First letter? all of the text layer has a “T” icon, it indicates that its on a Text Layer, Now simple Cntrl+click that icon….not the layer name but the “T” icon
    do you see that moving lines thing arround the letter?
    if it shows that way. it means your on the right track…
    2. Then just simply click on your gradient layer.
    3. Now you copy the gradient layer.
    4. then paste..
    but nothing happeds right?
    its ok you’ve done it right…
    5. Then make the first letter that you selected earlier invisible , by simply clicking on the “EYE” on the text layer…

    and you will see the gradient effect…
    6. Lastly do it all on the text… then your done.. :)

    Flag as inappropriate
  5. Add point Subtract point
    Pink (-1 Points) March 8, 2011 at 6:28 pm

    Step 4 help pls.
    I did my gradient white to black (I changed the transparency of it.. even if I don’t I still get my problem). I can select the 1st letter and if I double click it a box opens (blending options)? So I single click it
    I click the gradient and it highlights (there is no way it won’t high light)
    now the 1st letter and gradient layer are selected
    I am able to copy the letter but the letter has no gradient effect on it.
    Thanks for the tutorial its great

    Flag as inappropriate
  6. Add point Subtract point

    For Step 7: Right click on the Duplicated Layer (the one with the Gaussian Blur) and select BLENDING OPTIONS, then, on the new dialog, enable OUTTER GLOW.

    Lower the opacity to approximately 50% on your Color Layer.

    If you need more color you can duplicate your Color Layer and apply again a Gaussian Blur on this duplicated Color Layer as stated.

    Flag as inappropriate
  7. Add point Subtract point
    Thomas Beer (1 Point) February 16, 2011 at 7:41 am

    That’s what I got! Thanks for a great tut!

    Flag as inappropriate
  8. Add point Subtract point
    Biggrodd (0 Points) February 16, 2011 at 5:38 am

    STEP 4: IT IS NOT CTRL + Click………. YOU HAVE TO CTRL + Double Click!!!!!! So this means, Ctrl + double click the layer of the first letter. Then click the top layer, which should be the gradient layer and copy (ctrl + c). Now go back to the layer of the first letter and paste (ctrl + v).

    Flag as inappropriate
  9. Add point Subtract point

    i actually spent hours on this and got nothing .. i guess this tut. isnt for beginners ..

    Thanks Anyways

    Flag as inappropriate
  10. Add point Subtract point
    kenichifc (1 Point) December 14, 2010 at 10:44 pm

    thanks for tutorial. Love it, simple and effective :D

    Flag as inappropriate
  11. Add point Subtract point

    it so difficult!!!
    f_!c% this thing

    Flag as inappropriate
  12. Add point Subtract point
    fresheima (0 Points) December 10, 2010 at 8:14 am

    Actually it was really good to understand, I liked how you describes everything and showed it in the pictures.
    I just don’t know why step 7 isn’t working for me…I can use any filter I want, it makes no difference…just like you can’t see it.

    Flag as inappropriate
  13. Add point Subtract point
    Chicho (0 Points) December 4, 2010 at 3:11 pm

    Can you put it on youtube?

    Flag as inappropriate
  14. Add point Subtract point

    i need help with step 5. can anyone word it differently?

    what i did was, select the gradient letter and then used the paint bucket to color it in on the new layer and then set the blend mode to screen. hmmm still didn’t work. instead of just turning the letter into a color. the entire new layer became a color. help.

    Flag as inappropriate
  15. Add point Subtract point
    iQuiZz (-6 Points) November 23, 2010 at 10:40 am

    hello , i have a little problem at the part “Step 4 – Cutting out Letters” can do that copy – paste thing .
    please someone help me ;)
    best regards ;D

    Flag as inappropriate
  16. Add point Subtract point

    I tried it but the letter arrangement seems to me difficult. But i will try it again. Thanks for your teaching :)

    Flag as inappropriate
  17. Add point Subtract point
    Jordan CP3 (1 Point) November 5, 2010 at 6:53 am

    Thanks for sharing your great website with us. i am really love it. Welcome to visit our website at anytime too.

    Flag as inappropriate
  18. Add point Subtract point
    Jennifer (-1 Points) October 16, 2010 at 9:09 am

    After so long {20minutes?} I finally understood step 4, with help of some comments. -.-
    but it end up stuffing up, and all the letter layers merged into one. I didn’t merge it. Eventually gave up useless. Waste of time.

    Flag as inappropriate
  19. Add point Subtract point
    Вызов такси Днепропетровск (-1 Points) October 7, 2010 at 10:24 am

    The excellent lesson, has learnt a lot of new, thanks

    Flag as inappropriate
  20. Add point Subtract point

    hi there,
    thanks for sharing this tutorial!

    i’ve done it, and the result was so GREAT.
    love it so much!

    thanks a lot ya. :)

    Flag as inappropriate
  21. Add point Subtract point

    Step 5 is very confusing and not well written. I understand that perhaps this tutorial was not meant for novices, but this tutorial is really lacking in certain areas.

    Flag as inappropriate
  22. Add point Subtract point

    que programa se utiliza para acer esto? como lo descargo?

    Flag as inappropriate
  23. Add point Subtract point
    Jordans (0 Points) September 7, 2010 at 11:33 am

    I am confused. Was this article written years ago? I opened Adobe Bridge (I have CS3) and it clearly states that Adobe Bridge has been discontinued. So what gives?

    Flag as inappropriate
  24. Add point Subtract point

    wowow, this is very nice. thanx a lot

    Flag as inappropriate
  25. Add point Subtract point

    Nice post and thank you for letting this information with us.

    Flag as inappropriate
  26. Add point Subtract point
    Duong (2 Points) August 27, 2010 at 3:47 pm

    How did you do on step 5? Can’t get it right!

    Flag as inappropriate
  27. Add point Subtract point
    HASEEB (0 Points) August 26, 2010 at 4:06 am

    SOLUTION OF STEP 4: a) CTRL click on first text layer to select text then go to gradient layer(thats on top) then press ctrl+c to copy layer then come back to first text layer that you have selected and press ctrl+v to paste that layer

    b)now u can see a new layer above selected text layer

    c) Now hide selected text layer and gradient layer to see your style
    have fun

    Flag as inappropriate
  28. Add point Subtract point
    Happu (-1 Points) August 25, 2010 at 8:24 pm

    I have no idea how to get the glow.. Stuck on Step 7.. Can anybody help me please?

    Flag as inappropriate
  29. Add point Subtract point
    Hoang Tran (2 Points) August 24, 2010 at 11:58 pm

    I was a girl in Vietnam. I have read your article, I enjoyed it. you just have a talented and handsome again. I really admire you!

    Flag as inappropriate
  30. Add point Subtract point

    If you’re still having issues with step 4, try this:
    - Hold down Command (Mac) or Control (Windows).
    - Click on the thumbnail of the letter or layer you want to “cut out”. You should see the marching ants in the shape of the item you cut out. Do not copy, paste, or select anything else.
    - Now, click on the gradient layer in your layers palette. You should still see the marching ants on your document.
    - Hit “Command-C” (Mac) or “Control-C” (Windows) to copy. You’ve now copied the gradient layer in the shape of your letter.
    - Paste.
    - Yay!

    I don’t know that there’s a clearer way to make it, but if you want better details, feel free to email me: mccutchenm {at} gmail

    Flag as inappropriate
  31. Add point Subtract point

    Great tutorial ;D

    I just would like to know the fonts name.

    Thank you

    Flag as inappropriate
  32. Add point Subtract point
    Rit Man (1 Point) August 9, 2010 at 8:14 pm

    that looks hot! I think I want to give it a shot and up the saturation to make the colors pop a bit instead of being “ghostly”. Thanks for the great work

    Flag as inappropriate
  33. Add point Subtract point
    Andre (1 Point) July 26, 2010 at 5:29 am

    What does this mean: ‘When you’re finished, put away all your letters and gradient layers (delete them, or hide them)’

    Flag as inappropriate
  34. Add point Subtract point
    Benjamin Howarth (0 Points) July 17, 2010 at 1:11 pm

    I’m redesigning my website, and after a couple of hiccups on this tutorial I’ve done this successfully four or five times now. Great tut :-)

    Flag as inappropriate
  35. Add point Subtract point
    Wendy (1 Point) July 14, 2010 at 4:27 am

    sorry. i just dont get it from step4. bah

    Flag as inappropriate
  36. Add point Subtract point
    Rocket (2 Points) June 30, 2010 at 9:28 pm

    I’mm so confused at step 4. Every time i try nothing happens.

    Flag as inappropriate
  37. Add point Subtract point
    Ouizebabe (0 Points) June 29, 2010 at 7:42 am

    Ive been sat here baffled over Step 5! I don’t understand as I’m just being thrown ‘selections’ which to me end up with a screen full of colour.
    Can anyone please explain in simpler terms how to do it properly!

    Flag as inappropriate
  38. Add point Subtract point
    Whitney Hempsey (1 Point) June 25, 2010 at 7:37 pm

    Here is my take on the tutorial. When making the color layer I couldn’t select the gradient letters I had to go back and select the original letters. That worked out perfectly.

    Flag as inappropriate
  39. Add point Subtract point
    MightyJake (0 Points) June 24, 2010 at 12:19 pm

    Step 4 just simply isnt working for me. It wont let me copy anything.

    This is an awful tut.

    Flag as inappropriate
  40. Add point Subtract point
    Pretentious (1 Point) June 17, 2010 at 2:17 pm

    Lol? This is by far one of the best, most straightforward tutorials I’ve ever read in my entire life. I got it on my first try. Great tutorial, keep ‘em coming.

    Flag as inappropriate
  41. Add point Subtract point
    Jordan (1 Point) June 17, 2010 at 12:51 am

    Its easy all you have to do is just experiment a little or use common sense yes you might have to go back and do some steps over but if you just put your head to it it will work

    Flag as inappropriate
  42. Add point Subtract point

    I can’t even get past step 2. It’s not aligning the text up. I must be doing something wrong. this tutorial is to hard to understand.

    Flag as inappropriate
  43. Add point Subtract point

    effort you all, no skill ….

    Flag as inappropriate
  44. Add point Subtract point
    John (1 Point) May 24, 2010 at 2:13 am

    WOW! This is so cool. I like how the final product looks. I’ve been trying to design a logo somewhat like this (in essence, of course) for myself and it was a disaster! I didn’t manage to get it looking right. It was a little bit… off somehow. Finally, I decided to use the professional services of an online logo design site instead ( and got the logo I wanted at an affordable price and fast too, within 24 hours. I did provide this link for reference and inspiration to my designer as I liked how yours look. I’m not going to design a logo without any professional help anytime soon though it’s fun. And liberating. Haha. Cool tutorial, by the way. Very modern and sleek.

    Flag as inappropriate
  45. Add point Subtract point
    gil (0 Points) May 20, 2010 at 2:16 pm

    i cant do the Step 4 – “Cutting out Letters”
    i dont understand the selection process
    can somebody help?


    Flag as inappropriate
  46. Add point Subtract point
    Brian (1 Point) May 20, 2010 at 12:33 am

    Step by step on the cutting of texts please. :|

    Flag as inappropriate
  47. Add point Subtract point
    Scott (1 Point) May 17, 2010 at 8:16 pm

    Fantastic tutorial.

    Really easy to follow and I have good results from it.

    Flag as inappropriate
  48. Add point Subtract point
    Eshwar (1 Point) May 15, 2010 at 9:44 pm

    thanks a lot!!! geat effect!!!

    Flag as inappropriate
  49. Add point Subtract point
    emily (1 Point) May 8, 2010 at 1:03 pm

    i can get it. can anyone make a video for this? :/

    Flag as inappropriate
  50. Add point Subtract point
    andrea_im (1 Point) May 2, 2010 at 1:47 pm

    thanks a lot!!! geat effect!!!

    Flag as inappropriate
  51. Add point Subtract point

    Half of these people are ungrateful babies. Thank you so much for taking your time to throw this together.Even if you guys can’t get it to work this way,there are other ways.Try reading the manual, instead of bashing tutorials and insulting info philantropists. thanks again!

    Flag as inappropriate
  52. Add point Subtract point

    I can’t seem to get the gradient part. I only get a white haze over my work instead of a flowing gradient. Even though I have the white-transparent gradient selected.

    Flag as inappropriate
  53. Add point Subtract point
    Samantha (1 Point) April 11, 2010 at 12:38 am

    Hi! I’m a total noob when it comes to this kind of stuff so can someone please help me out and do one for me? Pleease! I’m making a T-Shirt and I want a cool effect on it. Can you put the text saying “Muse”? Thanks! <3

    Flag as inappropriate
  54. Add point Subtract point

    great babe it’s nice i cant believe that i can create this

    Flag as inappropriate
  55. Add point Subtract point

    Yeah, so three hours later I still cannot get the blur to take effect. I have done this over and over, creating new layers for each letters’ color and gradient. I get the gradient effect, I get the color effect, but when I attempt to blur after merging (or before merging on individual gradient and color layers) there is absolutely NO EFFECT of a blur which is the ONLY thing that will make this technique work. Without it, no opacity change, no glowing apearance, no colorful glowing. Just some pretty letters that overlap. Literally THREE HOURS of my time and about eight attempts at this, with careful reading and following instruction. Are you SURE you guys did not leave out an important factor in this process????? At least I learned something about creating a selection I suppose.

    Flag as inappropriate
    • Add point Subtract point
      MeltingDog (1 Point) April 6, 2010 at 7:35 am

      OK, so I may be stating the obvious but have you tried increasing the blur to be greater then 1.3? If you are working on a bigger document you will need bigger settings for the blur. I was working on a 1400px x 1400px document and had to increase mine to around 3 for example.

      Flag as inappropriate
  56. Add point Subtract point
    Willow (1 Point) March 18, 2010 at 4:14 pm

    This is the most CONFUSING tutorial I have tried, and I have done a ton of tutorials. I wasn’t able to get it to work. Next time you should “print screen” so we can see exactly what we are supposed to be doing.

    Flag as inappropriate
  57. Add point Subtract point

    Wow. This doesn’t even make sense! This is by far the worst tutorial I have EVER read, ever…

    Flag as inappropriate
  58. Add point Subtract point
    designerwannabe (2 Points) March 12, 2010 at 10:12 am

    i say it’s really a great effect but a poorly explained one. I somehow figured out how to do the most confusing part.

    For Step 4:
    1. ctrl+click/cmd+click the first letter to make a selection.
    2. while it is selected, click the layer with your gradient.
    3. press ctrl+c or click EDIT then COPY.
    4. naturally, when you copy something it means eventually your gonna PASTE it! so press ctrl+V or select EDIT then PASTE.

    voila! you will have a new layer that has the first letter with the gradient fill on it. move the layer on top of the original letter and just rearrange it. This is how i manage to do mine. hope it will help.

    Flag as inappropriate
  59. Add point Subtract point
    karenina (1 Point) March 12, 2010 at 7:09 am

    i can’t do step 4, help me please?

    Flag as inappropriate
  60. Add point Subtract point
    Amanda (1 Point) March 4, 2010 at 8:26 am

    For all my years working with photoshop, I’ve seen a lot of badly explained tutorials, and this is by far the worst tutorial I’ve ever read in my life. Be more specific when you’re talking about clicking onto layers; there’s millions that you’re making me create just to get one simple effect that I could of possibly done in a much shorter amount of time. I never got the effect I wanted, and that’s because you guys can’t explain anything right.

    Thanks for nothing!

    Flag as inappropriate
  61. Add point Subtract point
    Achus (1 Point) March 2, 2010 at 8:58 pm

    I’ve done it obtaining quite good results, but I have a little problem, hope you to help me if you can:
    While duplicating the gradient layer, and using the gaussian blur, i cannot make that “blur” effect, it looks like the filter doesn’t do anything. Why could that be?

    Flag as inappropriate
    • Add point Subtract point
      disarming. (1 Point) May 20, 2010 at 4:08 am

      i ran into this issue too.. .
      save the image.
      quit photoshop.
      re-open the image.
      try again.

      i did two versions of this, ran into the glitch that no matter how many times i applied the gaussian blur, no matter the pixel size, it wouldn’t appear. simply restarting photoshop is what did the trick. hope it works for you.


      Flag as inappropriate
  62. Add point Subtract point

    Its too hard, mine didint even come close to that.

    Flag as inappropriate
  63. Add point Subtract point

    really hard and its suppose to be easy

    Flag as inappropriate
  64. Add point Subtract point

    Step 4 is horribly explained.

    Flag as inappropriate
  65. Add point Subtract point
    Van Owen (1 Point) February 3, 2010 at 7:31 pm


    Nice tutorial. Helps the newbies.


    Flag as inappropriate
  66. Add point Subtract point
    โหลดเพลงฟรี (1 Point) February 3, 2010 at 1:12 am

    Great reading! Thanks for sharing134

    Flag as inappropriate
  67. Add point Subtract point
    เพลงใหม่ล่าสุด (1 Point) February 1, 2010 at 11:15 pm

    Great reading! Thanks for sharing127

    Flag as inappropriate
  68. Add point Subtract point
    เพลงใหม่ล่าสุดเดือนนี้ (1 Point) February 1, 2010 at 1:19 am

    Great reading! Thanks for sharing122

    Flag as inappropriate
  69. Add point Subtract point
    Luna V. (2 Points) January 30, 2010 at 4:31 pm

    On step 4 – I got it to copy + paste just fine, except where the text overlaps and looks transparent.. mine didn’t do that. Can someone explain how to do that part? Thank you!

    Flag as inappropriate
  70. Add point Subtract point
    เพลงสากลใหม่ (1 Point) January 30, 2010 at 8:26 am

    wow Great article, thanks!

    Flag as inappropriate
  71. Add point Subtract point
    Jonathan Dos Santos (1 Point) January 19, 2010 at 4:11 pm

    Muito bom o tutorial parabéns!

    Flag as inappropriate
  72. Add point Subtract point
    Laura DeLonge (1 Point) January 15, 2010 at 6:06 pm

    Buenas, yo también me perdí en el paso 4 :’( por favor ayuda

    Flag as inappropriate
  73. Add point Subtract point

    Buenas, yo también me perdí en el paso 4 :’(

    Flag as inappropriate
  74. Add point Subtract point

    Figured it out. Seriously though, it would be awesome if you were a little more specific with the instructions.

    Flag as inappropriate
  75. Add point Subtract point

    Needed it. thanks for the tutorial

    Flag as inappropriate
  76. Add point Subtract point

    great tutorial, very simple :) not for beginners though, as you can see by the trouble everyone seems to be having. I quite like the way mine turned out

    Flag as inappropriate
  77. Add point Subtract point
    Tutorials007 (1 Point) January 2, 2010 at 2:35 pm

    I saw this tutorial in one of those photoshop books. Don’t remember which though…

    Flag as inappropriate
  78. Add point Subtract point

    (I`m a Chinese student,my English is not good.^_^)
    I very like this text effect tutorial,all the afternoon,I tried to make the effect good and different.And thank you!

    Flag as inappropriate
  79. Add point Subtract point

    I don’t get step number four.

    Flag as inappropriate
  80. Add point Subtract point

    Why can’t you just have all the letters on the same layer?

    Flag as inappropriate
  81. Add point Subtract point

    Why not have a video of the articles? :)

    Flag as inappropriate
  82. Add point Subtract point

    Can someone please explain step five for me?

    mail me at monstarr[A] (change the [A] for @)or just post here

    Flag as inappropriate
  83. Add point Subtract point

    Awesome tutorial, very easy and I did it in about five minutes on my first try :) There should definitely be a disclaimer, though, because I do not think this tut is for beginners in Photoshop.

    Flag as inappropriate
  84. Add point Subtract point

    How do you get white color where the letters overlap with each other in step 4

    Flag as inappropriate
  85. Add point Subtract point

    hello i don’t understand step 4– cutting out the letters
    can anybody be more specific on how to copy the layer on the first letter?

    Flag as inappropriate
  86. Add point Subtract point

    Can U give with text free style pleeeeease just do till step 4

    Flag as inappropriate
  87. Add point Subtract point
    Best Texture World (1 Point) December 3, 2009 at 3:13 am

    Good tutorials, thanks.

    Flag as inappropriate
  88. Add point Subtract point

    But, I’d appreciate more if you wrote with more details and clarity.

    Flag as inappropriate
    • Add point Subtract point

      I completely agree, You lost me at step 4. I dont know what you mean by “Now, Select the Gradient Layer (By “Select”, I mean click the layer – do not select the layer contents. We want the selection of the first letter to remain). Copy (Ctrl + C) and Paste so that you’ve created a copy of the gradient in the shape of the letter.”

      Where in there do I get a new layer? I’m figuring it happens in the “Paste” part. But how do I even do that?

      Flag as inappropriate
    • Add point Subtract point

      I completely agree, You lost me at step 4. I dont know what you mean by “Now, Select the Gradient Layer (By “Select”, I mean click the layer – do not select the layer contents. We want the selection of the first letter to remain). Copy (Ctrl + C) and Paste so that you’ve created a copy of the gradient in the shape of the letter.”

      Where in there do I get a new layer? I’m figuring it happens in the “Paste” part. But how do I even do that?

      Flag as inappropriate
  89. Add point Subtract point

    nice tutorial … simple article and makes me understand.. i’ve vistied your website a lot.. good job.. keep it up..

    Flag as inappropriate
  90. Add point Subtract point

    Excellent “Typography” but very poor quality article. You haven’t talked about details. Why have you posted .psd file ? It’s useless…

    Flag as inappropriate
  91. Add point Subtract point

    Guys, for those who are stuck on step 4, what you have to do is hide or delete the letter that you copy with the ctrl+click, i mean the original “T” and also hide the first gradient layer that you made

    Flag as inappropriate
  92. Add point Subtract point
    Jordy666sic (2 Points) October 26, 2009 at 11:04 am

    Very cool one! The comments on this one scared me with all those people getting stuck, but finished it quicker than I thought!

    My results:


    Thank you!

    Flag as inappropriate
  93. Add point Subtract point

    Thnaks for Tutorial. It’s very useful.

    Flag as inappropriate
  94. Add point Subtract point
    Mary Dixon (1 Point) October 21, 2009 at 2:24 am

    To make the letters themselves I made one letter and duplicated that layer for each of the letters I needed. Then going to the second letter (a copy) I would double click on the thumbnail of that letter and change it. Then to the third letter and changed that one. Rinse & repeat for each letter in the word/words.

    It was a bit faster this way than going to the font tool for each letter and adding a new layer with each letter you needed to make. Just make all the layers at one time simply changing each one for each letter.

    Making the copy of the transparency layer was simple just selecting the letter as it was instructed and then going up to the transparency layer click on command + J (on a mac) and you produced your transparency letter. As you proceed, you’ll easily see that the letters that overlapped will show more color (?) in those places.

    These are my own tips for this tutorial which I reaaaaaally liked and took off with some slightly different ways to get the same result. Try these if you think they might help.

    Flag as inappropriate
  95. Add point Subtract point

    amazing… it’s a breath taking tutorial with awesome cute final image :)

    Flag as inappropriate
  96. Add point Subtract point
    Jujubee (1 Point) October 13, 2009 at 6:37 pm

    I found a quick fix to those stuck at Step 7: where the Blur won’t work…

    Take your marquee and select the entire area where the text is for that layer (the color or gradient, whichever you’re trying to blur). Then use the Gaussian Blur effect and it works!

    I don’t know why the selection of the area was needed, but it helped me with being stuck at this point. Hope it helps everyone else!

    Flag as inappropriate
  97. Add point Subtract point

    I haven’t used photoshop in years, much less touched CS4. This was my first project and I’m proud to say I did it successfully, thanks to your steps :) Thank you!

    Flag as inappropriate
  98. Add point Subtract point
    Adelaide DJ (1 Point) September 28, 2009 at 3:10 am

    i didn’t get step 4 either, can someone please break it down step by step, i think i’m doing what is being said but clearly i’m not because it is not working :-( thanks twitter@locspoc

    Flag as inappropriate
  99. Add point Subtract point

    Hey can someone help me with the gradient part? I don’t know how to create a white to transparent gradient , and I couldn’t get around with the cut and paste part. It doesnt work.

    Flag as inappropriate
  100. Add point Subtract point

    This is unreal. I love these glowing text effects, they really take a design to a whole new level. Good work.

    Flag as inappropriate
  101. Add point Subtract point

    this is the most confusing tutorial ever you should of really made a video for this

    Flag as inappropriate
  102. Add point Subtract point

    Amazing tutorial. It did take me a bit to understand and get past step 4, but I eventually did it. I also had to backtrack quite a bit once or twice due to the confusing nature of this kind of styling effect. Overall, phenomenal work. Kudos.

    Flag as inappropriate
  103. Add point Subtract point
    ariston servisi (1 Point) August 28, 2009 at 6:23 pm

    The step 4 is just impossible to apply…could U explain this for mac users too?……Hugs!

    Flag as inappropriate
  104. Add point Subtract point
    herzevekil (1 Point) August 20, 2009 at 9:10 am

    basic but good tutorial. Thanks,

    Flag as inappropriate
  105. Add point Subtract point
    Polly Green (1 Point) August 13, 2009 at 4:23 pm

    It looks amazing! However, I couldn’t do it. It didn’t work, so like Arman I downloaded the PSD, but don’t know how to change the TUTORIAL 9 to what I want. Could you e-mail me back, or make one saying Polly? Thanks so much, amazing instructions…

    Polly x

    Flag as inappropriate
  106. Add point Subtract point
    Diseño pagina web (1 Point) August 8, 2009 at 2:14 pm

    Exelente efecto y muy bien explicado, gracias!

    Flag as inappropriate
  107. Add point Subtract point

    forget what I said :S
    I’m having problems again :(

    Flag as inappropriate
  108. Add point Subtract point

    Guys I had the same problem with step 4.. This is the way it worked for me: make sure when you use the gradient tool, the little square at the right top named “transparency” is off :)

    Flag as inappropriate
  109. Add point Subtract point
    A.C.I.D. (1 Point) August 2, 2009 at 3:33 pm

    About Step 4 the copy and paste, he means Select the Gradient layer first then while holding ctrl click on the square around the T on the layer of text that your using. Thanks for the tut D.L.

    Flag as inappropriate
  110. Add point Subtract point
    hesham (1 Point) July 26, 2009 at 7:53 am

    Amaaaazin keeeeeep It Up….

    Flag as inappropriate
  111. Add point Subtract point
    azad dabirzadeh (1 Point) July 20, 2009 at 4:05 am

    SALAM TANK`S FOR tutorialS

    Flag as inappropriate
  112. Add point Subtract point
    Kahl_Igel (1 Point) July 19, 2009 at 6:04 pm

    thanks a lot! very usefull :)

    Flag as inappropriate
  113. Add point Subtract point
    Kelinci (1 Point) July 19, 2009 at 5:05 am

    Great tutorial & Touch by expert.

    Flag as inappropriate
  114. Add point Subtract point
    ladysephira (1 Point) July 16, 2009 at 2:17 pm

    i dont get about the copy and paste about the dough thing.
    but your work is neat, i like it.

    Flag as inappropriate
  115. Add point Subtract point
    沁采人 (0 Points) July 16, 2009 at 2:25 am

    Hello, I would like to ask can be also referred to the font Guide “Century Gothic” packing out .Thank you!

    Flag as inappropriate
  116. Add point Subtract point
    arman (1 Point) July 15, 2009 at 8:02 am

    i am new to photoshop … so i downloaded psd but i dont know how to alter it..

    normally i use layer style i.e. i apply various layor style but i dont know how to operate on psd.. i want to write my own name using this psd .. pls help and mail me

    Flag as inappropriate
  117. Add point Subtract point
    Landscape Photography (1 Point) July 11, 2009 at 6:56 am

    Great tut, thanks for taking the time to put it together.

    Flag as inappropriate
  118. Add point Subtract point
    BRENDAN (1 Point) July 10, 2009 at 8:35 pm

    cann soem onee please make a video tutoriall? thnakss.

    Flag as inappropriate
  119. Add point Subtract point
    shekhar (1 Point) July 9, 2009 at 12:45 pm

    great tuts bro…..keep it doing..well can you tell me how to insert glow in my header logo ?

    my website is devilslab

    may be you help me !

    Flag as inappropriate
  120. Add point Subtract point
    cluesless (1 Point) July 8, 2009 at 10:09 pm

    Hey, first off I’d like to thank you. This is a great tutorial. But I’m a little lost. On step 4 you’re supposed to add gradient to the letters, and I can only get to the 1st or 2nd letter before it starts pasting the last letter I did. Make sense? Sorry, I’m confusing. But please, help. Thanks so much!

    Flag as inappropriate
  121. Add point Subtract point

    I wish know something… (sorry for my english, is very bad, i’m argentinian) in the past 5, how i do? i want that the steps are more easy to do it. I don’t understand. I wait an aswer soon, please.

    Flag as inappropriate
  122. Add point Subtract point
    laila (1 Point) June 21, 2009 at 5:02 am

    I never thot that using gradient is fun!
    Thanx for the tutorial~

    Flag as inappropriate
  123. Add point Subtract point
    NaomiNoob (1 Point) June 14, 2009 at 3:15 am

    how to make gaussian blurr on step 6? My letters just get a little more colorful.

    help please.

    Flag as inappropriate
  124. Add point Subtract point
    Mikey (1 Point) June 9, 2009 at 6:43 am

    Hi, it might just be my version of photoshop, but when I try the copy in Step 4 (after selecting first letter/gradient layer etc) an error message appears saying I can’t copy because no pixels were selected?? Any help?

    Flag as inappropriate
  125. Add point Subtract point
    Fer Pamintuan (1 Point) June 7, 2009 at 7:28 am

    yeah inspirational….. i’ll make practice on this…. thanks a lot

    Flag as inappropriate
  126. Add point Subtract point
    violavampire (1 Point) June 6, 2009 at 2:08 pm

    Oops. I meant step *7* cause it wasn’t blurring the letters for me. Rather it selected/blurred only the parts where the letters overlapped.

    Anyway, thanks again!

    Flag as inappropriate
  127. Add point Subtract point
    violavampire (1 Point) June 6, 2009 at 2:07 pm

    I had fun with this tutorial. I kinda got stuck with step 9, so I ended up using the blur tool outright instead. But thanks for putting this together for us noobs!

    Flag as inappropriate
  128. Add point Subtract point
    romedia (1 Point) June 3, 2009 at 5:42 pm

    i can not figure out step four for the life of me, i am using a map but i did read the reply about the command c and i still could’nt get it to work!
    please help i realyl want to know what Im doing wrong.

    Flag as inappropriate
  129. Add point Subtract point
    Arthur E.B. (1 Point) May 31, 2009 at 7:17 pm

    Thank you, David! I’ve tried this and I like the result, although I need to practice more since I’m a photoshop noob.
    Using it for my gravatar :D

    Flag as inappropriate
  130. Add point Subtract point
    Ryan (1 Point) May 31, 2009 at 2:24 am

    Thanks for the update with macs – was having trouble too.

    Flag as inappropriate
  131. Add point Subtract point
    Charly (1 Point) May 20, 2009 at 4:19 pm

    Hello, can you explain the steps in spanish, please?
    thank you.

    Flag as inappropriate
  132. Add point Subtract point

    maybe it’s cause I’m a beginner too, but the “Wand Tool” was never mentioned and so I had no clue. Had to get help from others who knew what to do…

    Flag as inappropriate
  133. Add point Subtract point
    jayvee (1 Point) May 14, 2009 at 2:48 pm

    It might just be me, cos Im a beginner, but this tutorial was completely unclear to me. Which sux cos I really wanted to get the effect that it was meant to provide…could you explain what you mean in Step4? Its kind of the crucial step in order to be able to make the text look like it looks in your tut and I just dont get it…

    Flag as inappropriate
  134. Add point Subtract point
    Mac user too (1 Point) May 13, 2009 at 8:29 am

    I have the same problem as Mac User, could someone please explain how to do Step 4 on a Mac?

    Flag as inappropriate
  135. Add point Subtract point
    Gerald (1 Point) May 13, 2009 at 4:45 am

    who can make a video tut for this? …coz i can’t really understand T_T …Please

    Flag as inappropriate
  136. Add point Subtract point
    photo retouching (1 Point) May 10, 2009 at 1:10 pm

    Great result, nice and easy tutorial to follow.

    Flag as inappropriate
  137. Add point Subtract point
    Mac User (1 Point) May 5, 2009 at 9:37 am

    Could not complete the tutorial. Step 4 is impossible to figure out on a Mac. Try elaborating more

    Flag as inappropriate
  138. Add point Subtract point
    Chris (1 Point) May 3, 2009 at 8:25 pm

    nice tut however i noticed in most of ur tutorial when u want a fade effect u tell us to use the eraser tool. a much easier way to create a fade effect is
    1. select quick mask tool
    2. select grad tool> foreground to transparent grad
    3. pull across what u want to fade (should get a red glow on ur screen)
    4. exit quick mask and go to edit> clear

    this will clear but as a grad creating a fade

    Flag as inappropriate
  139. Add point Subtract point
    huwaw69 (1 Point) May 2, 2009 at 9:23 am

    ******* great effect just like what i saw on television last night! in an advertisement, this is really good

    Flag as inappropriate
  140. Add point Subtract point
    Butch Decossas (1 Point) April 27, 2009 at 1:36 pm

    Awesome! Thank you for this!

    Flag as inappropriate
  141. Add point Subtract point
    Robert (1 Point) April 23, 2009 at 9:03 am

    A superb range of easy to follow tutorials, they are really an inspiration and a great help to many . Thank you .

    Flag as inappropriate
  142. Add point Subtract point
    Gyrel Dagooc (1 Point) April 23, 2009 at 8:39 am

    Stunning! That’s so nice! Your tutorials are great. Thank you!

    Flag as inappropriate
  143. Add point Subtract point
    Gindi (2 Points) April 16, 2009 at 5:59 pm

    thx Miguel de Castro, ne1 whos stuck with no.4, follow that explanation :)

    Flag as inappropriate
  144. Add point Subtract point

    For thos with problems on 4th step, be sure in the gradient colors : WHITE TO TRANSPARENT not black to transparent

    Flag as inappropriate
  145. Add point Subtract point

    nice!!!..i like it a lot!!even in the first there’s a bit confusing part..thank you :)

    Flag as inappropriate
  146. Add point Subtract point
    Miguel de Castro (1 Point) April 13, 2009 at 6:47 pm

    FOR THE STEP 4: You must Ctrl+Click INSIDE THE THUMBNAIL and NOT in the name of the layer. After this click in the layer of the gradient, and copy/paste. That’s it.

    Flag as inappropriate
  147. Add point Subtract point

    Nice tutorial, but step 4 won’t work for me, or perhaps I’m doing something wrong. :/ Can ya make that a little more clear or something?

    Flag as inappropriate
  148. Add point Subtract point
    MojoboTabo (1 Point) April 11, 2009 at 4:13 pm

    I Get What They’re Sayinq Now . When You Ctrl + Click On The First Letter Thinq Just Go On To Your Gradient Layer And Click On The Gradient Layer . Just That . Then COPY Once , Dont Click Any Other Layer And Paste . Disable Every Layer Except That One And Yhu Will See Yhur First Letter With SOme Gradient On It .

    Flag as inappropriate
  149. Add point Subtract point
    Robert (2 Points) April 11, 2009 at 3:42 am


    Flag as inappropriate
  150. Add point Subtract point
    Naturai (1 Point) April 7, 2009 at 2:14 pm

    Yeah! It works perfectly!
    Thank you! :)

    Flag as inappropriate
  151. Add point Subtract point
    Michelle (1 Point) April 2, 2009 at 3:26 pm

    I absolutely loved this tutorial. It’s simple to follow and my results were great! Thank you so much, keep up the good work!

    Flag as inappropriate
  152. Add point Subtract point

    it’s hard to understand.. haha. can’t get any one of it right.

    Flag as inappropriate
  153. Add point Subtract point


    thought i might get that out there lol ^^ v

    Flag as inappropriate
  154. Add point Subtract point

    hey its me again and its step 4 again would like some help on it pleasee; when i CTRL + Click the letter’s contents and get the moving ants on the letter and then click the gradient and hit CTRL + C and then CTRL + V i get a solid letter and not a gradient-ed letter . how do i proceed from here ?

    thank you !

    Flag as inappropriate
  155. Add point Subtract point

    Stuck on 4. I select both of the layers but it won’t let me copy :(

    Flag as inappropriate
  156. Add point Subtract point
    Heist! (1 Point) March 11, 2009 at 5:34 pm

    This look like a really cool effect. My hang up is on step #4 as well though my problem is a bit different. I can get the first letter to copy/paste but then after that it won’t copy any more letters to the gradient layer. I can only paste the first letter. I am pretty sure I am doing this correctly. BTW I am using a Mac and photoshop CS3. On a Mac we us the cmd button for where a PC uses the ctrl button. Let me know thanks!

    Flag as inappropriate
  157. Add point Subtract point
    Juniel (1 Point) March 11, 2009 at 8:07 am

    in step four, they trying to say is copy the layer style from the gradient layer and paste it on your letter.

    Flag as inappropriate
  158. Add point Subtract point

    i luvvvv this tutorial but i got stuck at step 4 :[ i really wanted to finish it thou.

    Flag as inappropriate
  159. Add point Subtract point

    Great, however i got stuck on step 4. It would be great if you can expand on that. Im new to photoshop.

    Flag as inappropriate
  160. Add point Subtract point
    Danielle (1 Point) February 26, 2009 at 7:07 pm

    I really appreciate this tutorial, but I have a problem with Step 7. I can’t apply the blur I don’t know why. Every time I try to do it, nothing happens with the text. Would you help me, please? :)

    Flag as inappropriate
  161. Add point Subtract point

    Can you give us a tutorial how to create this good looking template design?

    Flag as inappropriate
  162. Add point Subtract point

    Nice tutorial..and your great looking website design..I like it

    Flag as inappropriate
  163. Add point Subtract point

    I’m having some troublw with step 4! For some reason I can’t copy the gradient or text layers! Can anyone maybe help?

    Flag as inappropriate
  164. Add point Subtract point

    Awesome. I tried it and it worked perfect. :)
    Glad you shared this with us

    Flag as inappropriate
  165. Add point Subtract point
    al-shaheed (1 Point) February 24, 2009 at 10:43 am

    this is wonderful tutorial .. i read it 3 times and get a fantastic results and sure i put a
    copy of this lesson on my site here

    Flag as inappropriate
  166. Add point Subtract point

    I don’t know why but my gaussian blur isn’t affecting the “ghost” layer.

    Flag as inappropriate
  167. Add point Subtract point
    Cuviline (1 Point) February 19, 2009 at 8:55 pm

    Someone who can design a set “cuviline” thanks

    Flag as inappropriate
  168. Add point Subtract point
    Whatever (1 Point) February 17, 2009 at 8:36 pm

    This is nice, but you could do it in an easier way.

    Flag as inappropriate
  169. Add point Subtract point

    This is a fantastic tutorial!!. Your site is about the best sites for learning inovative techniques on the internet

    Flag as inappropriate
  170. Add point Subtract point

    hey guys, for step 4.
    I think it’s best if you unclick the “eye” icon for the letter’s layer. and use the steps the creator has said. it works.
    Ctrl + Click the Layer Thumbnail in the Layers Palette). Now, Select the Gradient Layer (By “Select”, I mean click the layer – do not select the layer contents. We want the selection of the first letter to remain) at this stage just make sure only the “Gradient layer” is selected only. i’m not sure how to explain but keep trying! you will get it for sure! BTW, love your tutorials! :)

    Flag as inappropriate
  171. Add point Subtract point

    Hey, i like this tutorial a lot,
    but sometimes it’s a bit unclear:(
    for example at step 5!! could someone please send me a detailed explenation to this e-mail:


    Flag as inappropriate
  172. Add point Subtract point

    hi! i can´t add color to the letters please help … ty

    Flag as inappropriate
  173. Add point Subtract point

    i learned from this website i’m tel to thanks
    i need learn more pls help me

    Flag as inappropriate
  174. Add point Subtract point

    Help me please! I’m stuck on the 4th step. I can’t seem to figure it out. If anyone can help I would love you forever!
    email me at or post here
    Thanks so much!

    Flag as inappropriate
  175. Add point Subtract point

    Awesome Tutorial… Keep up the good work :)
    have a nice day

    Flag as inappropriate
  176. Add point Subtract point

    thx alot my friend

    can i know the name of this tut FONT!!!!?? plz im waiting u

    Flag as inappropriate
  177. Add point Subtract point

    hey thanks great tutorial but can someone help me on step 3!
    i dont understand where it says ‘fill in the work area so that the Gradient is not TOO OPAQUE, or TOO TRANSPARENT where it overlaps with the text, but fades nicely in that area’
    step 3 is messing me up and i cant seem to figure out what to do
    can somebody help me step by step with this
    email me or post here

    Flag as inappropriate
  178. Add point Subtract point

    ok ok ok this is gnna sound cliche but; I’m new to Photoshop (im fresh from Fireworks) and i dont know this interface at alll >,<

    #4 is my main problem; I know the gradient layer needs to be selected but this is what i do:

    I select the Gradient Layer, then i hit CTRL+Click on the thumbnail of the letter which then starts the marquee around the letter; I hit CTRL+C and the CTRL+V and then it paste’s the letter, but its not transparent

    thank you !

    Flag as inappropriate
  179. Add point Subtract point

    “on 7 I can’t quite get the gaussian blur thing, it just appears when i duplicated like whiter or with more color but I can’t really appreciate any glow Idk what Im doing wrong”

    I am experiencing exactly the same problem, anyone knowns how to solve this?

    Flag as inappropriate
  180. Add point Subtract point
    Nguyen Thanh Huy (1 Point) January 12, 2009 at 5:56 am

    this is exciting! However, I am stuck with step 3 !!!! Could anyone pls help me to do this!!!!Many thanksssss!

    Flag as inappropriate
  181. Add point Subtract point
    Stephen (1 Point) January 10, 2009 at 8:10 pm

    I just stumbled this tutorial, thanks for sharing I’ll give it a try :)

    Flag as inappropriate
  182. Add point Subtract point

    hey awsome tut! just one question though…

    on steps 6 and 7
    on 6, I see the gradient layers and merge them just fine but when I made the selection and painted it, the letters just added to the new layer above my gradient letters, so I can’t really merge the color layer because it is already merged.

    on 7 I can’t quite get the gaussian blur thing, it just appears when i duplicated like whiter or with more color but I can’t really appreciate any glow Idk what Im doing wrong

    i hope you can help me out with this cause I am really looking forward using this effect!

    Flag as inappropriate
  183. Add point Subtract point

    I’m having trouble with Step 5. What do you color in? the Gradients you cut out or the letters you typed? Can you explain Step 5 in a bit more simpler terms?

    Flag as inappropriate
  184. Add point Subtract point
    Amanda (1 Point) January 4, 2009 at 5:47 pm

    @EPGFX: Thank you soo much for helping explain step 4! I could just kiss you! I’ve been trying to figure out that step for hours!

    Flag as inappropriate
  185. Add point Subtract point
    free banners (1 Point) December 27, 2008 at 12:24 pm

    Thnx a lot for this excellent work. I use it for my wordpress project :)

    Flag as inappropriate
  186. Add point Subtract point
    Terra Incognita (1 Point) December 22, 2008 at 7:58 am

    thank you.
    I’ve used it and it worked just fine!:)

    Flag as inappropriate
  187. Add point Subtract point

    How come for step 4, after I’ve cut out the letters with the gradient and I put them together, they don’t look like the image there. – It doesn’t have the.. transparent thing or whatever when they overlap the other letters..

    Please help?

    Flag as inappropriate
  188. Add point Subtract point

    thanks very much. it’s cool,and i will try it!

    Flag as inappropriate
  189. Add point Subtract point
    myWORLDisUNKNOWN (1 Point) November 24, 2008 at 8:12 pm

    wow! that’s very clever! thanks

    Flag as inappropriate
  190. Add point Subtract point

    Help! i got stuck at step 3!
    how do i create a white to transparent gradient?
    do i need to use layer masks?

    Flag as inappropriate
  191. Add point Subtract point

    I am working on the colorful glowing text tutorial 9 and im stuck on step four…i cant seem to do it…not sure what i am missing…can anyone help

    Flag as inappropriate
  192. Add point Subtract point
    Sammi jo (1 Point) November 14, 2008 at 5:14 pm

    This tutorial was really easy to follow unlike some others. I made a sweet Birthday card! Thank you.

    Flag as inappropriate
  193. Add point Subtract point

    Selection step -

    1. make sure the move tool arrow thingy button in the left hand tools is on.
    2. click on the layer with the letter you want in the layers pallet on the right.
    3. control + click on the letter T in the same layer / same pallet
    4. click on the top / gradient layer
    5. edit > copy, edit > paste

    Flag as inappropriate
  194. Add point Subtract point
    Abethebabe (1 Point) November 2, 2008 at 11:28 pm

    I love your tutorials, there simple yet so useful!

    Flag as inappropriate
  195. Add point Subtract point
    Daniuel (1 Point) November 1, 2008 at 6:57 am

    The PSD doesn’t work.. And I am having troubles… HELP please!!!

    Flag as inappropriate
  196. Add point Subtract point
    Laurini (1 Point) October 31, 2008 at 1:16 pm

    I have trouble with step 5, it doesn’t give me the same result. The white part of the gradient stays white and the transparent one turn red… I don’t know what to do to resolve this.


    Flag as inappropriate
  197. Add point Subtract point
    andrewlewiscampbell (1 Point) October 23, 2008 at 6:01 am

    thats a lovely little effect indeed. Thanks. Peace Out

    Flag as inappropriate
  198. Add point Subtract point
    Abhishek (1 Point) October 21, 2008 at 7:52 am

    I recently hit via google searching for vista-tutorials & was amazed to see the standard of tuorials . . .And I bookmarked it on first sight . .

    Theres nothing i can request to you because it has tutorials on every happening modern teqhniques !!

    I have never seen such glamorous tutorials anywhere on net & may this one … my second tutorial on tutorial9 … i think was amazing . . .

    thanx tutorial9. . .rock on

    Flag as inappropriate
  199. Add point Subtract point

    Hey great tut. but i am stuck on part 4 :/…please can someone explain it again..

    Flag as inappropriate
  200. Add point Subtract point
    Luan Santana (1 Point) October 14, 2008 at 8:04 pm

    Simple and beaultiful!

    Flag as inappropriate
  201. Add point Subtract point

    “Ctrl + Click the Layer Thumbnail in the Layers Palette”

    What kind of PS are you using? When I click on layer thumbnail, it shows me short menu. How can I select more than one layer? I got stucked at step 4 (I made letters in line manually).

    Flag as inappropriate
  202. Add point Subtract point
    Bakabaka (1 Point) October 10, 2008 at 7:15 pm

    Hi David! I just discovered your blog and I’m loving it! Tricks and tutorials like these are just great to polish style!
    I have do have one nitpick about this tutorial, though: I don’t quite agree with the way you’re using ‘align bottom edges’ to get your type straight. It’s no problem as long as you’re using ALLCAPS, but any lowercase just doesn’t sit right. Actually, in your examples you can see that both the ‘O’ and the ’9′ stick out just that little bit. In a good font, round chars like these are just a little higher than the average capital in order to look as large as the rest.
    A better way would be to draw a guide: the characters will snap to this guide at the right height, including those nightmares like C’s, Q’s and, worst of all, lowercase G’s…

    Flag as inappropriate
  203. Add point Subtract point

    I got stuck at the part where you blur the parts, help!

    Flag as inappropriate
  204. Add point Subtract point
    Macaroni (1 Point) October 7, 2008 at 12:16 am

    hay mayn !
    im stuck at 5 , 6 and 7 ….
    plz help , thankx (:

    Flag as inappropriate
  205. Add point Subtract point

    Hey can someone teach me how to add the colors? The way its taught is not clear enough to me. I’ve also read thru the guide posted by david. Because each time i add the colour, its more of like always white, or almost no difference…Help pls? stuck at step 5

    Flag as inappropriate
  206. Add point Subtract point

    I used this to create a new blog header for myself as well as a visual for our church’s last series – they loved it!

    Flag as inappropriate
  207. Add point Subtract point

    this tutorial is great
    thank you!!!!!! :D

    Flag as inappropriate
  208. Add point Subtract point
    migabora (1 Point) September 25, 2008 at 6:06 pm

    Nice tutorial and nice designer ;)

    Flag as inappropriate
  209. Add point Subtract point

    yeah im having exactly the same problem and its quite frustratin!:(

    im doing exactly what u said, but none of the gradients overlap. is the blending mode set to normal on the copied gradient fonts (whats the opacity and fill at?).

    after i filled in the colour to the letters too and set the mode to screen, the letters just go white. any suggestions? :P

    Flag as inappropriate
  210. Add point Subtract point

    So freaken weird… my colors don’t overlap the gradient over the pic

    Flag as inappropriate
  211. Add point Subtract point
    custom Icons (1 Point) September 20, 2008 at 3:15 am

    good one, will try that, keep on posting such nice ones

    Flag as inappropriate
  212. Add point Subtract point
    Abdelhak Assaid (0 Points) September 17, 2008 at 4:11 am

    great tut, but i want to ask one question, the purple colour behind the text, how can you do that

    Flag as inappropriate
  213. Add point Subtract point

    @EPGFX: EPGFX, if you’re having trouble with Photoshop Basics, I highly suggest you go and take a look at our School of Photoshop.

    I’ve went back and added links to tutorials from our School of Photoshop to areas that might require extra knowledge. There were some before, but I tend to only link to them once, and then stop linking to them after that step (assuming it’s then known how to be used).

    If you’re still having trouble, I’ve answered many of these questions already in the comments. Just look for the black comment box.

    Flag as inappropriate
  214. Add point Subtract point

    Can someone please explain step 5 in detail please asap. Thanks.

    Flag as inappropriate
  215. Add point Subtract point

    One more thing. Do you make a gradient layer before or after you form it into the shape of the letters? If so, could you please explain the method.

    Reasons for asking is because I’ve done what you said however Im looking for the exact look as shown in the screenshot in Step 4, or does that matter?

    Flag as inappropriate
  216. Add point Subtract point

    These tutorials would go a long way if the author would explain the steps in more detail. Not everyone is on the same level as one another.

    Flag as inappropriate
  217. Add point Subtract point

    Never mind, I done it. Thanks for the help!

    Flag as inappropriate
  218. Add point Subtract point

    Okay. So is the thumbnail the ‘eye’ to hide the layer? Explain in more detail on that, if possible.

    Flag as inappropriate
  219. Add point Subtract point

    Thanks for the tip! My work turned out great because of this tip!

    Flag as inappropriate
  220. Add point Subtract point

    EPGFX this is how I think it goes, or at least it worked for me:

    1. Ctrl + left click the Layer Thumbnail of your first letter in the Layers Palette. (The letter will now be highlighted with a dotted line around it’s edge.)
    2. Left click the Gradient Layer.
    3. Hit Ctrl + C.
    4. Now Paste the letter (Ctrl + V) and a new gradient version of the letter will appear in the same place as the original letter however it will be in a new layer.

    If you’re doing this and struggling to see them hide other layers by clicking on the little eye icon in the Layer’s Paletter (it is by the Layer’s thumbnail to it’s left.)

    I hope that helps. If not the author will surely reply soon and explain it better than myself.

    Flag as inappropriate
  221. Add point Subtract point

    Hmm… I’m stuck on ”stage.4 – cutting out the letters” Could you perhaps go into more detail and explain the method of forming the gradient into the shape of the letter please. I cant get my head around it, I’d really appreciate the help. Thanks

    Flag as inappropriate
  222. Add point Subtract point

    The technique seemed a bit too difficult for me. I guess my gradient was wrong as the colours were too faded when I was colouring them in. At that point I quit as starting from scratch would take me a long time. :(

    It looks nice … I’m just dissapointed about the gradient. I feel you need to explain it a bit better than “till it fades in nice” as I everyone’s opinions vary. I tried to use yours as a reference but it didn’t seem to work.

    Flag as inappropriate
  223. Add point Subtract point

    @CARLYS: Click on the the “Gradient” first and hold Ctrl (or what ever it is on MAC), then click the actual “box” to the left of where your layers are and should make the “lins” around where the letters are. Then just press Ctrl+C then Ctrl+V and you should have it!

    Flag as inappropriate
  224. Add point Subtract point

    Hi, thanks in advance to post this!

    I’m a Photoshop CS 3 for mac user….The step 4 is just impossible to apply…could U explain this for mac users too?……Hugs!

    Flag as inappropriate
  225. Add point Subtract point

    @Fuel: Anytime mate — took me a while to come up with a easier way to explain that.

    We just posted another tutorial :) We’ve always got new ones on the backburner. Be sure to subscribe if you want all the latest updates!

    Flag as inappropriate
  226. Add point Subtract point

    @David Leggett:
    Thanks for the quick reply, and I finally got it working a-ok. Love the site- and the tutorials; I hope you have some more on the way!

    Flag as inappropriate
  227. Add point Subtract point

    @Fuel: Be sure you are:
    1. Creating a selection of the type first.
    2. In the layer palette, click on the gradient layer (do not hold Ctrl)
    — You know have a dashed selection of the type, but you have the gradient layer selected in the layers palette —
    3. Ctrl + C (Copy Current Layer)
    4. Paste (Ctrl + V)

    Flag as inappropriate
  228. Add point Subtract point

    I am also having trouble with step 4, I’m using CS3 Extended, and I select both layers (gradient and the 1st layer) but when I press ctrl+c it doesn’t do anything. Help Please!


    Flag as inappropriate
  229. Add point Subtract point

    nice blog man! yesterday read your interview, decided to watch tutorials – cool.
    can give you a hand in flash/AS3.0 to make something interactive.

    Flag as inappropriate
  230. Add point Subtract point

    i wanted this to work, but it didn’t :’(

    i am using Photoshop 7, and i couldn’t do half of things.. such as, i couldn’t select all layers to align them like in the beginning…

    and, i couldn’t for the life of me figure out step 5 when you color them.. i tried everything, and nothing worked right. i eventually THOUGHT i had it ok when i went to blending options and used a color overlay, and that still didn’t work once i tried to merge everything…

    help please?!

    Flag as inappropriate
  231. Add point Subtract point

    I stucked at step 4. Could you upload video tutorial and post link here? Thanks.

    Flag as inappropriate
  232. Add point Subtract point
    RafaBritto (1 Point) September 5, 2008 at 11:05 am

    Loved again…
    Nice color and amazing and simple effect.
    That’s why I like this blog.
    my result:


    Flag as inappropriate
  233. Add point Subtract point

    i love this tutorial but im having trouble aligning the bottom edges in step 2. i cant understand what i am doing wrong.. email me please

    Flag as inappropriate
  234. Add point Subtract point

    Heya David,
    your tuts are a great way to improve skillz…
    Thanx for sharing your knowledge!
    Keep it up!

    Flag as inappropriate
  235. Add point Subtract point
    5ivedance (1 Point) September 2, 2008 at 9:10 am

    thankyou, I’ve got it.

    Flag as inappropriate
  236. Add point Subtract point

    How do you? Create a selection of your first gradient-letter

    I can created a duplicate layer of it, but how do I color it?

    Flag as inappropriate
  237. Add point Subtract point

    @Pickerd: The only reason you need to select the letters again is to color them in with the Paint Bucket Tool. To make additional copies, you right click the layer, then click Duplicate Layer ;)

    When you make selections, areas that are less than 50% opaque will not be shown as part of the selection. However, THERE IS A SELECTION THERE. It’s just not shown. Filling in the selection with color should be no problem.

    Flag as inappropriate
  238. Add point Subtract point
    Pickerd (1 Point) August 29, 2008 at 5:02 am

    My prob seems to be unique. When selecting the letters (ctrl-click the layer) copying from the gradient layer and pasting, thats fine. But for some reason, the copied layers, the new letters, you can only select a small portion. The top half. I also notice, when using the move tool on the gradient layer, the box doesnt go around the whole window. I know this is the cause, but dont know how to get around it. This creates the prob of not being able to copy the letters again for the colouring. Using the magic wnd is a work around, but it leaves the letters very aliased.


    Flag as inappropriate
  239. Add point Subtract point

    HELP!!! I can’t get the color to look right. I’ve followed the directions but I’m missing something in this part of the tutorial. I don’t know what I’m doing wrong! I’d really appreciate some help with this amazing effect!!

    Flag as inappropriate
  240. Add point Subtract point
    Mindless Wizard (1 Point) August 28, 2008 at 5:12 am

    Striking !!!! 2 thumbs up !!!!!

    Flag as inappropriate
  241. Add point Subtract point
    PureDezigner (1 Point) August 27, 2008 at 6:08 pm

    Great effect, the way you break things down make these seem simple to create. Thanks again.

    Flag as inappropriate
  242. Add point Subtract point
    Jaykind (0 Points) August 27, 2008 at 2:13 pm

    hey david!
    nice tutorial but difficult to handle for me :/
    i’m from germany and my ap is also in german…so there are some steps I don’t understand..perhaps you can help me. it would be very nice! the 4th step is my problem.
    maybe you could write me?
    thanks a lot. jaykind

    Flag as inappropriate
  243. Add point Subtract point

    Thanks for the great tutorial! it’s really nice.

    I just had 1 question on step 5. When i add the color and change the blending option to screen on the new layer, it keeps a similar solid color and looks no way near as transparent as yours. Any idea what i’ve done wrong?


    Flag as inappropriate
  244. Add point Subtract point
    JONxBLAZE (1 Point) August 26, 2008 at 7:02 pm

    Awesome tutorial..great job man!

    Flag as inappropriate
  245. Add point Subtract point
    Panther (1 Point) August 26, 2008 at 4:11 pm

    Excellent as always, David!

    Flag as inappropriate
  246. Add point Subtract point
    maubilli (1 Point) August 26, 2008 at 1:33 pm

    @David Leggett:
    Thanks for the quick reply:) I think i found my mistake…I added a White to black gradient…While i should have added White to transparent…

    Flag as inappropriate
  247. Add point Subtract point
    georgiemaxx (1 Point) August 26, 2008 at 10:46 am

    I am getting stuck at #4 as well . . . anyone have any ideas?

    Flag as inappropriate
  248. Add point Subtract point

    @maubilli: Try lowering the opacity of your gradient before cutting from it if you’re still having trouble. It just means that you’re gradient is too opaque to begin with ;)

    @Nicky: You need to select the Gradient layer before copying. Otherwise, you will copy the contents of the text layer.

    Flag as inappropriate
  249. Add point Subtract point
    maubilli (1 Point) August 26, 2008 at 10:14 am

    @David Leggett:
    Hi David, can u pls help me?
    I really like ur tutorial, and was trying to make it… but at one point, something is not working. Im ready until step4, but when i put the cut letters next to each other…they dont look like urs – at the meeting of ur letters, they became brighter, but at the meeting of my letters, they r totally opaque.

    Flag as inappropriate
  250. Add point Subtract point
    zvonko (1 Point) August 25, 2008 at 8:04 pm

    wesummmmmmmmm…trying it now…

    Flag as inappropriate
  251. Add point Subtract point

    I got stuck with step 4. When I copied and pasted I only got the letter, not the gradient mask. Help me please, what am I doing wrong?

    Flag as inappropriate
  252. Add point Subtract point

    I don’t get step 4. Can someone please help me? My e-mail is I really want to do this tutorial!

    Flag as inappropriate
  253. Add point Subtract point
    villiby (1 Point) August 24, 2008 at 9:30 am

    This one’s for you guys: BLUEnergy Hope y’all like it!

    Flag as inappropriate
  254. Add point Subtract point
    Brenno (1 Point) August 24, 2008 at 1:06 am

    Amazing tutorial…THX!

    Inspired by @Ember mix with the “Energize” tutorial i’ve decided to create a image using both tutorials too… and it turned out really good i think and in a “unique” way…

    Flag as inappropriate
  255. Add point Subtract point
    Picture Design (1 Point) August 23, 2008 at 2:26 pm

    Very good effect !! I love Tutorial9′s tutorial =)

    Flag as inappropriate
  256. Add point Subtract point
    shadezFX (1 Point) August 23, 2008 at 12:13 pm

    thanks for this..took me 2 days to do..haha..
    found step 5 hard to do..
    im new to photoshop you most of my work on FW

    Flag as inappropriate
  257. Add point Subtract point

    Late response but just wanted to say I love this tut. Keep them coming^^

    Flag as inappropriate
  258. Add point Subtract point
    Chris_Halderman (1 Point) August 23, 2008 at 9:42 am

    Wow! I love this effect! Will definately use this. Ooohh and im finally back Hahaha was on vacation for a few weeks :) Glad to be back.

    Hope to see more soon.

    Flag as inappropriate
  259. Add point Subtract point
    Ash!sh malhotra (1 Point) August 23, 2008 at 6:40 am

    hats off work ………………….

    Flag as inappropriate
  260. Add point Subtract point

    very nice tutorial :) Thanx a bunch!

    Flag as inappropriate
  261. Add point Subtract point

    yes!! i know!!!!!!!!!!!!!!!!!!!disable!!!!!!!!!!!

    Flag as inappropriate
  262. Add point Subtract point

    I love this text effect.
    It is my friend’s birthday in about a week, so I made her a picture using this and another one of the tutorials on Tutorial9.

    Thanks for uploading all these tuts, dude. I’ve learnt heaps.

    Flag as inappropriate
  263. Add point Subtract point
    MOHAMMED (1 Point) August 23, 2008 at 3:28 am

    superb tuts………
    simple & creative….

    Flag as inappropriate
  264. Add point Subtract point

    step4:paste—-ctrl+v?? But the layer is copied ,not the effect…

    Flag as inappropriate
  265. Add point Subtract point

    Oops never mind. I guess I am not that big of an idiot after all lol

    Flag as inappropriate
  266. Add point Subtract point

    Just got photoshop so I am a total newbie. This effect is awesome, but once I get to the gradient part of the tutorial I am having trouble b/c I have never used the gradient tool before and when I try to use it; it covers the letters I made. What am I doing wrong? Thanks. Sweet site.

    Flag as inappropriate
  267. Add point Subtract point
    Papagali (1 Point) August 21, 2008 at 6:30 pm

    Wonderful tutorial. Thank you very much for this little gem.

    Flag as inappropriate
  268. Add point Subtract point
    Daniel (1 Point) August 20, 2008 at 6:26 am

    Quite gorgeous. Brevity is always good in tutorials, and its good to see you captured such a complex effect in only 10 steps.

    Flag as inappropriate
  269. Add point Subtract point

    hmmm… where should I use it?

    Flag as inappropriate
  270. Add point Subtract point
    Tom Ross (1 Point) August 19, 2008 at 12:44 pm

    I was actually planning on posting a similar tutorial to this, but won’t bother now as everything has been captured so well here! Great tutorial, keep up the awesome posts :)

    Flag as inappropriate
  271. Add point Subtract point
    Drasik (1 Point) August 19, 2008 at 7:49 am

    Uau! Thaks for all David!
    i like the way you understand design!
    u are helping a lot of people showing ur way!
    Design like style of life!

    if u need some just sendme mail or writme!!

    sorry all for my bad english :P

    Flag as inappropriate
  272. Add point Subtract point
    NaldzGraphics (1 Point) August 19, 2008 at 2:28 am

    great!!!simple yet effective:)thanks for sharing your knowledge

    Flag as inappropriate
  273. Add point Subtract point
    stevi3 (1 Point) August 19, 2008 at 1:45 am

    OMG – this is incredible.

    Flag as inappropriate
  274. Add point Subtract point

    Thanks folks. Be sure to pay drasik a visit as well if you get a chance, as he definitely deserves most of the credit for this effect. He’s got a blog, though his primary language is not English.

    Flag as inappropriate
  275. Add point Subtract point
    Dominic Dale (1 Point) August 18, 2008 at 4:21 pm

    Great effect. Love the colours! :)

    Flag as inappropriate
  276. Add point Subtract point
    crazyhunk (1 Point) August 18, 2008 at 1:11 pm

    a pretty simple tut…. but gr8 effect…
    ur type tuts are really good…

    thanx a lot….. :)

    Flag as inappropriate
  277. Add point Subtract point

    Credit where credit is due, this is truly a great tut. Really good stuff.

    Flag as inappropriate
  278. Add point Subtract point
    Max | Design Shard (1 Point) August 18, 2008 at 12:18 pm

    Thats a really cool effect, i can see me using some thing like that for presenting work etc on portfolios, i like how you layered the PSD file as well.

    Good Stuff Max

    Flag as inappropriate
  279. Add point Subtract point

    Great tut dude! simple but wonderful outcome!

    Flag as inappropriate
  280. Add point Subtract point

    i cant copy and paste to get the effect either and i have a mac help

    Flag as inappropriate
  281. Add point Subtract point

    Select the gradient layer. Then, while holding down the apple/command key, select the square in the letter layer (don’t select the entire layer). Any time a tutorial says to use “ctrl,” you use the apple/command key on a Mac.

    I’m stuck on step 5…I can’t get a selection of the letter. I get part of the letter selected, but that’s it…

    Flag as inappropriate
  282. Add point Subtract point

    kk i got it once and i cant figure out how, could you explain in a little more detail katie?

    Flag as inappropriate
  283. Add point Subtract point

    its simple try once again, but still u fail i ll help

    Flag as inappropriate
  284. Add point Subtract point
    Duong (0 Points) August 27, 2010 at 3:49 pm

    hello did you find any solution for step 5?

    Flag as inappropriate
  285. Add point Subtract point

    Still, even if you have part of your letter selected, copy it and paste it in the new layer …
    It works…however =)

    Flag as inappropriate
  286. Add point Subtract point

    I found the solution!!… just make double click in the little white box of the layer you want, then hold CTRL and click on gradiant layer.. then paste on the layer of the letter yo want.

    Flag as inappropriate
  287. Add point Subtract point

    where is gradient layer position ?

    Flag as inappropriate