Photoshop Tutorial
Oct 12
Custom Chrome Text Effect
This tutorial will show you a great way to create chrome text. All of the effects are completely customizable by you so you can get it to look exactly how you want.
Feel free to add your comments if you have any questions, or ideas for improving this technique.

Step 1: Preparation
Create a new image or open an image you want to add your text to. Download the effects used in this tutorial.
- For Step 2: Install the style by dragging the .asl file into the Photoshop workspace, or copy it into a folder of your choice, then load it from the fly out menu in the Photoshop styles palette.
- For Step 3: Apply the curve by extracting the .acv file, and then loading it by clicking the load button in the curves dialog.
- For Step 4: Apply the gradient map by extracting the .grd file, and loading it by clicking the load button in the gradient dialog.
Set the foreground color to 50% gray, and then use the text tool to type your text. Apply the style to the text by finding the newly installed style in the bottom of the style palette, and clicking it.
Step 3: Curves
Select layer > new adjustment layer > curves from the menu. Apply the curve included in the zip file above, or you can create a custom curve similar to the one shown below if you prefer.

Set the blend mode to overlay, and the opacity to around 60%.
![]()
Select layer > new adjustment layer > gradient map from the menu. Apply the gradient map included in the zip file above, or edit the gradient manually by clicking the gradient drop down, and selecting the chrome gradient map preset.

Double click each of the color stop nodes that have color, and set the saturation to 0.


Set the blend mode to overlay, and the opacity to around 60%.
![]()
Select both of the newly created adjustment layers in the layers palette, and press ctrl/command + g on the keyboard to group them, then ctrl/command + click the text thumbnail to create a selection around the text. Choose select > feather from the menu, and set the radius to around 5, click OK, then click the add layer mask button at the bottom of the layers palette.


You can now customize the chrome effect by adjusting either of the adjustment layers, or making changes to the blending modes of the adjustment layers, or adjusting the text style. One example is creating a colored chrome or gold effect by simply double clicking the layer effects icon on the text layer, and then set the color of the inner glow, the color overlay, and the stroke sections to a golden color, or any other color you like.

Be sure to check the reflections tutorial if you want to create the reflection as seen in the result of this tutorial.
Clique It
Pingback
Web 2.0 Webdesign-Tutorials | Dr. Web WeblogPingback on February 18th, 2007 at 11:52 pm
Pingback
WhitesquidPingback on February 19th, 2007 at 10:44 am
Pingback
PsalmDesignArea » Blog Archive » Web 2.0 Webdesign-TutorialsPingback on February 20th, 2007 at 8:03 am
Pingback
Web 2.0 Webdesign-Tutorials at comatagsPingback on February 24th, 2007 at 12:56 am
Pingback
Tutorial suche :( - PSD-Tutorials.de - ForumPingback on March 3rd, 2007 at 7:18 am
Pingback
Web 2.0 Tutorials Round-Up | Smashing MagazinePingback on March 9th, 2007 at 8:41 am
Pingback
MerT UraL Blog » Web 2.0 Tasarım Tutorial’larıPingback on March 20th, 2007 at 11:53 am
Pingback
68 Web 2.0 design tutorials » A blog you can use!Pingback on April 21st, 2007 at 2:35 pm
Pingback
Web 2.0 Tutorials | Tekjuice.comPingback on May 29th, 2007 at 7:04 pm
Pingback
Conception Web » Blog Archive » Web 2.0. DesignPingback on June 3rd, 2007 at 3:26 am
Pingback
Xsir.NeT» Blog Arsiv » Metal yazıPingback on June 13th, 2007 at 2:53 am
Pingback
adobe photoshop uygulamaları indir-download indir,izle,download,watch,free,mp3,films,dvixPingback on August 30th, 2007 at 2:01 pm
Pingback
Adobe photoshop uygulamaları - Grafik Tasarım , Photoshop Dersleri , Flash DersleriPingback on September 28th, 2007 at 6:00 am
Pingback
Web 2.0 Tutorials Round-Up | AyivaPingback on October 18th, 2007 at 11:19 pm
Pingback
Web 2.0 Tutorials Round-Up - Article SavePingback on November 12th, 2007 at 12:49 pm
Pingback
Web 2.0 Tutorials | Pxdev.comPingback on January 28th, 2008 at 3:29 pm
Pingback
Smashing Coding » Plus de 60 tutoriels Web 2.0 DesignPingback on January 31st, 2008 at 1:09 pm
Pingback
Clean Tm » Blog Archive » Web 2.0 Tutorials Round-UpPingback on February 15th, 2008 at 8:30 pm
Pingback
Adobe4U » Blog Archive » Web 2.0 Tools/ Photoshop TutorialsPingback on April 7th, 2008 at 8:13 am
Pingback
2008 | Yerles.com » Adobe Photoshop UygulamalarıPingback on May 3rd, 2008 at 2:10 pm
Pingback
Adobe Photoshop Uygulamaları « com10 - Hayatızı Com’layınPingback on May 15th, 2008 at 2:26 am
Pingback
68个web2.0网站设计教程 « 深秋迷雾Pingback on July 2nd, 2008 at 5:42 pm
Pingback
Photoshop uygulamaları | MuratUral.netPingback on July 15th, 2008 at 11:02 am
Pingback
TP: Fragen zu Logogestaltung - TP Hilfe Forum -- Anleitung - Tutorial - Workshop...Pingback on July 25th, 2008 at 1:06 pm
Pingback
مجله اینترنتی مدریس » بایگانی وبنامه (وبلاگ) » وب 2 ای طراحی کنیدPingback on August 18th, 2008 at 7:49 am
Pingback
Web 2.0 Tutorials Round-Up « Wish Upon a StarPingback on October 1st, 2008 at 6:06 am
Pingback
Web 2.0 Tutorials Round-Up | websiteinseconds.comPingback on November 23rd, 2008 at 6:29 am
Pingback
BLog Ötesi » adobe photoshop uygulamalarıPingback on November 23rd, 2008 at 3:09 pm
Pingback
Web 2.0 Tutorials -Episode 02: Text Effects | Greep ItPingback on December 13th, 2008 at 2:01 am
Pingback
Tutorial para Crear Texto con efecto Cromado en PhotoShop | Bloggea2.comPingback on December 13th, 2008 at 4:10 am
Pingback
Web 2.0 Webdesign-TutorialsPingback on January 5th, 2009 at 1:29 am
Pingback
Web 2.0 Tutorials Round-Up | Web design, graphic design resource and JavaScript code libraryPingback on March 28th, 2009 at 6:59 am
Pingback
50 Web 2.0 goodies. | Web Templates, SEO, Web Design Tutorials, Tips, Guides - DT BlogPingback on May 19th, 2009 at 12:38 pm
Pingback
Tutoriales para diseño Web 2.0 | VisualGraf ComunicaciónPingback on July 28th, 2009 at 12:16 am
Pingback
Web 2.0 Tutorials Round-Up – LearningismPingback on August 30th, 2009 at 10:50 am