Color Editor Dialog - Revision history

D.j.a.y: /* Channels outside [0,100] */ cairo render info in {{note}}

2013-09-19T18:56:57Z

‎Channels outside [0,100]: cairo render info in {{note}}

D.j.a.y: supress screenshot note (finish) + create section "Channels outside [0,100]"

2013-06-04T08:00:13Z

supress screenshot note (finish) + create section "Channels outside [0,100]"

D.j.a.y: /* Examples of Alpha channel outside [0,100] */ screenshot progress

2013-06-04T07:51:30Z

‎Examples of Alpha channel outside [0,100]: screenshot progress

D.j.a.y: /* Examples of RGB channels outside [0,100] */ screenshot progress

2013-06-04T07:41:47Z

‎Examples of RGB channels outside [0,100]: screenshot progress

D.j.a.y: /* Examples of RGB channels outside [0,100] */ add "cairo render color limitation" note

2013-05-30T15:07:37Z

‎Examples of RGB channels outside [0,100]: add "cairo render color limitation" note

D.j.a.y: /* Examples of RGB channels outside [0,100] */ screenshot progress

2013-05-30T06:03:28Z

‎Examples of RGB channels outside [0,100]: screenshot progress

D.j.a.y: /* The Colors Dialog */ screen shot progress

2013-05-30T05:54:04Z

‎The Colors Dialog: screen shot progress

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

2013-05-20T07:54:14Z

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

D.j.a.y: Somes of the screenshots needs to be updated with 0.64.0

2013-05-13T07:29:22Z

Somes of the screenshots needs to be updated with 0.64.0

D.j.a.y: Terminology Updated

2013-02-16T07:40:11Z

Terminology Updated

@@ Line 19: / Line 19: @@
 == Channels outside [0,100] ==
-Setting colors or alpha channel outside [0,100] did'nt work with {{literal|Cairo Rendering}} on the {{l|Setup_Dialog#Render_Tab|WorkArea}} either in {{l|Doc:Preview#Use_Cairo_render|preview}}, but only with {{literal|Synfig Software Rendering}}.
+{{Note|Channels outside [0,100] Cairo Render|Setting RGB or Alpha channel outside [0,100] did'nt work with {{literal|Cairo Rendering}} on the {{l|Setup_Dialog#Render_Tab|WorkArea}} either in {{l|Doc:Preview#Use_Cairo_render|preview}}, but only with {{literal|Synfig Software Rendering}}.
 Cairo rendering engine is ARGB32 (8 bits per color channel) but Synfig rendering engine is RGBA128 (32 bits per color channel).
-Cairo admits color channels as float point values between 0.0 and 1.0 (that finally is mapped to a 0-255 unsigned value), anything outside that is clamped by Cairo API.
+Cairo admits color channels as float point values between 0.0 and 1.0 (that finally is mapped to a 0-255 unsigned value), anything outside that is clamped by Cairo API.}}
 === Examples of RGB channels outside [0,100] ===

@@ Line 4: / Line 4: @@
 {{NewTerminology}}
 <!-- Page info end -->
 ==The Colors Dialog ==
@@ Line 18: / Line 17: @@
 On the other hand, {{Literal|YUV}} channels can only be set using the triangular sliders. ''It would be a good feature if those channels could also be modified by their numerical values.''
-== Examples of RGB channels outside [0,100] ==
+== Channels outside [0,100] ==
-  Note : Setting colors outside [0,100] did'nt work with Cairo Rendering on the {{l|Setup_Dialog#Render_Tab|WorkArea}} either in {{l|Doc:Preview#Use_Cairo_render|preview}}.
+Setting colors or alpha channel outside [0,100] did'nt work with {{literal|Cairo Rendering}} on the {{l|Setup_Dialog#Render_Tab|WorkArea}} either in {{l|Doc:Preview#Use_Cairo_render|preview}}, but only with {{literal|Synfig Software Rendering}}.
-  Cairo rendering engine is ARGB32 (8 bits per color channel) but Synfig rendering engine is RGBA128 (32 bits per color channel).
-  Cairo admits color channels as float point values between 0.0 and 1.0 (that finally is mapped to a 0-255 unsigned value), anything outside
+Cairo rendering engine is ARGB32 (8 bits per color channel) but Synfig rendering engine is RGBA128 (32 bits per color channel).
-  that is clamped by Cairo API.
+Cairo admits color channels as float point values between 0.0 and 1.0 (that finally is mapped to a 0-255 unsigned value), anything outside that is clamped by Cairo API.
 Here are some examples of what happens when a color channel value is set to values beyond its natural scope.
