How to create golden text in Photoshop

How to create golden text in Photoshop

I'll start with the steps for preparing the document and adding the initial text. But if you've already added the text, you can skip to Step 8 where we start turning the text into gold.

Step 1: Create a new Photoshop document

Create new document Go to list” a file In the menu bar, choose new" :

And in the New Document dialog box, set عرض based on 1600 pixels , And Height To 800 pixels , And the decision To 72 pixels / inch .

Then in Photoshop CC click the Create button, or in CS6 click OK:

The new document appears:

Step 2: Fill the document with black

To help the gold lettering stand out, change the background color of the document from white to black.

go to menu” Release in the menu bar and select fill" :

Then in the Fill dialog, adjust Contents on Black and click OK:

Photoshop fills the background with black:

Step 3: Select the Type Tool

To add your own text, select a tool writing from Toolbar :

Step 4: Choose your font

Then in the options bar choose your font. For this tutorial, I'll keep things simple and use Times New Roman Bold , but you can use any font you like.

set حجم type on 72 points . We'll resize the type once it's added, but this will give us the largest preset size at the moment:

Step 5: Set the writing color to white

To see the text on a black background, set the initial color of the writing to the White . We'll add the golden colors later using layer effects.

Click color swatch In the options bar:

And in the Color Picker, choose white by setting values R و G و B (red, green, blue) on 255 . Then close the Color Picker by clicking OK:

Step 6: Add your text to the document

Click inside the document and add your text. I will write the word "gold".

Don't worry that the text is too small. We'll resize it in the next step:

To accept the text, tap check mark In the options bar:

Step 7: Resize and reposition the text using Free Transform

To change the size of the text, and move it to the center of the panel, go to the “menu” Release and select free conversion :

Then change the text size by clicking and dragging any of the corner handles that appear around it.

But this is where we come across the difference between Photoshop CC and CS6.

How to change text size in Photoshop CC

As of Photoshop CC 2019, it's locked free transform Now the aspect ratio is automatic as you drag the handles, so you don't distort letter shapes as you resize text. This is the behavior we want, so if you're using Photoshop CC, you can just drag the handles without adding any modifier keys.

How to change text size in Photoshop CS6

But in CS6, you need to press and hold a key Shift while dragging the handles to lock the aspect ratio in place. And when you're done resizing the text, be sure to release the mouse button قبل Edit the Shift key.

How to move text to the center of a document

Once you've resized the text, move it to the center of the canvas by clicking inside the Free Transform box and dragging the text into position.

When done, press Enter (Win) / Return (Mac) on the keyboard to close Free Transform:

Step 8: Make a Copy of the Type Layer

Now that we've added the text, we're ready to start turning the characters into gold.

in Layers panel , make a copy of the Type layer by dragging it down to the icon Add New Layer At the bottom:

A copy of the Type layer appears over the original:

Step 9: Color the text with a Gradient Overlay layer effect

To turn the text into gold, we'll use Photoshop's Layer Effects. And the first effect we need is Gradient Overlay. We'll use it to add some golden color to the letters.

Still in the Layers panel, make sure the "Gold Copy" layer is selected. Then click an icon Layer Styles (“fx” symbol) below:

And in the Layer Effects menu, choose Gradient Overlay :

Step 10: Create a custom golden gradient

Photoshop opens the Layer Style dialog set to Gradient Overlay options.

First, clear any previous settings you may have used by clicking on the “ reset to default” :

Then edit the gradient colors by clicking pregnant color gamut:

in Gradient editor , double-click color stop side down left from the gradient Chromatic :

Add gradient gold colors

We will create gradient Gold custom text. To help us, I sampled the colors from a picture of a gold coin.

In the color picker, set R value to 247 , And G value to 238 , And B value to 173 . Then click OK to close the Color Picker:

Go back to the Gradient Editor chromaticity , double-click color stop side down right from the gradient Chromatic :

And in the Color Picker, adjust R on 193 , And G To 172 و B To 81 . Then click OK:

Step 11: Save the gold gradient as a preset

You'll need this gradient again, so save it as a preset.

In the Gradient Editor, name the gradient “Gold” and then click the “ new" to save it:

A thumbnail of the golden gradient appears in an area Presets :

Click OK to close the Gradient Editor, but leave the Layer Style dialog box open.

This is the text with the golden gradient applied:

Step 12: Change the Gradient Style to Reflection

Back in the Layer Style dialog box, change the style pheasant Chromatic To Reflected :

This moves the darker gold color to the top and bottom of the text, with the lighter color going in the middle:

Step 13: Add the Bevel & Emboss Layer Effect

To the left of the Layer Style dialog box is a list of all the layer effects we can choose from.

Locate Bevel & Emboss By clicking directly on the effect name:

Then clear any previous customized settings by clicking on the “ reset to default” :

Step 14: Change the Style to a Hard Chisel

In the Structure section, make sure to set the pattern on internal bevel .

then change Technology To Hard chisel :

Step 15: Change the Gloss Contour to Ring - Double

In the Shading section, click Arrow the small one to the right of the thumbnail Ocean shine . Make sure you click on the arrow and not the thumbnail.

Then double-click Ring - Double contour to select (third thumbnail from left and right row):

Step 16: Change the angle and turn on Anti-Aliasing

Still in the shading section, adjust the corner on 120 degrees .

Then turn on an option Anti-aliased To smooth any rough edges:

Step 17: Set Highlight and Shadow Opacity to 75%

To add more contrast to the effect, increase both Highlight Opacity و Shadow Opacity To 75% :

Here's the effect so far:

Step 18: Increase the Size value to fill in the letters

To make the text look more like solid gold, close off the space inside the letters with an increase حجم Bevel and Emboss effect.

The easiest way to do this is to first click inside the size value box to activate it. Then use a key arrow up on the keyboard to slowly increase the value. As you do this, you'll see the letters fill in from the outer edges toward the center.

The size value you need depends on the size of your text. For me, lead is valuable 41 pixels the mission:

And here's the gold effect with the letter filling:

Step 19: Increase the Depth Value

Then, increase the value Depth By dragging the slider towards the right. This will improve the lighting and add more contrast to the reflection in the lettering. I will set the depth value to approx 170% :

And now the letters are starting to look like gold:

Step 20: Add an Inner Glow Layer Effect

Add a layer effect Inner glow By clicking on its name to the left of the Layer Style dialog box:

Then clear any previous settings by clicking on Reset to default :

A change Blend mode for glow internal from screen to beating .

and adjust blackout on 50% :

Next, change the color of the glow by clicking color swatch :

And in the Color Picker, choose a shade of orange by setting a value R To 232 و G To 128 و B To 31 (I sampled this color from a photo of a golden brick). Then click OK in the Color Picker:

Finally, increase حجم Glow until it completely fills the letters. In my case, I would set the size value to 75px:

When done, click OK to close the Layer Style dialog box.

The gold effect should now look something like this:

Step 21: Select the original type layer

Back in the Layers panel, click on the original Type layer to select it:

Step 22: Add a line around the letters

Then click an icon Layer Styles At the bottom:

And this time, choose Stroke :

In the Layer Style dialog box, click the button Reset to Default To clear any previous Stroke settings:

Step 23: Fill in the stroke using the Golden Gradient Preset

change packing type نوع to reduce the color to color gamut .

Then click Arrow button to the right of the gradient swatch and select the "golden" gradient we saved earlier by double-clicking on its thumbnail:

Step 24: Adjust the Font Style, Position, and Size

change style Color gradient from linear to reflex .

Then set Occupation from stroke to Out and more Size to about 8 pixels :

And now we have a border around the text set to the same colors as the text itself:

Step 25: Apply the Bevel & Emboss to the Stroke

We'll apply another Bevel & Emboss effect, not to the letters but to the stroke.

Click on the words Bevel & Emboss to the left of the Layer Style dialog box:

Do not click Reset to default this time, because we will be using most of the same settings as before.

Instead, you just need to change the pattern From Inner Bevel to Stroke Emboss . And the تقنية must be set steel drill .

Set a value Size On the same size that I chose for the border, which was in my case 8 pixels :

Double check the other Bevel & Emboss settings

Make sure all other Bevel & Emboss settings are the same as before. If for some reason they are not, you will need to change them:

Depth: 170%
Angle: 120 degrees

Gloss perimeter:
Loop- double anti-aliasing: check
Shadow Opacity: 75%
Shadow Opacity: 75%

Turn on the Contour option

Below Bevel & Emboss to the left of the Layer Style dialog box is an effect called Contour . Click inside the checkbox to turn it on.

This will further improve the lighting around the stroke:

