Introduction: 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

Step 2: 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

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

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

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

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

Comments

author
Jamesiliff2708 (author)2016-11-06

What does your username stand for just currious

author
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

author
will421 (author)will4212010-05-01

I figured it out.

author
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 * * * *

63[1].gif
author
Arbitror (author)TATcreator2009-04-01

Beat this!

head-smash-fast.gif
author
Arbitror (author)Arbitror2009-04-01

Notice how he hits his head faster?

author
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.

author
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.

author
will421 (author)Arbitror2010-05-01

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

author
TATcreator (author)smashking6452010-01-03

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

author
Arbitror (author)TATcreator2010-01-03

What?

author
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.

author
fwjs28 (author)smashking6452010-01-05

You have learned much, young padawan!  

author
fwjs28 (author)Arbitror2009-04-02

haha...lol

author
smashking645 (author)Arbitror2009-04-03

Beat what? The image?

author
fwjs28 (author)smashking6452009-04-03

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

author
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...

author
TATcreator (author)fwjs282009-03-31

Excellent! Very well done.

author
smashking645 (author)2009-04-03

Did you create the START button as is shown above?

author
fwjs28 (author)smashking6452009-04-03

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

About This Instructable

2,895views

3favorites

License:

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