Indiana Jones Movie Logo/Text Effect

Advertisement

I thought we would celebrate the upcoming release of Indiana Jones IV, the Kingdom of the Crystal Skull by learning how to remake the awesome Indiana Jones text! So, I’m going to attempt to remake the text effect used in the posters and promotional images :P

Please note that attempt is emphasized above! This is as close as I could get it, I hope it’s good enough!

Indiana Jones Movie Text - Photoshop Tutorial

1. Document Creation

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. I used this size so I can resize it smaller later on when I copy it over to another document.

2. Text & Font

Go to Google and search for the Indiana Jones font (SF Fedora), you should be able to find it as the top result. Otherwise, you can just download it from either of these direct links: 1, 2.

After you’ve downloaded the font, (extract it) then copy it to the windows/fonts directory, or wherever your operating system stores the fonts!

Back to your Photoshop document. Select the Horizontal 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 190 pt. To get a result as similar as possible to the original text, you should capitalize the first letters of each of your words, so they stand out from the rest.

SF Fedora Font Text Written

Now we’ve got the text using the right font, we need to distort it a little bit so it looks more like the original, near the top of Photoshop (next to the font settings, etc.) you’ll see an icon that has a T and a curved path underneath it, it’s the Warped Text Icon. Click it and mess around with the settings until you get a distorted text that looks right!

Warped Text Settings Screenshot

There should be all the settings you need in the above image, if not, you can download the complete PSD(s) at the end of the tutorial. Lastly, to finish off the text shape, I rotated it slightly to the left (hold ctrl and press t to go into transform mode). Onto the styling part of our text.

3. Style your Text

I think it’s time to add some life to our text. Start by right-clicking the text layer and going into the Blending Options, then click and apply the following layer styles/settings:

  1. Drop Shadow
  2. Gradient Overlay
  3. Stroke

You will definitely need to mess around with the layer style settings above if you’re using different font sizes and all, so feel free to do that if it looks a little off.

After applying these layer styles my text looks like this:

Layer Styles Applied Indiana Jones Text

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! If you want to learn how to make a cool paper background like the one shown in the result image at the top of the page, follow the next steps.

4. Background Creation

Now we’re going to make a really nice background for the text to go on. Create a new document in Photoshop, this time something like half the size of what you used before (800 x 600 px).

Now you’ll want to find a nice paper texture or something, there’s some pretty good stuff over at BittBox, I’m not sure if it’s completely suitable though. The base paper texture that I ended up using was one I think I downloaded from sxc.hu (stock.xchng) a long time ago, you can download it from here.

Copy your paper texture into your new document and get to work doing with it what you want, I just resized it down so it fits completely inside of the document. Next, you might want to add a little more interest/detail by adding a little bit of grunge brushing on some new layers, messing with the layer modes and opacities, etc.

This is what I’ve got after a bit of brushing:

Grunge Brushing Added to Texture

If you want to see everything I did to the background you should download the PSD file at the end of this tutorial. The last thing I did for the background was add in a cool world map shape and blended it in a little bit. You can download the world shape files that I used from lukeroberts on deviantART.

After you’ve installed the shapes in Photoshop, drag the world one onto the canvas in a new layer, using a darkish-red color (#622d23).

World Map Shape Added

To this shape layer I then changed the layer mode to Linear Burn, lowered the opacity to around 80%, and also lowered the fill to around 90%. After this, you may want to take a grunge eraser to the shape image, or more efficiently take a grunge brush to a layer mask added to the shape layer!

Layer Changes and Grunge Brushing Added

Now… maybe we could add in a few more details before we copy over the text. How about Indy’s hat? Go to Google Images and see if you can find a good photo of his hat, copy it to Photoshop and cut it out as best you can.

Indiana Jones’ Hat Added

Now, darken Indy’s hat a little bit if you think it’s necessary (ctrl+l), then size it down a smidge (ctrl+t).

Indiana Jones’ Hat Darkened and Resized

Looking good. Now we can copy our text onto the canvas. Open up your other document, merge the text layer(s) togethe rif necessary then copy and paste it to your background document.

Text Copied to Background

In the above image my text was resized to 40%, resize your text to whatever is suitable.

Assuming you merged your text layer with another layer to ‘apply’ the layer styles to the pixels, apply the following layer styles to your finished text layer, to give it a more polished finish:

  1. Outer Glow
  2. Gradient Overlay

The outer glow brought out the bright orange a little more, I quite like it:

Layer Styles Applied to Finished Text LayerWell, we’re pretty much finished for this now, but I went on to add a little bit more texture and interesting…ness! :)

5. Polish / Finish

To finish off, let’s make the whole image look a little bit more interesting. Create a new layer, fill the layer with white (#ffffff) then apply Filter > Noise > Add Noise with an amount that will show up on the white background.

Filter > Noise > Add Noise - Settings

For the Noise settings you can use either Monochromatic, or not. After you’ve done all this, hit ctrl+t and size it up a little bit, so to enlarge the noise pixels. Change the layer mode to Multiply and lower the opacity if you see it necessary, this effect isn’t really too noticeable, it’s just a nice effect. If you were hide and unhide the layer you’ll be able to see a bit of difference.

To finish off…

First, create a new layer, press ctrl+shift+c and then ctrl+v. This copies everything visible in your document to a new layer. After this, apply a filter that you like. I used Filter > Artistic > Film Grain.

Filter > Artistic - Film Grain - Settings

  • Grain: 4
  • Highlight Area: 0
  • Intensity: 10

This is a really cool effect, but maybe a little too intense. Lower the opacity for this layer to something around 30-50%.

Film Grain Layer Opacity Lowered

Feel free to try some other filters and layer modes, etc.

Complete

Looks like we’re done! I hope you enjoyed this Photoshop tutorial, everyone.

Remember to always get creative and add your extra bits to the graphic (whilst following the tutorial!)

Advertisement


22 Responses

  1. Tri-Tard says:

    nice tut. simple, but very well explained

  2. Nice tutorial! For those of you who would like another Indiana Jones font, try the Safari Font available on my website at http://davidocchino.com/portfolio/typography/safari.html. I also have another font that would work very well for the subtitles and it’s called “Venture.” I hope everyone enjoys the new Indiana Jones movie coming in May, 2008.

  3. Harrry says:

    Great tut really liked it! thanks

    Harry
    http://www.viewheroes.com

  4. Popeye says:

    Thank you so very much for the tutorial! This is a great starting point for my son’s birthday cards :)

  5. Tanya says:

    Hi,

    I love the tutorial, but when I tried to download the finished psd, it was a rar file and I could not open it with my Photoshop CS2. Do you have any ideas what I’m doing wrong? I tried changing the file extension, but it didn’t work.

    Thank you!

  6. SniperFox says:

    Tanya: You’ll need to open the .rar file in something like WinRAR, and extract the .psd file.

    As for the tutorial, only one minor thing I myself would change: After warping the text, try also tilting it a little, so that the smaller end is up higher.

  7. Hayden says:

    How did you extract that so good??? I am a novice and I’m not sure I can do it that good.

  8. Ray W says:

    That such a good tutorial, two thumbs up…
    Easy to follow and keep the good job bro :)

  9. Scott says:

    I love the tutorial. I just have no idea how you were able to create your own gradient by offering us your text code.

  10. Alex says:

    Great stuff, exactly what I was looking for. Thanks so much!

  11. Mishal says:

    Thank u

    nice tutorials

  12. Eric says:

    Can’t download the finished psd file. Winrar says file is damaged.

    This is the 7.1MB file.

  13. Richard says:

    Great guide, thanks for posting images + directions!

  14. Stacey says:

    Great tutorial! Thanks!!

  15. THANK YOU!!! You saved me hours of time that I didn’t have! Brilliant and complete. I made an Indiana Jones movie open but changed Harrison Ford’s face to my son’s image and replaced the Indiana Jones Title with his name for his birthday video. (I have posted my finished movie cover at my web site under PROJECTS).

  16. Thanks for the tutorial. This is coming in so handy for creating things for our Indiana Jones Theme Day at the paintball field (www.lofpb.com). Thanks again!!

  17. Mary says:

    HI I am new to this whole photoshop thing. I am trying to follow directions but I need help….Thanks

  18. RIA says:

    this is a really good tutorial only problem i am having is trying to get the colour, it comes out with red outline and gray in the middle. thanks

  19. Tom says:

    wow thanks that was great!

  20. brandi says:

    What computer system are you usin? I can’t download any of this. And I really need it. I have windows vista.

  21. James Taylor says:

    Need a lot more detail:

    The background texture. You need to explain just what steps you took to get it instead of just telling people this is what you got after “a little brushing” and to look at the PSD for details The PSD gives no indication of what brushes you used, what colors etc. One can simply copy the layers into one’s own attempt, but one will still not learn what to do. A tutorial is to teach. Not provide shortcuts that prevent learning. Please fix this.

  22. Thrax says:

    Nice, but I can’t figure out how you make your own gradient, whenever I choose new it just copies the currently selected gradient.