[spacer]

varian.netVarian's Dreamview

DreamDesign
Digital Graphics Tutorials
Main Index

Home-Brew Text Effects

[spacer]
Who can resist a rainbow or other great combo of colors in gradient form? Put these colors to work for you in your text creations!

Gradients

[spacer]
[spacer]
[spacer]

Tri-Color Gradient
The toughest part about working with gradients is that many low-end paint programs will only permit you to create a gradient of one hue to a second, so gradients with three or more colors may at first seem out of reach for you. As you discovered while working with the Golden technique, however, those multi-colored gradients are easily obtained with a couple simple steps. Following Golden, you created a tri-colored gradient that ran vertically from Color 1 to Color 2 to Color 3. In that instance, our Colors 1 and 3 were actually the same hue, but the process is similar if 1, 2, and 3 are each different. Let's go through one here, using green-to-yellow-to-pink.
green to yellowStep 1:
Open a new window about 300 x 300. Create your green-to-yellow gradient. (Make a note of the ending color formula in order to match it in the next step.)
yellow to pinkStep 2:
Open another new window about 300 x 300. Beginning with the same shade of yellow you ended on in Step 1, create a yellow-to-pink gradient.
Step 3:
Open a third new window 300 x 300. Resize the green-to-yellow window to 300 x 150 and paste this to the newest window. (This gradient is vertical, so we are cutting the vertical direction in half. If your gradient is horizontal, cut the horizontal direction in half, i.e.: 150 x 300.)
tri-color gradient completedStep 4:
Resize the yellow-to-pink window to 300 x 150 and paste this to the newest window, aligning it to match up to the green-to-yellow.

You've just created a tri-color gradient! Save this image in your storage directory and it will be ready for many uses ahead. Be sure to save it in an uncompressed, 24-bit color format such as BMP, PCX, PNG or TGA.
Bring On The Gradients!
Knowing how to create a tri-color gradient, *any* number of colors are now within your grasp! Why? Because no matter what the combination of hues in any given gradient, they can always be reached by 2 (Color A to Color B) or by 3 (Color A to Color B to Color C).
Here's a sample of a multi-colored gradient that was created with Kai's Power Tools. Can you see how you could readily reproduce it without a special plug-in?

multi-colored gradient sample
Gradient: Blue to Orange to Green to Lilac to Pink to Red

By 2:

By 3:

Blue to Orange,
Orange to Green,
Green to Lilac,
Lilac to Pink,
Pink to Red

Blue to Orange to Green,
Green to Lilac to Pink,
Pink to Red

Great Gradients to try:
Here are some gradient text effects you might want to reproduce. Each was created using the basic copy/paste routine that is detailed for the Golden and Texture techniques. Highlights and shadows were added following the techniques given for Shadows and Sculpted.

gradient
Vertical
A to B to A

gradient
Vertical
Red to Purple to Violet
Violet to Blue to Turquoise
Turquoise to Green to Chartruese
Chartruese to Yellow to Orange

gradient
Horizontal
A to B to C to B to A

gradient
Vertical
A to B

gradient
Each letter received individual treatment of
Horizontal
A to B to A

What cool gradients will *you* make?

back to index

[colored rule]

varian(AT)varian.net
Varian's Dreamcatcher
Varian's Dreamview: DreamDesign is a portion of Varian's Dreamcatcher and is Copyright ©2004 by Varian.
All rights are reserved.

None of this material is to be redistributed on the Web or in any other form without prior consultation with and permission from the author. Exceptions to this statement, granting additional limited rights for particular selected elements, are noted and detailed in context with those particular elements.

Decorating
the WorldWide Web
since 1995.

[spacer]