Quick Tip: Create an “IronHero” Text Effect in Photoshop

Quick Tip: Create an “IronHero” Text Effect in Photoshop

Tutorial Details
  • Program: Adobe Photoshop CS3+
  • Difficulty: Beginner
  • Estimated Completion Time: 25 Minutes

Final Product What You'll Be Creating

In this quick tip tutorial we will demonstrate how to create a cinematic “IronHero” Text Effect using layer styles. Let’s get started!


Tutorial Assets

The following assets were used during the production of this tutorial.


Step 1

Make a new .PSD document, size 1000 x 500 pixels, RGB color, 100 dpi and grey background (color #33333). Create a new layer and fill it with a rusty/grunge metal texture. Now create the text using this font: CGF Arch Reactor (look at Tutorial Assets). Use the settings shown in the following pictures. Now rename this text: “Text Base”. Then go in the menu Layer > Layer Styles > Blending Options and use these settings:


Step 2

Duplicate the text and rename it “Stroke Bevel”. Right click on his layer and click to “Clear Layer Style” or in the Styles Palette click on the first style “Default style (None)” (It’s the same thing). In the Blending Options menu on the right set the fill of the layer to 0%. Then go in the menu Layer > Layer Style > Blending Options and use these settings:


Step 3

Duplicate again the text and rename it "Text Detail". Right click on his layer and click to "Clear Layer Style" or in the Styles Palette click on the first style "Default style (None)" (It’s the same thing). In the Blending Options menu on the right set the layer on "Multiply". Then go in the menu Layer > Layer Style > Blending Options and use these settings:


Step 4

Duplicate for the last time the text and rename it “Text Gradient”. Right click on his layer and click to “Clear Layer Style”. In the Blending Options menu on the right set the fill of the layer to 0%. Now and use these settings in the menu Layer > Layer Style > Blending Options:


Step 5

Your text effect is almost complete. Now we have to create a text reflection. Insert all 4 layers of the text effect in a group. Duplicate this group. Then go in menu Edit > Transform > Flip Vertical. Now place it as shown in the image below. Then, in the Layers Menu click "Add a layer Mask," and with the Eraser Tool delete as much as you want in order to create a realistic reflection. Finally to make the text effect nicer, create a new layer and add colored lights with soft brushes (set them to Linear Dodge).


Conclusion

Now your text effect is complete.

Erasmo D'Onorio De Meo is Era89 on Graphicriver
Tags: Tips
  • Miani

    I think that at these kinds of tutorial should be explained why are you doing this or that (what’s the purpose) and not just apply styles, if that’s all, you could just post a download link. Anyway the final result is nice.

    • http://dsaunadesign.com Daniel Suarez

      That’s exactly what I was thinking. What the process was before making a decision to add the inner shadow for example

  • http://rodleg.wordpress.com/portfolio/ rodleg

    nice tutorial !

  • http://bitly.com/powwebcom Mia Lazar

    Only 6 steps and effect looks great, before we need for that plugins, Thanks.

  • http://www.facebook.com/vietdesigner Việt Designer

    Quick and Easy! Thanks :D

  • http://www.prestodesign.net Pasqual Facundo

    I couldn’t find the background pattern for this one. Here’s what I came up with.
    https://www.facebook.com/photo.php?fbid=418885748138271&set=a.217043311655850.73750.124582290901953&type=1&theater

  • Luis

    Hi Erasmo!

    Nice tutorial! Useful for creating your own cool logos easy and fast.

    I wonder if these steps can be automatized in a self-made plugin!

    Luis

  • http://think360studio.com/ Think360studio

    In just short time that is 25 minutes we got a awesome Text effect in photoshop. Thanks Erasmo for this interesting article.

  • http://more-tuts.blogspot.com/ Ayman Abolila
  • http://starkvaliant.com Steph

    Very cool effect! I love fiddling around with layer styles, and often I find just plugging them in along with the tutorial helps expand your understanding of them and what kind of results you can get.

    That aside, the font makes me cringe s: not your fault though!

  • http://www.casualgamedev.com Shajedul

    Nice tutorial. Very cool effects. Like it !

  • http://updatephoto.blogspot.com/ MASUM

    Nice tutorial ! because This tutorial best for text effects.It have 6 step .So it easy tutorial.

  • Kolpaque

    Excuse me, but at the very beginning, how to create a rusty grunge metal texture for the background? Thanks.

  • http://www.clippingpathzone.com Sila mahmud

    Thanks, This tip are really great.

  • Chef

    Hi Erasmo,

    This is just what I was looking for… great effect with impact. Thanks.

    But now a question… As a newbie to Photoshop, what would I need to change to get the same effect if the text size was say 50 points or 400 points?

    Thanks again.

  • http://chrisbrindley.blogspot.com chrisB
  • Shuvo

    This is a great site which is help us.

  • http://www.fulcodelon.c.la fulco

    cool!!!!

  • Jouserd

    It’s very easy and interesting!!! I hope that u like this http://imgur.com/QbgjM