• Home
  • Design
  • Freebies
  • Toolbox
  • Tech
  • Tutorials
  • Inspiration
No Result
View All Result
Subscribe
The Designest
  • Home
  • Design
  • Freebies
  • Toolbox
  • Tech
  • Tutorials
  • Inspiration
No Result
View All Result
The Designest
No Result
View All Result
Home Tutorials

How to Create Gold Text in Photoshop

How about creating your own gold text effect in Photoshop? The process is easier than you think at first, but the result is lovely.

Milena Anisimova by Milena Anisimova
March 28, 2022
in Tutorials
3
Share on FacebookShare on Twitter

The Designest may receive compensation from companies, products, and services featured in this publication. For more details, please refer to our Affiliate Disclosure page.

Feel like picking up a new handy skill, broadening creative possibilities? Then this step-by-step tutorial is a true find for artistic spirits like you! Gold letters will appear on the artboard like a charm; you simply need to grasp a series of Photoshop tools and the way of applying them.

Essential Metal Text Effects

Polished Gold Text Effect
Polished Gold Text Effect
Silver Metallic Text Effect
Silver Metallic Text Effect
Glossy 3D Silver Text Effect
Glossy 3D Silver Text Effect
Gold Text Effect on a Black Background
Gold Text Effect on Black Background
Glossy Metal Text Effect
Glossy Metal Text Effect
Metal Silver — Editable Text Effect
Metal Silver — Editable Text Effect
Get More Text Effects
elements.envato.com
All the typographic experiments don’t end on a simple font choice, adjusted in size or style. There’s more work put into expressive typography, and let there be known that all efforts are always rewarded. It might come out as a hooking visual project, a significant contribution to the portfolio, or a selling graphic design product. Whatever the reason, having the knowledge of tweaking text layers in Photoshop to turn them into a sparkling, polished gold is comparable with the Midas touch. Except, it’s not a legend, but legit achievable know-how.

Speaking of preps, the only required thing is having an active Adobe Photoshop subscription. Make sure you use this software and nothing else, as the described steps are only applied to Photoshop. This tutorial is very explanatory, but of course, having the basic designing skills wouldn’t hurt. You’re going to work with the text layer style settings, bevel & emboss layer effect to carry out a gloss contour, and many other simple, yet very handy options the app has to offer. Besides, we’ve added many hotkeys to make the process of designing gold text effect in Photoshop faster. Hop on a learning train, as it’s about to depart! 

  relevant:
Tutorial: How to Edit Smart Object Layers in Photoshop February 19, 2021
Next
Prev

Step 1

Open Adobe Photoshop and create a new Photoshop document. Do so by clicking New File on the left side of the main panel, or choose File > New. We decided to set 4500 pixels width and 3000 pixels height, 300 dpi resolution for this gold text effect. This resolution would allow adding texts of any size. Press Create to continue with the file.

Step 1

Step 2

You get to see an empty white layer that’s about to become the future composition. Click the lock icon on it to make it disappear, which means the layer is open for any further changes from now on. Double-click the layer’s name (it’ll be set as Layer 0), name it Background again. It’s crucial to keep every layer or created folder named accordingly to never lose navigation, and be sure about the unexpected changes you might make on the way. 

The background layer will remain the lowest in the layers panel, which means all the other ones will be added atop of it. You can fill the background layer with a darker shade to highlight the rest of added layers with their characteristics and make sure they’re visible. Select the Paint Bucket tool in the left menu, choose the required color and click the artboard with it.

Step 2

The second option would be uploading a ready-made texture from some stock library. We’ve used a free downloaded brown suede image, suitable for gold text. Please pay attention to the image’s resolution when browsing for the texture options: the small graphics would appear pixelated and presented in a poor quality. Drag & drop the downloaded texture into the Photoshop window. Double-click the layer and name it Texture.

The good thing is that you can actually have both solid color fill layer and texture as available adjustment options. Unite these layers into a group: press Command or Control (Cmd/Ctrl) and click the layers you’d like to unite into a folder. With both layers selected, press Cmd/Ctrl + G. Name the appeared folder Background. 

Step 3

Create a new layer and call it Effect, which will be a key one for the whole gold text effect. Pick Type Tool on the left Photoshop panel (or trigger it by pressing T on your keyboard). Type something on the layer, and don’t forget to toggle the settings. We’ve used AnnabelleJF Regular font, 228 pt size, and black font color. But you can surely have the ones of your own: depending on the word’s length, the font size would differ as well.

Select Move tool (or press V on your keyboard) and move the phrase the way it’s placed right in the middle of an artboard. The purple ruler lines would help you out to set the proper proportions. 

Right-click the Effect layer itself, and in the appeared menu for this layer style, choose Convert to Smart Object. 