@@ Line 49: / Line 50: @@
 In the examples you can notice that negative values for an RGB channel ("overdesaturated") combined with alpha set to an intermediate value affects light colors more than dark colors. On the other hand RGB channel values greater than '''100''' ("oversaturated") affects dark colors more than light colors.
-== Examples of Alpha channel outside [0,100] ==
+=== Examples of Alpha channel outside [0,100] ===
 In the following examples you can see that negative Alpha values and bigger than '''100%''' Alpha values composited with other layers produces very interesting effects. ''If someone want to explain why those effects are produced, please edit this page! :)''

@@ Line 53: / Line 53: @@
 In the following examples you can see that negative Alpha values and bigger than '''100%''' Alpha values composited with other layers produces very interesting effects. ''If someone want to explain why those effects are produced, please edit this page! :)''
-{{l|Image:Color11.png}} {{l|Image:ColorDialog11.png}} {{l|Image:ColorTest11.png}}
+[[File:Color11-0.63.06.png]] [[File:ColorDialog11-0.63.06.png]] [[File:ColorTest11.png]]
-{{l|Image:Color12.png}} {{l|Image:ColorDialog12.png}} {{l|Image:ColorTest12.png}}
+[[File:Color12-0.63.06.png]] [[File:ColorDialog12-0.63.06.png]] [[File:ColorTest12.png]]
-{{l|Image:Color13.png}} {{l|Image:ColorDialog13.png}} {{l|Image:ColorTest13.png}}
+[[File:Color13-0.63.06.png]] [[File:ColorDialog13-0.63.06.png]] [[File:ColorTest13.png]]
 == The sample file ==

@@ Line 31: / Line 31: @@
 [[File:Color3-0.63.06.png]] [[File:ColorDialog3-0.63.06.png]] [[File:ColorTest3.png]]
