Difference between revisions of "Gradient Tool"

From Synfig Studio :: Documentation
Jump to: navigation, search
m (Tool Options *Panel*)
m (→‎Options: template)
 
(28 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
The gradient tool is used to create various kinds of gradients - smooth color transitions.
+
<!-- Page info -->
 +
{{Title|Gradient Tool}}
 +
{{Category|Tools}}
 +
{{Category|Gradients}}
 +
{{NewTerminology}}
 +
<!-- Page info end -->
  
−
When you select the gradient tool, the [[Tool Options Panel]] will show the options for the gradient tool. These allow you to:
+
{{l|Image:gradient_icon.png|64px}} <span style="font-size:150%">'''ALT-G'''</span>
−
* preset a name for the layer you're about to create,
+
==Introduction==
−
* choose the type of gradient to create, and
+
The {{Literal|Gradient Tool}} is used to create smooth transitions between two or more colors in an object.
−
* chose the blend method that the gradient will be created with
+
==Options==
 +
<!-- Use of Template|GradientToolOptions -->
 +
{{GradientToolOptions}}
  
−
The first and the last of these don't matter too much, because they can both be adjusted later using the [[Params Panel]] if necessary, but the middle option is crucial. There are 4 choices available:
+
==The 4 types of gradients==
−
* Linear - this produces a simple gradient which changes from the foreground color on one side of the canvas to the background color on the other side. Click where you want the foreground color to start, and drag to where you want the transition to end. The gradient will be created perpendicular to the line you drag out.
+
 
−
* 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.
+
{|border="0" style="border-collapse" cellpadding="3" cellspacing="0"
−
* 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.
+
|-style="background:silver"
−
* 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'.
+
|'''Name'''||'''Example'''||'''Description''' 
 +
|-
 +
||{{l|Linear Gradient Layer|Linear}}
 +
||{{l|Image:Linear_gradient.png}}
 +
||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|Transform Tool}} to be able to edit the endpoints.
 +
|-style="background:#eeeeee"
 +
||{{l|Radial Gradient Layer|Radial}}
 +
||{{l|Image:Radial_gradient.png|228px}}
 +
||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|Transform Tool}} to edit the position (center endpoint), or the radius (surface endpoint), of the radial gradient.
 +
|-
 +
||{{l|Conical Gradient Layer|Conical}}
 +
||{{l|Image:Conical_gradient.png}}
 +
||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|Transform Tool}}. The center endpoint can be adjusted to move the center of the gradient. The other endpoint adjusts the direction of the gradient.
 +
|-style="background:#eeeeee"
 +
||{{l|Spiral Gradient Layer|Spiral}}
 +
||{{l|Image:Spiral_gradient.png}}
 +
||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|Transform Tool}}.
 +
|}
 +
 
 +
 
 +
  '''Documentation writers note:''' You can download the project to generate the screenshot : [[File:Gradient options.zip]]

Latest revision as of 01:17, 8 March 2016

Languages Language: 

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


Tool gradient icon.png ALT-G

Introduction

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

Options

Gradient Tool Options.png

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

These allow you to:

  • Name : Set a name for the layer you are about to create. The name of the layer can always be changed later via the Layers Panel or the Parameters Panel if necessary, but the type of gradient needs to be chosen now.
  • Layer Type : Choose the type of gradient to create (Linear, Radial, Conical, Spiral).
  • Blend Method : The blending method used to composite on the layers below
  • Opacity : Sets the Amount for new layers. Defaults to 1.00 (Completely opaque)

For help with editing gradient colors see the section on Gradient Editor Dialog.

The 4 types of gradients

Name Example Description
Linear Image:Linear_gradient.png 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 Transform Tool to be able to edit the endpoints.
Radial Radial gradient.png 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 Transform Tool to edit the position (center endpoint), or the radius (surface endpoint), of the radial gradient.
Conical Image:Conical_gradient.png 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 Transform Tool. The center endpoint can be adjusted to move the center of the gradient. The other endpoint adjusts the direction of the gradient.
Spiral Image:Spiral_gradient.png This produces a spiral gradient. Click to set the center of the spiral and drag to set the 'tightness'. To edit afterwards, use the Transform Tool. 


  Documentation writers note: You can download the project to generate the screenshot : File:Gradient options.zip


Languages Language: 

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

Retrieved from "https://wiki.synfig.org/index.php?title=Gradient_Tool&oldid=21608"