Gradient Editor Dialog - Revision history

D.j.a.y: Add Tips section (H2), Constraining a gradient (H3) and Interpolation between Color Stop (h3)

2015-02-09T08:18:47Z

Add Tips section (H2), Constraining a gradient (H3) and Interpolation between Color Stop (h3)

Zelgadis: Text replace - "{{Category|NewTerminology}}" to "{{NewTerminology}}"

2013-05-20T07:54:56Z

Text replace - "{{Category|NewTerminology}}" to "{{NewTerminology}}"

D.j.a.y: screenshot

2013-04-05T15:36:48Z

screenshot

D.j.a.y: Terminology Updated

2013-02-11T07:00:49Z

Terminology Updated

BentFX at 11:27, 23 August 2011

2011-08-23T11:27:13Z

BentFX at 11:16, 23 August 2011

2011-08-23T11:16:16Z

BentFX at 10:41, 23 August 2011

2011-08-23T10:41:37Z

Zelgadis: Text replace - '{{l|Category:' to '{{Category|'

2010-01-13T16:09:58Z

Text replace - '{{l|Category:' to '{{Category|'

Genete: moved Doc:Gradient Editor Dialog to Gradient Editor Dialog over redirect: Not Manual or Tutorial namespace. It belongs to Reference

2009-10-09T15:05:54Z

moved Doc:Gradient Editor Dialog to Gradient Editor Dialog over redirect: Not Manual or Tutorial namespace. It belongs to Reference

Genete: moved Gradient Editor Dialog to Doc:Gradient Editor Dialog: Naming scheme

2009-09-16T15:58:23Z

moved Gradient Editor Dialog to Doc:Gradient Editor Dialog: Naming scheme

@@ Line 36: / Line 36: @@
 Finally the {{Literal|Set as Default}} button copies the edited gradient into the {{l|Toolbox}}'s default gradient.
---------------------
+==Tips==
-Constraining a gradient:
 By default gradient layers overwrite or flood their surroundings. The area before the beginning of the gradient and after the end of the gradient are flooded with the beginning and ending colors of the gradient. As can be seen in this image:
@@ Line 48: / Line 49: @@
 This still floods the surroundings, but with a transparent flood. To create a sharp edge to the gradient the beginning and ending colors can be dragged to the ends of the gradient editor gadget. The transparency doesn't have to have any width, it just has to be defined as the beginning and the end. Or just the beginning, or just the end, it's up to you, and your situation.

@@ Line 3: / Line 3: @@
 {{Category|Dialogs}}
 {{Category|Gradients}}
-{{Category|NewTerminology}}
+{{NewTerminology}}
 <!-- Page info end -->

@@ Line 2: / Line 2: @@
 {{Title|Gradient Editor Dialog}}
 {{Category|Dialogs}}
 {{Category|NewTerminology}}
 <!-- Page info end -->
@@ Line 9: / Line 10: @@
 Just below the preview area there are two small triangles, called {{l|Color Stop}}, that denote the initial and final colors of the gradient.
+The currently selected {{l|Color Stop}} is displayed as a white double triangle. Its color is shown in the top part of the dialog for editing. You can select any of the other {{l|Color Stop|Colors Stop}} by clicking on their triangles to edit the other colors of the gradient.
 The currently selected {{l|Color Stop}} is displayed as a white triangle. Its color is shown in the top part of the dialog for editing. You can select any of the other {{l|Color Stop|Colors Stop}} by clicking on their triangles to edit the other colors of the gradient.
 For example by modifying the {{Literal|Red}}, {{Literal|Green}} and {{Literal|Blue}} channels of the {{l|Color Stop}} on the right hand side you can change the final color of your gradient (preset to white) to a nice dark yellow like in the following example.
 {|
-| http://i85.photobucket.com/albums/k74/Genete/synfig/GradientEditor3.png ||    ||      || http://i85.photobucket.com/albums/k74/Genete/synfig/GradientEditor5.png
+| [[File:GradientEditor 3 0.63.06.png|frame|center]] ||    ||      || [[File:GradientEditor 4 0.63.06.png|frame|center]]
 |}
