Photoshop Tutorial: Dark But Vivid Text Effect
In this tutorial we’re going to create a very simple text effect. A dark, colorful text effect. We will use the “the maple origins font” found at dafont.com.
Start by creating an empty file with a black background. Create a new layer and write something on it (White text). Rasterize and duplicate the layer. Now you should have the black background, layer 1 and layer 2 both with your text on them. Hide layer 2 and select layer 1:

Now go Layer -> Layer Style -> Gradient Overlay and create a Gradient like the image below using the Hex Values for colors as the ones below:

Apply the gradient and stay on the same layer. Now go to Filters -> Blur -> Motion Blur set the Angle to 0 (zero) and the Distance to 50 pixels. Apply the effect and duplicate the layer. You must end up with something like this:

and have the following layers:

Select the second layer from bottom (the one after the background) and go to Filters -> Distort – Waves and set the following values:

Note: The dimensions of my PSD is 500px X 300px and the Wave filter with these settings produce the following effect. You may have to experiment a little in order to get the same effect for higher dimensions.
Apply the effect, duplicate the layer and flip the new layer vertically. The result should be something like the image below:

Now, let’s reveal our top layer which is the white rasterized text and set it’s blend mode to Overlay. So, your layers now should be like that:

and your PSD should look like:

e are getting there. Having the top layer selected go Layer -> New Adjustment Layer -> Hue/Saturation and press ok. Set the Hue value at +34, the Saturation value at +56 and leave the Lighting setting at zero. Press ok and you should have something like this:

Duplicate our top layer (white text) and set the Blend Mode to Overlay. By setting higher values to the Hue/Saturation adjustment layer we can get the following result.

And that’s it. My point in this tutorial is the smooth pastel colors that we used in the beginning which gave us more control of the Hue/Saturation values. It’s much easier for this kind of effects to go from soft colors to vivid ones rather the other way around.

Marcos Cousseau - December 26, 2008 2:59 pm
Spectacular!!!!!!!!! thanks!!
margot - January 9, 2009 9:56 pm
Thanks a lot !! It is the first Tuto in which I succeed :D
Live Video - March 4, 2009 11:07 am
Cool explained tutorial! Thanks!
Ahmed Dashti - March 20, 2009 2:25 am
Everything is colorful in this site!
Like That!
naby - March 27, 2009 3:59 pm
cool tuto !
i like so much
sathish - April 10, 2009 5:08 am
It’s verry verry nice
♥ SaD ♥ - May 13, 2009 6:39 am
• it’s Nice
• sTay CooL
Showvhick - May 24, 2009 4:45 am
Very nice !!!!
I like that
Dante Jesús - June 26, 2009 1:06 pm
Hola
Muchas gracias por el tutorial, interesante y bien explicado.
Gracias denuevo
Saludos.
Sam g - June 30, 2009 7:47 am
Interesting effect. Great work!
nyamka - July 6, 2009 1:07 am
wow nice i like it.Thanks so much
Tim - July 9, 2009 9:25 am
Once I have completed the motion blur, and duplicated the layer.
I try to do Filter/Distort/Wave but the ‘wave’ option is not available.
Can someone please assist? :P I’m using CS4 for mac.
Thanks in advance.
Tim - July 9, 2009 9:41 am
My apologies, I was in 16-bit :)
Thanks
Gerasimos - July 9, 2009 9:44 am
I am using CS3 and i was just about to search around if there’s a Wave effect in CS4 hehe :)
Pratik Soni - September 20, 2009 10:50 am
Thanks a lot. i like it very much. it’s very nice.
Anechka - December 5, 2009 7:09 pm
Thank you for your work! I like your site very much!
Frankenstine - December 13, 2009 1:27 am
Thank you. Great post
nadia - December 14, 2009 11:14 am
very creative n interesting..also easy to learn..thanx alot!
Stock-Vectors - December 14, 2009 7:08 pm
Thank you. Great post
aankha - December 15, 2009 1:36 pm
thanks!!
cool tutorial.. and you made them easy as well
m thinking of trying all of it.. thanks again
документальный фильм - December 20, 2009 8:16 pm
Thank’s for the comments step by step.
Spencer Jackson - February 17, 2010 8:17 am
I really like this effect, it’s cool, moody and electric. I’m only just starting out, but I’ll definately have a go.
Thanks, Spencer
statulif - March 18, 2010 5:02 pm
http://i45.tinypic.com/29y1b14.jpg
Крутани свой сайт по новому получить тИЦ 100 и PR 4. Скачай архив и будет тебе счастье.
Размер:1мб.
Скачать с depositfiles.com или http://depositfiles.com/files/hzo7k4f5u
Andreas - May 7, 2010 5:18 pm
Thank you for the good tutorial, very nice
Kitten - June 30, 2010 7:03 pm
This is Awesome and will really help me .! Thanks .!
TheDietMafiaHitman - September 1, 2010 3:06 pm
Wow, great dark vivid effect. I am pretty excited trying this out now that I forgot to read every detail of the tutorial posted. So I ended up doing it wrong. I am starting again now and hopefully I will be able to get this right now.
I hope you’ll post more!
TTAR - February 12, 2011 9:11 pm
interesting text effect.. thanks for sharing..
jack bob - April 12, 2011 2:47 pm
What would be values to use for the wave effect to achieve the same result as above, but in an A4 document?
ebay XXL Bilder - June 18, 2011 9:11 am
Thank you for the nice tutorial
michael - June 18, 2011 9:14 am
very nice tutorial, thank you
Mister Noodles - June 21, 2011 10:56 am
Your image result looks great… but mine looks sucks… ohh well, i quess thats just the way it has to be…
computer software company - July 15, 2011 8:53 am
Wow!
its amazing,nice work.
интернет магазин футболок - May 25, 2012 11:32 am
great tutorial! exactly what i was looking for, thanks
Geo.Castellanos - June 9, 2012 3:56 pm
Once I have completed the motion blur, and duplicated the layer.
I try to do Filter/Distort/Wave but the ‘Distort’ option is not available.
Can someone please assist? :P I’m using CS4 for mac.
Thanks in advance.