Loadboy's

Graphic Design Studio
The Right Choice in Web Design!
Get Your FREE Quote Today...
Search:  

Step 1

Start by creating a new image 400 X 400 with a white background.

On the Materials palette, click on the Background color and select the Gradient tab. You can use any gradient you want to. For myself I've chosen "Metal Brass" and put it at a 49 degree angle:

Select the Text Tool (T) and select the font and size that you wish to create. My settings are:

Place your mouse where ever you would like to start your text and click the mouse button once. This will bring up the Text Entry dialog box. Type in your text. It's okay if it's off center from where you want it. You'll be able to move it by grabbing the center node with your mouse and re-positioning it where you would like it to go after you've entered all of your text.

Layers > Convert to Raster Layer

Selections > Select All [Keyboard shortcut: CTRL + A]

Selections > Float [Keyboard shortcut: CTRL + F]

Selections > Defloat [Keyboard shortcut: CTRL + Shift + F]

Selections > Load/Save Selection > Save Selection To Alpha Channel... > Save

Selections > Select None

Step 2

Layers > New Raster Layer... > Ok

Selections > Load/Save Selection > Load Selection From Alpha Channel... > Load.

Selections > Modify > Contract > Number of pixels: 2 > Okay.

Swap the foreground and background colors:

Now the gradient is on the foreground color:

Now let's invert the gradient. Click on the foreground color and make sure that the gradient tab is selected. Place a checkmark in the Invert box:

Select the Flood Fill Tool (F) and fill the selection:

Step 3

Layers > New Raster Layer... > Ok

Selections > Load/Save Selection > Load Selection From Alpha Channel... > Load.

Selections > Modify > Contract > Number of pixels: 4 > Okay.

Effects > 3D Effects > Drop Shadow... > and use the following settings:

As you'll notice this creates a nice clean looking indent. Now lets add the indent to the right side of our text. To do this, simple replace the Vertical and Horizontal settings of our drop shadow to "+" positive numbers:

Selections > Select None

Step 4

Layers > New Raster Layer... > Ok

Selections > Load/Save Selection > Load Selection From Alpha Channel... > Load.

Selections > Modify > Contract > Number of pixels: 4 > Okay.

On the Materials palette, set your Foreground color to white (#FFFFFF)

Select the Flood Fill Tool (F) and fill the selection.

Adjust > Add/Remove Noise > Add Noise... > and use the following settings:

Now we'll make it a bit rough looking by adding texture.

Effects > Artistic Effects > Topography... > and use the following settings:

Your image should now look similar to this:

Next, let's give this image a more 3D style jewelry look to it.

On the Layers palette, turn OFF the visibility for the background layer:

Layers > Merge > Merge Visible

Now the fun part.

On the Tools toolbar, select the Move Tool (M)

Layers > Duplicate

ON YOUR KEYBOARD, use the arrow keys and hit the UP arrow one time.

Keep repeating this step for however thick you want your text to be. For this tutorial I'm going to duplicate my layer 3 more times for a total of 5 layers. The result looks like this:

Now here's a "secret" trick that will really make your text stand out! On the Layers palette, highlight the second layer down from the top:

Adjust > Brightness and Contrast > Brightness/Contrast... > Brightness: 144 Contrast: 15 > Ok

Is that cool or what? That creates a really nice top edge effect to your text! Sometimes depending on the colors or gradient used you may need to turn the brightness up to 255 or less than what I've used here for this tutorial. Just keep turning it up until you see that nice edge:

Layers > Merge > Merge Visible

Now you can turn the background layer visibility back on.

To finish this piece off I'm going to add a drop shadow to the over image:

Effects > 3D Effects > Drop Shadow... > I'm using the following settings:

Ta and da. That's all there is to it.