Create Dark Text Effect Inspired by “Middle Earth: Shadow of Mordor” Game in Photoshop

In this tutorial, I will show you the process of creating this dark text effect inspired by the action game “Middle Earth: Shadow of Mordor” in Photoshop.

This is a beginner to intermediate level tutorial.

Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

shadow-of-mordor-flatten

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 100+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas

OK Let’s get started!

To complete this tutorial, you will need the following stocks:

Mountain

Font

Metal

Fire

Step 1

Create a new document sized 1440px * 780px with white background. Load the mountain stock image into Photoshop and and select the following portion:

1 sel

Copy and paste the selection over to our canvas, reduce it’s layer opacity to around 60%”

1 opacity

Add the following adjustment layers on top of the mountain layer:

Black and White

1 bw

Levels

1 lvs

Curves

1 curves

and here is the effect so far:

1 effect

Step 2

We will add some extra cloud movements on our image. Go back to the mountain image and select another piece of the cloud:

2 sel marquee

Copy and paste the selection to our image, use a soft eraser to fade the edges of the new cloud layer, then warp it with the free transform tool as shown below:

2 warp

and here is my effect after the warp:

2 effect

Load the fire stock image into Photoshop and select the following area with the Lasso Tool (40px feather):

2 sel

Copy and paste the selection to our document, place it on the right side the mountain and set its blending mode to “Soft Light”:

2 soft light

Use a soft eraser to fade the edges of the fire, and use the free transform tool to adjust its shape to fit the shape of the mountain:

2 fade

Repeat the process above the add another piece to the left:

2 fire 2

Step 3

Use the font we downloaded, type some texts on the canvas:

3 type

Apply the following layer blending options to this text layer:

3 bevel

3 inner

3 satin

3 grad

3 drop shadow

and here is the effect so far:

3 effect

Step 4

We will apply some textures onto our text. Load the metal stock image into Photoshop and select the following piece from the stock:

4 sel

Copy and paste the selection to our document, and place the layer above the text layer. Right-click on this layer and choose “Create Clipping Mask”:

4 create clip

and here is the effect so far:

4 clipping mask

Step 5

We will add some fire sparks around the texts. Let’s go back to the fire stock image and select the following portion:

5 sel

Copy and paste the selection to our document and set its layer blending mode to “Color Dodge”:

5 color dodge

Repeat the above process and add some more sparks around the canvas:

5 more sparks

Step 6

We will add fire onto our texts in this step. Select a portion of the fire stock image as shown below:

6 sel

Copy and paste the selection to our document and set its blending mode to “Screen”:

6 screen

and here is the effect:

6 after scre

Repeat the above process the add more fire over the texts:

6 effect

Step 7

We’re almost done! For final touches, we can flatten the image and duplicate the background layer, apply the following Oil Paint filter (CS6+) to the duplicated layer:

7 oil paint

Attached the following layer mask on the duplicated layer:

7 oil paint mask

Add the following adjustment layers on top:

Levels

7 lvs

Curves

7 curves

and here is my final effect: (click to enlarge)

shadow-of-mordor-flatten

That’s it for this tutorial! Hope you enjoy it and find it useful. Till next time, have a great day!

Categories: Text Effects

Tags: ,,,,,

  • DT

    Hey thanks for the tutorial. Just one question, under step 7 you say “Attached the following layer mask on the duplicated layer:” How do I go about attaching this as a layer mask?