Here's what the gold text looks like now with Bevel & Emboss applied to the border:

Step 26: Apply the Outer Glow Layer Effect

Let's finish our Layer Styles by adding a soft glow around the text, as if the light is reflecting off the golden letters.

Click directly on the words Outer Glow To the left of the Layer Style dialog box:

set opacity glow on 40% , then tap color sample :

In the Color Picker, set a value R on 232 , And G To 128 و B To 31 , and then click OK:

Finally, increase حجم glow to approx 60 pixels :

We're done with our layer effects, so click OK to close the Layer Style dialog.

And here's the gold text effect with all layer effects applied, including the new Outer Glow:

Step 27: Select the "Gold Copy" Layer

We'll finish off the gold text effect by adding sparkles to the letters. And to do that, we'll need to add the sparkles on their separate layer.

In the Layers panel, click on the "Gold Copy" layer (the top layer) to select it:

Step 28: Add a New Layer Above the Text

Then press and hold a key Alt (Win) / Option (Mac) on the keyboard and click on the icon Add New Layer :

In the New Layer dialog box, name the layer “Sparkles” and click OK:

Photoshop adds a new blank layer called “Sparkles” above the text:

Step 29: Select the Brush Tool

We'll create the sparkles using one of the Photoshop brushes.

Locate Brush tool From the toolbar:

Step 30: Select the "Crosshatch 4" brush in the Variety Brushes group

The brush we need for sparkles, "Crosshatch 4," is included with Photoshop as part of the Assorted Brushes collection. But the various brushes aren't loaded automatically, so we'll need to load the set ourselves. This brings us to another difference between Photoshop CC and CS6.

In Photoshop CC 2018, Adobe has redesigned the brush panels. So use the steps below to load the brush based on your version of Photoshop.

How to load Assorted Brushes in Photoshop CC

In Photoshop CC, with the Brush Tool selected, Right click (Win) / Control-click (Mac) inside the document to open Brush Preset Picker .

Then click menu icon top right:

And choose Legacy Brushes From the list:

Click " OK" To download the Legacy Brushes collection:

Back in the Brush Preset Picker, scroll down to the new Legacy Brushes folder and open it:

And inside the folder, open a folder Assorted brushes :

Then scroll down the list of various brushes until you find a brush Cross hatch 4 .

Double-click its thumbnail to select the brush and close the Brush Preset Picker:

How to load Assorted Brushes in Photoshop CS6

In Photoshop CS6, with the Brush Tool selected, Right click (Win) / Control-click (Mac) inside the document to open Brush Preset Picker .

Then click menu icon top right:

and choose a group Various brushes From the list:

Photoshop will ask you if you want to replace your existing brushes with the new ones. Choose append To add them to existing brushes:

Back in the Brush Preset Picker, scroll down through the brushes until you find a brush Crosshatch 4 has 48 pixels . Find the brush that looks like an “X” with the number 48 under it (48 means the default brush size is 48 pixels).

Double-click its thumbnail to select the brush and close the Brush Preset Picker:

Step 31: Test a golden hue to use as a highlighter

Choose a color for the shine by sampling a color from the text.

Press and hold the . key Alt (Win) / Option (Mac) on the keyboard to temporarily switch from the Brush Tool to the Eyedropper tool , then tap a light golden color to test it.

I will choose a bright area from the letter “O”:

Step 32: Tap on the letters to add random glitter

Release the Alt (Win) / Option (Mac) key to return to Brush Tool . Then click a few random dots around the text to add sparkles.

For added variety, change the brush size before each click by pressing the left Or Right bracket keys on the keyboard. The left bracket key makes the brush smaller and the right bracket key makes it larger.

Don't add too much glitter or you'll overdo it. All you really need is a couple larger and smaller ones. If you don't like the last sparkle you added, tap on Ctrl + Z (Win) / Command + Z (Mac) on the keyboard to undo it, then try again.

Here, I've added two glitters to the letter "G", a third, a smaller glitter below the letter "L", and a fourth in the top left of the letter "D":

Step 33: Lower the Sparkle's Opacity (Optional)

Finally, if the glitter seems too bright, simply go for it by reducing the opacity "Sparkles" layer.

You will find a choice Opacity in the upper right of the Layers panel. I will lower mine to 80% :

And with that, we're done! Here, after lowering the "Sparkles" layer's opacity, the final gold text effect appears: