Tutorial: Web 2.0 Text Effect in GIMP

Subject: Tutorial: Web 2.0 Text Effect in GIMP Fri Aug 22, 2008 12:00 am

Web 2.0 is a term used to describe a new version of, well the web. It has lots of shadows, and cool light effects. Here is a effect, that can easily change any boring text into a cool new web 2.0 graphic!

In GIMP, the "foreground to transparent" is the most important tool in creating web 2.0 graphics. Here is the first web 2.0 tut!

Tutorial: Web 2.0 Text Effect in GIMP Tutonegi8

1: Type the Text

First type your text, make sure you leave plenty of room on the bottom!
Tutorial: Web 2.0 Text Effect in GIMP 25694838tb6

2: Duplicate text layer

Now you must duplicate it!
Tutorial: Web 2.0 Text Effect in GIMP 30972259uj5

3: Flip it!

Now you must flip it.
Tutorial: Web 2.0 Text Effect in GIMP 17311746vh7

4: Align time!

You must align the bottom (and I guess top) of the texts.

Tutorial: Web 2.0 Text Effect in GIMP 94918581qm6

4: Gradient time!

Now choose a gradient, with this settings.

Tutorial: Web 2.0 Text Effect in GIMP 32218627xf7

5: Lay the gradient

Lastly, go to around the bottom of the text, and go up, in a straight line, when you release you should have something like what we end with!

Tutorial: Web 2.0 Text Effect in GIMP 19239490ld3

Tutorial: Web 2.0 Text Effect in GIMP 19239490ld3

Try new settings, and experiment! You never know what you may come up with, and stay tuned for more GIMP tuts! Smile

Subject: Re: Tutorial: Web 2.0 Text Effect in GIMP Fri Aug 22, 2008 12:23 am

Great guide, thanks for posting this! I am new to GIMP and this will totally help Very Happy

!

Subject: Re: Tutorial: Web 2.0 Text Effect in GIMP Fri Aug 22, 2008 1:24 am

Wow, this helped me so much. I love the step-to-step tutorial. Thank you for postin' this. I'm new to GIMP too, Rich! I just downloaded it last night.

» Tutorial: Text Outline in GIMP
» Tutorial: Drop Shadow Text in GIMP
» Tutorial: Borders in GIMP
» Tutorial: Web 2.0 Signatures in GIMP
» Tutorial: Color Edits with GIMP!