SlideShare a Scribd company logo

How to make gold in photoshop

Download as DOCX, PDF
J
jaguarpauw

This tutorial teaches how to create a gold plated text effect in Photoshop. It involves applying gradient overlays, bevel and emboss styles, and inner glows to layers and layer styles to make the text appear metallic and shiny. Additional touches like adding a stroke and contour options further enhance the gold look. Finally, sparkles are added on a separate layer to make the text really shine. The full tutorial contains 20 steps to achieve this photoshop text effect.

Design
1 of 26
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 Home  Contact Us  Sitemap  Member Login Custom Search Photoshop Essentials.com - Tutorials and training for Adobe Photoshop.  Print-Ready PDFs  Basics  Retouch  Photo Effects  Text Effects  Digital Photo Essentials You Are Here: Home > Photoshop Text > Text Effects > Gold Plated Text Gold Plated Text Effect In Photoshop Written by Steve Patterson. In this Photoshop text effects tutorial, we're going to learn how to turn text into gold using Photoshop's Layer Styles. We'll even throw in some sparkles at the end to make our gold letters really shine. Here's the effect we're going for: The final gold plated text result.
Let's get started! Download our tutorials as print-ready PDFs! Learning Photoshop has never been easier! Step 1: Open A New Photoshop Document Open a new document in Photoshop by going up to the File menu and choosing New..., or by using the keyboard shortcut, Ctrl+N(Win) / Command+N (Mac). I'm just going to use the 640x480 preset size. You can use whichever size you like for your width and height, and then click OK to create your new Photoshop document: Create a new document in Photoshop. I'm using the640x480 preset size. Step 2: Fill The Background Layer With Black Press D on your keyboard to quickly reset Photoshop's foreground and background colors, which sets black as your foreground color. Then use the keyboard shortcut Alt+Backspace (Win) / Option+Delete (Mac) to fill the Background layer with black:
The Background layer now filled with black. Step 3: Set Your Foreground ColorTo White And Add Your Text Press X on your keyboard to swap your foreground and background colors so white becomes your foreground color. Select your Type tool from the Tools palette or by pressing T on your keyboard. Choose a font from the Options Bar at the top of the screen, then click inside the Document Window and enter your text. I'm using "Times New Roman Bold" here to keep things simple if you want to follow along. I'll enter the word "GOLD":
Set your foreground color to whiteand enter your text. Step 4: Resize Your Text With The Free Transform Command The text is too small at this point, so with the text layer selected in the Layers palette, use the keyboard shortcutCtrl+T(Win) / Command+T (Mac) to bring up Photoshop's Free Transform box and handles around the text. Hold down Shift+Alt (Win) / Shift+Option (Mac) to have Photoshop constrain the text proportions and resize the text from the center as you drag out any of the corner handles to enlarge the text:
Resize the text with Free Transform. Press Enter (Win) / Return (Mac) when you're done to accept the transformation. Step 5: Duplicate The Text Layer Use the keyboard shortcut Ctrl+J (Win) / Command+J (Mac) to quickly duplicate the text layer. You should now have three layers in your Layers palette: Photoshop's Layers palettenow showing three layers.
We're going to be working on the text copy layer throughout the next few steps. Step 6: Add A Gradient Overlay To The Text With the text copy layer selected, click on the Layer Styles icon at the bottom of the Layers palette: Click the Layer Styles icon at the bottomof the Layers palette. Select Gradient Overlay from the list: Select the Gradient Overlay layer stylefrom thelist. This brings up the Layer Style dialog box set to the Gradient Overlay options:
Photoshop's Layer Styledialog box set to the "Gradient Overlay" options. We're going to set the colors for our gradient, so click directly on the gradient preview area (circled in red above) to bring up the Gradient Editor. Step 7: Select A Lighter And Darker Gold Color For The Gradient When the Gradient Editor appears, click on the left color marker to select it, and then click on the Color swatchto choose a color for the left side of the gradient: Click on the left color marker in theGradient Editor, then click the Color swatch.
This brings up Photoshop's Color Picker. You can use whichever gold colors you prefer, but if you want to follow along, I've entered a color of R:247, G:238, B:173 which gives us a light gold color (I cheated and sampled the color from a photo of a gold coin): Enter R:247, G:238, B:173 for theleft gradient color. Click OK to accept the color and exit out of the Color Picker. Then, back in the Gradient Editor, click on the right color marker to select it, and then click back on the Color swatch: Click on the right color marker, then click back on theColor swatch. When the Color Picker comes back up, enter R:193, G:172, B:81 to give us a darker gold color (also sampled from the gold coin):
Enter R:193, G:172, B:81 for theright gradient color. Click OK to exit out of the Color Picker once again, and click OK to exit out of the Gradient Editor as well. Your text should now look like this: The gradient colors applied to the text.
Don't exit out of the Layer Style dialog box yet. We have more to do. Step 8: Change The Gradient "Style" To "Reflected" Back in the Gradient Overlay options in the Layer Style dialog box, click on the down-pointing arrow to the right of the word "Linear" and change the Style of the gradient to Reflected: Change thegradient stylefrom "Linear" to "Reflected". This will add the darker gold color to both the top and bottom of the text, leaving the lighter color in the middle: The text after changing thegradient style. Step 9: Select The "Bevel and Emboss" Options Click directly on the words "Bevel and Emboss" in the layer styles menu along the left of the Layer Style dialog box to switch to the Bevel and Emboss options. Make sure you click directly on the words themselves, not just in the little box beside them, otherwise the options won't appear:
Click directly on thewords "Bevel and Emboss" in the menu on theleft. Step 10: Change The "Technique" To "Chisel Hard" In the Bevel and Emboss Structure options in the middle of the Layer Style dialog box, click on the down- pointing arrow to the right of the word "Smooth" and change the Technique to Chisel Hard: Change the"Technique" from "Smooth" to "Chisel Hard". Step 11: Change The "Gloss Contour" To "Ring Double" In the Shading options below the Structure options, click on the down-pointing arrow to the right of the word "Gloss Contour" and select Ring - Double, which is on the bottom row, third from the left:
Change the"Gloss Contour" to "Ring Double". Select the Anti-Aliased option as well to prevent our text from getting the "jaggies". Here's the text at this point: The effect so far. Step 12: Increase The Structure "Size" To Close Up The Open Space Inside The Letters Go back up to the Structure options at the top of the Layers styles dialog box and drag the Size slider bar to the right until you've closed up the open spaces inside the letters. Here I've dragged mine to a value of 16 pixels: Drag the "Size" slider to the right until you'veclosed up theopen spaces inside theletters.
The open spaces are now gone: After dragging the "Size" slider to the right, theopen spaces inside theletters have been removed. Step 13: Increase The Structure "Depth" To Enhance The Lighting Effect Next, drag the Depth slider to the right to enhance the lighting effect on the letters. I've dragged mine to a value of171%: Drag the "Depth" slider to theright to enhance the lighting effect on the letters. Now things are starting to look good: The effect after increasing the "Depth". Step 14: Turn On The "Contour" In The Layer Style Menu Next, click inside the checkbox to the left of the word Contour on the left of the Layer Style dialog box, directly below the "Bevel and Emboss" option. This will enhance our gold effect even further. There's no need to change any options for it, so just click inside the checkbox to enable it:
Click inside the"Contour" checkbox to enable it without viewing its options. Here's the text with "Contour" enabled: The effect with the "Contour" option enabled. Step 15: Add An Inner Glow One last thing to do here before we exit out of the Layer Style dialog box and switch to the original text layer. We're going to add an Inner Glow effect to enhance our gold colors. To do that, click directly on the words Inner Glowon the left of the Layer Style dialog box to enable it and bring up its options:
Select the "Inner Glow" layer style. Click directly on its name to bring up the options for it. Change the options that I've circled here: The "Inner Glow" options. First, change the Blend Mode to Multiply. Then lower the Opacity to 50%. Click on the color swatch directly below the word "Noise", which brings up the Color Picker. Enter R:232, G:128, B:31 to give us an orange color (this one was sampled from a photo of a gold brick) and click OK to exit out of the Color Picker. Finally, increase the glow Size to 15 pixels. When you're done, you can click OK to exit out of the Layer Style dialog box. Your text should now look something like this:
The text after applyingthe"Inner Glow" layer style. Step 16: Add A Stroke To The Original Text Layer We're done with the text copy layer at this point. Now we're going to work on the original text layer, so click on it in the Layers palette to select it. We're going to head back to the Layer Style dialog box once again, so click on theLayer Styles icon at the bottom of the Layers palette: With the original text layer selected, click on the "Layer Styles" icon at the bottomof the Layers palette. This time, select Stroke at the bottom of the list:
Select the "Stroke" layer stylefrom the list. This will bring the Layer Style dialog box back up, set to the Stroke options. Change the options that I've circled below: The "Stroke" layer styleoptions. First, increase the stroke Size to 5 pixels. Then change the Fill Type from "Color" to Gradient. We're going to be using the same gradient colors for the stroke that we used on the text. Before we go setting gradient colors though, change the gradient Style to Reflected. Step 17: Set The Stroke Gradient To The Same Colors As The Text Click directly on the gradient preview area in the Stroke options:
Click on the gradient preview area. This will once again bring up the Gradient Editor. Set the colors for the gradient to the same colors we used on the text. For the left color, use R:247, G:238, B:173, and for the color on the right, use R:193, G:172, B:81. Click OK to exit out of the Gradient Editor once you've set the colors, and your text should look like this: The gradient strokeapplied to the text. Step 18: Apply The "Bevel and Emboss" Style To The Stroke Click directly on the words Bevel and Emboss in the menu on the left of the Layer Style dialog box to once again enable it and bring up its options. This time, rather than adding a bevel and emboss style to the text, we're going to add it to the stroke. Change the options that I've circled below:
The "Bevel and Emboss" options to apply to thestroke. First, in order to apply these settings to the stroke, we need to change the top option, Style to Stroke Emboss. Now all of these settings will be applied to our stroke. Change the Technique to Chisel Hard once again. Set theSize to 5 pixels. In the "Shading" section, click on the down-pointing arrow to the right of the words Gloss Contour and once again select that Ring - Double option, which is the third one from the left on the bottom row. Finally, over on the left in the menu area, once again click inside the Contour checkbox to enable it. After applying the Bevel and Emboss style to the stroke, your text should now look like this: The effect after applyingthe "Bevel and Emboss" styleto the strokearound the text. Step 19: Apply The "Outer Glow" Style
One last thing to do here in the Layer Styles dialog box. We're going to add a bit of a glow to the text, as if some light was reflecting off the gold. Click directly on the words Outer Glow in the menu on the left to turn on the Outer Glow style and bring up its options, then change the options I've circled below: The options for the Outer Glow layer style. First, lower the Opacity value to 50%. Then click on the color swatch directly below the word "Noise", which brings up Photoshop's Color Picker. Enter in R:183, G:145, G:79 for the color (another gold brick photo sample) and click OK to exit out of the Color Picker. Finally, set the Size to around 29 pixels, and then click OK to exit out of the Layer Styles dialog box. The text now has a faint glow around it: The text now with a faint glow around it. One thing left to do... Step 20: Add A New Blank Layer Above The Text Copy Layer
Click on the text copy layer in the Layers palette to select it, then press the keyboard shortcut Ctrl+Shift+N (Win) /Command+Shift+N (Mac) to bring up the New Layer dialog box. Name the new layer "sparkles", and click OK: Photoshop's "New Layer" dialog box. Name thenew layer "sparkles" and click OK. We now have our new blank layer in the Layers palette: Photoshop's Layers palettenow showing our new "sparkles" layer at the top. Step 21: Load The "Assorted Brushes" We're going to add some sparkles to our gold text to really make it shine, and we're going to use a brush for that. But first, we need to load in some new brushes. Grab the Brush tool from the Tools palette or press B on your keyboard to quickly select it. Then right-click (Win) / Control-click (Mac) anywhere inside the Document Window to bring up the Brush options menu, and click on the small right-pointing arrow in the top right corner:
Click the small arrow in the top right corner of the Brush menu. Click on the Assorted Brushes in the long list that appears to select them: Click on "Assorted Brushes" in thelist that appears. Photoshop will ask you if you want to replace the current brushes with these new brushes or simply append them to the existing ones. Click Append: Click "Append" to add thenew brushes to the existing ones. Step 22 Sample A Light Gold Color From The Text With The Eyedropper Tool Grab the Eyedropper tool from the Tools palette or press I to quickly select it, and then click on one of the lightest areas in the text to sample that color. We're going to use that color for our sparkles:
Sample a light gold color from thetext with theEyedropper tool. Step 23: Select One Of The "Crosshatch" Brushes To Use As A Sparkle With your light gold color sampled, switch back to your Brush tool again, and then once again right- click (Win) /Control-click (Mac) anywhere inside the Document Window to bring up the Brush options menu. Scroll down the list of available brushes until you come across one that looks like a fancy "X". If you have Tool Tips turned on in your Photoshop Preferences, you'llsee that the brush is named "Crosshatch", as we can see here: Choose one of the "Crosshatch" brushes (which looks like an "X") to use for the sparkles. Step 24: Paint A Few Randomly Placed Sparkles Around The Text With your brush selected and your sampled color ready to go, click in a few random locations around the text to add some sparkles. Change the brush size after each click to add even more randomness by using the right and left bracket keys to increase or decrease the brush size on the fly. Adding sparkles is fun, but too many is too many, so only add a few. A couple of larger ones and a couple of smaller ones should do it. If you find your sparkles look too intense, lower the opacity of the "sparkles" layer. Here I've lowered mine down to 50%:
Lower the opacity of the "sparkles" layer to reduce their intensity. Once you've added your sparkles and lowered the opacity to your liking, you've completed the gold lettering effect! Here's my final "Gold-Plated Text" effect result: The final effect. And there we have it! That's how to to text into gold with Photoshop! Check out our Text Effects or Photo Effectssections for more great Photoshop effects tutorials! Download our tutorials as print-ready PDFs! Learning Photoshop has never been easier!
 Telling Stories With Shadows In Photoshop  The Polygonal Lasso Tool In Photoshop  Photoshop Brushes - Scattering Options  Free Transform Essential Skills And Shortcuts  CroppingImages In Photoshop CS6  Photo Within A Photo In Photoshop CS6  Image Navigation Essentials - Zooming And Panning In Photoshop Latest Tutorials  Warm Golden Sunset Effect With Photoshop  How To Apply The Auto Image Commands As Adjustment Layers In Photoshop  Easy Selective Color Effect With Photoshop  Auto Tone, Auto Contrast And Auto Color In Photoshop  How To Download Photos From Your Camera – Adobe Bridge Most Popular Tutorials  How To Resize Images In Photoshop  Photoshop Color Replacement Tool Tutorial  Placing An Image Inside Of AnotherWith Photoshop  Understanding Layer Masks In Photoshop  Photoshop Background Eraser Tutorial  Blend Photos Like A Hollywood Movie Poster With Photoshop
 Place An Image In Text With Photoshop  Photoshop Clipping Masks Essentials  Easily Smooth And Soften Skin In A Photo With Photoshop  Mirror Image Effect With Photoshop Get all of our Photoshop tutorials as convenient, print-ready PDFs Download them today! Home | Photoshop Basics | Photo Editing | Photo Effects | Text Effects | Digital Photo Essentials | Privacy Policy All Content © 2015 . Not to be duplicated or redistributed without permission. Photoshop is a trademark of Adobe Systems Inc.

