iDevie
November 2019
M T W T F S S
« Oct    
 123
45678910
11121314151617
18192021222324
252627282930  

Categories


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 550x297 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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 550x246 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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

1 opacity 550x282 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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

Black and White

1 bw Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

Levels

1 lvs Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

Curves

1 curves Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

and here is the effect so far:

1 effect 550x289 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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 550x258 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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 550x285 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

and here is my effect after the warp:

2 effect 550x295 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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

2 sel 550x394 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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 550x289 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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 550x337 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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

2 fire 2 550x264 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

Step 3

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

3 type 550x186 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

Apply the following layer blending options to this text layer:

3 bevel 550x394 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

3 inner 550x394 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

3 satin 550x394 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

3 grad 550x394 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

3 drop shadow 550x394 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

and here is the effect so far:

3 effect 550x145 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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 550x185 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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 550x265 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

and here is the effect so far:

4 clipping mask 550x141 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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 550x358 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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

5 color dodge 550x198 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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

5 more sparks 550x290 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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

6 screen 550x391 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

and here is the effect:

6 after scre 550x229 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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

6 effect 550x143 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

Attached the following layer mask on the duplicated layer:

7 oil paint mask 550x298 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

Add the following adjustment layers on top:

Levels

7 lvs Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

Curves

7 curves Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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

shadow of mordor flatten 550x297 Create Dark Text Effect Inspired by Middle Earth: Shadow of Mordor Game in Photoshop

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


Comments 0
There are currently no comments.