Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer

http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/

Home Portfolio Blog About me Contact Previous Post

Perfect Gold Text Effect in Photoshop

Gold and glass effects are the most difficult effects to achieve in Photoshop, even more when they are combined. So, in this tutorial I will teach you how to create a combined gold and glass text effect using quick and esay tips with layer styles in Photoshop. Hands to work! Like it? Share with others 31
Tweet

11

74
Like

What we will create in this tutorial.

Create a blank a black document and fill it with black. Download the metal surface texture here. Place it on the document and down the opacity to 30%. Then, open the Layer Styles panel and give it a Color Overlay style.

1 of 13

17/1/2013 10:31 PM

Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer

http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/

Create a new blank layer, select the Rectangular Marquee Tool, and with a high Feather value select all your document. Press Control (CMD) + Shift + I and paint the new selected area with black. This will give us a vignette effect but a more marked effect.

2 of 13

17/1/2013 10:31 PM

Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer

http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/

Grab the Type Tool, select the akaDora font, type your text with black color in to the document, center it and take the Fill Opacity to 0%. If you don't have the akaDora font you can download it here. I highly recommend you to set a large font size because we are going to use Bevel and Emboss style to recreate a glass effect in the inner part of the text. So, the bigger the font size, better the result. I'm using about 180pt.

Now, going to the interesting part, open up the Layer Styles panel and apply the following styles to this layer.

3 of 13

17/1/2013 10:31 PM

Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer

http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/

4 of 13

17/1/2013 10:31 PM

Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer

http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/

The first part of the effect - the glass effect - is done. To do the rest, duplicate our text layer and remove the current Layer Styles of the duplicated layer by right clicking on it and press Clear Layer Style. Then, apply the following Layer Styles to it.

5 of 13

17/1/2013 10:31 PM

Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer

http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/

6 of 13

17/1/2013 10:31 PM

Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer

http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/

To add a final detail to our image press the D key, create a new layer fill the layer with black and go to Filter > Render > Difference Clouds. Change the layer blending mode to overlay.

Final Image

Like it? Share with others 31

Tweet

11

74
Like

Previous Post

7 of 13

17/1/2013 10:31 PM

Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer

http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/

53 Responses
1. George says: June 14, 2012 at 7:29 am Really Nice Reply sabeeh says: June 20, 2012 at 10:53 am hey man i had some troubles with the tut it is an awesome one i do agree but i am not getting the effect the you got please rply asap thanks sincerely sabeeh alzain. Reply tiagocastro says: June 21, 2012 at 12:34 am What kind of troubles are you having? Reply 2. Golden Bevel // GFX WARRIOR says: June 14, 2012 at 9:01 am [...] can read this tutorial at: Webtiago [...] Reply 3. Julia Agnes says: June 14, 2012 at 10:03 am Amazing tutorial! Easy to follow with a stunning result :) Reply tiagocastro says: June 14, 2012 at 7:02 pm Thanks Julia! Glad you like it Reply 4. WhiteX says: June 17, 2012 at 1:03 pm Who can I Download Reply 5. nasr says: June 18, 2012 at 11:52 pm this is nice ^^ Reply 6. Creare un perfetto testo dorato con Photoshop - sastgroup.com says: June 19, 2012 at 10:00 am [...] Link: http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/ [...] Reply 7. Creare un perfetto testo dorato con photoshop says: June 21, 2012 at 12:52 am [...] Link: http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/ [...]

8 of 13

17/1/2013 10:31 PM

Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer

http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/

Reply 8. Eljozgui says: June 21, 2012 at 3:03 am Awsome. Easy, even I did not get the same lightning effect but the resul is stunning !! Thanks Reply 9. 30 New Photoshop Text Effects Tutorials says: June 25, 2012 at 2:31 pm [...] Perfect Gold Text Effect in Photoshop [...] Reply 10. alpine warrior pigeon says: June 29, 2012 at 9:28 pm Really great tut, I followed exactly and got exactly the same results. Love the effect it produces. Many many thanks. Reply 11. Photoshop VIP CS6 July 2, 2012 at 1:03 am [...]

Photoshop26 20126 says:

[...]