@@ Line 31: / Line 32: @@
 Another cool feature is that you can slide the triangles just like you slide the color or alpha bars. With this you can compress the gradient to one or to other side or make its falling more quick or slow between colors. If you press {{Shortcut|shift}} key meanwhile the {{Literal|Insert Color Stop}} is being dragged it doesn't pass the closest {{Literal|Insert Color Stop}} it finds so it makes easier to stack {{l|Color Stop|Colors Stop}} one over other. {{l|Color Stop|Colors Stop}} can be moved more precisely by editing the numerical field just about the gradient's preview.  This is a number between 0 (left edge) and 1 (right edge) specifying the selected {{l|Color Stop}}'s position.
+[[File:GradientEditor 5 0.63.06.png|frame|none]]
-http://i85.photobucket.com/albums/k74/Genete/synfig/GradientEditor6.png
-−
 Finally the {{Literal|Set as Default}} button copies the edited gradient into the {{l|Toolbox}}'s default gradient.
@@ Line 42: / Line 41: @@
 By default gradient layers overwrite or flood their surroundings. The area before the beginning of the gradient and after the end of the gradient are flooded with the beginning and ending colors of the gradient. As can be seen in this image:
-http://i1134.photobucket.com/albums/m620/BentFX/Synfig/Gradient1.png
+[[File:GradientEditor gradient1 0.63.06.png|frame|none]]
 This is by design and adds the greatest flexibility to gradient layers. To achieve a gradient which is limited by its own geometry begin and end the gradient with transparency. Such as this:
-http://i1134.photobucket.com/albums/m620/BentFX/Synfig/Gradient2.png
+[[File:GradientEditor gradient2 0.63.06.png|frame|none]]
 This still floods the surroundings, but with a transparent flood. To create a sharp edge to the gradient the beginning and ending colors can be dragged to the ends of the gradient editor gadget. The transparency doesn't have to have any width, it just has to be defined as the beginning and the end. Or just the beginning, or just the end, it's up to you, and your situation.

@@ Line 1: / Line 1: @@
 <!-- Page info -->
-{{Title|Gradient Dialog}}
+{{Title|Gradient Editor Dialog}}
 {{Category|Dialogs}}
 <!-- Page info end -->
-The Gradient Editor Dialog has two sections. The top part is for selecting the colors and alpha level and the lower part contains a preview of the gradient.
+The {{Literal|Gradient Editor}} dialog has two sections. The top part is for selecting the colors and alpha level and the lower part contains a preview of the gradient.
-Just below the preview area there are two small triangles, called CPoints, that denote the initial and final colors of the gradient.
+Just below the preview area there are two small triangles, called {{l|Color Stop}}, that denote the initial and final colors of the gradient.
@@ Line 12: / Line 13: @@
-The currently selected CPoint is displayed as a white triangle.  Its color is shown in the top part of the dialog for editing. You can select any of the other CPoints by clicking on their triangles to edit the other colors of the gradient.
+The currently selected {{l|Color Stop}} is displayed as a white triangle. Its color is shown in the top part of the dialog for editing. You can select any of the other {{l|Color Stop|Colors Stop}} by clicking on their triangles to edit the other colors of the gradient.
-For example by modifying the red, green and blue channels of the CPoint on the right hand side you can change the final color of your gradient (preset to white) to a nice dark yellow like in the following example.
+For example by modifying the {{Literal|Red}}, {{Literal|Green}} and {{Literal|Blue}} channels of the {{l|Color Stop}} on the right hand side you can change the final color of your gradient (preset to white) to a nice dark yellow like in the following example.
@@ Line 19: / Line 20: @@
-Gradients are not limited to two colors; you can have as many colors as you want in the gradient. To do that you just need to right click into the gradient preview and select "Insert CPoint". With this you'll insert a new triangle in the place where you made the right click. Then you can edit that color with the color and alpha sliders and create a tricolor gradient.
+Gradients are not limited to two colors; you can have as many colors as you want in the gradient. To do that you just need to right click into the gradient preview and select {{Literal|Insert Color Stop}}. With this you'll insert a new triangle in the place where you made the right click. Then you can edit that color with the color and {{Literal|Alpha}} sliders and create a tricolor gradient.
@@ Line 28: / Line 29: @@
 Here I've created some sort of transparent light cyan for the central color.