-{{l|Image:Color4.png}} {{l|Image:ColorDialog4.png}} {{l|Image:ColorTest4.png}}
+[[File:Color4-0.63.06.png]] [[File:ColorDialog4-0.63.06.png]] [[File:ColorTest4.png]]
-{{l|Image:Color5.png}} {{l|Image:ColorDialog5.png}} {{l|Image:ColorTest5.png}}
+[[File:Color5-0.63.06.png]] [[File:ColorDialog5-0.63.06.png]] [[File:ColorTest5.png]]
-{{l|Image:Color7.png}} {{l|Image:ColorDialog7.png}} {{l|Image:ColorTest7.png}}
+[[File:Color6-0.63.06.png]] [[File:ColorDialog6-0.63.06.png]] [[File:ColorTest6.png]]
-{{l|Image:Color6.png}} {{l|Image:ColorDialog6.png}} {{l|Image:ColorTest6.png}}
+[[File:Color7-0.63.06.png]] [[File:ColorDialog7-0.63.06.png]] [[File:ColorTest7.png]]
-{{l|Image:Color8.png}} {{l|Image:ColorDialog8.png}} {{l|Image:ColorTest8.png}}
+[[File:Color8-0.63.06.png]] [[File:ColorDialog8-0.63.06.png]] [[File:ColorTest8.png]]
-{{l|Image:Color9.png}} {{l|Image:ColorDialog9.png}} {{l|Image:ColorTest9.png}}
+[[File:Color9-0.63.06.png]] [[File:ColorDialog9-0.63.06.png]] [[File:ColorTest9.png]]
-{{l|Image:Color10.png}} {{l|Image:ColorDialog10.png}} {{l|Image:ColorTest10.png}}
+[[File:Color10-0.63.06.png]] [[File:ColorDialog10-0.63.06.png]] [[File:ColorTest10.png]]
    In all the examples the {{l|Blend Method}} of the horizontal rectangle was {{l|Blend Method#Composite|Composite}}.

← Older revision		Revision as of 15:07, 30 May 2013
Line 19:		Line 19:

	== Examples of RGB channels outside [0,100] ==		== Examples of RGB channels outside [0,100] ==
		+
		+	Note : Setting colors outside [0,100] did'nt work with Cairo Rendering on the {{l\|Setup_Dialog#Render_Tab\|WorkArea}} either in {{l\|Doc:Preview#Use_Cairo_render\|preview}}.
		+	Cairo rendering engine is ARGB32 (8 bits per color channel) but Synfig rendering engine is RGBA128 (32 bits per color channel).
		+	Cairo admits color channels as float point values between 0.0 and 1.0 (that finally is mapped to a 0-255 unsigned value), anything outside
		+	that is clamped by Cairo API.

	Here are some examples of what happens when a color channel value is set to values beyond its natural scope.		Here are some examples of what happens when a color channel value is set to values beyond its natural scope.

@@ Line 22: / Line 22: @@
 Here are some examples of what happens when a color channel value is set to values beyond its natural scope.
-{{l|Image:Color2.png}} {{l|Image:ColorDialog2.png}} {{l|Image:ColorTest2.png}}
+[[File:Color2-0.63.06.png]] [[File:ColorDialog2-0.63.06.png]] [[File:ColorTest2.png]]
-{{l|Image:Color3.png}} {{l|Image:ColorDialog3.png}} {{l|Image:ColorTest3.png}}
+[[File:Color3-0.63.06.png]] [[File:ColorDialog3-0.63.06.png]] [[File:ColorTest3.png]]
 {{l|Image:Color4.png}} {{l|Image:ColorDialog4.png}} {{l|Image:ColorTest4.png}}

@@ Line 9: / Line 9: @@
 The {{Literal|Colors Dialog}} has two sections: one for the color itself and another for the {{Literal|Alpha}} channel (the opacity of the color). The color section (only RGB ones) allows changes to the color channels and shows the {{Literal|HTML code}} of the color. This {{Literal|HTML code}} representation doesn't include the {{Literal|Alpha}} channel.
-{{l|Image:Color1.png}} {{l|Image:ColorDialog1.png}} {{l|Image:ColorsDialogYUV1.png}} {{l|Image:ColorTest1.png}}
+[[File:Color1-0.63.06.png|frame|none]]
 You can set the color you are editing using two methods: {{Literal|RGB}} composition (Red, Green and Blue channels) or {{Literal|YUV}} composition (Luma, Hue, Saturation, U and V channels). Select one of the tabs to make the modifications using the method you prefer.
@@ Line 15: / Line 16: @@
 All the {{Literal|RGB}} channels and alpha values can be modified using the triangular sliders or the numeric input. In all cases the value can be between '''0''' and '''100'''. {{Literal|RGB}} values, and alpha values as well, can actually be higher than '''100''' and lower than '''0'''. If you set RGB values higher than '''100''' it produces a shifted color with transparency. Same happens if values are lower than '''0'''. You can create an object with a color with {{Literal|Alpha}} = '''200'''. Then if you apply it over another layer with {{Literal|Alpha}} = 100 and use {{Literal|alpha over}} as the composition method. You will then obtain a composited alpha of '''-100''' (-100 = 100-200). Anyway the alpha value will be truncated to be in the [0,100] interval when the image is rendered because images cannot hold negative alpha or bigger than '''100%''' (''Are you sure?'').
-On the other hand, {{Literal|YUV}} channels can only be set using the triangular sliders. It would be a good feature if those channels could also be modified by their numerical values.
+On the other hand, {{Literal|YUV}} channels can only be set using the triangular sliders. ''It would be a good feature if those channels could also be modified by their numerical values.''
 == Examples of RGB channels outside [0,100] ==

@@ Line 2: / Line 2: @@
 {{Title|Color Editor Dialog}}
 {{Category|Dialogs}}
-{{Category|NewTerminology}}
+{{NewTerminology}}
 <!-- Page info end -->
   Somes of the screenshots needs to be updated with 0.64.0