free web hosting | free website | Business WebSite Hosting | Free Website Submission | shopping cart | php hosting

Gradient Editor Tutorial

To View This Tutorial in French

The Gradient Flood Fill Feature is somewhat different from PSP5 To achieve the same look in PSP6 you must have Gradient in the Tool Options Palette set to Foreground-Background... Repeats set at 0
Tool Options Palette Linear Gradient Fill Example
Changing the repeats changes the look of the fill
Repeats--1 Repeats--2
Repeats--3 Repeats--4
Before we begin, a short explanation of the buttons in the Gradient Editor. We will be using the New and Copy Buttons. The Delete and Rename are self-explanatory. The Import allows you to import Adobe Photoshop gradients (GRD file extension). You will need to put those in the Gradients folder. Export allows you to export to use in Photoshop. You are able to share gradients and may find many on the Web. Gradient Editor
Open a new image 300 X 300 white background 16mil colors
Make 3 or 4 copies of this image for experimental purposes.
(Shift+D will make duplicates)
Select light foreground color & dark background color
Click on Flood Fill Tool. You may use whichever Fill Style you like.
It works the same on all of them.
In Tool Options palette, click on Flood Fill Options (second tab on the top
that looks like white, gray & black diagonal lines)
Set Gradient for Foreground-Background. Set repeats for 0
Flood Fill your image
You can adjust the angle of the Fill either by dragging the pointer in the Horizontal or Vertical box or by directly typing the numbers in.
The direction of the angle can be reversed by right-clicking
instead of left-clicking.
Open a new image and change the repeat to 1, and Flood Fill.
Continue opening images, increasing repeats,
and change the angle to see the different effects.
A new feature is the ability to create and edit multicolor gradients.
To edit an existing gradient...
in the Tool Options Palette, click on the Flood Fill Options...
pick a gradient name from the drop down box...Click edit....
click copy....Rename the gradient.
When you edit a gradient and click OK, the gradient will be permanently changed, so unless you want to lose the original,
ALWAYS work on a copy and rename it..

The Gradient bar is used to set the colors and the blending
The Transparency bar is used to set the opacity.
The Result bar allows you to preview the gradient as you are editing it.
You can play with this function on your own later.
Choose the foreground and backgrounds colors of your choice. You will be able to add a custom color and Back remain the same. Let's begin by clicking the New..button. Enter a name for it. Name for new gradient
Thumbs Below the Gradient and Transparency bars there are two pointed controls (thumbs). Each one controls the color for that end of the gradient.
Above the bars is a little diamond (midpoint). Midpoint
This diamond is located between any two thumbs and controls
the blending of the two colors between them.
Dragging the midpoint in either direction blends the colors closest
to that thumb. i.e. dragging to the right the color blends
50/50 closer to the right thumb.
To add a new thumb, click anywhere below the bar where there isn't a thumb. Do that now.
To make a color change, click on a thumb to make it active
and then click on either the Fore, Back or Custom color button.
To make a custom color, click on the color swatch to bring up the Color Box.
For now change it to a lighter shade and drag the midpoints to blend it to your taste Example for lighter shades
Opacity setting in transparency box To adjust the transparency of your gradient....Click on thumb in the area you wish to adjust in the Transparency bar, and set the Opacity in the box on the left. Click on the diamond above the bar to blend the transparency.
The thumbs can also be adjusted. This example shows left thumb dragged to 13%. All the area to the left of the thumb will be 100% Opaque like the thumb. Thumbs adjusted left
  Adjusted left
Thumbs adjusted right This example shows right thumb dragged away from the 100%. All the area to the right of the thumb will be 75% Opaque like the thumb.
Adjusted right  
These are the finished gradients. On the right is Sunburst Gradient,
and on the left is a Radial Gradient.
Thumbs adjusted Name for new gradient
Settings for both.
Blend Mode: Normal
Paper Texture: None
Match Mode: None
Opacity: 100%
Repeats: 3
Angle: 50/50
Well, that's it.
There are so many differnt things you can do with the Gradient Editor. Experiment on your own and have fun.

This tutorial was created by Yvonne
and was inspired by PSP6 Power! e book
Published by Muska & Lipman Publishing