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:

herringbone.jpg

  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.

Lorelei

Lorelei is a co-founder of PSwish.com and Lorelei Web Design has over 15 years of experiences in Wordpress, web development, Photoshop & design. Fueled by coffee, chocolate, peanut butter and Irish cream.

You may also like...

11 Responses

  1. jeff says:

    good job! thanks

  2. Savo says:

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

  3. Kaptain says:

    Good Job.
    Lesson made Easy.

    Thanks.

  4. dh says:

    Very good tutorial. Directions are real easy to follow.

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

  6. cherie says:

    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!

  7. Excellent tutorial! Good going Lorelei!

  8. William Robitaille says:

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

  9. till says:

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

    so bummed

  1. March 4, 2007

    […] 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 […]

  2. January 5, 2010

    […] 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 […]