Google+

Stylish Gold Text Effect

This tutorial explains how to use Layer Layer Style and Filters to create an elegant shiny gold text effect.

FREE PSD source file download link included. -

The Final Result

Tutorial Details

  • Software Used : Photoshop
  • Version : CS5 Extended
  • Time : 0:30 – 1:00

Resources

Step 1

Open the Damask blueish image, then go to Edit -> Define Pattern, and click OK.

Stylish Gold Text Effect step 1

Create a new 1152 x 900 px document. Then, Set the Foreground color to #8a5240 and the Background color to #310901. Pick the Gradient Tool, choose the Foreground to Background gradient, and fill the Background with a Radial Gradient from the center of the document to one of the corners.

Stylish Gold Text Effect step 1

Pick the Paint Bucket Tool and choose Pattern in the Options bar, then choose the pattern you’ve just defined. Create a new layer and call it Pattern then fill it with the selected pattern.

Stylish Gold Text Effect step 1

Change the Pattern layer’s Blend Mode to Overlay and the Opacity to 60%.

Stylish Gold Text Effect step 1

Step 2

Create the text using the color #928427 and the font Creampuff. Set the Leading value to 200 and the Anti-aliasing method to Sharp.

Stylish Gold Text Effect step 2

Double click the text layer to apply the following Layer Style:

– Bevel and Emboss

  • Depth : 200
  • Size : 10
  • Gloss Contour : Ring
  • Highlight Mode : Vivid Light
  • Shadow Mode – Color : #705110
Stylish Gold Text Effect step 2

– Contour

  • Contour : Rounded Steps
  • Check the Anti-aliased box.
  • Range : 30%
Stylish Gold Text Effect step 2

– Inner Glow

  • Blend Mode : Soft Light
  • Noise : 25%
  • Color : #ffe242
  • Source : Center
  • Size : 46
  • Contour : Guassian – Inverse
Stylish Gold Text Effect step 2

– Satin

  • Blend Mode : Vivid Light
  • Color : #c8c76d
  • Angle : 15
  • Contour : Cone
Stylish Gold Text Effect step 2

– Gradient Overlay

  • Blend Mode : Soft Light
  • Style : Reflected
  • Check the Reverse box
  • Click the Gradient box to create the gradient
Stylish Gold Text Effect step 2

The gradient uses two colors#a17713 and #fac50f.

Stylish Gold Text Effect step 2

– Drop Shadow

  • Spread : 40
Stylish Gold Text Effect step 2

This will create the main “gold” effect.

Stylish Gold Text Effect step 2

Step 3

Create a new layer on top of all layers and call it Texture. Then set the Foreground color to #ffef48 and the Background color to #593809.

Stylish Gold Text Effect step 3

Ctrl/Cmd + click the text layer’s thumbnail to create a selection.

Stylish Gold Text Effect step 3

Go to Filter -> Render -> Clouds, then press Ctrl/Cmd + D to get rid of the selection.

Stylish Gold Text Effect step 3

Step 4

