Difference between revisions of "Gradient Tool"

From Synfig Studio :: Documentation
Jump to: navigation, search
Line 17: Line 17:
  
 
There are 4 types of gradients:
 
There are 4 types of gradients:
* Linear - This produces a simple transition in a straight line. Set your foreground and background colors. Click where you want the gradient to begin, and drag to where you want the transition to end.  The gradient will be created perpendicular to the line you drag out.
+
* Linear - This produces a simple transition in a straight line. Set your foreground and background colors. Click where you want the gradient to begin, and drag to where you want the transition to end.  The gradient will be created perpendicular to the line you drag out. At any time, you can edit the gradient by moving either endpoint in any direction. You must use the [[Normal Tool]] to be able to edit the endpoints.
 
[[Image:Linear_gradient.png]]
 
[[Image:Linear_gradient.png]]
* Radial - this produces a circular gradient; concentric rings of the same color. Click where you want the center of the circles to be, and drag to set the radius of the transition.
+
* Radial - This produces circular colors with the transition being at the center of those circles. Click where you want the center of the circles to be, and drag to set the radius of the transition. Use the [[Normal Tool]] to edit the position (center endpoint), or the radius (surface endpoint) of the radial gradient.
[[Image:Radial_gradient.png|240px]]
+
[[Image:Radial_gradient.png|228px]]
 
* Conical - this produces a series of lines, each of a different color.  The lines radiate out from a fixed position, and go in all directions.  Click to set the center, and drag to indicate the direction in which the foreground and background colors should go.
 
* Conical - this produces a series of lines, each of a different color.  The lines radiate out from a fixed position, and go in all directions.  Click to set the center, and drag to indicate the direction in which the foreground and background colors should go.
 
* Spiral - this produces a spiral gradient.  My previous 3 descriptions were bad enough, so I'm not even going to attempt this one!  Hopefully there's a screen shot below.  :)  Click to set the center of the spiral and drag to set the 'tightness'.
 
* Spiral - this produces a spiral gradient.  My previous 3 descriptions were bad enough, so I'm not even going to attempt this one!  Hopefully there's a screen shot below.  :)  Click to set the center of the spiral and drag to set the 'tightness'.

Revision as of 05:31, 19 July 2009

Languages Language: 

English • français • italiano • română • русский


Tool gradient icon.png ALT-G

The Gradient Tool is used to create smooth transitions between two or more colors in an object.

When you select the Gradient Tool, the Tool Options Panel will show the options for the Gradient Tool. Gradient options.png

These allow you to:

  1. Set a name for the layer you are about to create,
  2. Choose the type of gradient to create (Linear, Radial, Conical, Spiral) via the dropdown menu.


NOTE: The name of the layer can always be changed later via the Layers Panel or the Params Panel if necessary, but the type of gradient needs to be chosen now.

There are 4 types of gradients:

  • Linear - This produces a simple transition in a straight line. Set your foreground and background colors. Click where you want the gradient to begin, and drag to where you want the transition to end. The gradient will be created perpendicular to the line you drag out. At any time, you can edit the gradient by moving either endpoint in any direction. You must use the Normal Tool to be able to edit the endpoints.

Linear gradient.png

  • Radial - This produces circular colors with the transition being at the center of those circles. Click where you want the center of the circles to be, and drag to set the radius of the transition. Use the Normal Tool to edit the position (center endpoint), or the radius (surface endpoint) of the radial gradient.

Radial gradient.png

  • Conical - this produces a series of lines, each of a different color. The lines radiate out from a fixed position, and go in all directions. Click to set the center, and drag to indicate the direction in which the foreground and background colors should go.
  • Spiral - this produces a spiral gradient. My previous 3 descriptions were bad enough, so I'm not even going to attempt this one! Hopefully there's a screen shot below.  :) Click to set the center of the spiral and drag to set the 'tightness'.


Languages Language: 

English • français • italiano • română • русский