Share this topic on AskShare this topic on DiggShare this topic on FacebookShare this topic on GoogleShare this topic on TwitterShare this topic on YahooShare this topic on Google buzz

Author Topic: Lord of the Rings-style Text Effect  (Read 12256 times)

0 Members and 1 Guest are viewing this topic.

Offline fencepost

  • Member
  • **
  • Posts: 2,626
  • Karma: 0
    • fence-post.deviantart.com
Lord of the Rings-style Text Effect
« on: June 27, 2007, 11:17:33 AM »
In this tutorial, I'll show you how to make a Lord of the Rings-style text effect, as shown below....(I've also attached a pdf file of the tutorial to the bottom of this thread so that you can download and review at your leisure)



This tutorial, is written so that even GIMP-newb can accomplish it; however, you GIMP veterans will go through this quickly.  If you would like to follow with me, you'll need to download the Ringbearer font (Click Me!).  This site also has a lot of other cool fonts, as well!  I won't cover the specifics of installing fonts, but if you need help, just let me know.  Just make sure you install the font prior to starting this tutorial so it will be available once you restart GIMP.

We'll be using some under-utilized GIMP gradient blend shapes to accomplish this task: specifically the Angled, Spherical, and Dimpled Shapes.  Depending on the effect you're after, you can choose any of them.  I'll show you screenshots of each style so that you can see the differences between them.

Step 1

Open up GIMP and create a new document (File Menu > New or Ctrl+N).  You can make it any color you wish, but I suggest something that will be different from the color of the text.....I'm using a white background.

Step 2

Double-click on the Text tool button and choose the Ringbearer font and set the font size according to your needs and make sure Anti-Aliasing is turned on as shown below.  Also, make the text black in color.



Next click on your GIMP window and add your text.  If you need to re-position the text, click on the Move Tool (4-headed arrow) and drag your text layer to the location of your choice.

Your layers should now resemble this:



Notice that my text layer is 'blue'...this means the text layer is active, which is what we want.  Now, click on the Duplicate Layer Button at the bottom of the Layer Dialog Window



