Gradient on Objects

From Synfig Studio :: Documentation
Jump to: navigation, search
(Created page with "<!-- Page info --> {{Title|Gradient on Objects}} Category:Tutorials Category:Tips_and_Tricks <!-- Page info end --> By default a {{l|Gradient_Tool|gradient layer}} cover...")
 
m (Text replace - "{{Category|NewTerminology}}" to "{{NewTerminology}}")
 
(2 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
<!-- Page info -->
 
<!-- Page info -->
 
{{Title|Gradient on Objects}}
 
{{Title|Gradient on Objects}}
[[Category:Tutorials]]
+
{{Category|Tutorials}}
[[Category:Tips_and_Tricks]]
+
{{Category|Tips_and_Tricks}}
 +
{{NewTerminology}}
 
<!-- Page info end -->
 
<!-- Page info end -->
  
By default a {{l|Gradient_Tool|gradient layer}} cover the whole canvas. This short tutorial shows you how to cover an object with the gradient.
+
By default a {{l|Gradient_Tool|Gradient Layer}} cover the whole {{l|Canvas}}. This short tutorial shows you how to cover an object with the gradient.
  
1. Create the region you want to fill with a gradient.<br/>
+
1. Create the Region you want to fill with a gradient.<br/>
[[Image:Synfig_object-gradient_01.png|Synfig_object-gradient_01.png]]
+
[[Image:Synfig_object-gradient_01_0.63.06.png|frame|center]]
  
  
2. Create the gradient layer. As you can see it fills the canvas completely.<br/>
+
2. Create the Gradient Layer. As you can see it fills the Canvas completely.<br/>
[[Image:Synfig_object-gradient_02.png|Synfig_object-gradient_02.png]]
+
[[Image:Synfig_object-gradient_02_0.63.06.png|frame|center]]
  
  
3. Select all layers, right click, and select {{l|Encapsulate}}. Make sure the gradient is above the shapes it should fill.<br/>
+
3. Select all layers, right click, and select {{l|Group}}. Make sure the gradient is above the shapes it should fill.<br/>
[[Image:Synfig_object-gradient_03_encapsule.png|Synfig_object-gradient_03_encapsule.png]]
+
[[Image:Synfig_object-gradient_03_group_0.63.06.png|frame|center]]
  
  
4. Expand the new {{l|Paste Canvas|Inline Canvas}} layer if it's not already, and select your gradient layer.<br/>
+
4. Expand the new {{l|Group Layer}} if it's not already, and select your Gradient Layer.<br/>
5. In the {{l|Params Panel}} select the {{l|Blend Method}} parameter, and choose {{l|Blend Method#Onto|Onto}} from the drop-down menu.<br/>
+
5. In the {{l|Parameters Panel}} select the {{l|Blend Method}} parameter, and choose {{l|Blend Method#Onto|Onto}} from the drop-down menu.<br/>
[[Image:Synfig_object-gradient_04_onto.png|Synfig_object-gradient_04_onto.png]]
+
[[Image:Synfig_object-gradient_04_onto_0.63.06.png|frame|center]]
  
  
The gradient will clip to the visible area of the region below it inside the {{l|Paste Canvas|Inline Canvas}}. (and any other layers in that section).
+
The gradient will clip to the visible area of the region below it inside the {{l|Group Layer}}. (and any other layers in that section).
 +
 
 +
You can download the [[File:Doc Object Gradiants.sifz]] used in this example.

Latest revision as of 11:12, 20 May 2013

Languages Language: 

English



By default a Gradient Layer cover the whole Canvas. This short tutorial shows you how to cover an object with the gradient.

1. Create the Region you want to fill with a gradient.

Synfig object-gradient 01 0.63.06.png


2. Create the Gradient Layer. As you can see it fills the Canvas completely.

Synfig object-gradient 02 0.63.06.png


3. Select all layers, right click, and select Group. Make sure the gradient is above the shapes it should fill.

Synfig object-gradient 03 group 0.63.06.png


4. Expand the new Group Layer if it's not already, and select your Gradient Layer.
5. In the Parameters Panel select the Blend Method parameter, and choose Onto from the drop-down menu.

Synfig object-gradient 04 onto 0.63.06.png


The gradient will clip to the visible area of the region below it inside the Group Layer. (and any other layers in that section).

You can download the File:Doc Object Gradiants.sifz used in this example.


Languages Language: 

English