Photoshop Tutorial: Cool Gold Text Wallpaper Effect

December 16, 2010

Today, I am going to show you how to create a cool gold text wallpaper effect in Photoshop. You can use what you learn here to create a cool wallpaper or even a great desktop background. We will be using layer styles such as gradient overlays, pattern overlays and drop shadows. We will also be using a layer mask.

Here is the final image that you will be creating:

Photoshop Tutorial: final

Step 1

Create a new Photoshop document that is 1400px by 800px. Fill this layer with the colour #353430. To do this, go to Edit -> Fill -> Colour.. and enter the colour value #353430.

Create a new layer. Fill this layer with the colour #959595 using the same steps as above. Decrease this layers Opacity to 40%.

Go to Layer -> Layer Style -> Pattern Overlay. Use the default values and select a pattern that you would like to use in the background. For this tutorial, I loaded the 'Pattern 2' patterns that come with Photoshop CS4 and I selected the 'Stucco' pattern. You can do the same or you can choose any other pattern that you would like to fill the background of your design.

Here is what your background should look like now:

Photoshop Tutorial: background

Step 2

We now want to add a layer mask to this second layer that we have created. There are two ways to do this. One way is by selecting the layer mask icon from the bottom of your layers palette. The other way is by going to Layer -> Layer Mask -> Reveal All. Once you have your layer mask, set your foreground colour to black and select the Brush tool. Select a large (200px) soft brush and brush a little black around the edges.

You should have something like this:

Photoshop Tutorial: Blackened Edges

Next, make a copy of this layer. Set the layers Fill to 0%. Open the Layer Styles window for this layer and click on Gradient Overlay. Set the gradient overlay values to those pictured below:

Photoshop Tutorial: Gradient Overlay

Step 3

Select the Text Tool and add your text. Below are the values that I used for my text. You may have to adjust these values depending on what text you want to write and what font you use.

Photoshop Tutorial: text Values

Step 4

We are now going to add some effects to your text. To do this, go to Layer -> Layer Styles -> Drop Shadow. Set your values to those shown below:

Photoshop Tutorial: text drop shadow

Still in your layer styles window, go to Gradient Overlay. Set your values to those shown below. The values that I used for my gold gradient were f6f1cf, f3e7cf, e5cfa3 and cab283 respectively. That's it! You're done.

Photoshop Tutorial: text gradient overlay

Photoshop Tutorial: text gradient

Video Tutorial

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