Herringbone Gold Metal Text

Herringbone Gold Metal Text

Tutorial written by Liza Kliko ( Lorelei).

Note: ALL images are hosted on our server, only because this blog was put on a top level domain later, some URLs still point to the previous location. This it the first tutorial I am writing especially for TopTut.com, and just like with the forum, I decided to start from easy tutorials such as text effects.

.PSD file of this tutorial is available for download. Download the FREE .PSD file of this tutorial, for Lorelei Web Forum members only.

Today we will make this herringbone metallic effect:


  1. Make a new canvas, 500*200 pixels.
  2. Fill it with a light grey color, we used #6b6b6b.
  3. Type the word you want in a middle, preferably using a bold, big font. On the example above we took one of the default Windows fonts – Impact.
  4. Layer style settings
  5. Go to Layer >> Layer Styles >> Options, and apply the following settings:
  6. 2.jpg
  7. Photoshop tutorial preview For the Inner Glow settings we used a dark olive colour (#54532d) to transperant.
  8. Photoshop tutorial preview Bevel and Emboss is an important step that you shouldn’t miss. It gives the text it’s depth… Use the #e5d266 colour for Highlight Mode and #5a3015 for Shadow Mode.
  9. Photoshop tutorial preview Texture Fill is the leitmotif of this tutorial. This Texture is called ‘Herringbone’ and comes default in Photoshop CS2.
  10. Photoshop tutorial preview Use medium dark green colour for Satin – #254e46.
  11. Photoshop tutorial preview Any pattern that immitates wood, marble or any other natural texture will be good. If you can’t find anything good enough, you can download the image we used as a .pat file
    pattern file
  12. Photoshop tutorial preview For “Stroke” gradient, use #000000 … #FFFFFF … #000000 colours.

This is it, 12 Very very simple steps for making this rather stylish text effect. We also made a new layer, made a “frame” using the brush tool and applied same Layer Effects to it, to give the image a more finished touch.

Don’t forget that if you are Lorelei Web Forum member, you can download the .PSD file for free.

Published by Lorelei

Lorelei is a full-time blogger since 2006, making a living by sharing her SEO, blogging, social marketing and web development tips.


February 27, 2010 at 10:45 am29

where the hell are the images???!?!?
not on the authors website…
this is just what i need…

so bummed


[…] that this pattern overlay gives. If you do not have the pattern image, you may use ours, from Herringbone Text Effect – yes, I used the same one, how creative.This is what you got so far:Now, take the eraser […]

William Robitaille
October 14, 2009 at 2:33 am27

Lousy tutorial. Writing too small, can’t read it. When enlarged the clarity goes away.

James - Performance Car Accessories
September 26, 2008 at 2:53 am29

Excellent tutorial! Good going Lorelei!

November 5, 2007 at 9:48 am27

it was hard to read the jpg.’s they were not clear…although the steps were easy, my example was far from herribone gold as suggested!

Bala - .NET tutorial
July 15, 2007 at 8:25 pm24

Very well written, well done! I am going to try this out now.

TutoriaL | Ancient Rough Gold Effect
March 4, 2007 at 6:58 pm24

[…] Inner Glow Bevel and Emboss Texture – you can use our texture image, just download the PSD file and pull it from there, or alternatively load it yourself. Click HERE to download the pattern image. Satin Pattern Overlay – Do not skip this step, else your gold will look too dull without soft shades that this pattern overlay gives. If you do not have the pattern image, you may use ours, from Herringbone Text Effect – yes, I used the same one, how creative […]

January 5, 2007 at 5:11 pm26

Very good tutorial. Directions are real easy to follow.

January 3, 2007 at 4:57 pm26

Good Job.
Lesson made Easy.


December 30, 2006 at 12:59 am29

Well… I don’t now how to do it. Could some one do it for me?

December 25, 2006 at 9:54 am28

good job! thanks


Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.