Friday, April 15, 2011

GIMP Tutorial: Make Awesome Gold, Silver, Brass, or Copper Text

Using GIMP 2.6.11.

There is a similar tutorial, for creating gold objects, by Rob A, found here. This tutorial is the "Text" spin-off, from Rob's tutorial.

Environment Image used:


Step 1:

Open any size image with a white background. My image is  800 x 400 px.

Select the Text tool and use any font of your liking. I am using Apple Garamond Bold, using black and size at 250. Center the text on your image using the Alignment tool.

Reselect the Text tool, select the existing text and click "Path from Text".

Step 2:

Right click the text layer and choose "Layer to image size". Right click the text layer again and choose "Flatten image".

Duplicate the flattened layer.

On the new duplicate layer, go to Colors - Invert.

Add a Gaussian blur of 12 px to the duplicate layer.

Turn off the duplicate inverted layer (click eye).

Step 3:

Select the bottom layer. Right click, "New Layer". Select white.

You should now have a blank white layer between the top and bottom layers.

Open the Environment image in GIMP (shown at the top of this tutorial). (You can also save this as a pattern in GIMP by saving it to your username/.gimp-2.6/patterns folder).

Go to Filters - Light and Shadow - Lighting Effects.

Choose the Environment tab, check Enable Environment Mapping and select the image you just opened from the list.

On the Bump Mapping tab, check Enable Bump Mapping, select the inverted text layer (top most), Linear, and .02 for Maximum Height.

On the Options tab, check the Transparent Background and High Quality Preview, then select OK.
Step 4:

In the Path Dialog, activate the text path selection.

Go to Select - Invert. Press the "Delete" key to remove the excess.

Select the bottom layer with the black text. Apply a Gaussian blur of 10 px to it.

You can use the Move tool to move the blurred layer out a bit (I use the arrow keys after selecting the Move tool and selecting the layer.) If you move the blurred layer out and transparent areas show up around the image, simply add a new white layer to the very bottom of your Layer dialog.

Link the blurred layer and the middle text layer to keep the shadow with the text, should you decide to move the text layer around.

Step 5:

To change the metallic look of your text change your Environment image when running Filters - Light and Shadow - Lighting Effects.

Here are 3 additional Environment images you can use:

Steel:


Brass:


Copper:


You don't have to start all over to change the metallic look. Just reselect the text layer and run Lighting Effects again, selecting the Environment image for the metal you want.

NOTE: You can use or create any pattern you wish, to use for an evironment map, other than the ones presented here in the tutorial.




You're done! Enjoy! :)

6 comments:

  1. Damn, that is brilliant! Thanks for the great guide :o)

    ReplyDelete
  2. Mahvin ..

    Haven't seen you around GimpChat in a while, then again I've been MIA as well.

    This is perhaps one of the best metallic text tutorials there is.

    I was wondering .. could you one up this guy and explain to me how you could create a metal stroke (to call it that) around text. Some beveled/glossy text with a metal stroke would look sweet!

    Hope you have some ideas!

    ReplyDelete
  3. Ofnuts has a python script that allows us to do something similar to what you are asking. Do you mean a stroke of varying width and touching/bordering the text, or just a few pixels outside the beveled text?

    ReplyDelete
  4. I'm having a hard time with step 4. I can't seem to invert and delete the path and it's frustrating me to no end. Help please?

    ReplyDelete
  5. Ashley, when you open the Paths dialog, you should have a path from the text you created in step 1. In step 4, you are simply activating that path (converting it to a selection) and inverting the selection. You aren't deleting a path, you are removing the outside excess of a selection (the text). If you didn't invert the selection, the inside of the selection would be deleted (that's the part we want to keep). In the Path dialog, there is a button for Path to Selection (a red square box) click that, then go to Select/Invert.

    ReplyDelete

If you intend to comment to complain about being unable to perform certain steps with tutorials, please explain where you are in the step process and what step you are unable to get to work correctly, instead of saying something like, "I can't do this!". Your comments will help get tutorial corrections made and help give clarification to future viewers who may have trouble in the same locations. Thank you. :)