Difference between revisions of "Synfig/C3/Plant-animation/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with "'''Title of script:''' Create Plant animation '''Author:''' Shital '''Keywords:''' Draw and animate shape, Insert item, Mark active point On/off option Split tangent, Creat...")
 
Line 1: Line 1:
 
'''Title of script:''' Create Plant animation
 
'''Title of script:''' Create Plant animation
  
'''Author:''' Shital
+
'''Author:''' Shital Joshi
  
'''Keywords:''' Draw and animate shape, Insert item, Mark active point On/off option
+
'''Keywords:''' Draw and animate shape, Insert item, Mark active point On/off option, Split tangent, Create a Plant animation
 
+
Split tangent, Create a Plant animation
+
  
  
Line 25: Line 23:
  
 
* Draw shapes and group layers
 
* Draw shapes and group layers
* Add a''' '''vertex''' '''by using '''Insert item'''
+
* Add a vertex by using '''Insert item'''
 
* Split tangent option and
 
* Split tangent option and
 
* Mark active point off option and
 
* Mark active point off option and
Line 40: Line 38:
 
* '''Ubuntu Linux''' 14.04 OS
 
* '''Ubuntu Linux''' 14.04 OS
 
* '''Synfig''' version 1.0.2
 
* '''Synfig''' version 1.0.2
 
 
  
 
|-
 
|-
Line 88: Line 84:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Tool box >>Spline tool >>Colour palette''' choose the colour'''>>Fill tool'''
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Tool box >>Spline tool >>Colour palette''' choose the colour'''>>Fill tool'''
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Draw a white background layer before you draw any other shape. Change the name of a layer as a '''Background'''.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Draw a white background layer before you draw any other shape. C
 +
 
 +
hange the name of a layer as a '''Background'''.
  
  
Line 94: Line 92:
  
  
Make sure that only "'''Create Region Layer'''" is checked.
+
Make sure that only "'''Create Region Layer'''" is selected.
  
  
Line 103: Line 101:
  
 
'''Tool box >>Spline tool '''
 
'''Tool box >>Spline tool '''
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Now, draw a triangle with the '''Spline''' tool as demonstrated here.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Now, draw a triangle with the '''Spline tool''' as demonstrated here.
  
 
|-
 
|-
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Canvas >>Loop spline >> Make Spline.'''
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Canvas >>Loop spline'''
  
  
Line 113: Line 111:
  
  
To do so, right-click on the first vertex and choose''' "Loop Spline'''".
+
To do so, right-click on the first vertex and choose''' "Loop Spline"'''.
 
+
 
+
Then click on '''Make Spline.'''
+
  
  
Line 127: Line 122:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Toolbox''' >>''' Transform tool''' >> Right click on vertex >>''' Split tangents'''
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Toolbox''' >>''' Transform tool''' >> Right click on vertex >>''' Split tangents'''
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Click on''' Transform tool''' and then right-click on each vertex'''.'''
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Click on''' Transform tool''' and then right-click on each vertex.
  
  
Line 137: Line 132:
  
  
A new layer is formed. Let’s name it as '''Stem'''.
+
A new layer is formed. Let us name it as '''Stem'''.
  
 
|-
 
|-
Line 179: Line 174:
  
  
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Next, go to''' '''the '''Ruler. '''
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Next, go to the '''Ruler. '''
  
  
Line 192: Line 187:
  
  
You can use + and - sign for zoom in and zoom out '''canvas.'''
+
You can use '''+(plus)''' and '''-(minus)''' sign for zoom in and zoom out respectively.
  
 
|-
 
|-
Line 208: Line 203:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Add 10 other nodes on the '''canvas'''
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Add 10 other nodes on the '''canvas'''
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Add 10 more nodes on the '''Guidelines''' as done here.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Add 10 more vertices on the '''Guidelines''' as done here.
  
  
Line 215: Line 210:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Right-click >> select '''Split tangents.'''
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Right-click >> select '''Split tangents.'''
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Now, right-click on each vertex'''.'''
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Now, right-click on each vertex.
  
  
Line 222: Line 217:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel >>'''Place the''' cursor''' on 23<sup>th</sup> frame >>'''Parameter panel '''select the added node>>  
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel >>'''Place the''' cursor''' on 23<sup>th</sup> frame >>'''Parameter panel '''select the added node>>  
 
  
  
Line 228: Line 222:
  
  
Go to''' parameter panel'''.
+
Go to''' Parameters panel'''.
  
  
Line 235: Line 229:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"|  
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"|  
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Check the newly added Vertices.  
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Check the newly added vertices.  
  
  
Line 242: Line 236:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Canvas '''Right click on''' node >> Mark active point as a off'''
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Canvas '''Right click on''' node >> Mark active point as a off'''
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Right-click on''' '''the newly added vertices.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Right-click on the newly added vertices.
  
  
Line 264: Line 258:
  
  
Move the vertices''' '''to create the starting part of the leaves, as demonstrated.
+
Move the vertices to create the starting part of the leaves, as demonstrated.
  
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 37<sup>th</sup> frame >> '''canvas '''>>Move the '''nodes''' for leaves as demonstrated.
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 37<sup>th</sup> frame >> '''canvas '''>>Move the '''nodes''' for leaves as demonstrated.
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Again, go to the''' Time track panel''' and place the''' Time cursor''' on the 37th frame.
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Again, go to the''' Time track panel''' and place the''' Time cursor''' on the 37th frame.
 
 
 
  
 
|-
 
|-
Line 281: Line 272:
  
  
Remember mark a active point off for newly added vertices''' '''only.
+
Remember - mark '''active point''' off for newly added vertices only.
  
 
|-
 
|-
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 45<sup>th</sup> frame>> Move the top node
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 45<sup>th</sup> frame>> Move the top vertex
 
+
as demonstrated.
+
 
+
 
+
  
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Back to the''' Time track panel.'''  
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Back to the''' Time track panel.'''  
  
  
Place the''' Time cursor''' on the 45th frame and move the top node, as shown here.
+
Place the''' Time cursor''' on the 45th frame and move the top vertex, as shown here.
  
 
|-
 
|-
Line 304: Line 291:
  
  
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Go to''' '''the '''Time track panel '''and place the''' Time cursor''' on the 80<sup>th</sup> frame.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Go to the '''Time track panel '''and place the''' Time cursor''' on 80th frame.
  
  
Line 325: Line 312:
  
  
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Once again, go to''' the Time track panel''' and place the''' Time cursor''' on the 90<sup>th</sup> frame.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Once again, go to''' the Time track panel''' and place the''' Time cursor''' on the 90th frame.
  
  
Line 332: Line 319:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Tool box >>Spline tool >>Colour palatte''' choose the colour '''>> Fill tool'''
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Tool box >>Spline tool >>Colour palatte''' choose the colour '''>> Fill tool'''
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Now, click on''' '''the '''Spline''' tool.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Now, click on the '''Spline tool'''.
  
  
Make sure that only "'''Create Region Layer'''" is checked.
+
Make sure that only '''"Create Region Layer"''' is selected.
  
  
Line 342: Line 329:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Draw as shown.
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Draw as shown.
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Then draw a bud with the '''Spline''' tool, as demonstrated.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Then draw a bud with the '''Spline tool''', as demonstrated.
  
 
|-
 
|-
Line 356: Line 343:
  
  
Note that the trace of the form is now closed. Adjust the '''vertices''' and create and create bud shape.
+
Note that the trace of the form is now closed.  
  
 +
Adjust the '''vertices''' and create and create bud shape.
  
Change the layer name as a '''Bud'''. Place the''' Bud '''layer below the '''Stem l'''ayer.
+
 
 +
Change the layer name as a '''Bud'''. Place the''' Bud '''layer below the '''Stem '''layer.
  
 
|-
 
|-
Line 366: Line 355:
  
  
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Again, go to the''' Time track panel''' and place the''' Time cursor''' on the 99<sup>th</sup> frame.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Again, go to the''' Time track panel''' and place the''' Time cursor''' on the 99th frame.
  
  
Move the''' top node''' of the bud, as done here.
+
Move the top vertex of the bud, as done here.
  
 
|-
 
|-
Line 378: Line 367:
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Layers panel '''>> Select '''Stem layer>> '''Move the nodes as demonstrated.
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Layers panel '''>> Select '''Stem layer>> '''Move the nodes as demonstrated.
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Now, go to the''' Layers panel '''and select the '''Stem '''layer.
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Now, go to the''' Layers panel '''and select the '''Stem '''layer.
 
 
 
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Toolbar >> '''Click on '''Spline tool '''
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Then go to the '''Toolbar''' and click on the '''Spline '''tool.
 
  
 
|-
 
|-
Line 399: Line 381:
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Likewise, we have to add 4 more vertices.
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Likewise, we have to add 4 more vertices.
  
Place the time cursor on 98th frame and Mark the active point off for these vertices.
+
Place the time cursor on 98th frame and mark the '''active point''' off for these vertices.
  
 
|-
 
|-
Line 419: Line 401:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 100<sup>th </sup>frame>> '''Layers panel >> '''Select the''' bud layer'''>>  
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 100<sup>th </sup>frame>> '''Layers panel >> '''Select the''' bud layer'''>>  
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Go back to the''' Time track panel''' and place the''' Time cursor''' on the 100<sup>th</sup> frame.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Go back to the''' Time track panel''' and place the''' Time cursor''' on the 100th frame.
  
  
Line 433: Line 415:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 108<sup>th</sup> frame>> Move the nodes as demonstrated.
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 108<sup>th</sup> frame>> Move the nodes as demonstrated.
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Back on the '''Time track panel,''' place the''' Time cursor''' on the 108<sup>th</sup> frame.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Back on the '''Time track panel,''' place the''' Time cursor''' on the 108th frame.
  
  
Line 440: Line 422:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 115<sup>th</sup> frame>>  
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 115<sup>th</sup> frame>>  
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Go back to''' '''the '''Time track panel''' and place the''' Time cursor''' on the 115<sup>th</sup> frame.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Go back to''' '''the '''Time track panel''' and place the''' Time cursor''' on the 115th frame.
  
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Layers panel >> '''Select the''' petal_1 and petal_2 layers'''
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Layers panel >> '''Select the''' petal_1 and petal_2 layers'''
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Go to the '''Layers '''panel and select both the '''petal_1 and petal_2 '''layers.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Go to the '''Layers '''panel and select both the '''petal_1''' and '''petal_2 '''layers.
  
 
|-
 
|-
Line 454: Line 436:
  
 
|-
 
|-
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 120<sup>th</sup> frame>> Move the nodes as demonstrated.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 120th frame>> Move the nodes as demonstrated.
  
  
Line 461: Line 443:
  
  
Place the''' Time cursor''' on the 120<sup>th</sup> frame.
+
Place the''' Time cursor''' on the 120th frame.
  
  
Line 483: Line 465:
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 140<sup>th</sup> frame>> Move the nodes as demonstrated.
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 140<sup>th</sup> frame>> Move the nodes as demonstrated.
  
 +
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Back on the''' Time track panel,''' place the''' Time cursor''' on the 140th frame.
  
  
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Back on the''' Time track panel,''' place the''' Time cursor''' on the 140<sup>th</sup> frame.
+
Move the vertices of the 5th and 6th petals, as demonstrated.
 
+
 
+
Move the''' '''vertices of the 5th and 6th petals, as demonstrated.
+
  
 
|-
 
|-
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 108<sup>th</sup> frame >>
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 112th frame
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Again, go to the''' Time track panel''' and place the''' Time cursor''' on the108<sup>th</sup> frame.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Again, go to the''' Time track panel''' and place the''' Time cursor''' on the 112th frame.
  
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Toolbar '''>>'''Transform''' '''tool'''
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Toolbar '''>>'''Transform''' '''tool'''
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Then go to the '''Toolbar''' and click on the '''Transform tool'''.
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Then go to the '''Toolbar''' and click on the '''Transform tool'''.
 +
 +
|-
 +
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 108<sup>th</sup> frame >>
 +
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Place the''' Time cursor''' on the 108th frame.
  
 
|-
 
|-
Line 507: Line 491:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 128<sup>th</sup> frame  
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Time track panel '''>>Place the''' cursor''' on 128<sup>th</sup> frame  
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Back on the''' Time track panel,''' place the''' Time cursor''' on the 128<sup>th</sup> frame.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Back on the''' Time track panel'''.
 +
 
 +
Place the''' Time cursor''' on the 128<sup>th</sup> frame.
  
  
Move the''' '''vertices''' '''of green green sepals of the bud, as demonstrated.
+
Move the vertices of green green sepals of the bud, as demonstrated.
  
 
|-
 
|-
Line 519: Line 505:
  
  
Go to '''Parameter panel. '''Change the '''Amount '''0.
+
Go to '''Parameters panel. '''Change the '''Amount '''to 0.
 
+
 
+
Similarly do for petal’s layers. Similarly do 89th
+
 
+
frame.
+
  
  
 +
Similarly, do for petals layers.
  
 +
Let us do the same for 89th frame.
  
 
|-
 
|-
Line 542: Line 525:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Layers panel'''>>'''Toolbox>>Canvas'''
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Layers panel'''>>'''Toolbox>>Canvas'''
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Now let's add a '''gradient''' in''' background '''layer..  
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Now let's add a '''gradient''' in the''' Background '''layer..  
  
  
 
Select '''Background '''layer. Click on''' gradient'''.
 
Select '''Background '''layer. Click on''' gradient'''.
  
 +
Drag a gradient in the '''Background''' as demonstrated.
  
Set th'''e outline colour''' brown and''' fill colour '''blue.
+
Set the''' Outline colour''' to brown and''' Fill colour '''to blue.
 
+
 
+
Drag gradient on Background as demonstrated.
+
 
+
 
+
 
+
  
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Ctrl + S'''
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Ctrl + S'''
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Let us now save our file.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Let us now save our Synfig file.
  
 
|-
 
|-
Line 570: Line 548:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Quality >>FPS'''
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Quality >>FPS'''
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Set the''' Quality''' as 0.5 and''' FPS''' as 24'''.'''
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Set the''' Quality''' as 0.5 and''' FPS''' as 24.
  
 
|-
 
|-
Line 577: Line 555:
  
  
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Click on the''' Preview''' button''' '''and then click on the''' Play''' button.
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Click on the''' Preview''' button and then click on the''' Play''' button.
  
  
Line 599: Line 577:
  
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| To do that, click on''' File''' and then on''' Render'''.
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| To do that, click on''' File''' and then on''' Render'''.
 
 
Go to''' Render setting''' window.
 
  
  
Line 618: Line 593:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Click on''' Target >>''' Select''' ffmpeg'''
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Click on''' Target >>''' Select''' ffmpeg'''
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Click on''' Target''' drop down menu and select the extension as''' ffmpeg.'''
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Click on''' Target''' drop-down menu and select the extension as''' ffmpeg.'''
  
 
|-
 
|-
Line 639: Line 614:
  
  
Open the folder in which we saved our file.
+
Open the folder in which we saved our file. Now select''' plant-animation. avi.'''
 
+
 
+
Now select''' plant-animation. avi.'''
+
  
 
|-
 
|-
Line 665: Line 637:
  
  
* Draw shapes with '''Spline '''tool
+
* Draw shapes with '''Spline tool'''
* Add a node by using '''Insert item'''
+
* Add a vertex by using '''Insert item'''
 
* Split tangent option
 
* Split tangent option
 
* Mark active point off option
 
* Mark active point off option
 
* Animate the shape
 
* Animate the shape
 
 
  
 
|-
 
|-
Line 677: Line 647:
  
 
(Slide)
 
(Slide)
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| * Draw simple cartoon face with long hair filled with different colors
+
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"|  
 +
* Draw simple cartoon face with long hair filled with different colors
 
* Animate the hairs.
 
* Animate the hairs.
 
 
  
 
|-
 
|-
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Completed assignment
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Completed assignment
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| * Cartoon face with animated long hair  
 
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| * Cartoon face with animated long hair  
 
 
  
 
|-
 
|-
Line 700: Line 667:
  
  
| style="border:0.75pt solid #000001;padding-top:0in;padding-bottom:0.0417in;padding-left:0.0417in;padding-right:0.0417in;"| We conduct workshops using Spoken Tutorials.
+
| style="border:0.75pt solid #000001;padding-top:0in;padding-bottom:0.0417in;padding-left:0.0417in;padding-right:0.0417in;"| We conduct workshops using Spoken Tutorials and give certificates.
 
+
And give certificates.
+
  
  

Revision as of 08:30, 12 January 2017

Title of script: Create Plant animation

Author: Shital Joshi

Keywords: Draw and animate shape, Insert item, Mark active point On/off option, Split tangent, Create a Plant animation


Visual cue
Narration
Opening Slide Welcome to the Spoken Tutorial on “Create a Plant animation” using Synfig.
Learning Objectives (Slide) In this tutorial, we will familiarize ourselves with animating shapes in Synfig.


We will learn to-

  • Draw shapes and group layers
  • Add a vertex by using Insert item
  • Split tangent option and
  • Mark active point off option and
  • Animate the shapes

Here we will create a Plant animation.

System requirements

(Slide)

To record this tutorial, I am using-
  • Ubuntu Linux 14.04 OS
  • Synfig version 1.0.2
Go to Dash home >>Synfig Go to Dash home and type Synfig.
Click on Synfig logo Open Synfig by clicking on the logo.
Slide Plant animation. Now let us start creating the Plant animation.
Synfig interface We need to first create the graphics in Synfig.


We will create a plant with a flower.

Go to File >>Click on New Go to File and click on New.
Let us first save our file.
Go to File >>Click on Save


Select the folder to save.


Type filename as Plant-animation >> click on Save.

Go to File and click on Save.


Select the folder in which to save.


Type the filename as Plant-animation and click on the Save button.

Tool box >>Spline tool >>Colour palette choose the colour>>Fill tool Draw a white background layer before you draw any other shape. C

hange the name of a layer as a Background.


Go to toolbox. Select Spline tool.


Make sure that only "Create Region Layer" is selected.


In the toolbox, set the fill colour to green.

Draw a triangle:

Tool box >>Spline tool

Now, draw a triangle with the Spline tool as demonstrated here.
Canvas >>Loop spline


We should close this shape after drawing the 3 vertices.


To do so, right-click on the first vertex and choose "Loop Spline".


This will trace a green triangle shape.

To make a rounder triangle, we have to tweak the tangent handles a bit.
Toolbox >> Transform tool >> Right click on vertex >> Split tangents Click on Transform tool and then right-click on each vertex.


Select Split tangents so that the tangent handles of each vertex can be moved separately.

Layers panel >>Click on layer >>press Enter Observe the Layers panel.


A new layer is formed. Let us name it as Stem.

Save the file. Press Ctrl and S keys to save the file.
Click on Turn on animating mode


Now we will learn to animate the shape of the stem.


Click on Turn on animate editing mode icon.

Layers panel >>Click the layer Select the shape by clicking on the Stem layer.
Point to Toggle tangent handles Make sure the Toggle tangent handles option is ON at the top of the canvas.
Time track panel >>Place the cursor on 24th frame Then, go to the Time track panel and place the Time cursor on the 24th frame.
Toolbar>>Spline tool>> Canvas >>Use Tangent handles Select the Transform tool.


Click on the top vertex of the stem and drag it upwards on the canvas, as demonstrated.

Ruler >> canvas >>Guidelines

Drag guidelines from horizontal ruler on canvas


Next, go to the Ruler.


Drag five Guidelines onto the canvas, as shown.


<<Pause>>

Save the file. Press Ctrl and S keys to save the file.


You can use +(plus) and -(minus) sign for zoom in and zoom out respectively.

Toolbar >> Click on Transform tool >>Canvas >> Right click on shape>>

Insert item and keep shape

On the Toolbar, click on the Transform tool.


On the canvas, right-click on the shape.


Then click on Insert item and keep shape.

Add 10 other nodes on the canvas Add 10 more vertices on the Guidelines as done here.


Do this by clicking on Insert item and keep shape.

Right-click >> select Split tangents. Now, right-click on each vertex.


Select Split tangents so that the tangent handles of each vertex can be moved separately.

Time track panel >>Place the cursor on 23th frame >>Parameter panel select the added node>>


Then go to the Time track panel and place the Time cursor on the 23rd frame.


Go to Parameters panel.


Click on the triangle icon of Vertices to open the group.

Check the newly added vertices.


We have to make them inactive on this 23rd frame.

Canvas Right click on node >> Mark active point as a off Right-click on the newly added vertices.


Click on Mark active point as a off.

Do likewise for all the newly added vertices.
Save the file. Press Ctrl and S keys to save the file.
Time track panel >>Place the cursor on 30th frame >> Once again, go to the Time track panel and place the Time cursor on the 30th frame.
canvas >>Move the nodes for starting part of leaves Come back to the canvas.


Move the vertices to create the starting part of the leaves, as demonstrated.

Time track panel >>Place the cursor on 37th frame >> canvas >>Move the nodes for leaves as demonstrated. Again, go to the Time track panel and place the Time cursor on the 37th frame.
canvas >>Move the nodes for starting part of leaves Let’s come back to the canvas.


Move the vertices to create the leaves, like this.


Remember - mark active point off for newly added vertices only.

Time track panel >>Place the cursor on 45th frame>> Move the top vertex Back to the Time track panel.


Place the Time cursor on the 45th frame and move the top vertex, as shown here.

In the same way, we will add two more leaves in the Stem layer itself.
Time track panel >>Place the cursor on 80th frame>> Move the nodes as demonstrated.


Go to the Time track panel and place the Time cursor on 80th frame.


Move the vertices of the stem, to form the green coloured sepals around the bud.


<<PAUSE>>

Save the file. Press Ctrl and S keys to save the file.
Create a new layer >> name it as Bud In the Layers panel, create a new layer and name it as Bud.
Time track panel>>Time cursor on 90 th frame>> Keyframes >>Add new keyframe


Once again, go to the Time track panel and place the Time cursor on the 90th frame.


Then go to Keyframes and add a new keyframe.

Tool box >>Spline tool >>Colour palatte choose the colour >> Fill tool Now, click on the Spline tool.


Make sure that only "Create Region Layer" is selected.


In the toolbox, set the fill colour to pink.

Draw as shown. Then draw a bud with the Spline tool, as demonstrated.
Remember to close this shape after drawing the 3 vertices.
Tool box >>Spline tool >> canvas >>Loop spline


To do so, right-click on the first vertex and choose "Loop Spline".


Note that the trace of the form is now closed.

Adjust the vertices and create and create bud shape.


Change the layer name as a Bud. Place the Bud layer below the Stem layer.

Time track panel >>Place the cursor on 99th frame>> Move the nodes as demonstrated.


Again, go to the Time track panel and place the Time cursor on the 99th frame.


Move the top vertex of the bud, as done here.

Save the file. Press Ctrl and S keys to save the file.
Layers panel >> Select Stem layer>> Move the nodes as demonstrated. Now, go to the Layers panel and select the Stem layer.
>>Canvas >> Right click on shape>>

Insert item and keep shape

After this, come back to the canvas and right-click on the stem shape.


Add a vertex by clicking on Insert item and keep shape.

Likewise, we have to add 4 more vertices.

Place the time cursor on 98th frame and mark the active point off for these vertices.

Canvas Move the vertices as demonstrated, so that we get a shape like this.
Save the file. Press Ctrl and S keys to save the file.


It’s a good habit to save our work frequently.


As we proceed ahead, I won’t mention this explicitly.

Pls do so yourself at regular time intervals.

Time track panel >>Place the cursor on 100th frame>> Layers panel >> Select the bud layer>> Go back to the Time track panel and place the Time cursor on the 100th frame.


Go to the Layers panel and select the Bud layer.

Click on Duplicate Click on Duplicate twice.


Name the layers as petal_1 and petal_2.

Time track panel >>Place the cursor on 108th frame>> Move the nodes as demonstrated. Back on the Time track panel, place the Time cursor on the 108th frame.


Move the nodes of the petals, as demonstrated.

Time track panel >>Place the cursor on 115th frame>> Go back to the Time track panel and place the Time cursor on the 115th frame.
Layers panel >> Select the petal_1 and petal_2 layers Go to the Layers panel and select both the petal_1 and petal_2 layers.
>> Click on Duplicate Click on Duplicate.


Name the new layers as petal_3 and petal_4.

Time track panel >>Place the cursor on 120th frame>> Move the nodes as demonstrated.


Let’s come back to the Time track panel.


Place the Time cursor on the 120th frame.


Move the vertices of the 3rd and 4th petals, as demonstrated.

Layers panel >> Select the Petal_3 and petal_4 layers Go to Layers panel and select both the petal _3 and petal_4 layers.
>> Click on Duplicate


Click on Duplicate.


Name the new layers as petal_5 and petal_6.

Time track panel >>Place the cursor on 140th frame>> Move the nodes as demonstrated. Back on the Time track panel, place the Time cursor on the 140th frame.


Move the vertices of the 5th and 6th petals, as demonstrated.

Time track panel >>Place the cursor on 112th frame Again, go to the Time track panel and place the Time cursor on the 112th frame.
Toolbar >>Transform tool Then go to the Toolbar and click on the Transform tool.
Time track panel >>Place the cursor on 108th frame >> Place the Time cursor on the 108th frame.
Select the stem >> move the nodes of the sepals Select the stem part of the drawing.


And move the vertices of green sepals of the bud, as shown here.

Time track panel >>Place the cursor on 128th frame Back on the Time track panel.

Place the Time cursor on the 128th frame.


Move the vertices of green green sepals of the bud, as demonstrated.

Time track panel >> Layers panel>>

Parameter panel

Place the cursor on 0th frame. Select Bud layer.


Go to Parameters panel. Change the Amount to 0.


Similarly, do for petals layers.

Let us do the same for 89th frame.

Canvas >>Click on Turn on animate editing mode Click on Turn on animate editing mode icon.
Click on Seek to begin >>Click on Play Click on Seek to begin at the bottom of the canvas.


Play the animation by clicking Play icon.

Layers panel>>Toolbox>>Canvas Now let's add a gradient in the Background layer..


Select Background layer. Click on gradient.

Drag a gradient in the Background as demonstrated.

Set the Outline colour to brown and Fill colour to blue.

Ctrl + S Let us now save our Synfig file.
Now we will check the preview.
File >> Click on Preview >>Preview option Go to File and then click on Preview.
Quality >>FPS Set the Quality as 0.5 and FPS as 24.
Preview button >>Play


Click on the Preview button and then click on the Play button.


We can see a preview of the animation on the screen.

Close Preview window. Close the Preview window.


<<PAUSE>>

Now let us render the animation.
File >>Render >>Render setting window >> Choose >> Save render as window


To do that, click on File and then on Render.


Click on Choose and open the Save render as window.

Desktop >> Plant animation folder >> TYpe a Name >> Click on Ok


Click on the location where you want to save the rendered file.


Change the name to plant-animation.avi

Click on Target >> Select ffmpeg Click on Target drop-down menu and select the extension as ffmpeg.
Click on Time >> Click on End time >> Click on Render Next, click on the Time tab and change the End time to 150.


Then click on Render.

Let us check our animation.
Desktop>> Double Click on Plant animation folder >> Select plant-animation.avi


Go to Desktop.


Open the folder in which we saved our file. Now select plant-animation. avi.

Right-click and play the animation using Firefox web browser.


<<PAUSE>>

With this we have come to the end of this tutorial.
Summary (Slide) Let us summarize.

In this tutorial we learnt to animate a plant in Synfig.


We also learnt to


  • Draw shapes with Spline tool
  • Add a vertex by using Insert item
  • Split tangent option
  • Mark active point off option
  • Animate the shape
Assignment

(Slide)

  • Draw simple cartoon face with long hair filled with different colors
  • Animate the hairs.
Completed assignment * Cartoon face with animated long hair
About Slide The video at the following link summarizes the Spoken Tutorial project.


Pls watch it.

Workshop slide


We conduct workshops using Spoken Tutorials and give certificates.


Please contact us.

Spoken Tutorial Forum slide Please post your timed queries in this forum.
Acknowledgment Slide Spoken Tutorial project is funded by NMEICT, MHRD, Government of India.
This is Shital along with the Spoken Tutorial Animation Team from IIT Bombay, signing off.


Thanks for joining.

Contributors and Content Editors

Arthi, Nancyvarkey, PoojaMoolya, Shital-joshi