reflective 3D like text in the GIMP

Inspired by Nicu’s GIMP tutorial - make your subject pop out i decided to publish my lame tutorial on my blog. i know its a simple process that almost evryone knows, but in case you dont, here is how i do this…

This Tutorial shows you how so make simple 3D like text with a refection on the ground. Enough of me trying to describe it… here is what you are aiming to do:

Step One:

The first step is to write the text that you want.

Step Two

What to do next is to create the 3D look for your text.

1. Create a new transparent layer underneath your text

2. Select the outline of the text -> make sure the text layer is selected -> right click on the text layer in the layer dialog -> choose “Alpha to Selection”

3. Grow the selection out (i did it by 2 pixels) Select Menu -> Grow…

4. Select the new transparent layer that you created

5. Change the colour to one slightly lighter or darker than your text colour

6. Fill the selection with the bucket fill

7. Cancel the selection and bevel the edges Script-fu->Decor->bevel edges

it should look something like this:

Step Three

Now we need to create the “reflection”.

1. Merge the text down into the other layer.

2. Duplicate the layer by right-clicking on it in the layer dialog box and choosing “Duplicate Layer”,

3. Mirror the newly duplicated layer by choosing Layer->Transform->Flip Vertically

4. Move the reflection layer into place under the normal text.

it should look something like this:

Step Four

now we have to make the reflection look a bitmore like a reflection…

Here i put a background layer of white behind everything…..

1. Select the reflected text layer and magic wand the background

2. Invert the selection (Select->Invert)

3. Create another transparent layer on top of the layer that contains the “reflected” text

4. Set the Foreground colour to white, and choose the gradient FG to Transparent.

5. Gradient fill the new layer you created, to create an effect like the text is fading out to the bottom.

it should look something like this:

Step Five

After this, i added a simple Black to White gradient from the floor-up to add a bit more perspective….

FINISHED PRODUCT:

This Tutorial is:

This work is licensed under a Creative Commons Attribution-Share Alike 2.5 License

14 Responses to “reflective 3D like text in the GIMP”

  1. Nicu Says:

    Now you gave me something to think of: replicate this in vector using Inkscape.
    The mirror part is trivial, I did it before, but I still have no idea for the 3D look, tried so far something with the blur filter but I am not happy at all (I know how I can do it with heavy manual work, but I want here something quick and easy, good for newbies)..

  2. Nicu Says:

    One more thing: on the reflection layer you can use a layer mask, make the mask a gradient from white to grey and have as a result a real transparent mirrored image so it will work against *any* background.

  3. ry Says:

    thanks Nicu, i actually did this tutorial before i discovered layer masks
    :P

    thanks for the tip!

  4. mufti Says:

    Wow! nice tutorial! I’ll try it.

  5. ry Says:

    thanks for the kind words mufti!

  6. Mamato Says:

    wow, thanks for the tutorial! you made my day! I’ve been searching for this stuff.

  7. ry Says:

    thanks for leaving a comment mamato! im glad i helped you out!

    ive done anther tutorial (in inkscape) that does the same sorta effect as well (i personally think its a lot easier working with vectors!)

  8. sToneHeaRT Says:

    “Alpha to Selection” does not exist anymore in version 0.45.1 (since March).

    Please update your tutorial to the new GUI-flow of Inkscape!

  9. ry Says:

    hi sToneHeaRT:
    this is a GIMP tutorial not an inkscape tutorial…

    try this tutorial for a similar effect:
    http://ryanler.wordpress.com/2007/02/06/24/

    though i dont tell you how to do the reflection… here is a good tutorial for that:

    http://aqeeliz.com/2007/03/12/inkscape-tutorial-reflection/

    hope this helps

  10. ryan Says:

    Very nice effect, I am making a website for gimp tutorials, i’m only 14 so i need to get used to it first but if you could pop along and visit it in a few days and there should be some tutorials :)

  11. Sam Says:

    Hmm nice, but no.
    Gradient doesn’t work. noob

  12. Anandram Says:

    i am a newbie to GIMP so can u please help me to do this stuff in a more detailed way. I like to know that. I like the way you have presented this Logo. Very Good,But I too like to do the same stuff …help me pls!! :)

  13. aqua12 Says:

    Thanks for this tutorial.

  14. Adewale Says:

    Thanks a lot, it took me a while to find this i had to go through google to pixel2life until i finally found it.

Leave a Reply