Doc:Adding Layers - Revision history

BobSynfig: /* Combining layers */

2019-02-06T22:12:54Z

‎Combining layers

Fortitude: added note

2016-09-04T16:28:37Z

added note

Fortitude: Changed description to match v.1.0.2 UI.

2016-09-04T16:20:46Z

Changed description to match v.1.0.2 UI.

D.j.a.y: /* Using locality */ nota has image description

2016-07-06T06:07:20Z

‎Using locality: nota has image description

D.j.a.y: /* Using locality */ intra links to Blend_Method_Parameter

2016-07-06T05:58:55Z

‎Using locality: intra links to Blend_Method_Parameter

D.j.a.y: /* Combining layers */ composite

2015-12-29T10:25:42Z

‎Combining layers: composite

D.j.a.y: use of TOCright template

2015-04-19T12:41:15Z

use of TOCright template

D.j.a.y: /* Using locality */ update "the key is" sentence according talk page

2014-05-23T10:30:25Z

‎Using locality: update "the key is" sentence according talk page

Zelgadis: /* Introduction */ Revert http://wiki.synfig.org/wiki/index.php?title=Doc%3AAdding_Layers&diff=15357&oldid=13533 . Mention 3 aspects is important.

2013-10-24T13:47:23Z

‎Introduction: Revert http://wiki.synfig.org/wiki/index.php?title=Doc%3AAdding_Layers&diff=15357&oldid=13533 . Mention 3 aspects is important.

Zelgadis: /* Introduction */ Don't mention filter layers too early. We shouldn't mix the points.

2013-10-24T13:40:31Z

‎Introduction: Don't mention filter layers too early. We shouldn't mix the points.

@@ Line 24: / Line 24: @@
 So let's look at a simple example of how we can combine two layers to create a gradient effect on a rectangle.
-Create a new file with 0 duration. There's no need to bother with a timeline at this point. Next, create a simple rectangle with the {{l|Rectangle Tool}}.
+Create a new file with any duration. There's no need to bother with a timeline at this point. Next, create a simple rectangle with the {{l|Rectangle Tool}}.
 [[Image:Adding-layers-tutorial-1 0.63.06.png|frame|center]]

← Older revision		Revision as of 16:28, 4 September 2016
Line 33:		Line 33:

	{{Note\|Note\|If you see no gradient but just a plain color, that means that you probably just clicked on the canvas without dragging your mouse. To fix that pick the {{l\|Transform Tool\|Transform Tool}}, click into the canvas to activate the gradient's handles. You need to grab the one you see and move it a bit until a gradient appears.}}		{{Note\|Note\|If you see no gradient but just a plain color, that means that you probably just clicked on the canvas without dragging your mouse. To fix that pick the {{l\|Transform Tool\|Transform Tool}}, click into the canvas to activate the gradient's handles. You need to grab the one you see and move it a bit until a gradient appears.}}
		+
		+	{{Note\|Note\|If you see a spiral gradient, go to the [[Tool_Options_Panel]] and change Layer Type to linear by clicking on the far left icon.}}
		+
	You now have a gradient, but it is not what you wanted: it spreads across the whole canvas. The goal was to have a gradient in the rectangle. So, let's fix this now.		You now have a gradient, but it is not what you wanted: it spreads across the whole canvas. The goal was to have a gradient in the rectangle. So, let's fix this now.

@@ Line 35: / Line 35: @@
 You now have a gradient, but it is not what you wanted: it spreads across the whole canvas. The goal was to have a gradient in the rectangle. So, let's fix this now.
-In the {{l|Layers Panel}}, select both the gradient and the rectangle layer. Then, right-click and select {{Literal|Group Layer}} from the menu. The view of your Layers Panel should change now, showing a small box called {{l|Group Layer|Group}} with a {{Literal|+}} in front. By clicking on the {{Literal|+}} you can expand the group layer to see its contents, your previous two layers: the gradient and the rectangle.
+In the {{l|Layers Panel}}, select both the gradient and the rectangle layer. Then, right-click and select {{Literal|Group Layer}} from the menu. The view of your Layers Panel should change now, showing a small box called {{l|Group Layer|Group}} with a &#x25b6; in front. By clicking on the &#x25b6; you can expand the group layer to see its contents, your previous two layers: the gradient and the rectangle.
 [[Image:Adding Layer-tutorial-3 0.63.06.png|frame|center]]

@@ Line 48: / Line 48: @@
 The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.
-You will found more informations about the various {{literal|Blend Method}} in the {{l|Blend_Method_Parameter}} documentation.
+[[Image:Adding Layer-tutorial-5 0.63.06.png|frame|center|The gradient is restricted to the rectangle. You will found more informations about the various {{literal|Blend Method}} in the {{l|Blend_Method_Parameter}} documentation.]]
-−
-[[Image:Adding Layer-tutorial-5 0.63.06.png|frame|center]]
 If only for the additional organization, grouping layers dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that a layer, inside it's own group, will '''only''' modify the data contained by all the layers and groups '''below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Group Layer|group layer}} we created, it would just blur them &mdash; anything under the group layer would not be blurred! Let's try it.

@@ Line 42: / Line 42: @@
 == Using locality ==
-However, there is still a problem: the gradient still covers the whole canvas although we wanted it to be restricted on the rectangle. To do so, activate the gradient layer in the Layers Panel. Now go to the {{l|Parameters Panel}} (by default it resides in the bottom window), and search for the attribute called {{Literal|Blend Method}}. Double-click the entry and select {{Literal|Onto}} from the drop-down menu.
+However, there is still a problem: the gradient still covers the whole canvas although we wanted it to be restricted on the rectangle. To do so, activate the gradient layer in the Layers Panel. Now go to the {{l|Parameters Panel}} (by default it resides in the bottom window), and search for the attribute called {{l|Blend_Method_Parameter|Blend Method}}. Double-click the entry and select {{l|Blend_Method_Parameter#Onto|Onto}} from the drop-down menu.
 [[Image:Adding Layer-tutorial-4 0.63.06.png|frame|center]]
 The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.
 [[Image:Adding Layer-tutorial-5 0.63.06.png|frame|center]]

@@ Line 28: / Line 28: @@
 [[Image:Adding-layers-tutorial-1 0.63.06.png|frame|center]]
-Pick the {{l|Gradient Tool|Gradient Tool}} from the {{l|Category:Toolbox|Toolbox}}, press the left mouse button on the canvas, drag to change the gradient direction and release the button when you are done. You should note that another layer was added in the {{l|Layers Panel}} called '''Gradient'''. This is nothing special.
+Pick the {{l|Gradient Tool|Gradient Tool}} from the {{l|Category:Toolbox|Toolbox}} ({{l|Blend Method Parameter#Composite|Composite}} Blend Method), press the left mouse button on the canvas, drag to change the gradient direction and release the button when you are done. You should note that another layer was added in the {{l|Layers Panel}} called '''Gradient'''. This is nothing special.
 [[Image:Adding Layer-tutorial-2 0.63.06.png|frame|center]]

@@ Line 2: / Line 2: @@
 {{Title|Adding Layers}}
 {{Navigation|Category:Manual|Doc:Creating_Shapes}}
 [[Category:Manual]]
 [[Category:Tutorials]]
 [[Category:Tutorials Basic]]
 [[Category:Updated]]
 {{NewTerminology}}
 <!-- Page info end -->
 == Introduction ==

@@ Line 52: / Line 52: @@
 [[Image:Adding Layer-tutorial-5 0.63.06.png|frame|center]]
-If only for the additional organization, grouping layers dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that a layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Group Layer|group layer}} we created, it would just blur them &mdash; anything under the group layer would not be blurred! Let's try it.
+If only for the additional organization, grouping layers dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that a layer, inside it's own group, will '''only''' modify the data contained by all the layers and groups '''below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Group Layer|group layer}} we created, it would just blur them &mdash; anything under the group layer would not be blurred! Let's try it.
 == Using layers to modify other layers==

@@ Line 15: / Line 15: @@
 In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of {{l|Primitive Layer|primitive}} objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.
-However, Synfig's layers are different from layers in other programs in at least two aspects:
+However, Synfig's layers have following important specific:
-# Every {{l|Primitive Layer|element}} gets its own layer.
+# Every object or {{l|Primitive Layer|element}} gets its own layer.
-# The up to down layer combination allows you to use upper layers to change the behavior (or look) of underlying layers. Those are called {{l|Filter Layer|filter layers}} or effect layers.
+# You can organize layers into hierarchical groups.
 As you will see, layers are an extremely important aspect of Synfig, much more so than most graphics programs. Understanding the concept of layers is an important part in understanding how Synfig works.