perfect gold text effect in photoshop _ webtiago - creative web designer
DESCRIPTION
Guide and tutorialTRANSCRIPT
74
Like
11
Tweet
31
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 →
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.
Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/
1 of 13 17/1/2013 10:31 PM
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.
Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/
2 of 13 17/1/2013 10:31 PM
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.
Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/
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
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.
Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/
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
74
Like
11
Tweet
31
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 →
← Previous Post
Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/
7 of 13 17/1/2013 10:31 PM
53 Responses
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
1.
Golden Bevel // GFX WARRIOR says:
June 14, 2012 at 9:01 am
[...] can read this tutorial at: Webtiago [...]
Reply
2.
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
3.
WhiteX says:
June 17, 2012 at 1:03 pm
Who can I Download
Reply
4.
nasr says:
June 18, 2012 at 11:52 pm
this is nice ^^
Reply
5.
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
6.
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/ [...]
7.
Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/
8 of 13 17/1/2013 10:31 PM
Reply
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
8.
30 New Photoshop Text Effects Tutorials says:
June 25, 2012 at 2:31 pm
[...] Perfect Gold Text Effect in Photoshop [...]
Reply
9.
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
10.
Photoshop VIP ☞ CS6新機能も体感、すごいPhotoshopチュートリアル26個まとめ 2012年6月版 says:
July 2, 2012 at 1:03 am
[...] 金縁メタリック文字を作成する方法 [...]
Reply
11.
Dona says:
July 2, 2012 at 9:40 pm
Thanks for a great tut! Looks just as good on another background, too.
Reply
12.
albert says:
July 9, 2012 at 8:28 pm
Thanks for tutorial pal :) really help me
Reply
13.
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
14.
Jordan Landolt says:
July 14, 2012 at 4:19 am
Awesome Tutorial, Thanks a ton!
Reply
15.
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
16.
Alvin Herp says:
August 1, 2012 at 6:25 am
thanks.awesome tutorial.
Reply
17.
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.
18.
Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/
9 of 13 17/1/2013 10:31 PM
Reply
20 efectos de photoshop para textos | JMP design says:
August 21, 2012 at 6:24 pm
[...] Gold [...]
Reply
19.
@SariahLF says:
August 21, 2012 at 7:14 pm
Thanks for sharing this! love it!
Reply
20.
20 New Photoshop Text Effects | t1u says:
August 22, 2012 at 5:08 am
[...] Gold Text Effect [...]
Reply
21.
50+ New Photoshop Text Effect Tutorials — Web 2e Design says:
August 23, 2012 at 4:07 pm
[...] Read Full Tutorial [...]
Reply
22.
20 New Photoshop Text Effects | CSS Tips says:
August 24, 2012 at 9:59 am
[...] Gold Text Effect [...]
Reply
23.
15 Latest Photoshop Text Tutorials for Graphic Designers says:
September 6, 2012 at 12:17 pm
[...] Gold Text Effect [...]
Reply
24.
20个Photoshop文字效果教程 | 网页碎语 —- 关注前端设计,分享精品资源。 says:September 7, 2012 at 11:55 pm
[...] 黄金文字效果 [...]
Reply
25.
20 New Photoshop Text Effects says:
September 18, 2012 at 9:15 pm
[...] Gold Text Effect [...]
Reply
26.
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
27.
hienwoo says:
September 26, 2012 at 12:51 am
Would you send the final file to may E-mail?
Reply
28.
20种Photoshop文字效果教程 - 花生壳 says:
September 27, 2012 at 8:07 am
[...] 黄金的文本效果→ [...]
29.
Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/
10 of 13 17/1/2013 10:31 PM
Reply
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
30.
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
31.
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
32.
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
33.
新鲜的Photoshop文字效果教程(3) | www.ycyintao.com 官方博客 says:
November 5, 2012 at 1:09 am
[...] 黄金文字效果 [...]
Reply
34.
rahulsingh says:
November 6, 2012 at 8:14 am
hi, how can you that man that’s really awesome…..
Reply
35.
Noe says:
November 14, 2012 at 6:08 am
Nice one..
Excellent.
Thanks a lot.
Reply
36.
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
37.
Ida B says:
November 24, 2012 at 2:17 pm
Awesome tut, easy to follow, great result, thanks!
Reply
38.
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.
39.
Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/
11 of 13 17/1/2013 10:31 PM
Reply
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
40.
20个新鲜的Photoshop文字效果教程 « 逍遥乐个人博客 says:
December 5, 2012 at 11:02 am
[...] 黄金文字效果 [...]
Reply
41.
10 Amazing Photoshop Text Effects | Web Revisions says:
December 16, 2012 at 5:57 pm
[...] Gold Text Effect [...]
Reply
42.
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
43.
Chinh says:
December 24, 2012 at 7:33 pm
Thank Your share
Reply
44.
girl says:
December 26, 2012 at 7:57 pm
Where the hell i can get that golden style?
Reply
45.
30+ Photoshop text effect tutorialsCreatives Wall says:
December 27, 2012 at 6:23 am
[...] View Tutorial [...]
Reply
46.
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
47.
20个新鲜的Photoshop文字效果教程 « 逍遥乐IT博客 says:
January 8, 2013 at 10:23 am
[...] 黄金文字效果 [...]
Reply
48.
Mustache t shirts says:
January 10, 2013 at 4:10 am
Great tutorial thank you for sharing!!
Reply
49.
RusherZ says:
January 11, 2013 at 7:37 am
50.
Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/
12 of 13 17/1/2013 10:31 PM
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
Perfect Gold Text Effect in Photoshop | Webtiago - Creative Web Designer http://webtiago.com/2012/06/perfect-gold-text-effect-in-photoshop/
13 of 13 17/1/2013 10:31 PM