-Another cool feature is that you can slide the triangles just like you slide the color or alpha bars. With this you can compress the gradient to one or to other side or make its falling more quick or slow between colors. If you press SHIFT key meanwhile the CPoint is being dragged it doesn't pass the closest CPpoint it finds so it makes easier to stack CPoints one over other. CPoints can be moved more precisely by editing the numerical field just about the gradient's preview.  This is a number between 0 (left edge) and 1 (right edge) specifying the selected CPoint's position.
+Another cool feature is that you can slide the triangles just like you slide the color or alpha bars. With this you can compress the gradient to one or to other side or make its falling more quick or slow between colors. If you press {{Shortcut|shift}} key meanwhile the {{Literal|Insert Color Stop}} is being dragged it doesn't pass the closest {{Literal|Insert Color Stop}} it finds so it makes easier to stack {{l|Color Stop|Colors Stop}} one over other. {{l|Color Stop|Colors Stop}} can be moved more precisely by editing the numerical field just about the gradient's preview.  This is a number between 0 (left edge) and 1 (right edge) specifying the selected {{l|Color Stop}}'s position.
@@ Line 34: / Line 35: @@
-Finally the "Grab" button copies the edited gradient into the toolbox's default gradient.
+Finally the {{Literal|Set as Default}} button copies the edited gradient into the {{l|Toolbox}}'s default gradient.
 --------------------

@@ Line 39: / Line 39: @@
 Constraining a gradient:
-By default the gradient overwrites or floods its surroundings. The area before the beginning of the gradient and after the end of the gradient are flooded with the beginning and ending colors of the gradient. As can be seen in this image:
+By default gradient layers overwrite or flood their surroundings. The area before the beginning of the gradient and after the end of the gradient are flooded with the beginning and ending colors of the gradient. As can be seen in this image:
 http://i1134.photobucket.com/albums/m620/BentFX/Synfig/Gradient1.png
-This is by design and adds the greatest flexibility to the gradient tools and layers. To achieve a gradient which is limited by its own geometry begin and end the gradient with transparency. Such as this:
+This is by design and adds the greatest flexibility to gradient layers. To achieve a gradient which is limited by its own geometry begin and end the gradient with transparency. Such as this:
 http://i1134.photobucket.com/albums/m620/BentFX/Synfig/Gradient2.png
 This still floods the surroundings, but with a transparent flood. To create a sharp edge to the gradient the beginning and ending colors can be dragged to the ends of the gradient editor gadget. The transparency doesn't have to have any width, it just has to be defined as the beginning and the end. Or just the beginning, or just the end, it's up to you, and your situation.

← Older revision		Revision as of 11:16, 23 August 2011
Line 47:		Line 47:
	http://i1134.photobucket.com/albums/m620/BentFX/Synfig/Gradient2.png		http://i1134.photobucket.com/albums/m620/BentFX/Synfig/Gradient2.png

−	This still floods the surroundings, but with a transparent flood. To create a sharp edge to the gradient the beginning and ending colors can be dragged to the ends of the gradient editor gadget. The transparency doesn't have to have any width, it just has to be defined as the beginning and the end. Or just the beginning, or just the end, it's up to you, and your situation~~. That's the flexibility~~.	+	This still floods the surroundings, but with a transparent flood. To create a sharp edge to the gradient the beginning and ending colors can be dragged to the ends of the gradient editor gadget. The transparency doesn't have to have any width, it just has to be defined as the beginning and the end. Or just the beginning, or just the end, it's up to you, and your situation.

← Older revision		Revision as of 10:41, 23 August 2011
Line 35:		Line 35:

	Finally the "Grab" button copies the edited gradient into the toolbox's default gradient.		Finally the "Grab" button copies the edited gradient into the toolbox's default gradient.
		+
		+	--------------------
		+	Constraining a gradient:
		+
		+	By default the gradient overwrites or floods its surroundings. The area before the beginning of the gradient and after the end of the gradient are flooded with the beginning and ending colors of the gradient. As can be seen in this image:
		+
		+	http://i1134.photobucket.com/albums/m620/BentFX/Synfig/Gradient1.png
		+
		+	This is by design and adds the greatest flexibility to the gradient tools and layers. To achieve a gradient which is limited by its own geometry begin and end the gradient with transparency. Such as this:
		+
		+	http://i1134.photobucket.com/albums/m620/BentFX/Synfig/Gradient2.png
		+
		+	This still floods the surroundings, but with a transparent flood. To create a sharp edge to the gradient the beginning and ending colors can be dragged to the ends of the gradient editor gadget. The transparency doesn't have to have any width, it just has to be defined as the beginning and the end. Or just the beginning, or just the end, it's up to you, and your situation. That's the flexibility.

← Older revision	Revision as of 15:05, 9 October 2009
(No difference)

← Older revision	Revision as of 15:58, 16 September 2009
(No difference)