GIMP Chat
http://gimpchat.com/

Chrome Letter Tutorial
http://gimpchat.com/viewtopic.php?f=23&t=7586
Page 1 of 4

Author:  The Warrior [ Wed Jun 19, 2013 6:20 pm ]
Post subject:  Chrome Letter Tutorial

Am making a chrome letter text tutorial per request. This'll be my first. I discovered some new techniques by trial and error the other night. Have been making chrome text for a few years now, but this technique gives more of a reflected look.

Let's get started.

Create a new image, 800x200:

Image

Use the bucket tool, and fill the layer with black:

Image

Use the text tool, and in this case, type in "GIMP", with white letters, 911 Porscha font, size 175: http://www.dafont.com/911porscha.font

Image

Merge the GIMP layer into the background layer, and give it a Gaussian blur of 5:

Image

Go to Select>By Color, and click anywhere on the black. Select>Invert the selection, and add a new layer called " Chrome". Click on the eye on the background layer to hide it. Should now look like this:

Image

Choose the custom CHROME gradient, that I'll put here for download. I made this gradient, but feel I made the darker section of the gradient a bit dark. Therefore, stroke the gradient from bottom to top, and start a bit below the selection, like so:

Image

Should now look like this:

Image

Hit Select>None. Go to Filters>Map>Bump Map. Select the background layer, and hit OK:

Image

Should look like this:

Image

Go to Color>Curves, and adjust it to something like this, then hit OK. As you can see, the letters turn into chrome:

Image

This is where the real "magic" begins. Go to Colors>Map>Alien Map, with stock settings, hit OK. The chrome will really shine up:

Image

Duplicate the Chrome layer, and go to the blend tool, and select the gradient called, "Sunrise":

Image

With the Chrome copy selected, go to Colors>Map>Gradient Map, and select it. Should look like this:

Image

Set the mode on the layers dialog to "burn", and merge the 2 chrome layers. Looks like this:

Image

Finally, alpha to selection the chrome layer, and add a drop shadow. In this case, I set the offsets to 3, and the blur radius to 10. Here's the final result! Thanks for looking.

Image

Attachments:
CHROME.ggr [136 Bytes]
Downloaded 864 times

Author:  Esper [ Wed Jun 19, 2013 6:29 pm ]
Post subject:  Re: Chrome Letter Tutorial

interesting !
and nicely written tutorial, too !

i've never noticed the Alien Map before

Author:  The Warrior [ Wed Jun 19, 2013 6:34 pm ]
Post subject:  Re: Chrome Letter Tutorial

Esper wrote:
interesting !
and nicely written tutorial, too !

i've never noticed the Alien Map before

Thanks man. The Alien Map was a result several months ago of randomly pushing buttons to see what they would do. :hehe

Author:  ek22 [ Wed Jun 19, 2013 6:47 pm ]
Post subject:  Re: Chrome Letter Tutorial

That's a good way of doing it yeah. I like that it's actually colored chrome and not mono like a lot of them are until you lay a gradient over it. That could be useful if you're trying to chrome something that's part of a larger image and needs to match.

Author:  The Warrior [ Wed Jun 19, 2013 6:50 pm ]
Post subject:  Re: Chrome Letter Tutorial

ek22 wrote:
That's a good way of doing it yeah. I like that it's actually colored chrome and not mono like a lot of them are until you lay a gradient over it. That could be useful if you're trying to chrome something that's part of a larger image and needs to match.

Thanks. I agree, the color really made it pop. Of course, you can gradient map any gradient for differing results, but this looks more like a landscape.

Author:  Odinbc [ Wed Jun 19, 2013 6:57 pm ]
Post subject:  Re: Chrome Letter Tutorial

Thank you The Warrior, congratulation on your first Gimp Chat Tutorial. :clap

Author:  The Warrior [ Wed Jun 19, 2013 7:08 pm ]
Post subject:  Re: Chrome Letter Tutorial