More Related Content

PPTX
Openoffice writer
Sisapardo
 
PPTX
Microsoft Office PowerPoint 2007 - Lesson 3
Samantha TerBeest
 
PPT
OpenOffice.org Writer: The Basics
Czarli Evangelista
 
PPT
Smartboard Training Guide 1 To 17
South Thames
 
PDF
InDesign Part 3
Sam Georgi
 
PDF
Introduction to Flash
Sarah Bombich
 
PPTX
Lecture 06 insert tab word 2007
VTC
 
PPT
Lecture four
Ayebazibwe Kenneth
 
Openoffice writer
Sisapardo
 
Microsoft Office PowerPoint 2007 - Lesson 3
Samantha TerBeest
 
OpenOffice.org Writer: The Basics
Czarli Evangelista
 
Smartboard Training Guide 1 To 17
South Thames
 
InDesign Part 3
Sam Georgi
 
Introduction to Flash
Sarah Bombich
 
Lecture 06 insert tab word 2007
VTC
 
Lecture four
Ayebazibwe Kenneth
 

What's hot (19)

DOCX
Powerpoint Lesson10 working with tables
ricsanmae
 
PPTX
PowerPoint Presentation Part 1
Muhammad Abdul Monem
 
PPTX
Power Point
guest44ab72
 
