Photoshop Tutorial: Colored Chrome Text Effect
We’ve seen many photoshop tutorials showing how to create the chrome text effect. In this tutorial we will go a step further and create a colored chrome text effect.
First we need a bold rounded font. We can get a free one from urbanfonts.com. Let’s pick Adira Display. Then create a new file. Dimensions should be 500px x 500px. A dark gray background is just fine. Don’t pick black as we are going to adjust that part later with an adjustment layer. Write the world BIG in a new layer with font size of 190pt approx. Like the image below:

Double click on the font layer to bring up the layer styles window. Click on Gradient overlay and create the gradient that you will see on the following image.

We will need 6 colors and the values (from left to right) are:
1. #bedeec
2. #bcb7d7
3. #f0c9d7
4. #f5c8b5
5. #f5f2ca
6. #dff3fe
Now we should have the following image:

Back in the layer styles click on Satin and enter the following settings:

And now we should have something like this:

Now we are going to apply the following styles. Inner glow, Outer glow, Inner Shadow and Drop Shadow. Let’s see the settings for each one of them.
Inner glow
Outer glow
Inner shadow uses a custom Contour setting which can be seen in the following image:
Drop Shadow
Great. You should now see something like this:
It looks OK but we can improve it. Actually it doesn’t look like chrome yet. We need to apply the following Bevel and Emboss style to get there. Let’s see the settings. The custom Contour can be found on the following image too:
And we should get this:
Ah. That’s better. A bit darker would do the trick don’t you think? Let’s do it then. Go to Layer -> Add Adjustment Layer -> Exposure and enter the following settings:
Let’s see our final result:
Really nice effect don’t you think?
Hint: If you remove the gradient layer now, you get a really nice black and white chrome effect like this:
Got a better result? Just give us your link!