Reply 12. Dona says: July 2, 2012 at 9:40 pm Thanks for a great tut! Looks just as good on another background, too. Reply 13. albert says: July 9, 2012 at 8:28 pm Thanks for tutorial pal :) really help me Reply 14. Perfection, un acabado en texto logrado en photoshop a la perfeccin | Photoshop y Tutoriales says: July 12, 2012 at 2:48 am [...] Ver tutorial /* [...] Reply 15. Jordan Landolt says: July 14, 2012 at 4:19 am Awesome Tutorial, Thanks a ton! Reply 16. 100 Text Effects In Photoshop Tutorial You Shouldn't Miss! | BenDaggers.com | Feeding Your Dirty Doubting Minds. says: July 15, 2012 at 4:04 pm [...] Perfect Gold Text Effect in Photoshop tutorial here. [...] Reply 17. Alvin Herp says: August 1, 2012 at 6:25 am thanks.awesome tutorial. Reply 18. John Bautz says: August 2, 2012 at 12:54 pm Amazing tutorial. Used this as a dividing page in my portfolio with the word Photography instead of Perfection. Looks great! Thanks for the tutorial.

9 of 13

17/1/2013 10:31 PM

Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer

http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/

Reply 19. 20 efectos de photoshop para textos | JMP design says: August 21, 2012 at 6:24 pm [...] Gold [...] Reply 20. @SariahLF says: August 21, 2012 at 7:14 pm Thanks for sharing this! love it! Reply 21. 20 New Photoshop Text Effects | t1u says: August 22, 2012 at 5:08 am [...] Gold Text Effect [...] Reply 22. 50+ New Photoshop Text Effect Tutorials Web 2e Design says: August 23, 2012 at 4:07 pm [...] Read Full Tutorial [...] Reply 23. 20 New Photoshop Text Effects | CSS Tips says: August 24, 2012 at 9:59 am [...] Gold Text Effect [...] Reply 24. 15 Latest Photoshop Text Tutorials for Graphic Designers says: September 6, 2012 at 12:17 pm [...] Gold Text Effect [...] Reply 25. 20 Photoshop | September 7, 2012 at 11:55 pm

- says:

[...]

[...]

Reply 26. 20 New Photoshop Text Effects says: September 18, 2012 at 9:15 pm [...] Gold Text Effect [...] Reply 27. Jesie says: September 23, 2012 at 11:07 pm Hello! You got amazing tutorial here. =) But I dont really get the final step where I had to change to gradient style for the stroke. How do you change it to 7%, 16% and such? Im still new with Photoshop and I find that your tutorial is really helpful. =) Reply 28. hienwoo says: September 26, 2012 at 12:51 am Would you send the final file to may E-mail? Reply 29. 20 Photoshop September 27, 2012 at 8:07 am

says:

[...]

[...]

10 of 13

17/1/2013 10:31 PM

Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer

http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/

Reply 30. Dawn says: October 1, 2012 at 12:54 am I didnt get the same effects either. Is it possible to fill in the missing color codes in the last part (after the glass effect section)? Reply 31. Tobin says: October 6, 2012 at 7:22 am VERY nice and Purrrfect Gold! Lots of fun with you todaythanks for the hospitality ;) Reply 32. Jorge says: October 16, 2012 at 11:56 pm You did not state what size the document was you created at the beginning and this affects all the layer styles and final product. Could you please advise what the size was of the blank document you started with? Could you send me the photoshop file to my email please? Reply 33. web design says: October 28, 2012 at 11:48 am Thank you for some other informative site. The place else could I get that type of info written in such an ideal means? Ive a mission that I am simply now operating on, and I have been at the glance out for such information. Reply 34.

Photoshop3 | www.ycyintao.com says:

November 5, 2012 at 1:09 am [...]

[...]

Reply 35. rahulsingh says: November 6, 2012 at 8:14 am hi, how can you that man thats really awesome.. Reply 36. Noe says: November 14, 2012 at 6:08 am Nice one.. Excellent. Thanks a lot. Reply 37. 25 Best Photoshop Tutorials of Summer 2012 | Web Design Habits says: November 22, 2012 at 12:57 am [...] 4. Perfect Gold Text Effect in Photoshop [...] Reply 38. Ida B says: November 24, 2012 at 2:17 pm Awesome tut, easy to follow, great result, thanks! Reply 39. RaysZin says: November 25, 2012 at 2:31 am I really enjoyed this Tiago. Over the course of going through this tutorial I did notice that its not really targeted towards beginners. I in fact di learn some tips and techniques for what its worth. Thank You.

11 of 13

17/1/2013 10:31 PM

Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer

http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/

Reply 40. Allison Beh says: December 3, 2012 at 12:53 pm Thats really a perfect gold text effect. Totally in awe of the result. Thank you so much for sharing the how-to. Reply 41. 20 Photoshop December 5, 2012 at 11:02 am

says:

[...]

[...]

Reply 42. 10 Amazing Photoshop Text Effects | Web Revisions says: December 16, 2012 at 5:57 pm [...] Gold Text Effect [...] Reply 43. water says: December 23, 2012 at 7:03 pm For the final step, why need to press D key? I press D key is nothing happen? Reply 44. Chinh says: December 24, 2012 at 7:33 pm Thank Your share Reply 45. girl says: December 26, 2012 at 7:57 pm Where the hell i can get that golden style? Reply 46. 30+ Photoshop text effect tutorialsCreatives Wall says: December 27, 2012 at 6:23 am [...] View Tutorial [...] Reply 47. Maria says: January 2, 2013 at 11:48 pm Thanks for the tutorial! I used it loosely to design the header for http://www.pennysolos.info & it was very easy and surprisingly quick to follow. Reply 48. 20 Photoshop January 8, 2013 at 10:23 am

IT says:

[...]

[...]

Reply 49. Mustache t shirts says: January 10, 2013 at 4:10 am Great tutorial thank you for sharing!! Reply 50. RusherZ says: January 11, 2013 at 7:37 am

12 of 13

17/1/2013 10:31 PM

Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer

http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/

walao thanks for tutorial ^^ good good good >< Reply

Leave a Reply
Name (required) Mail (will not be published) (required) Website

Subscribe
Get the latest updates

Latest Twitter Updates

Loading Tweets..
Follow @webtiago

Let's build our plans If you are really interested in someone who can give you a hand, help you to reach success with some great ideas and an ambicious person, then I would reccomend you to contact me. Me on Dribbble Tiago Castro 2013 Proudly powered by Wordpress

13 of 13

17/1/2013 10:31 PM