Go to Filter > Filter Gallery > Sketch > Conte` Crayon, then type in the values below:

Stylish Gold Text Effect step 4
Stylish Gold Text Effect step 4

Go to Filter > Filter Gallery > Sketch > Graphic Pen this time, then type in the values below:

Stylish Gold Text Effect step 4
Stylish Gold Text Effect step 4

Go to Filter > Filter Gallery > Artistic > Paint Daubs, then enter the values below:

Stylish Gold Text Effect step 4
Stylish Gold Text Effect step 4

Change the Texture layer’s Blend Mode to Soft Light and its Opacity to 30%. This will create a nice reflection-like effect for the golden text.

Stylish Gold Text Effect step 4

Step 5

Set the Foreground color to #9e0039, pick the Brush Tool, then open the Brush panel (Window -> Brush).

Stylish Gold Text Effect step 5

Modify the values of a 20 px round hard brush as shown below:

Brush Tip Shape

Stylish Gold Text Effect step 5

Shape Dynamics

Make sure to choose Pen Tilt from the Control drop down menu.

Stylish Gold Text Effect step 5

Step 6

Right click the text layer then choose Create Work Path.

Stylish Gold Text Effect step 6

Create a new layer right below the text layer and call it Stroke, then pick the Direct Selection Tool.

Stylish Gold Text Effect step 6

Right click the work path and choose Stroke Path.

Stylish Gold Text Effect step 6

Choose Brush from the Tool drop down menu and check the Simulate Pressure box.

Stylish Gold Text Effect step 6

This will stroke the path with the modified brush.

Stylish Gold Text Effect step 6

Step 7

Double click the Stroke layer to apply the following Layer Style:

– Bevel and Emboss

  • Gloss Contour : Cove – Deep
  • Check the Anti-aliased box
  • Highlight Mode : Hard Light
  • Color : #ffba57
Stylish Gold Text Effect step 7

– Contour

  • Contour : Ring
  • Check the Anti-aliased box.
Stylish Gold Text Effect step 7

– Drop Shadow

Just use the default values.

Stylish Gold Text Effect step 7

This will add more depth to the original effect and make it bolder.

Stylish Gold Text Effect step 7

With the same brush, add some dots on the stroke, just a couple.

Stylish Gold Text Effect step 7

Step 8

Click the Create new fill or adjustment layer icon down the Layers panel, and choose Gradient Map.

Stylish Gold Text Effect step 8

Change the adjustment layer’s Blend Mode to Soft Light and its Opacity to 50%.

Stylish Gold Text Effect step 8

Then, click the Gradient box to create the gradient used.

Stylish Gold Text Effect step 8

You need two colors#6b3b37 to the left, and #d1a799 to the right with a Location value of 92.

Stylish Gold Text Effect step 8

This will make the colors brighter and more vivid.

Stylish Gold Text Effect step 8

And that’s it. Simple yet elegant! Hope you liked it.

You can download the PSD source file of this tutorial for FREE! Click here to download the file now. -


  • Mary

    I think the texture values are off…I tried several times but when I got to the paint daubs part I was just getting a yellow overlay.

    • textuts

      I’ve just re-checked those values, and they are correct.

      Did you make sure to choose “Light Rough” from the “Brush Type” drop down menu? Also, is your text the same size as in the tutorial? And did the other two filters work as supposed to?

      The text size might affect the result, so try playing around with the Brush Size and Sharpness values to see if you can get a different outcome.

      Hope this helps.

  • Prabha

    In step 2, is the size of Bevel & Emboss 18 or 10? In the picture, you typed 10 but 18 in the text?

    • textuts

      That’s 10, as in the image.
      Sorry for the typo :)

      Thanks for pointing that out.

  • bugz

    Awesome 24caret gold

    • textuts

      Thank you :)

  • nang

    Nice and Thanks

    • textuts

      Thanks for the comment :)

  • Pingback: Gold Text Effect // GFX WARRIOR

  • http://sapriwaldi.blogspot.com sapri waldi

    sangat bagus…,saya dari Indonesia suka desain-desain anda yang sangat kreatif..
    maaf.,apakah untuk membuat Stroke Path itu memang harus berulang kali….?? terima kasih…:)

    • textuts

      Terima kasih for the nice comment, appreciate it :)

      As for the stroke, no, you don’t have to repeat it. If I misunderstood your question please feel free to add a reply.

  • Pingback: 9 Fresh Photoshop & Illustrator Tutorials from the design community | hangaroundtheweb

  • http://thoppp.com THOPPP

    great tut well written !! great share author !

  • Alex Droner

    Very nice tutorial! Thanks.

    • textuts

      Glad you liked it.
      Thank you for the comment.

  • omalisette

    Right moment.We are going to celebrate the 50th anniversary of our marriage and that’s a golden in Belgium.
    Good explaind and nice letters. thank you

    • textuts

      That’s awesome! Glad you’ll use this effect.
      And a very happy anniversary to you as well :)

      Thanks a lot for the comment.

  • Pingback: A New Collection of Photoshop Text Effects Tutorials

  • Pingback: Photoshop CS6 – Efeito texto de Ouro | Clube do Design | Dicas para designers

  • Pingback: 20 New Collection of Cool Photoshop Tutorials - Boost Inspiration

  • http://www.psd-dude.com PSDDude

    I like the effect very much, it is probably the best gold effect available on the internet at this moment!

    • textuts

      Oh wow! This sure means a lot.
      Thank you very much for the great compliment.

  • Pingback: 30 New Photoshop Text Effects Tutorials

  • tuanbmt

    very thanks!
    great!

    • textuts

      You’re welcome :)
      Thanks for the comment.

  • http://www.bordowgraphics.com David

    Very clear instructions and it was just the styling I was looking for. Thank you!

    • textuts

      Glad to know that :)
      Thank you so much for the kind words.

  • Jai

    wonderful…

    • textuts

      Thank you!

      • alex

        how to do the gaussian inverse i dont have it

        • textuts

          You need to load the Contours first, check this image please.

  • Pingback: H??ng d?n làm hi?u ?ng ch? trong Photoshop

  • Pingback: Photoshop VIP ? CS6??????????Photoshop???????26???? 2012?6??

  • harry

    Brilliant photoshop text effects, Keep it up!

    • textuts

      Thanks a lot for the comment and the support.

  • Pingback: Efecto texto de oro: psd gratis con estilos de capa incluidos | Photoshop y Tutoriales

  • Pingback: ???????? ??????? ????? | http://blogurokiphotoshop.ru/

  • RAJESH

    YOU ARE ONLY ONE OF BEST TEXT EFFECTS TUTORIALS TEACHER IN OPINION IN ONLINE WORLD PL.. DO NOT MIND MY ENGLISH IS NOT GOOD I AM FORM INDIA BUT I AM FOLLOWING YOU TEXT TUT .. THANKS….TEXT…

    • textuts

      Wow! This really really means so much.
      Thanks a lot for your awesome comment :)

  • http://jessica-agudelo.blogspot.com Jessica

    Wow… Sorprendente!! ;) Gracias..

    • textuts

      Glad you like it :)
      Muchas gracias for the comment.

      • Boi

        hei masbro.. Its really great gold effect!!
        But why my work doesn’t look like ur :( its just yellow and orange. I used 250pt font size too.

        if u dont mind, please check my result here
        http://imageshack.us/a/img441/7191/goldeffect.jpg

        Sorry for my bad english LOL. I’m from Indonesia :)

        Thanks before masbro

        • textuts

          Seems you are using a different font, and it is bolder. So you might need to use bigger layer styles’ values for the effects, specially the Bevel and Emboss effect.

          Make sure you are changing all of the used values as well.

          Hope this helps. Please feel free to add a reply if the problem still exists.

          Thanks a lot for the comment.
          (I’m a girl though ^_^)

  • Paul

    Really, really good! Thanks so much for this nice work.

    • textuts

      Glad you like it.
      Thanks a lot for the kind words.

  • Pingback: Almost 170 Photoshop Text Tutorials made by Artist in 2012 – Photoshop Website - Tutorials,Brushes & more..

  • Nils

    First: Your tutorials are outstanding.

    Second: I could not achieve the same results as you did. Therefore I downloaded the zipfile.Unfortunately I can’t unzip it. Got this message from Winzip (14.5): End-of-central-directory signature not found. Either this file is not a Zip file, or it constitutes one disk of a multi-part Zip file.

    • textuts

      Which step didn’t work the same for you? I checked the link, and it worked fine, I haven’t received any other comments that it’s not working. But I re-uploaded the file anyway, so can you try downloading it again please?

      Please feel free to add a reply with more details.

      Thanks a lot for the comment.

      Regards.

  • http://anugerahprinting.blogspot.com percetakan Trenggalek

    I Like it tutorial effect

    • textuts

      Glad you do.
      Thanks for the comment.

  • Pingback: 100+??????????????????——????????? | ????

  • priya

    very nice. from this site i have learnt a lot. But pls give some option to copy his folder. b’coz everytime we cant use internet

    • textuts

      That’s really great to know!

      You can select and copy/save the tutorial. Unfortunately, we don’t have other options for that right now. But since you mentioned the problem, we’ll make sure to take the suggestion into consideration indeed.

      Thanks a lot for the comment.

  • priya

    Thank you. It mean lot to everyone

  • priya

    Hi rose. How are you. Pls can you tell me some other sites that i can learn more text styles. pls

    • textuts

      Hey! Thank you very much for the kind words :)

      There aren’t other sites dedicated for text effect tutorials, that’s why textuts rocks! – just kidding ^_^. But there are many Photoshop tutorial sites that have text effect tutorials sections.

      Some good ones are:
      - psd tuts+
      - PlanetPhotoshop
      - PhotoshopStar
      and you can also check some directories like PhotoshopRoadmap and Tutorialized.

      Hope this helps.

      Thanks once again.

  • priya

    Thank You. Rose hope it helps. Otherwise my lovely rose is there to teach

    • textuts

      You’re welcome.
      Thank you too.

  • Pingback: Create Stylish Gold Text Effect in Photoshop | Tutorials Get

  • Pingback: Stylish Gold Text Effect | Things i like

  • Meritor

    Thank you very much.. this help me a lot.

    • textuts

      Very glad it did.
      Many thanks for the comment.

  • Pingback: 20 Best Photoshop Tutorials to Create Gold Text Effect - Xz webdesign