I figured the old chrome-text tutorial over at the Gimp User Group site could use both an update and an enhancement of technique. Mine is done on Gimp version 2.2.13.
I'm assuming you already know the basic usage of Gimp. If not, here's the manual in English (other languages available).
How to make metallic text:
1. Make some white text on a black background. Use a sans serif font and make it big.

2. Apply a heavy Guassian blur. About 16.0 The purpose of this is to give the text some rounded corners and smooth edges.

3. Layers-> Colors-> Levels... squeeze the outer arrows together. This is just like in the rounded corners tutorial at the GUG.

4. Lighter Gaussian Blur. About 7.0 This time we are forming the beveled edges of the metal.

5. Color-select the black area, invert the selection.

6. Get that Layers dialog open (Ctrl-L). Make a new Layer #2 and set it transparent. Switch off Layer #1 and focus Layer #2 (by clicking it in the dialog), so you have a floating selection on transparency.

7. Fill the transparency with a dark-gray to light-gray gradient. De-select the layer.

8. Bump map Layer #2 using Layer #1 for the map. Gimp's bump map dialog wants to use the active layer for the map by default, so make sure that the drop-down menu in the upper right of the bump map dialog is set to use your #1, non-transparent layer.

9. Now get ready for a surprising effect. From the image menu choose Layers-> Colors-> Curves to get the color curves dialog. Make the line for all-channels wavy. That's the first graph line to show up, so just grab and drag it all up and down. Watch the image change. Stop when it looks like metal. Notice my example line.

Throw away layer #1 if you want, or use it for masking or other effects. Add background and shadow to taste.

Example #2 was done by selecting the Golden gradient and applying it to Layer #2 via Filters-> Colors-> Map-> Gradient map.

Example #3 was made by duplicating Layer #2 at step 8 and doing the original layer the same way, but doing the duplicate with separate color channels in the Color Curves dialog and blending the two layers with "overlay".

You can apply this to any wacky two-color design you want, not just text.

Hope this was helpful. Comments, corrections, and suggestions are welcome!
PS Oh, ah, ahem, and I've started this new category "graphics tutorials", for all my doodling HOWTOs.
39 feedbacksComments:
I agree with deadcabbit though. A plugin would be truly great.
Submitted to fsdaily.com - a digg like site for free software only.
http://www.fsdaily.com/out/Gimp_Tutorial_-_Metallic_Text
Thank you.
Thanks. It is works and it explains -- as
a real tutorial should (unlike the ones
at the GIMP site). I tried the Golden
Text tutorial there and one other and
neither worked -- or taught anything.
I like the fact that you use the native
Golden gradient instead of getting your
own map and you use simple bump mapping
instead of the Lighting Effects thing
were most Material settings seem to have
no effect.
Thanks again.
Nope, no paypal account! :) In any case, if you're having trouble with the tutorial, it's most likely because you have Gimp 2.4, where I did these with 2.2. There was a massive menu-rearrange with 2.4, so look for all these nifty items in *other* places.
After many attempts I achieved above.
However as you can quickly see it lacks a lot. A lot. I am now lost at
Example #2 was done by selecting the Golden gradient and applying it to Layer #2 via Filters-> Colors-> Map-> Gradient map.
I'm looking for shine on letters as you have.
thanks
Thanks for the tutorial. I used it to create a logo for womething at work. My first foray into GIMP as PSP is now a different product.
Brian
I'm running GIMP for Windows v. 2.3.4, and understand that menus have changed, but I think I'm following your steps accurately.
1. Sans Bold, 150 pt. "Linux" white on black.
2. Guassian blur 16. Using the text layer doesn't work - no change in the round corners step if text layer used, so I copy text white area (black background selected with selection range of 1 then selection inverted) and paste into black background as non-text.
3-4. Colors/Levels (in v. 2.3.4) 119,1.0,135 as in the rounded corners tutorial.
Operating on the text layer, when applying new levels as in #3, there is no change to the image. If I copy/paste the white selection in the text layer to the black background, it works as expected giving rounded text.
5-6. Guassian blur 7 - OK. Select, invert, new transparent layer, layer #1 off, select new transparent layer #2 - all OK.
7. Gradient applied to selection and de-select OK.
8. Bump map - I use the settings in your example, which, if I am reading them correctly are azimuth 71, elevation 37, depth 13, compensate for darkening, all other settings off or zero.
When I do this, I am getting roughly what is expected, but with a border around the characters that is as if there is a narrow, flat edge (appearance if the characters are thought of as 3D). Here's a screen capture: http://tinyurl.com/5tlp9y
I think I can fix this and continue, but can you suggest where I might be going wrong so I don't have to patch every time? perhaps when I select the white text to copy/paste in step 1-2, I am selecting too much? My fix would be to select the resulting bump mapped image, then shrink selection, invert and cut.
Comments would be appreciated.
Have you written a plugin for this, or know of anybody who has? I'm not skilled at writing plugins, but I'd be interested in getting one if it's available.
Thanks!
Optiker
http://tinyurl.com/5kggej
Excellent! Thanks for the tutorial.
Optiker
No, I have no idea how to do this in any other Gimp. I used 2.2.13.
I watched the Gimp since version 1.0 until 2.2.13, and then decided "OK, the interface has never changed, so it's safe to write a tutorial for it now." Silly, silly me!
Thanks again!
Optiker
No, no, it's not your fault! It's the Gimp that I'm frustrated about... and other graphics programs that rebuild their interface in the middle of their lives.
I screamed about it here. And everybody was going "What are you so ticked about?" and the now-wasted effort we've all spent in learning and teaching it were exactly what I had in mind....
Anyway, don't mind me. I've completely gone crazy about the state of graphics development on FOSS platforms - it's my signature trigger!
Absolutely! :) I'm always happy to see work made accessible to other languages. Drop the link to the translated article here in the comments and I'll include the link at the end of the article.
http://www.megaupload.com/?d=I46TFE3T
no matter what i try i cannot achieve this effect, even when trying to exactly duplicate this example.
Thanks Pete.
Also, my results give me a thin black border around the text, is the any way to get rid of it?
Anyways, my first try failed pretty badly, but I was working in an image, so the font was only about 32 pt. The bottoms looked rough and ugly.
I then went to 128 pt font Sans Bold Italic, and that worked perfectly.
Thanks also to Ddredar, the rounded tutorial helped as well since the original from the guide was missing.
For those trying to get other colors, you can always try Colors > Colorize and add color to it. It's not quite perfect, but can look pretty good with the right values.
Thanks!!
I hope you will accept my request to be a frined. I'd like to add your link in my site.
Regards
How about top half blue bottom half green for a horizon/sky effect like in the 80s