Sie sind auf Seite 1von 13

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

Home

Portfolio

Blog

About me

Contact

← Previous Post

Home Portfolio Blog About me Contact ← Previous Post Perfect Gold Text Effect in Photoshop

Perfect Gold Text Effect in Photoshop

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

Gold and glass effects are the most difficult effects to

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 11 74 Tweet Like
31
11
74
Tweet
Like

What we will create in this tutorial.

11 74 Tweet Like What we will create in this tutorial. Create a blank a black

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.

down the opacity to 30%. Then, open the Layer Styles panel and give it a Color

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

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.

new selected area with black. This will give us a vignette effect but a more marked

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

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.

the font size, better the result. I'm using about 180pt. Now, going to the interesting part,

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

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

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

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

- 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.

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.

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/

- 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

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

Change the layer blending mode to overlay. Final Image Like it? Share with others → ←

Like it? Share with others →

← Previous Post

31 Tweet
31
Tweet

11

74 Like
74
Like

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

53 Responses

1. George says:

June 14, 2012 at 7:29 am

Really Nice

Reply

sabeeh says: says:

June 20, 2012 at 10:53 am

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

hey man i had some troubles with the tut it is an awesome

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

got please rply asap thanks sincerely sabeeh alzain. Reply tiagocastro says: June 21, 2012 at 12:34

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: 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/ [

]

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新機能も体感、すごい Photoshopチュートリアル26個まとめ 20126月版 says:

July 2, 2012 at 1:03 am

 

[

]

金縁メタリック文字を作成する方法 [

]

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

  18. John Bautz says: August 2, 2012 at 12:54 pm Amazing tutorial. Used this as

Amazing tutorial. Used this as a dividing page in my portfolio with the word “Photography” instead of Perfection. Looks great! Thanks for the tutorial.

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

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

 

Reply

 
  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.

20Photoshop文字效果教程 | —- 关注前端设计,分享精品源。 says:

 

September 7, 2012 at 11:55 pm

 

[

]

黄金文字效果 [

]

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.

20Photoshop文字效果教程 - 花生壳 says:

 

September 27, 2012 at 8:07 am

[

]

黄金的文本效果→ [

]

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

Reply

30. Dawn says:

October 1, 2012 at 12:54 am

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

I didn’t get the same effects either. Is it possible to

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.

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

Reply

40. Allison Beh says:

December 3, 2012 at 12:53 pm

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

That’s really a perfect gold text effect. Totally in awe

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文字效果教程 « 逍遥个人博客 says:

December 5, 2012 at 11:02 am

[

]

黄金文字效果 [

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文字效果教程 « 逍遥IT博客 says:

January 8, 2013 at 10:23 am

[

]

黄金文字效果 [

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

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

tutorial ^^ good good good >< Reply Leave a Reply Name (required) Mail (will not be
tutorial ^^ good good good >< Reply Leave a Reply Name (required) Mail (will not be
tutorial ^^ good good good >< Reply Leave a Reply Name (required) Mail (will not be

Name (required) Mail (will not be published) (required) Website

(required) Mail (will not be published) (required) Website Subscribe Get the latest updates Latest Twitter Updates
(required) Mail (will not be published) (required) Website Subscribe Get the latest updates Latest Twitter Updates

Subscribe

Get the latest updates

(required) Website Subscribe Get the latest updates Latest Twitter Updates Loading Tweets Follow @webtiago

Latest Twitter Updates

Loading Tweets

Follow @webtiagoGet the latest updates Latest Twitter Updates Loading Tweets Let's build our plans → If you

Let's build our plans →

Tweets Follow @webtiago Let's build our plans → If you are really interested in someone who

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 →

then I would reccomend you to contact me. Me on Dribbble → Tiago Castro © 2013

Tiago Castro © 2013 Proudly powered by Wordpress