DOCX
Task 2
AdamPatersonMedia
 
PDF
Advanced Editing Acrobat Forms
Karen Baker
 
PDF
Using illustrator for posters by hmftj
LGS, GBHS&IC, University Of South-Asia, TARA-Technologies
 
PDF
10 Tips and Tricks to Improve Your Workflow in InDesign CS5
Pix By Nix
 
ODP
Module 3 open office writer
jaimemgarcia
 
DOCX
Outlook How Started
Eloi Bernard
 
DOC
Technical Writing Example
BrianForrest
 
PPTX
Microsoft Office
Swati Sinha
 
PPTX
Photoshop Tutorial
clairelouisescott33
 
PDF
dr_1
tutorialsruby
 
PDF
OpenOffice Draw Tutorials: Florist Flyer
Flyer Tutor
 
PPTX
How to Create Shadow in photoshop cs6 - Photoshop Tutorial
CPZ Media
 
PPTX
Impress Ppt
internscpu
 
PDF
InDesign CS5 Tutorial
Zaxapias
 
PPTX
Week 2 ms word ait
Irfan Ali Memon
 
PDF
Create logo
Varsha Vekariya
 
Powerpoint Lesson10 working with tables
ricsanmae
 
PowerPoint Presentation Part 1
Muhammad Abdul Monem
 
