Introduction: Glassy, Reflective Text Turtorial (GIMP)

Picture of Glassy, Reflective Text Turtorial (GIMP)

IN this GIMP tutorial, i will show you how to make a reflective glassy styled avatar or picture...

Step 1: Tools You Need

Picture of Tools You Need

Step 2: Start

Picture of Start

1 First, you need to make a new image (duh! ) make it 420x300...
2 Type in a text (i used fwjs28, my username...) (you can change the font, but im going to keep it simple)
3 Rename that layer MAIN TEXT
4 lock the alpha channel

Step 3: Gradient

Picture of Gradient

1 Delete the background layer, you should now have a transparent background.
2 Right click the Main Text layer and select alpha to selection (towards the bottom)
3 select the gradient tool and drag to a prefered gradient effect

Step 4: Border Time

Picture of Border Time

first right click on the "main text" layer and select "Alpha to selection".
Then go to Select>Grow to access the "Grow Selection" dialog or you can right click on top of the Text and in the menu click on Select then Grow, will add 3px for the Grow Selection.
Click on "Create new Layer" Name it "Border" and fill it with 293a47 Dark blue using the "Bucket Fill Tool", place it behind the "Main Text" layer to become a border.

Step 5: Flip Flop

Picture of Flip Flop

Right click on the Border Layer and in the menu click on "Duplicate Layer" Move the layer on top of the "Main text" layer by

Do the same for the for The "Main text" layer and move it ontop of the "border Copy" layer

Now Merge the two new duplicated layers by right clicking on on the "Main Text#1" layer and in the menu click on "Merge Down" now Rename the layer to "Reflection"

Before you move the reflection into position De-select any selected layer by going to Select>None

Using the "Move Tool" place the the new duplicated text logo image below the original text logo, Grab the "Flip tool" make sure its on Vertical mode, then drag upwards to finally flip it.

Step 6: Fading on the Reflection

Right click on the "Reflection" layer and in the menu click on "Add Layer Mask" and select "Black Full Transparency" now click Add.

Uh-oh....your text go buh-byes...not to worry...

Hit up the gradient tool once again, and use the FG to BG (RGB)" gradient...once again gradient to your liking...

Step 7: Glassy Part

Picture of Glassy Part

Ok, now were so close, were almost ready to upload the picture for your avatar or whatever you are using it for...
Select the main text area and "alpha to selection" it.

hit up the"Ellipse Select Tool"and turn it to subtract mode....

select the upper half of your text and hit enter....

To end this, call up the bucket fill tool and apply white (uniformly) to the upper half of the text...

Finnaly, go to the Layer dialog and slide the opacity to 30.5. (or whatever you like


Jamesiliff2708 (author)2016-11-06

What does your username stand for just currious

will421 (author)2010-05-01

How do I put in the gradients? I try opening them, but I would of murdered GIMP if it weren`t for the Too many errors thing. XD

will421 (author)will4212010-05-01

I figured it out.

TATcreator (author)2009-03-30

This is a very well organized instructable, but you may want to explain more of where to click, where in the tool bar the items are located, and how to place objects and gradients.

All things set aside, the instructable earned * * * *

Arbitror (author)TATcreator2009-04-01

Beat this!

Arbitror (author)Arbitror2009-04-01

Notice how he hits his head faster?

smashking645 (author)Arbitror2009-04-03

Not quite. With some systems, it might beat faster as a CPU overclock side effect. But, the image itself, as it may, follows a set of 3 frames and continually repeats them in a specified order.

Arbitror (author)smashking6452010-01-03

Each of the three images had a delay... I just removed that delay, so he hits his head as fast as your computer can handle.

will421 (author)Arbitror2010-05-01

To me TAT`s is just 1 like millisecond slower then yours. 0_O

TATcreator (author)smashking6452010-01-03

Ah, hello, our beloved counterpart. What brings you to Instructables?

Arbitror (author)TATcreator2010-01-03


smashking645 (author)Arbitror2010-01-05

I'm a former IT assistant in Ohio. I've been like a partner recently to the TAT team, but I remember when I used to mentor them about computers and such all those years ago, and I taught them basic concepts of the C language. Teach them; they have great potential, and they're already far beyond me.

fwjs28 (author)smashking6452010-01-05

You have learned much, young padawan!  

fwjs28 (author)Arbitror2009-04-02

smashking645 (author)Arbitror2009-04-03

Beat what? The image?

fwjs28 (author)smashking6452009-04-03

yes, shadow ops' beats faster than tats' (thats what she said :P )

fwjs28 (author)TATcreator2009-03-30

cool, cool....i put it together in about half an hour...have you tried it? when you do id like to see some samples...

TATcreator (author)fwjs282009-03-31

Excellent! Very well done.

smashking645 (author)2009-04-03

Did you create the START button as is shown above?

fwjs28 (author)smashking6452009-04-03

no, however, i did make the flip image...

About This Instructable




Bio: indeed
More by fwjs28:Halloween  Card from InstructablesTennis ball usb modGlassy, reflective text turtorial (GIMP)
Add instructable to: