real-steel-text-flatten-2

Create a “Real Steel” Film Poster Inspired Text Effect in Photoshop

In this tutorial, I will show you the steps I took to Create a “Real Steel” Film Poster Inspired Text Effect in Photoshop. This is an intermediate tutorial so some steps can be tricky, but why not have a try :)

Along the way, we will mainly talk about how to use layer blending mode and adjustment layer to apply texture onto the text.

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

real steel text flatten 2 500x291 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Alternative version with cooler colour:

real steel text flatten 500x291 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

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 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

OK Let’s get started!

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

Paper Texture

Font

Metal Texture

Fire Stock

Step 1

Create a new document with 1200px * 700px with black background. Let’s start by preparing the background – load the paper texture image into Photoshop, select a piece of it as shown below:

1 sel 500x367 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Copy and paste the selection onto our canvas (resize to fit if necessary), add the following 2 adjustment layers on top of it:

Black and White

1 bw Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Levels

1 lv Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Use a soft eraser (set opacity and flow to be 40%) to remove some parts of the paper texture, you will have the following effect:

1 effect1 500x277 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Step 2

We will add some metal texture onto the background – load the metal texture into Photoshop, select a piece as shown below:

2 sel 2 500x342 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Copy and paste the selection onto our canvas, then change the blending mode to “overlay”, you will have the following effect:

2 overlay 500x288 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Add the following 3 adjustment layer as clipping mask to this metal texture layer:

Black and White

2 bw1 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Levels

2 lv1 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Curves

2 curves1 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

and here is the effect so far:

2 effect1 500x248 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Step 3

We will start making the text effect – load the font and type some texts onto our canvas:

3 text 500x180 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Apply the following layer blending mode to the text layer:

Drop shadow

3 drop sha 500x350 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Bevel and Emboss

3 bevel 500x350 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Then add a layer mask to the text layer, erase the lower part of the text with a soft brush:

3 effect 500x170 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Then paint some shadow under the text with a black soft brush to add some depth:

3 shadow 500x131 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Step 4

Now we will add the metal texture onto the text – go back to the metal texture and select a piece with the text layer selection:

4 sel1 500x181 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Copy and paste the selection onto the text, you will have the following effect:

4 paste 500x162 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Add the following 2 adjustment layers as clipping mask to this text metal layer:

Black and White

4 bw Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Curves

4 curves Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Then, go back to the text metal texture layer, use a soft eraser to remove some part of the texture, as shown below:

Hint: make sure you set the eraser flow and opacity to be around 20%, and gently erase the texture. This will add variety and depth for the text.

4 erase texture 500x113 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Step 5

We will add some fire texture onto the text. Load the fire image into Photoshop, and use a 30px feather lasso tool to select a piece:

5 sel 500x309 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Copy and paste the selection on a layer below the text layer, so it appears behind the text:

5 resize 500x353 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Hit Ctrl + L to bring up the levels adjustment tool, apply the following setting:

5 lv 500x359 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Change the blending mode of this fire texture layer to “Screen”, you will have the following effect:

5 effect1 500x266 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Duplicate this fire layer a few times, resize and rotate them, scatter them around the text:

5 dup 500x140 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Step 6

We’re almost done! To add some more details, I flatten the image and applied some “Reduce Noise” filter effect as shown below:

6 reduce Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Add a new layer and use a soft white brush with around 40% flow and opacity, paint some highlights for the text:

6 highlight 500x196 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Add a curves adjustment layer on top with the following settings to bring out more contrast:

6 curves Create a Real Steel Film Poster Inspired Text Effect in Photoshop

I then further added some colour and light adjustments and here is the final effect I have: (click to enlarge)

real steel text flatten 2 500x291 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

Alternative version with cooler colour:

real steel text flatten 500x291 Create a Real Steel Film Poster Inspired Text Effect in Photoshop

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