Photoshop Tutorial: Gold Typography

September 09, 2010

Ever wonder how professional designers create that fancy gold lettering that they use in their designs? Today, I am going to show you just how easy it is to create your very own shiny gold lettering. This is an intermediate Photoshop tutorial. If you run into any difficulties, watch the instructional video at the end of this tutorial.

Here is the design that we are going to create:

Final gold lettering design

Step 1: The Set Up

Open Photoshop and create a new document that is 800px by 200px. Fill the background with a dark grey colour. Select the Type Tool (T) and type out 'PIXELLOGO' on the stage.Change the font to Myriad Pro, Bold, 145px.

Step 2: Adding a Drop Shadow

Now that the initial set up is done, we are going to add our gold effect to the text. In the main menu, go to Layer -> Layer Style -> Drop Shadow. This will open your Layer Style Dialogue Box. We will be working in the Layer Style Dialogue box for the rest of this tutorial.

Select Drop Shadow. Set your settings to the same as those pictured below.

Drop Shadow Dialogue Box

Step 3: Adding an Inner Shadow

Still in the same Layer Style Dialogue Box, select Inner Shadow. Set your settings to the same as those pictured below. The colour yellow that I use is #ffe241.

Inner Shadow Dialogue Box

You should now end up with something like this:

Lettering with Drop Shadow and Inner Shadow

Step 4: Adding a Gradient Overlay

Here is where it gets a little tricky. If you get lost or confused, please watch the video below. Again, still in the Layer Style Dialogue Box, click on Gradient Overlay. Keep the default settings as they are and click on the gradient in the Layer Style Dialogue Box to create a custom gold gradient.  Set your gradient so that it looks like the one pictured below. The colour codes for each colour are as follows (from left to tight): #fff3ba, #fee185, #fff0c0, #cc9850, #fff3c6. Once your gradient is set, click 'New' so that your gradient is saved in your presets.

Gradient 1 Gold Lettering

You should now have something like this:

Gradient gold lettering

Step 5: Adding a Stroke

Again, in your Layer Style Dialogue Box, select Stroke. Set your settings to those pictured below and where it says, Fill Type, select Gradient. The gradient that we are going to use for the stroke is the same as the first gradient that we created with two new colours added. Click on and load the first gradient that you created in the presets. Now, add the two colours #cc9850 and #5d4539. This is what your gradient should look like:

Gradient 2 for Gold Lettering

Now, set your Stroke settings to the same as those below and you are finished!

Stroke Dialogue Box

Here is a video to help guide you through the steps:

Also in Pixellogo blog archive

Adobe launches Document Cloud, Acrobat Mobile and Fill & Sign Apps

March 19, 2015

Adobe is one of those great companies out there that is constantly pushing the envelop, testing new ideas and reinventing the way that we interact with technology and our environment. The people at Adobe are ambitious, creative and inventive. The newly unveiled Document Cloud by Adobe is a testament to this fact. Adobe has done it again and this time with Document Cloud, they are...

Read More

6 Free Color Resources for Logo, Graphic and Web Designers

March 06, 2015

Color is very important in every project. Designers use color to captivate their audience, convey emotions and establish associations. Color is often what attracts users to a design and it is a vital component in every design. Color excites us, stimulates us and draws in our eyes. Color is everywhere and it subtly moves us every day.

Designers are very aware of the power of color....

Read More

20 Creative & Inspiring Workspaces

February 04, 2015

If you are a creative person then you definitely need a creative workspace. It is important that you have a very special sanctuary in which you can conduct your business. Your workspace should be inspiring and motivating. It should spur you to action, spark your imagination and and trigger originality. Your workspace should be personal and it should be...

Read More