Odinbc wrote:
Thank you The Warrior, congratulation on your first Gimp Chat Tutorial. :clap

Thanks, appreciate it. I'm sure I'll do more.

Author:  molly [ Wed Jun 19, 2013 7:13 pm ]
Post subject:  Re: Chrome Letter Tutorial

Nice tutorial Warrior, thanks for sharing. Very nicely written and displayed.

Author:  The Warrior [ Wed Jun 19, 2013 7:21 pm ]
Post subject:  Re: Chrome Letter Tutorial

molly wrote:
Nice tutorial Warrior, thanks for sharing. Very nicely written and displayed.

Thanks molly, appreciate it.

Author:  cecilia [ Wed Jun 19, 2013 9:15 pm ]
Post subject:  Re: Chrome Letter Tutorial

Image

wow, that's beautiful!

I used a font called Questar

Author:  The Warrior [ Wed Jun 19, 2013 9:42 pm ]
Post subject:  Re: Chrome Letter Tutorial

cecilia wrote:
[ Image ]

wow, that's beautiful!

I used a font called Questar

Nice work cecilia! Any font will work of course, but I like more "squared" fonts, especially if you're making smaller chrome letters. The angles tend to alias a bit on the smaller stuff more. Really nice work, congrats.

Author:  2-ton [ Wed Jun 19, 2013 9:59 pm ]
Post subject:  Re: Chrome Letter Tutorial

had some time to give this a go...nice and easy with a fancy schmancy result! The Font is called dodger. I can see how different fonts will produce slightly different results, which is pretty cool.
Image

Author:  cecilia [ Wed Jun 19, 2013 10:15 pm ]
Post subject:  Re: Chrome Letter Tutorial

I saved the color curve in so I don't have to remake it every time I do this: Chrome-Warrior

Author:  Oregonian [ Wed Jun 19, 2013 10:20 pm ]
Post subject:  Re: Chrome Letter Tutorial

Very nice tutorial with beautiful results. Well-written, Warrior!

Image

Author:  Akros [ Wed Jun 19, 2013 10:34 pm ]
Post subject:  Re: Chrome Letter Tutorial

Hmmm

My precious we need to try ...
The tutorial looks good teaching and rich in images, we should manage to do it, oh yes, we need a time for this, but we have already downloaded the gradient.

The results are also very good, we have to downloading the fonts and try some!

We can not resist my precious ...

Thx The Warrior! :clap :bigthup

Author:  Oregonian [ Wed Jun 19, 2013 10:39 pm ]
Post subject:  Re: Chrome Letter Tutorial

:lp
Akros wrote:
Hmmm

My precious we need to try ...
The tutorial looks good teaching and rich in images, we should manage to do it, oh yes, we need a time for this, but we have already downloaded the gradient.

The results are also very good, we have to downloading the fonts and try some!

We can not resist my precious ...
Shall we start calling you Gollum? :rofl

Author:  The Warrior [ Wed Jun 19, 2013 11:33 pm ]
Post subject:  Re: Chrome Letter Tutorial

Thanks everyone, appreciated. It's very easy to do, with nice results.

cecilia wrote:
I saved the color curve in so I don't have to remake it every time I do this: Chrome-Warrior

That's what i do as well. I have 9 different settings saved for chrome, haha.

Author:  The Warrior [ Wed Jun 19, 2013 11:42 pm ]
Post subject:  Re: Chrome Letter Tutorial

By the way, as Oregonian has demonstrated, you can do pretty much anything that's black and white.

Author:  The Warrior [ Wed Jun 19, 2013 11:52 pm ]
Post subject:  Re: Chrome Letter Tutorial

From this:

Image

To this:

Image

Author:  The Warrior [ Thu Jun 20, 2013 12:44 am ]
Post subject:  Re: Chrome Letter Tutorial

A rose anyone?

Image

Page 1 of 4 All times are UTC - 5 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/