and your Layer Dialog should now resemble this (Notice I've changed the names of the layers for reference.)



Step 3

Next, click on the Bump Map layer in the Layer Dialog Window to make it the active layer and then click on the 'Keep Transparency' checkbox.



What this will do is limit our effect to only those areas of the layer that are NOT transparent.

Step 4

Now, we need to add a gradient to the Bump Map layer.  First swap your colors so that you have the Foreground Color as white...

Next, double-click on the Gradient Tool Button  to open up the Gradient Tool Options Dialog.



Here, you can pick one of the three gradient choices as shown in the dropdown: Angular, Spherical, or Dimpled.  Each has its own way of working and I'll show you screenshots of what each one looks like.  I personally think Dimpled looks best, but that's my opinion.

Click on the Gradient button as shown and choose FG to Transparent.



and here's a final shot of the Gradient dialog....



Now that your gradient options have been set, confirm that your Bump Map layer is active and the Keep Transparency option is checked, then click and drag anywhere on the GIMP image window to add a gradient to your text.  Don't worry about where you start/stop the drag because a neat feature of the gradient type is that it will fill every letter individually.  Drag a little, drag a lot...it just doesn't matter.

Here are the results of the 3 Gradient Blend Types:

Angular



Spherical



Dimpled



Again, my favorite is Dimpled, but you choose which one you like best.

Step 5 (Optional)

This step is optional, but I think it really adds to the effect.  With the Bump Map layer still active, go to Filters Menu > Enhance > Sharpen



and set the parameters like so:



Then click OK to Sharpen the Bump Map layer.  Do this one more time (Ctrl +F). 

Two things: What does this do? Why not set the Sharpen Value to 100 and run just once?

The purpose of this is to make the chisel effect very sharp.  Using the Sharpen Filter will enhance the edges a bit to give it a more pronounced result.  The reason we don't set it to 100 and run just once is that it will look very, very bad.  But, everything here is open to experimentation, which I strongly urge you to do.

Step 6

Let's change the color of the text layer to a gold color. Make the Text Layer active by clicking on it in the Layer Dialog window....



Then, click on the Foreground Color Swatch

And enter a value similar to mine (I used d5ce5f)



And choose OK to accept the change and close out the color change dialog window.

Now, click and hold the gold color swatch and drag it over the main window like shown....



Let go of the mouse button and your text layer has been changed!  Pretty neat, eh?  This will only work if your Text Layer is Still a Text Layer.  What I mean by that is if you resized your layer or did anything else to the Text Layer, it's no longer an editable text layer.  If it's no longer an editable text layer, make sure you choose the Keep Transparent checkbox for the Text Layer (I showed you how to do this for the Bump Map layer in Step 3 above) and then the above drag/drop color change concept will work fine.

Step 7

With your text layer still active, go to Filters Menu > Map > Bump Map



and select the Bump Map Layer in the highlighted section shown below.



Now, experiment with the various settings (I used the ones in the screenshot above) and when you're satisfied with what you see in the Preview Window, click the OK button to make the changes.

Step 8

Now, let's add a drop shadow.  With the text layer still active, go to Script-Fu menu > Shadow > Drop Shadow



and set your settings...this is what I used....again, experiment!



Step 9

Lastly, delete or turn off the Bump Map layer in the Layer Dialog Window.  To delete it, click on the Delete Layer Button at the bottom of the Layer Dialog Window    (Or go to Layer Menu > Delete Layer). 

To turn it off, click on the highlighted button shown below to turn the 'Eye' off.



It doesn't matter which option you choose, you just don't want any of that layer showing through.


Here are what the various blend shapes look like after the Bump Map step....

Angular



Spherical



Dimpled



Now, go to File Save (Ctrl+S) or Save As (Shift+Ctrl+S) and save your wonderful creation.  I suggest you save it as a png or jpg.

Well, that concludes this tutorial.  Hope you learned a few new tricks!  Make sure you show me your results.

Art

You may also want to check out this script-fu that I've created LOTR Script-Fu
« Last Edit: May 14, 2010, 01:29:36 AM by Hi-T3k~HillBilly »
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime!  Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.

Offline paladin169

  • Member
  • **
  • Posts: 1,601
  • Karma: 0
  • Cookies!
Re: Lord of the Ring-style Text Effect
« Reply #1 on: June 27, 2007, 11:21:13 AM »
Wow, def trying this now, awesome tutorial..

« Last Edit: June 27, 2007, 11:36:14 AM by sponge »
Formerly sponge!


Offline fencepost

  • Member
  • **
  • Posts: 2,626
  • Karma: 0
    • fence-post.deviantart.com
Re: Lord of the Rings-style Text Effect
« Reply #2 on: June 27, 2007, 11:43:30 AM »
Looks great!  Thanks for giving it a try.

Art
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime!  Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.

Offline Darth_Gimp

  • Number One
  • *****
  • Posts: 2,892
  • Karma: 0
  • Faith, Folk, Family!
    • lds-jedi.deviantart.com
    • Odinic Rite
Re: Lord of the Ring-style Text Effect
« Reply #3 on: June 27, 2007, 11:47:06 AM »


Nice one Fence...
GimpDome Group: http://gimpdome.deviantart.com/
My DeviantArt: http://lds-jedi.deviantart.com/

There's no worse feeling than that millisecond you're sure you are going to die after leaning your chair back a little too far.

Offline fencepost

  • Member
  • **
  • Posts: 2,626
  • Karma: 0
    • fence-post.deviantart.com
Re: Lord of the Rings-style Text Effect
« Reply #4 on: June 27, 2007, 11:48:24 AM »
Man, that looks really good!

Which Blend Shape did you guys use?
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime!  Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.


Offline Darth_Gimp

  • Number One
  • *****
  • Posts: 2,892
  • Karma: 0
  • Faith, Folk, Family!
    • lds-jedi.deviantart.com
    • Odinic Rite
Re: Lord of the Rings-style Text Effect
« Reply #5 on: June 27, 2007, 11:49:21 AM »
I used the dimple.. I looked at the others and agree with you.. dimple just looked best.
GimpDome Group: http://gimpdome.deviantart.com/
My DeviantArt: http://lds-jedi.deviantart.com/

There's no worse feeling than that millisecond you're sure you are going to die after leaning your chair back a little too far.

Offline Hi-T3k~HillBilly

  • Administrator
  • *****
  • Posts: 1,526
  • Karma: 0
    • hitech-hillbilly.deviantart.com
    • Facebook:jacob.c.dillon
    • hitek_hillbilly:imageshack
    • droz928: PhotoBucket
    • jcdillon28:twitter
    • HillBillyGFX
Re: Lord of the Rings-style Text Effect
« Reply #6 on: June 27, 2007, 07:49:17 PM »


ok fence great tut and this is acully really funny.

Little story way back when i first started using gimp I wanted to make covers for my Fellowship of the ring DVD because my Daughter had ripped mine to shreads. I had the special edition. Redoing the cover was one of the first things i ever did in Gimp.

Very minor contest I will give 10k credits to any one who figures out what the saying says.
PM me if you think you know what it is!!! Gook Luck
« Last Edit: June 27, 2007, 07:53:35 PM by Droz »

Offline fencepost

  • Member
  • **
  • Posts: 2,626
  • Karma: 0
    • fence-post.deviantart.com
Re: Lord of the Rings-style Text Effect
« Reply #7 on: June 27, 2007, 08:08:06 PM »
Nice work, droz!  I'll see if I can figure out your little saying.....
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime!  Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.

Offline Darth_Gimp

  • Number One
  • *****
  • Posts: 2,892
  • Karma: 0
  • Faith, Folk, Family!
    • lds-jedi.deviantart.com
    • Odinic Rite
Re: Lord of the Rings-style Text Effect
« Reply #8 on: June 27, 2007, 08:50:18 PM »
I got it... but.. creds are still available since I would not accept them. Didn't feel right since I have studied Elvish and many others may not have.
GimpDome Group: http://gimpdome.deviantart.com/
My DeviantArt: http://lds-jedi.deviantart.com/

There's no worse feeling than that millisecond you're sure you are going to die after leaning your chair back a little too far.

Offline sdort

  • Member
  • **
  • Posts: 173
  • Karma: 0
  • I'm a Asian
Re: Lord of the Rings-style Text Effect
« Reply #9 on: May 31, 2009, 04:05:57 AM »
i found the "gold" color (d5cef5) too yellow, so i added a bit of orange in it :)
« Last Edit: May 31, 2009, 05:20:54 AM by sdort »


Tags:
 

anything