StylishGold

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

- FREE PSD source file download link included. -

The Final Result:

Stylish Gold Text Effect

Notes:

* the software used in this tutorial is Adobe Photoshop CS6 Extended, but you can use CS3+ versions as well.
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.

Resources:

* Damask blueish by ~TechII.

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:

(The layer effects’ order is different in Photoshop CS6, but the effects are the same and so are the values you’ll need to apply.)

- Bevel and Emboss: Change the Depth to 200, the Size to 10, the Gloss Contour to Ring and check the Anti-aliased box, change the Highlight Mode to Vivid Light, and the Shadow Mode color to #705110.

Stylish Gold Text Effect step 2

- Contour: Change the Gloss Contour to Rounded Steps and check the Anti-aliased box, then change the Range to 30%.

Stylish Gold Text Effect step 2

- Inner Glow: Change the Blend Mode to Soft Light, the Noise to 25%, the color to #ffe242, the Source to Center, the Size to 46, and the Gloss Contour to Guassian – Inverse.

Stylish Gold Text Effect step 2

- Satin: Change the Blend Mode to Vivid Light, the color to #c8c76d, the Angle to 15, and the Contour to Cone.

Stylish Gold Text Effect step 2

- Gradient Overlay: Change the Blend Mode to Soft Light, check the Reverse box, and change the Style to Reflected. Then, 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: Just change the Spread to 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 + Click the text layer’s thumbnail (icon) to create a selection.

Stylish Gold Text Effect step 3

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

Stylish Gold Text Effect step 3

Step 4:

- Go to Filter -> Filter Gallery and under Sketch choose 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 and under Sketch choose 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 and under Artistic choose 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: Change the Gloss Contour to Cove – Deep and check the Anti-aliased box, change the Highlight Mode to Hard Light, and its color to #ffba57.

Stylish Gold Text Effect step 7

- Contour: Change the Gloss Contour to Ring and 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. -

Stylish Gold Text Effect

Don't forget to subscribe to our RSS feed and follow us on Twitter.

» 39 Comments

  1. Mary says:

    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 says:

      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.

  2. Prabha says:

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

  3. bugz says:

    Awesome 24caret gold

  4. nang says:

    Nice and Thanks

  5. sapri waldi says:

    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 says:

      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.

  6. THOPPP says:

    great tut well written !! great share author !

  7. Alex Droner says:

    Very nice tutorial! Thanks.

  8. omalisette says:

    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 says:

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

      Thanks a lot for the comment.

  9. PSDDude says:

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

  10. tuanbmt says:

    very thanks!
    great!

  11. David says:

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

  12. Jai says:

    wonderful…

  13. harry says:

    Brilliant photoshop text effects, Keep it up!

  14. RAJESH says:

    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…

  15. Jessica says:

    Wow… Sorprendente!! ;) Gracias..

    • textuts says:

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

      • Boi says:

        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 says:

          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 ^_^)

  16. Paul says:

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

  17. Nils says:

    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 says:

      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.

  18. I Like it tutorial effect

» Trackbacks/Pings

» Leave a Reply

(required)

(Will not be published) (required)