Power Point
guest44ab72
 
Task 2
AdamPatersonMedia
 
Advanced Editing Acrobat Forms
Karen Baker
 
Using illustrator for posters by hmftj
LGS, GBHS&IC, University Of South-Asia, TARA-Technologies
 
10 Tips and Tricks to Improve Your Workflow in InDesign CS5
Pix By Nix
 
Module 3 open office writer
jaimemgarcia
 
Outlook How Started
Eloi Bernard
 
Technical Writing Example
BrianForrest
 
Microsoft Office
Swati Sinha
 
Photoshop Tutorial
clairelouisescott33
 
dr_1
tutorialsruby
 
OpenOffice Draw Tutorials: Florist Flyer
Flyer Tutor
 
How to Create Shadow in photoshop cs6 - Photoshop Tutorial
CPZ Media
 
Impress Ppt
internscpu
 
InDesign CS5 Tutorial
Zaxapias
 
Week 2 ms word ait
Irfan Ali Memon
 
Create logo
Varsha Vekariya
 
Ad

Viewers also liked (14)

PDF
Enlargement of a small power plant - project & strategy
Miroslav Šebek
 
PDF
De tal palo nuevas astillas by Ricardo Pankiewicz
✔Alejandro J. Román
 
PDF
La relance de l’efficacité énergétique en Europe
The Shift Project
 
PPT
Herbal Cough Remedies
Ashraf ElAdawy
 
PDF
Constraints for nigerian enterpreneurs
Monish Shrestha
 
PDF
Open House Lifestyle - Setor Marista
Full Time
 
PDF
García sierra 27 julio
JORGEAIR_8
 
PPS
Estrategias gestión electrónica
Pablo Carrizo Orellana
 
PPTX
Over 100 highly re-usable slides and shapes for PowerPoint
Veodin
 
PPTX
El sistema solar
Abiel Madrid
 
PPTX
What About Israel - Romans 9:1-13
David Turner
 
PPTX
SPSNYC SharePoint Worst Practices
Scott Hoag
 
PDF
PLATOS TÍPICOS DE LA COSTA
washington viscarra
 
PDF
Platos típicos de la costa lic. vivas mera
Cari Mera
 
Enlargement of a small power plant - project & strategy
Miroslav Šebek
 
De tal palo nuevas astillas by Ricardo Pankiewicz
✔Alejandro J. Román
 
La relance de l’efficacité énergétique en Europe
The Shift Project
 
Herbal Cough Remedies
Ashraf ElAdawy
 
Constraints for nigerian enterpreneurs
Monish Shrestha
 
Open House Lifestyle - Setor Marista
Full Time
 