Ryz - December 12, 2008 9:02 pm
Wow nice job! really nice effect!
mich - December 30, 2008 8:40 am
so nice! i love it!:)
fghfd - January 13, 2009 2:09 am
how do i get the adira display on photoshop?
INSIDER - January 30, 2009 9:30 pm
GREAT EFFECT AND TUTORIAL but on CS4 I dont have:Go to Layer -> Add Adjustment Layer -> Exposure as you state at the end to darken the effect, only: Layer -> New adjustment Layer -> Exposure…but completely different settings there?
DiFFusse - February 1, 2009 12:39 pm
Is the best tutorial .
* wery thxx from uu *.
DiFFusse’s last blog post..[Pyetje] per altervista
brittany - February 11, 2009 4:55 pm
i reallt likethis is i just dont no how to get the same type of font they used for the sample because i couldnt find it on photoshop and i didnt feel like downloading it and all. so idk. but i really like!!!! :)
Boiyah - February 14, 2009 7:43 am
Awesome… i tried it differently bt using this tutorial!! couldnt believe it!!
awesome
Rain Man - March 2, 2009 10:24 am
Insider If U Look Above The Layers Panel Theres A Load Of Icons One Of Them Is Exposure There In Alphabetical Order Its There
design king - March 4, 2009 1:18 am
Great post, thanks for the info
Ronen - March 5, 2009 1:20 pm
Great tutorial!
Thanx!!!
Ronen’s last blog post..עיצוב פונטים מנייאקרס
Imomu16 - March 8, 2009 4:25 pm
this was wonderfull…i mimiced it and worked to me. thank you..
Imomu16’s last blog post..80 Best-Of Adobe Illustrator Tutorials, Brushes, .EPSs and Resources
Ahmed Dashti - March 19, 2009 5:24 pm
Hey! Thanks for the tutorial. You helped me a lot! ;)
professional photo retouching - March 21, 2009 8:24 am
nice way to manipulate text!
professional photo retouching - March 21, 2009 8:25 am
nice tutorial
Shota - March 25, 2009 1:30 pm
Thank you man! great job!
fahad - April 29, 2009 11:25 am
great post
Lizzie - July 29, 2009 4:23 pm
Really cool, i used to make this:
http://kiksu.irc-galleria.net/h/images02/00/45/09/60/108541023.jpg?h=1e6fe3769871f1e6a02dd67ab98167ff7b520bdd&t=1249054074
Kaplang - August 10, 2009 6:15 pm
wow really cool effects :) thanks for the tutorial :)
yarenay - August 15, 2009 12:12 am
verry veryy easy :) thanks
John - August 18, 2009 4:59 pm
Nice yes, pity the instructions are not at all accurate for Photoshop CS3. They don’t work and the pics are wrong and therefore cannot be followed
anees - August 24, 2009 10:17 am
awsome !
great job !
Dave - August 26, 2009 10:50 pm
I have a major problem :> I dont know were to but the downloaded front in the photoshop file :S. Could someone tell me?
N-Designs - September 4, 2009 6:32 am
great effect. thanks
Nandkumar - November 2, 2009 4:12 pm
I imprase on you lovely JOB
shomy - December 27, 2009 4:23 am
Great post…….thanks a lot…!!! ;)
trevor - January 31, 2010 12:34 am
how do i get the gradient to only affect the middle part. mine affectst the whole text..
LIC India - February 3, 2010 9:11 pm
Amazing! Thanks for sharing these :)
Harikrishnan - February 13, 2010 1:25 pm
Pls look the image in the link below
http://images.orkut.com/orkut/photos/OgAAAAyEsKRkfP6fIdV2FoHT4wlU-C0SxkwM_ZhPhADDmI2P1tp_8G8immNMiaDlIuFxaDM4g4tsVW71-jPvmEUq0AwAm1T1UL_kD8CjYDIxxkiMEmbnsikvp147.jpg
Waterproof Jacket - March 9, 2010 5:56 pm
very useful for newbie like me, big thank`s for you bro.
FemaleKingKong - March 31, 2010 4:00 am
Check out my jpg… :D
takes 15 minutes… :( :( should do this faster….
good tutorial… thanks… :D
http://img23.imageshack.us/img23/7350/femalekingkong.jpg
Dwightski - April 15, 2010 6:29 pm
Thanks for the effect, I loved it and it is standing proud on our website Your Plastic Storage
Aleksandr Belov - May 2, 2010 3:20 am
nice tutorial
GFXTut - May 11, 2010 2:40 pm
Looks great, ill post my outcome later.
Donna-Michelle - June 21, 2010 12:08 pm
Superb stuff, Thanks for the brilliant tutorial.
Regards
Donna-Michelle
tuc - July 2, 2010 4:05 pm
Thank you so much for this fantastic tutorial.
Awesome! I’ve used this tutorial -help me a lot!
All the best
k - July 21, 2010 6:24 pm
really super text effect. I got it. Thank you:)
iMayne ER - July 29, 2010 2:09 pm
Is it because my document is in CYMK why the Exposure option is not highlighted?
Please help.
Regards
Larry - August 1, 2010 12:12 am
Great exercise and great effect. Thanks
CHRwebs - August 8, 2010 7:41 pm
Cool effect I thing that I got it a bit more beautiful. see what you think ‘http://www.chrisst.webs.com’
wamuchacha - September 12, 2010 5:06 pm
very nice job
LIC India - October 7, 2010 11:42 pm
Nice tutorial.. I want to try it now :)
VPS Seedbox - October 10, 2010 10:15 am
Nice effect, I really like the chrome style.
Manik - October 13, 2010 4:17 pm
Nice outcome. I like the chrome effect and now will definitely use this.
Thanks for the awesome tutorial.
subhamay - October 13, 2010 10:32 pm
wow.great tutorial.very nice.thank you.
venkat - October 21, 2010 9:22 am
So nice
WeBigma - February 4, 2011 3:24 pm
great effect. thanks
R0hs - February 19, 2011 6:21 am
Really awesome text effects!! Thanks))
Portrait Photography in Wiltshire - March 11, 2011 1:04 pm
Have tried this out with fantastic results.
Again Many thanks for your brilliant tutorial.
Regards
Donna
u2envy1 - April 21, 2011 8:07 pm
Where can I get the download of the psd file from ?
suckass - May 12, 2011 6:32 pm
man this rocks i want to marry photshop
computer software company - July 15, 2011 8:13 am
Wonderful tutorial.
Like the work.
Brendon - August 30, 2011 9:05 pm
This didn’t work! Somewhere around the satin stage, our images do not look similar at all. Did you leave something out? I am using CS3.
shaki - November 23, 2011 6:54 pm
Another great tutorial! nice work!
rachel mcadams - January 9, 2012 10:49 pm
wow what an amazing tutorial, wonder how it will look with much more text. Going to try it out now
ATTY - January 12, 2012 1:38 pm
Hey thanks it works!
palaceonweb - January 21, 2012 8:10 pm
Really nice effect. Very helpful. Thanks for the post. :)
Designs Blessing - April 23, 2012 8:32 pm
Wonderful techniques to create stunning effect.
Damon - June 1, 2012 7:31 pm
I’m going with Brendon above. After the Satin effect is added it’s like it has an outline around it that mine did not get. Was there a small detail left out?
It still came out good, a little dark here, but nothing a bit of tweaking can’t fix.