Home arrow Photoshop arrow Photoshop Text Tutorial: Creating Indy Text
PHOTOSHOP

Photoshop Text Tutorial: Creating Indy Text


This Photoshop tutorial will teach you how to create the "Indy" text from the popular Indiana Jones film franchise.

Author Info:
By: Thelonius Funk
Rating: 5 stars5 stars5 stars5 stars5 stars / 3
September 15, 2011

print this article
SEARCH DEVARTICLES

This Photoshop tutorial will teach you how to create the "Indy" text from the popular Indiana Jones film franchise.

This is, admittedly, one of the easier and more recognizable movie font styles you can create - the unmistakable Indiana Jones movie title. Now this is a re-creation, so that being said, allow yourself some variance in the final piece. It’ll look good enough to fool your friends, that’s for sure. So grab your fedoras and let’s get started.

We need to start by creating a new document. For the document that we’ll be making our text in, we should use a relatively large document size. I used 1600 x 1200 pixels, with the default resolution. You can always resize it smaller later on when you want to copy it over to another document.

You can find a pretty close facsimile to the Indiana Jones font (SF Fedora) online. After you’ve downloaded the font, install it and make sure that it appears in your font list before you begin this tutorial. Select the Type Tool and write your text on the canvas, using a large enough font size to take up most of the width of the document; I used a font size of 200 pt. To get a result as similar as possible to the original text, you should capitalize the first letters of each of your words.


 
Now you just need to distort it a little bit to give it that old fashioned warped comic book look. Near the top of Photoshop, you’ll see an icon that has a T and a curved path underneath it, located next to the font settings. The Warp Text tool allows you to mess with the setting until you get something to your liking.


 
 

That should do for the warping of the text, you can even rotate the text slightly to the left if you’d like to increase the angle some. Now onto the cool stuff - styling your text. All you need to do to add some life to your text is the following: Start by right-clicking the text layer and going into the Blending Options, then click and apply the following layer styles/settings:

Drop Shadow
 

 

Gradient Overlay


 

Stroke


 
You may need to fool around with these settings if you decided to use a different font or font size than the one I used. So feel free to do that if it looks a little off.
Here’s what the final font style will look like once you’re done applying these layer styles:


 
I think we’re pretty much done for the text now, now we just need to make a nice background for the text to go on! For that, just do a Google search for an old map to give it the authentic Indy Jones look.
 


DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

All Photoshop Tutorials
More By Thelonius Funk


blog comments powered by Disqus
PHOTOSHOP ARTICLES

- Photoshop Text Techniques: Transformers
- 3D Text in Photoshop
- Photoshop Text Tutorial: Creating Indy Text
- Photoshop Productivity Tips and Tricks
- Photoshop Keyboard Shortcuts
- The Critically Important Color and Gamma Cal...
- Using Adobe Photoshop CS, Part 2
- Using Adobe Photoshop CS, Part 1
- 20 Things About Photoshop You Have to Know
- Photoshop Tricks, Part 2
- Photoshop Tricks, Part 1
- Keeping Up Appearances: Techniques for Retou...
- Navigation Menus in Photoshop
- Slicing and Saving Graphics in Photoshop for...

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2017 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials