Skip to main content

Real Steel” Film Poster Effect in Photoshop

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

Posted on February 13th, 2012 in Text Effects.

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.
Get your creative juices flowing by checking out some of the inspirational business cards created by top notch designers.
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

OK Let’s get started!
To complete this tutorial, you will need the following stocks:

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!

Comments

Popular posts from this blog

Use x-ray techniques in Photoshop to show naked skin through clothing

    Do those new naked body scanners have you freaked out at the airports? As far as the TSA is concerned, those x-ray machines are here to stay, but you might as well take comfort in knowing that airport security guards aren't the only ones looking at your private parts. Practically anyone with a computer can manage to see through your clothes, and it's all thanks to a little program called Photoshop. Thanks, Adobe. With a few tweaks using the tools in Photoshop, you can see those boobs in no time, male or female. The video is in German, but it's not hard to figure our what's going on, especially if you're familiar with Photoshop. First, create a few duplicate layers, then get a handle on some of these tools to make the naked body through the clothes: * Auswahl erstellen (Create Selection) * Tonwertspreizung (Input Levels) * Belichtung (Exposure) You can also do this see-through clothing effect in free design programs, such as  GIMP .

Photoshop Photo Effects Tutorials 2024

  Photoshop Photo Effects Tutorials Everyone loves Photoshop effects. Not only are photo effects fun to create, but they’re a great way to learn Photoshop since they often introduce us to tools, commands or other features we might otherwise never know about! All of our Photoshop effects tutorials are written with beginners in mind, with easy-to-follow, step-by-step instructions. See our complete list below, or download our tutorials as  print-ready PDFs ! Fade an Image to Color in Photoshop Faster with Live Gradients Learn how to fade an image to color with Photoshop the new and easy way using live gradients! How to Add Falling Snow to Photos with Photoshop Learn how to add realistic falling snow to your winter photos with Photoshop. Get Better Color Halftone Effects in Photoshop Learn how to create more realistic color halftone patterns using Photoshop’s Color Halftone filter and this simple trick. How to Create a Halftone Dot Pattern in Photoshop Learn how to turn your photo into a h

Ridiculously Cool Photoshop Text Effect Tutorials

  Easy Photoshop Text Tutorials for Beginners If you’re still learning the fundamentals of design or want some quick-and-easy text ideas to jazz up your print designs, these beginner tutorials will be a big asset. In your lessons you’ll learn how to apply texture and 3D effects, create logos, utilize masks and other simple techniques for enhancing your text. 1.  Using Text As A Container For More Text In Photoshop 2.  Glossy Emblem Text Effects 3.  Create a Realistic Emboss/Deboss Effect 4.  Icy Styles in Photoshop 5.  How To Create a Gold Text Effect in Photoshop 6. Moon Shine Text Effect 7. Simple Styled Text with Stars Effect 8.  Elegant Glossy Gold Text Effect 9.  Hipster Text Effect in Photoshop CS6 10.  The Sugar Bag Effect 11.  Easy Chalk Ornament Typography in Photoshop 12.  Abstract Shining Text Effect with Groovy Font 13.  Easy Plastic Text with Layer Styles In Photoshop 14.  Papercraft Text Effect 15.  Making a Clipping Mask With Text In Photoshop 16.  Simple Bokeh Text Effe