Photoshop: World of Warcraft Text

Skill level
Beginner

I’ll admit it, I’m a World of Warcraft junkie, and apparently, a few of my viewers are too! I’ve received a few questions asking how to create a similar effect using Layer Styles in Photoshop. Let me show you how!

The first thing that you need for this effect, is the font. The closest font I’ve found to the actual “Warcraft” text is Lifecraft, which can be found at DaFont.com. There are instructions on how to install fonts on your operating system on their website as well.

Once you have the font installed, hop into Photoshop and create a new document. The size is completely up to you. I create a 1000 x 500 document. Using your newly installed Lifecraft font, type out the word of your choice in a nice large font. I’m using a 300 pt font. If you have the Extended version of Photoshop, we’re going to add a little 3D effect later on. Because of this, I suggest you type your word in brown. It won’t make sense now, but it will later on.

Now that we have our word typed out, let’s add Layer Styles! We’re going to be adding a Bevel and Emboss and a Gradient Overlay. Head up to Layer > Layer Style > Gradient Overlay. The settings for all the Styles are below:

Left: #e2a438 // Right: #f1a40f


Settings may vary depending on the size of your text.


Add your Rock Patterns.


Lower the Depth for a subtle effect.

Like mentioned in the caption, depending on the size of your text, or even the font that you chose, you may have to tinker with the settings to get a nice effect. Here’s what our result looks like so far:

If you do not have the Extended version of Photoshop, with the 3D features, you can simply add a Drop Shadow and call it a day. If you DO have the Extended version, continue

If you have the Extended version of Photoshop, you should see the “3D” menu at the top of your screen. With the text layer selected, head to 3D > Repoussé > Text Layer. Here are the settings for the 3D effect.

Once the changes are accepted, your text will probably look very jagged. This is because we have not yet rendered the layer. If you don’t have your 3D Panel on the right, head to Window > 3D. The first thing we want to do is set the material for the extrusion. Right under “Scene”, you should see the name of your text, then a few sub-layers. Find the one that says “Extrusion Material“. Below that, in the flyout menu, choose the third brown material. Technically, it’s a Leather material, but it will work well for this effect.

Now that the material of the extrusion is set, it’s time to render! In the same 3D Panel, click on “Scene“, then look for the “Quality” dropdown menu. From there, select “Ray Traced Final“. The rendering process could take a few minutes depending on your computer’s specs.

Here’s what it looks like after rendering:

That concludes the effect! If you want to get really fancy, you can find a blank World of Warcraft logo online, and create something like this: