Perfect Gold Text Effect In Photoshop _ Webtiago - Creative Web Designer 2iiu

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

1 of 13

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

Home Portfolio Blog About me ← 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. the metal surface texture here. Place it on the document and down the opacity to 30%. Then, open the Layer Styles and give it a Color Overlay style.

17/1/2013 10:31 PM

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

2 of 13

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.

17/1/2013 10:31 PM

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

3 of 13

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 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 and apply the following styles to this layer.

17/1/2013 10:31 PM

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

4 of 13

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

17/1/2013 10:31 PM

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

5 of 13

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.

17/1/2013 10:31 PM

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

6 of 13

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

17/1/2013 10:31 PM

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

7 of 13

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

17/1/2013 10:31 PM

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

8 of 13

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 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/ [...]

17/1/2013 10:31 PM

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

9 of 13

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

新機能も体感、すごいPhotoshopチュートリアル26個まとめ 2012年6月版 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 perfección | 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.

17/1/2013 10:31 PM

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

10 of 13

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 don’t 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? I’m 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:

黄金的文本效果→ [...]

17/1/2013 10:31 PM

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

11 of 13

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

Reply 30. Dawn says: October 1, 2012 at 12:54 am I didn’t 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 today…thanks 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? I’ve a mission that I am simply now operating on, and I have been at the glance out for such information. Reply 34.

新鲜的Photoshop文字效果教程（3） | 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 that’s 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 it’s not really targeted towards beginners. I in fact di learn some tips and techniques for what it’s worth. Thank You.

17/1/2013 10:31 PM

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

12 of 13

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

Reply 40. Allison Beh says: December 3, 2012 at 12:53 pm That’s 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

17/1/2013 10:31 PM

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

13 of 13

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 me. Me on Dribbble → Tiago Castro © 2013 Proudly powered by Wordpress

17/1/2013 10:31 PM