García sierra 27 julio
JORGEAIR_8
 
Estrategias gestión electrónica
Pablo Carrizo Orellana
 
Over 100 highly re-usable slides and shapes for PowerPoint
Veodin
 
El sistema solar
Abiel Madrid
 
What About Israel - Romans 9:1-13
David Turner
 
SPSNYC SharePoint Worst Practices
Scott Hoag
 
PLATOS TÍPICOS DE LA COSTA
washington viscarra
 
Platos típicos de la costa lic. vivas mera
Cari Mera
 
Ad

Similar to How to make gold in photoshop (20)

PDF
Ps zen mj
Mohammed Jogie
 
PDF
Photoshop - Module 6
Cikgu Johan Johari
 
PPT
Bling Tutorial
Noreen Strehlow
 
DOCX
My Photoshop Tutorial
alexhester
 
PDF
Photoshop - Module 4
Cikgu Johan Johari
 
PDF
webbdesign
breath45weasel
 
PDF
Diamond text
sumitavaghosh2
 
PDF
Photoshop - Module 5
Cikgu Johan Johari
 
PPTX
Fanzine evaluation
Ben Harris
 
PPTX
Using Image & text in Photoshop
Anne
 
DOCX
How to Create a Folded Text Effect in Adobe Illustrator.docx
sacral mistic
 
PPTX
Chapter2
Tracie King
 
PPTX
Photoshop textt
tafi94
 
PPTX
Photoshop text - My Experimentation
tafi94
 
PDF
Inkscape Tutorials: Digital Photography Flyer
Flyer Tutor
 
PPTX
Chapter 2
Tracie King
 
PDF
Outline Text Effect in Photoshop
Quentin Brown
 
PDF
Tutorial
guest7adaab
 
PDF
How to Make a Gradient in Photoshop
Zenith Clipping
 
PDF
Photoshop Tutorial Booklet
Graveney School
 
Ps zen mj
Mohammed Jogie
 
Photoshop - Module 6
Cikgu Johan Johari
 
Bling Tutorial
Noreen Strehlow
 
My Photoshop Tutorial
alexhester
 
Photoshop - Module 4
Cikgu Johan Johari
 
webbdesign
breath45weasel
 
Diamond text
sumitavaghosh2
 
Photoshop - Module 5
Cikgu Johan Johari
 
Fanzine evaluation
Ben Harris
 
Using Image & text in Photoshop
Anne
 
How to Create a Folded Text Effect in Adobe Illustrator.docx
sacral mistic
 
Chapter2
Tracie King
 
Photoshop textt
tafi94
 
Photoshop text - My Experimentation
tafi94
 
Inkscape Tutorials: Digital Photography Flyer
Flyer Tutor
 
Chapter 2
Tracie King
 
Outline Text Effect in Photoshop
Quentin Brown
 
Tutorial
guest7adaab
 
How to Make a Gradient in Photoshop
Zenith Clipping
 
Photoshop Tutorial Booklet
Graveney School
 

Recently uploaded (20)

PDF
Urban Design Final Project-Context
nicolebrog1
 
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
renrif6047
 
PPTX
Media And Information Literacy for Grade 12
CaloyMasion
 
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
barkatbushra9
 
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
Mohammad Omer Rafique
 
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
itunudaramola0
 
PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
trilochangauli5
 
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PRITTHAKKAR7
 
PDF
Chalkpiece Annual Report from 2019 To 2025
ramyaux
 
PPTX
rapid fire quiz in your house is your india.pptx
rishikjjwala
 
PPTX
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
GOWSIKRAJA PALANISAMY
 
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
GOWSIKRAJA PALANISAMY
 
PDF
Architecture Design Portfolio- VICTOR OKUTU
TamaraminyendeOkutu1
 
PPTX
Acoustics new for. Sound insulation and absorber
SakshiAggarwal106408
 
PDF
The Basics of Presentation Design eBook by VerdanaBold
VerdanaBold
 
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
yash131101123110
 
PPTX
2. Competency Based Interviewing - September'16.pptx
kesarisrilakshmi
 
PPTX
timber basics in structure mechanics (dos)
shivagamingoff
 
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
HassanKaraman3
 
PDF
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
Tanisha Ranbida
 
Urban Design Final Project-Context
nicolebrog1
 
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
renrif6047
 
Media And Information Literacy for Grade 12
CaloyMasion
 
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
barkatbushra9
 
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
Mohammad Omer Rafique
 
321 LIBRARY DESIGN.pdf43354445t6556t5656
itunudaramola0
 
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
trilochangauli5
 
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PRITTHAKKAR7
 
Chalkpiece Annual Report from 2019 To 2025
ramyaux
 
rapid fire quiz in your house is your india.pptx
rishikjjwala
 
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
GOWSIKRAJA PALANISAMY
 
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
GOWSIKRAJA PALANISAMY
 
Architecture Design Portfolio- VICTOR OKUTU
TamaraminyendeOkutu1
 
Acoustics new for. Sound insulation and absorber
SakshiAggarwal106408
 
The Basics of Presentation Design eBook by VerdanaBold
VerdanaBold
 
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
yash131101123110
 
2. Competency Based Interviewing - September'16.pptx
kesarisrilakshmi
 
