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

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

Tutorial Details
  • Program: Adobe Photoshop CS3+
  • Difficulty: Beginner
  • Estimated Completion Time: 20 Minutes
Download Source Files

Final Product What You'll Be Creating

In this quick tip tutorial we will demonstrate how to create a cinematic “Action” Text Effect in Photoshop 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 White background. Create a new layer and fill it with a Leather Texture/Pattern and go in the menu Layer > Layer Styles > Blending Options and use these settings:


Step 2

Now create the text using this font: SF Fedora. Use these settings: 170 pt – Anti-Alias: Sharp. Now rename this text: “3D”. Then we have to distort the text, so click on tool “Create Warped Text” as shown in the screen below:


Step 3

Then go in the menu Layer > Layer Styles > Blending Options and use these settings:


Step 4

Duplicate the text and rename it “Base”. 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). Now move this text slightly to the right in order to create a “pseudo 3D effect” with the text below (Look picture below). Then go in the menu Layer > Layer Style > Blending Options and use these settings:


Conclusion

Lastly to make the text effect nicer I added some light around the text with simple brushes and color lights with soft brushes. Now your text effect is completed!

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

    looks good….looks like an embellished version of Deke McClelland’s tutorial: http://www.youtube.com/watch?v=DDQ50OiC1vs

  • http://www.designfollow.com/ designfollow

    creat effect, creat tutorial.

    thank you very much.

  • http://www.pcxpo.blogspot.com Shajedul

    Looking good for me. Thank you very much.

  • http://iceflowstudios.com Howard Pinsky

    Really neat effect! Came out great!

  • http://www.psd-dude.com John

    Very nice text effect, Era89 you are really talented :) keep up the good work!

  • http://graphicriver.net/user/Era89/portfolio?ref=Era89 Era89
    Author

    Thanks so much to all of you guys! Other quick tips are coming soon :D

  • http://turra.co Turra Tuts

    thanks, really simple and good tutorial

  • http://www.earn.com.bd Lucky

    The ACTION is full of “ACTION”!!!!!!!!!!!

  • http://www.tristarwebdesign.co.uk/ Paul Weston

    Typography is a very important part of my design work and I love articles like this that show me new ways and techniques on how I can push and approach this side of my design work. I found this tutorial very interesting and easy to follow. I have learnt some new techniques and the final look really gave that action feel to the text. Great job and this is a tutorial I will be experimenting with to see what I can create.

    • http://graphicriver.net/user/Era89/portfolio?ref=Era89 Era89
      Author

      I’m really glad that you like my tut :)

  • Alex

    Really nice tutorial, love the atmosphere of the end result.

    Thanks for this tut!

  • http://www.maxminisite.com andimax

    wow. thanx for the tuts, iam looking indiana jones style title. i will trys this at my project. good tutorial

  • Karan

    Hi, great tutorial, although mine attempt didn’t turn out so well as yours. it would have been helpful if you added the locations of the gradients

  • leetut

    step 1
    “Create a new layer and fill it with a Leather Texture/Pattern”

    i cant because you didnt bother to explain how to do that!

    tutorial ended.