Gradient Tool

From Synfig Studio :: Documentation
Jump to: navigation, search
m (Proper categorization)
m (Text replace - '[[' to '{{l|')
Line 1: Line 1:
 
<!-- Page info -->
 
<!-- Page info -->
 
{{Title|Gradient Tool}}
 
{{Title|Gradient Tool}}
[[Category:Tools]]
+
{{l|Category:Tools]]
 
<!-- Page info end -->
 
<!-- Page info end -->
[[Image:gradient_icon.png|64px]] <span style="font-size:150%">'''ALT-G'''</span>
+
{{l|Image:gradient_icon.png|64px]] <span style="font-size:150%">'''ALT-G'''</span>
  
 
The Gradient Tool is used to create smooth transitions between two or more colors in an object.
 
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.
+
When you select the Gradient Tool, the {{l|Tool Options Panel]] will show the options for the Gradient Tool.
  
[[Image:Gradient_options.png]]
+
{{l|Image:Gradient_options.png]]
  
 
These allow you to:
 
These allow you to:
Line 17: Line 17:
  
  
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.   
+
NOTE: The name of the layer can always be changed later via the {{l|Layers Panel]] or the {{l|Params Panel]] if necessary, but the type of gradient needs to be chosen now.   
  
For help with editing gradient colors see the section on [[Gradient Editor Dialog]].
+
For help with editing gradient colors see the section on {{l|Gradient Editor Dialog]].
  
 
There are 4 types of gradients:
 
There are 4 types of gradients:
* [[Linear Gradient Layer|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.
+
* {{l|Linear Gradient Layer|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 {{l|Normal Tool]] to be able to edit the endpoints.
[[Image:Linear_gradient.png]]
+
{{l|Image:Linear_gradient.png]]
* [[Radial Gradient Layer|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.
+
* {{l|Radial Gradient Layer|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 {{l|Normal Tool]] to edit the position (center endpoint), or the radius (surface endpoint), of the radial gradient.
[[Image:Radial_gradient.png|228px]]
+
{{l|Image:Radial_gradient.png|228px]]
* [[Conical Gradient Layer|Conical]] - This has the appearance of looking down on a tip of a cone. The gradient is along the circular arc of the center and goes in all directions.  Click to set the center, and drag to indicate the direction in which the foreground and background colors should go. To edit afterwards, use the [[Normal Tool]]. The center endpoint can be adjusted to move the center of the gradient. The other endpoint adjusts the direction of the gradient.
+
* {{l|Conical Gradient Layer|Conical]] - This has the appearance of looking down on a tip of a cone. The gradient is along the circular arc of the center and goes in all directions.  Click to set the center, and drag to indicate the direction in which the foreground and background colors should go. To edit afterwards, use the {{l|Normal Tool]]. The center endpoint can be adjusted to move the center of the gradient. The other endpoint adjusts the direction of the gradient.
[[Image:Conical_gradient.png]]
+
{{l|Image:Conical_gradient.png]]
* [[Spiral Gradient Layer|Spiral]] - This produces a spiral gradient.  Click to set the center of the spiral and drag to set the 'tightness'. To edit afterwards, use the [[Normal Tool]].  
+
* {{l|Spiral Gradient Layer|Spiral]] - This produces a spiral gradient.  Click to set the center of the spiral and drag to set the 'tightness'. To edit afterwards, use the {{l|Normal Tool]].  
[[Image:Spiral_gradient.png]]
+
{{l|Image:Spiral_gradient.png]]

Revision as of 07:02, 8 September 2009

{{l|Category:Tools]] {{l|Image:gradient_icon.png|64px]] 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 {{l|Tool Options Panel]] will show the options for the Gradient Tool.

{{l|Image: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 {{l|Layers Panel]] or the {{l|Params Panel]] if necessary, but the type of gradient needs to be chosen now.

For help with editing gradient colors see the section on {{l|Gradient Editor Dialog]].

There are 4 types of gradients:

  • {{l|Linear Gradient Layer|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 {{l|Normal Tool]] to be able to edit the endpoints.

{{l|Image:Linear_gradient.png]]

  • {{l|Radial Gradient Layer|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 {{l|Normal Tool]] to edit the position (center endpoint), or the radius (surface endpoint), of the radial gradient.

{{l|Image:Radial_gradient.png|228px]]

  • {{l|Conical Gradient Layer|Conical]] - This has the appearance of looking down on a tip of a cone. The gradient is along the circular arc of the center and goes in all directions. Click to set the center, and drag to indicate the direction in which the foreground and background colors should go. To edit afterwards, use the {{l|Normal Tool]]. The center endpoint can be adjusted to move the center of the gradient. The other endpoint adjusts the direction of the gradient.

{{l|Image:Conical_gradient.png]]

  • {{l|Spiral Gradient Layer|Spiral]] - This produces a spiral gradient. Click to set the center of the spiral and drag to set the 'tightness'. To edit afterwards, use the {{l|Normal Tool]].

{{l|Image:Spiral_gradient.png]]