timber basics in structure mechanics (dos)
shivagamingoff
 
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
HassanKaraman3
 
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
Tanisha Ranbida
 

How to make gold in photoshop

  • 1.  Home  Contact Us  Sitemap  Member Login Custom Search Photoshop Essentials.com - Tutorials and training for Adobe Photoshop.  Print-Ready PDFs  Basics  Retouch  Photo Effects  Text Effects  Digital Photo Essentials You Are Here: Home > Photoshop Text > Text Effects > Gold Plated Text Gold Plated Text Effect In Photoshop Written by Steve Patterson. In this Photoshop text effects tutorial, we're going to learn how to turn text into gold using Photoshop's Layer Styles. We'll even throw in some sparkles at the end to make our gold letters really shine. Here's the effect we're going for: The final gold plated text result.
  • 2. Let's get started! Download our tutorials as print-ready PDFs! Learning Photoshop has never been easier! Step 1: Open A New Photoshop Document Open a new document in Photoshop by going up to the File menu and choosing New..., or by using the keyboard shortcut, Ctrl+N(Win) / Command+N (Mac). I'm just going to use the 640x480 preset size. You can use whichever size you like for your width and height, and then click OK to create your new Photoshop document: Create a new document in Photoshop. I'm using the640x480 preset size. Step 2: Fill The Background Layer With Black Press D on your keyboard to quickly reset Photoshop's foreground and background colors, which sets black as your foreground color. Then use the keyboard shortcut Alt+Backspace (Win) / Option+Delete (Mac) to fill the Background layer with black:
  • 3. The Background layer now filled with black. Step 3: Set Your Foreground ColorTo White And Add Your Text Press X on your keyboard to swap your foreground and background colors so white becomes your foreground color. Select your Type tool from the Tools palette or by pressing T on your keyboard. Choose a font from the Options Bar at the top of the screen, then click inside the Document Window and enter your text. I'm using "Times New Roman Bold" here to keep things simple if you want to follow along. I'll enter the word "GOLD":
  • 4. Set your foreground color to whiteand enter your text. Step 4: Resize Your Text With The Free Transform Command The text is too small at this point, so with the text layer selected in the Layers palette, use the keyboard shortcutCtrl+T(Win) / Command+T (Mac) to bring up Photoshop's Free Transform box and handles around the text. Hold down Shift+Alt (Win) / Shift+Option (Mac) to have Photoshop constrain the text proportions and resize the text from the center as you drag out any of the corner handles to enlarge the text:
  • 5. Resize the text with Free Transform. Press Enter (Win) / Return (Mac) when you're done to accept the transformation. Step 5: Duplicate The Text Layer Use the keyboard shortcut Ctrl+J (Win) / Command+J (Mac) to quickly duplicate the text layer. You should now have three layers in your Layers palette: Photoshop's Layers palettenow showing three layers.
  • 6. We're going to be working on the text copy layer throughout the next few steps. Step 6: Add A Gradient Overlay To The Text With the text copy layer selected, click on the Layer Styles icon at the bottom of the Layers palette: Click the Layer Styles icon at the bottomof the Layers palette. Select Gradient Overlay from the list: Select the Gradient Overlay layer stylefrom thelist. This brings up the Layer Style dialog box set to the Gradient Overlay options:
  • 7. Photoshop's Layer Styledialog box set to the "Gradient Overlay" options. We're going to set the colors for our gradient, so click directly on the gradient preview area (circled in red above) to bring up the Gradient Editor. Step 7: Select A Lighter And Darker Gold Color For The Gradient When the Gradient Editor appears, click on the left color marker to select it, and then click on the Color swatchto choose a color for the left side of the gradient: Click on the left color marker in theGradient Editor, then click the Color swatch.
  • 8. This brings up Photoshop's Color Picker. You can use whichever gold colors you prefer, but if you want to follow along, I've entered a color of R:247, G:238, B:173 which gives us a light gold color (I cheated and sampled the color from a photo of a gold coin): Enter R:247, G:238, B:173 for theleft gradient color. Click OK to accept the color and exit out of the Color Picker. Then, back in the Gradient Editor, click on the right color marker to select it, and then click back on the Color swatch: Click on the right color marker, then click back on theColor swatch. When the Color Picker comes back up, enter R:193, G:172, B:81 to give us a darker gold color (also sampled from the gold coin):
  • 9. Enter R:193, G:172, B:81 for theright gradient color. Click OK to exit out of the Color Picker once again, and click OK to exit out of the Gradient Editor as well. Your text should now look like this: The gradient colors applied to the text.
  • 10. Don't exit out of the Layer Style dialog box yet. We have more to do. Step 8: Change The Gradient "Style" To "Reflected" Back in the Gradient Overlay options in the Layer Style dialog box, click on the down-pointing arrow to the right of the word "Linear" and change the Style of the gradient to Reflected: Change thegradient stylefrom "Linear" to "Reflected". This will add the darker gold color to both the top and bottom of the text, leaving the lighter color in the middle: The text after changing thegradient style. Step 9: Select The "Bevel and Emboss" Options Click directly on the words "Bevel and Emboss" in the layer styles menu along the left of the Layer Style dialog box to switch to the Bevel and Emboss options. Make sure you click directly on the words themselves, not just in the little box beside them, otherwise the options won't appear:
  • 11. Click directly on thewords "Bevel and Emboss" in the menu on theleft. Step 10: Change The "Technique" To "Chisel Hard" In the Bevel and Emboss Structure options in the middle of the Layer Style dialog box, click on the down- pointing arrow to the right of the word "Smooth" and change the Technique to Chisel Hard: Change the"Technique" from "Smooth" to "Chisel Hard". Step 11: Change The "Gloss Contour" To "Ring Double" In the Shading options below the Structure options, click on the down-pointing arrow to the right of the word "Gloss Contour" and select Ring - Double, which is on the bottom row, third from the left:
  • 12. Change the"Gloss Contour" to "Ring Double". Select the Anti-Aliased option as well to prevent our text from getting the "jaggies". Here's the text at this point: The effect so far. Step 12: Increase The Structure "Size" To Close Up The Open Space Inside The Letters Go back up to the Structure options at the top of the Layers styles dialog box and drag the Size slider bar to the right until you've closed up the open spaces inside the letters. Here I've dragged mine to a value of 16 pixels: Drag the "Size" slider to the right until you'veclosed up theopen spaces inside theletters.
  • 13. The open spaces are now gone: After dragging the "Size" slider to the right, theopen spaces inside theletters have been removed. Step 13: Increase The Structure "Depth" To Enhance The Lighting Effect Next, drag the Depth slider to the right to enhance the lighting effect on the letters. I've dragged mine to a value of171%: Drag the "Depth" slider to theright to enhance the lighting effect on the letters. Now things are starting to look good: The effect after increasing the "Depth". Step 14: Turn On The "Contour" In The Layer Style Menu Next, click inside the checkbox to the left of the word Contour on the left of the Layer Style dialog box, directly below the "Bevel and Emboss" option. This will enhance our gold effect even further. There's no need to change any options for it, so just click inside the checkbox to enable it:
  • 14. Click inside the"Contour" checkbox to enable it without viewing its options. Here's the text with "Contour" enabled: The effect with the "Contour" option enabled. Step 15: Add An Inner Glow One last thing to do here before we exit out of the Layer Style dialog box and switch to the original text layer. We're going to add an Inner Glow effect to enhance our gold colors. To do that, click directly on the words Inner Glowon the left of the Layer Style dialog box to enable it and bring up its options:
  • 15. Select the "Inner Glow" layer style. Click directly on its name to bring up the options for it. Change the options that I've circled here: The "Inner Glow" options. First, change the Blend Mode to Multiply. Then lower the Opacity to 50%. Click on the color swatch directly below the word "Noise", which brings up the Color Picker. Enter R:232, G:128, B:31 to give us an orange color (this one was sampled from a photo of a gold brick) and click OK to exit out of the Color Picker. Finally, increase the glow Size to 15 pixels. When you're done, you can click OK to exit out of the Layer Style dialog box. Your text should now look something like this:
  • 16. The text after applyingthe"Inner Glow" layer style. Step 16: Add A Stroke To The Original Text Layer We're done with the text copy layer at this point. Now we're going to work on the original text layer, so click on it in the Layers palette to select it. We're going to head back to the Layer Style dialog box once again, so click on theLayer Styles icon at the bottom of the Layers palette: With the original text layer selected, click on the "Layer Styles" icon at the bottomof the Layers palette. This time, select Stroke at the bottom of the list:
  • 17. Select the "Stroke" layer stylefrom the list. This will bring the Layer Style dialog box back up, set to the Stroke options. Change the options that I've circled below: The "Stroke" layer styleoptions. First, increase the stroke Size to 5 pixels. Then change the Fill Type from "Color" to Gradient. We're going to be using the same gradient colors for the stroke that we used on the text. Before we go setting gradient colors though, change the gradient Style to Reflected. Step 17: Set The Stroke Gradient To The Same Colors As The Text Click directly on the gradient preview area in the Stroke options:
  • 18. Click on the gradient preview area. This will once again bring up the Gradient Editor. Set the colors for the gradient to the same colors we used on the text. For the left color, use R:247, G:238, B:173, and for the color on the right, use R:193, G:172, B:81. Click OK to exit out of the Gradient Editor once you've set the colors, and your text should look like this: The gradient strokeapplied to the text. Step 18: Apply The "Bevel and Emboss" Style To The Stroke Click directly on the words Bevel and Emboss in the menu on the left of the Layer Style dialog box to once again enable it and bring up its options. This time, rather than adding a bevel and emboss style to the text, we're going to add it to the stroke. Change the options that I've circled below:
  • 19. The "Bevel and Emboss" options to apply to thestroke. First, in order to apply these settings to the stroke, we need to change the top option, Style to Stroke Emboss. Now all of these settings will be applied to our stroke. Change the Technique to Chisel Hard once again. Set theSize to 5 pixels. In the "Shading" section, click on the down-pointing arrow to the right of the words Gloss Contour and once again select that Ring - Double option, which is the third one from the left on the bottom row. Finally, over on the left in the menu area, once again click inside the Contour checkbox to enable it. After applying the Bevel and Emboss style to the stroke, your text should now look like this: The effect after applyingthe "Bevel and Emboss" styleto the strokearound the text. Step 19: Apply The "Outer Glow" Style
  • 20. One last thing to do here in the Layer Styles dialog box. We're going to add a bit of a glow to the text, as if some light was reflecting off the gold. Click directly on the words Outer Glow in the menu on the left to turn on the Outer Glow style and bring up its options, then change the options I've circled below: The options for the Outer Glow layer style. First, lower the Opacity value to 50%. Then click on the color swatch directly below the word "Noise", which brings up Photoshop's Color Picker. Enter in R:183, G:145, G:79 for the color (another gold brick photo sample) and click OK to exit out of the Color Picker. Finally, set the Size to around 29 pixels, and then click OK to exit out of the Layer Styles dialog box. The text now has a faint glow around it: The text now with a faint glow around it. One thing left to do... Step 20: Add A New Blank Layer Above The Text Copy Layer
  • 21. Click on the text copy layer in the Layers palette to select it, then press the keyboard shortcut Ctrl+Shift+N (Win) /Command+Shift+N (Mac) to bring up the New Layer dialog box. Name the new layer "sparkles", and click OK: Photoshop's "New Layer" dialog box. Name thenew layer "sparkles" and click OK. We now have our new blank layer in the Layers palette: Photoshop's Layers palettenow showing our new "sparkles" layer at the top. Step 21: Load The "Assorted Brushes" We're going to add some sparkles to our gold text to really make it shine, and we're going to use a brush for that. But first, we need to load in some new brushes. Grab the Brush tool from the Tools palette or press B on your keyboard to quickly select it. Then right-click (Win) / Control-click (Mac) anywhere inside the Document Window to bring up the Brush options menu, and click on the small right-pointing arrow in the top right corner:
  • 22. Click the small arrow in the top right corner of the Brush menu. Click on the Assorted Brushes in the long list that appears to select them: Click on "Assorted Brushes" in thelist that appears. Photoshop will ask you if you want to replace the current brushes with these new brushes or simply append them to the existing ones. Click Append: Click "Append" to add thenew brushes to the existing ones. Step 22 Sample A Light Gold Color From The Text With The Eyedropper Tool Grab the Eyedropper tool from the Tools palette or press I to quickly select it, and then click on one of the lightest areas in the text to sample that color. We're going to use that color for our sparkles:
  • 23. Sample a light gold color from thetext with theEyedropper tool. Step 23: Select One Of The "Crosshatch" Brushes To Use As A Sparkle With your light gold color sampled, switch back to your Brush tool again, and then once again right- click (Win) /Control-click (Mac) anywhere inside the Document Window to bring up the Brush options menu. Scroll down the list of available brushes until you come across one that looks like a fancy "X". If you have Tool Tips turned on in your Photoshop Preferences, you'llsee that the brush is named "Crosshatch", as we can see here: Choose one of the "Crosshatch" brushes (which looks like an "X") to use for the sparkles. Step 24: Paint A Few Randomly Placed Sparkles Around The Text With your brush selected and your sampled color ready to go, click in a few random locations around the text to add some sparkles. Change the brush size after each click to add even more randomness by using the right and left bracket keys to increase or decrease the brush size on the fly. Adding sparkles is fun, but too many is too many, so only add a few. A couple of larger ones and a couple of smaller ones should do it. If you find your sparkles look too intense, lower the opacity of the "sparkles" layer. Here I've lowered mine down to 50%:
  • 24. Lower the opacity of the "sparkles" layer to reduce their intensity. Once you've added your sparkles and lowered the opacity to your liking, you've completed the gold lettering effect! Here's my final "Gold-Plated Text" effect result: The final effect. And there we have it! That's how to to text into gold with Photoshop! Check out our Text Effects or Photo Effectssections for more great Photoshop effects tutorials! Download our tutorials as print-ready PDFs! Learning Photoshop has never been easier!
  • 25.  Telling Stories With Shadows In Photoshop  The Polygonal Lasso Tool In Photoshop  Photoshop Brushes - Scattering Options  Free Transform Essential Skills And Shortcuts  CroppingImages In Photoshop CS6  Photo Within A Photo In Photoshop CS6  Image Navigation Essentials - Zooming And Panning In Photoshop Latest Tutorials  Warm Golden Sunset Effect With Photoshop  How To Apply The Auto Image Commands As Adjustment Layers In Photoshop  Easy Selective Color Effect With Photoshop  Auto Tone, Auto Contrast And Auto Color In Photoshop  How To Download Photos From Your Camera – Adobe Bridge Most Popular Tutorials  How To Resize Images In Photoshop  Photoshop Color Replacement Tool Tutorial  Placing An Image Inside Of AnotherWith Photoshop  Understanding Layer Masks In Photoshop  Photoshop Background Eraser Tutorial  Blend Photos Like A Hollywood Movie Poster With Photoshop
  • 26.  Place An Image In Text With Photoshop  Photoshop Clipping Masks Essentials  Easily Smooth And Soften Skin In A Photo With Photoshop  Mirror Image Effect With Photoshop Get all of our Photoshop tutorials as convenient, print-ready PDFs Download them today! Home | Photoshop Basics | Photo Editing | Photo Effects | Text Effects | Digital Photo Essentials | Privacy Policy All Content © 2015 . Not to be duplicated or redistributed without permission. Photoshop is a trademark of Adobe Systems Inc.