Step 3

Double-click the layer’s thumbnail to open it, not the layer itself or its name. This is quite a simple step, but based on our experience, it’s often overlooked when working with Smart Objects. 

In the appeared text layer, you’ll see the little field with your writing in it. We need to expand this area to the size of our artboard in order to provide freedom for the future changes to the text layer irrespective of the added text or typeface. To do so, press Option + Cmd/Ctrl + C to open the Canvas size menu. Set the required dimensions: 4500×3000 px, click Ok. There you’ll have a bigger working area. Press Cmd+S to save the result. Close the tab. 

Step 4

Now we need to have 3 copies of the Effect layer. Select the Effect layer, press Cmd/Ctrl + C then Cmd/Ctrl + V to insert the copied layer. Select the top layer, reduce its opacity settings to 0%. We’ll need this one for future modifications with gold text effect, so to have it highlighted, right-click the area around an eye icon, and pick any color. Name it Your Text Here. This is what your panel should look like. 

Step 4.1

Move on to the Effect layers. Select the lower one in the layers panel, double-click it to open the layer style settings. It will be used for adding a color gradient overlay layer and some basic volume. Pick the Gradient Overlay settings. Click inside the Gradient field to generate the color palette. 

Aiming at the genuine gold texture look, we’ve carried out a smooth gradient transition from a light shade into a darker brown. To put the stops on the gradient line, click below the bar to leave a square mark. The marks are movable, so click, hold and drag them the way it’s shown in the image below. If you see an extra stop you were not meaning to add, click it and choose Delete button below.
 
Clicking inside each square will open the Stops menu and the color selection as well. Here are the color codes we’ve used for all color marks (placed in order from left to right):
 
  1. ffdd95 
  2. ffedbc
  3. ffefc4
  4. ffc766
  5. af8128
  6. f9c155
  7. ffdb7b
  8. a06c19
  9. 59360c
Step 4.2
Copy the code and paste it in the Color Picker, press Ok. You need to repeat the same action for all 9 color stops, placed according to the example we’ve provided. When you’re done, check if the other layer style settings for this gold text effect are the same as shown. 
 
It’s time to lay hands on the Bevel & Emboss layer styles settings in the same Layer Style window. Here are the values you need to have for this tab. The color code for Highlight Mode is fff5c4. 
Step 4.3

Step 5

Click the upper Effect layer, set its fill to 0%. Then double-click the layer to open the layer style settings and move to Drop Shadow. The Blend Mode is Color Dodge, while the color code is ffecaa (you already know how to add those into the color panel). Hit the other Drop Shadow layer style and add the values as its setting, shown in the screenshot below. 
 
Group two effect layers into one folder (hold Cmd/Ctrl and click the required layers, then hit Cmd/Ctrl + G to group them). This folder will be called Effect, containing Bevel & Emboss layer effect, together with Drop Shadow layer effects. 
Step 5

Step 6

Copy the lower Effect layer (Cmd/Ctrl+C then Cmd/Ctrl+V), then hold it and move it out of the folder so it stays as a separate layer. Call it Bevel and set 0% fill. On this stage, we’re going to work with some golden gloss contour by multiplying the layer styles and moving them around.
 
Double-click the layer and in the Bevel and Emboss field, set the following parameters for the layer style. The Highlight Mode color code is 9e8d71.
 
Now we’ll need several layer copies to create a volume for the text. Copy the same Bevel layer, select it, and move it one time to the right using the arrow keys. Then copy the created layer, and move it one time to the right again. Do the same procedure with 11 layer styles, moving the Bevel layer with arrows not only to the right, but slightly left and up in order to create a voluminous text. Use your sense of beauty to create a realistic Photoshop text effect! It’s alright if your progress at this point will be slightly different from the offered example. You’ll have 14 Bevel layers in total. 
Step 6.1

When you’re done, select the top Bevel layer, hold Shift, and select the lowest Bevel layer — it’s a quick selection feature, allowing to choose all the layers in just a few clicks. Then press Cmd/Ctrl+G to unite these into a folder; name it Bevel. Here’s what we have so far for the gold text effect in Photoshop: 

Step 6.2

Step 7

The moment has come to take care of shadows! Without creating any new layer, go straight to the Effect folder, and select the top Effect layer. Copy and paste the layer, then click it and drag it under the Bevel folder. 
 
Call this one Shadows, double-click it to open the layer style properties. We’re going to need only the Drop Shadow tabs. There will be 4 of them, so add all of these tabs consequently with the following settings adjusted for all the layer styles separately: 
Step 7.1

As a result, there should be 4 Drop Shadow layers checked in total. Press Ok, when you’re done. To have a neat layers arrangement with all the layer effects, you can select the Shadows folder, press Cmd/Ctrl+G, and name the folder Shadows. This is what you’ll see in the layers panel: 

Step 7.2

Step 8

The last touch for the scene to turn it into a legit Photoshop gold text effect would be a noise texture overlay, adding a pinch of realism. Create a new layer, call it Noise. Pick the Paint Bucket tool and some grey color (we used 888888 code) to fill this layer. Select this new layer, then go to the upper Photoshop menu: Filter > Noise > Add Noise. 

These are the values you need to set for this layer style in the appeared Add Noise menu required for the desirable effect.

The freshly-created layer needs to be placed under the orange-marked Smart Object layer and have all the additional parameters set right, such as the layer style (Overlay) and 70% opacity: 

Step 8

Finally, you have a polished gold text effect in Photoshop created from scratch! Save the achieved result by pressing Cmd/Ctrl+S or using the menu: File > Save. 

Remember the color-marked layer we’ve created earlier? It will be the main one for changing the text in Photoshop to anything you want. For future modifications, you’ll need to double-click the layer’s thumbnail, which will trigger the Smart Object layer in a new tab. Select the Type Tool, write any text, change the font and its placement on the artboard, then save the applied changes. Your final result will appear on the main canvas with the effect. 
There are so many possible variations of a gold text effect, offered by the other authors. Some of them include different tools, such as outer glow layer style, that hasn’t made an appearance in our tutorial. This only proves the point about any creative activity: you’re free to discover some new techniques or ways of achieving any of the presented stages!
Tags: Add-onsEffectsGuidePhotoshop
Previous Post

Social Media for Designers: Instagram & Pinterest

Next Post

Free Wrinkled Poster Mockup Scene

Milena Anisimova

Milena Anisimova

Related Posts

Best Online Art Classes in 2024

by Ksenia Pedchenko
December 18, 2023
0

Support your strike of inspiration and artistic outburst by online art classes from professional creatives.

15 Best Online Graphic Design Courses in 2024

by Milena Anisimova
November 21, 2023
0

Do you want to start a new career or brush up on your graphic design skills? Whatever your purpose is,...

How To Sell Digital Art: 20 Best Places To Sell Digital Art Online

by Alina Yakovleva
June 2, 2023
2

Spilling the beans about the online marketplaces we use to sell digital art and resources that surely worth checking out!

How To Use MidJourney AI For Generating Arts

by Ivan Gromov
March 2, 2023
0

You've seen enough spectacular MidJourney images on Behance, so it's time to generate your own piece of AI art.

Master the Calligraphy for Personal and Professional Use

by Evgenia Papicheva
December 9, 2022
0

Ever thought about creating handmade Christmas cards to send to your friends & family or wish your clients Happy Holidays?...

Best Fiction Writing Courses: NaNoWriMo Kit

by Evgenia Papicheva
November 8, 2022
0

Want to make the best of the National Novel Writing Month challenge? Get ready with these awesome courses and exercises...

Next Post

Free Wrinkled Poster Mockup Scene

Please login to join discussion

Popular Posts

  • Free CD Mockup Set For The Iconic Retro Design

  • Freebie: Aluminium Can Mockup

  • Freebie: Film-Inspired Photoshop Actions

  • Freebie: a logo mockup, charged with elegance

  • Logo Design Trends 2024: Outburst of  Typography & Symbolism

Envato Elements
with Envato Elements membership

Categories

  • Design (80)
  • Freebies (88)
  • Inspiration (40)
  • Other (22)
  • Tech (26)
  • Toolbox (161)
  • Tutorials (57)
Youtube Facebook Instagram Dribbble Pinterest Twitter RSS

Subscribe

The Designest

Weekly Email Updates

We got tons of fascinating articles, videos and freebies for you every week!

SUBSCRIBE

Design Blog

  • Design
  • Freebies
  • Inspiration
  • Other
  • Tech
  • Toolbox
  • Tutorials

About Us

Welcome to The Designest — a professional design blog aimed to deliver fresh news & trends of the industry as well as the most essential courses & tutorials you must have been searching for.

Company

  • Advertise with Us
  • Contact Us
  • Cookie Policy
  • Privacy Policy
  • Terms and Conditions
  • Affiliate Disclosure
Advertise Options

© 2023 The Designest — Professional design blog aimed to deliver fresh news & trends of the industry

No Result
View All Result
  • Home
  • Design
  • Freebies
  • Toolbox
  • Tech
  • Tutorials
  • Inspiration

© 2023 The Designest — Professional design blog aimed to deliver fresh news & trends of the industry

Subscribe to Regular Updates
We got tons of fascinating articles, videos and
freebies for you every week.
This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.