Difference between revisions of "Synfig/C3/Plant-animation/English"
Shital-joshi (Talk | contribs) (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...") |
Nancyvarkey (Talk | contribs) |
||
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 | + | * 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. | + | | 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 | + | 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''' | + | | 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 | + | | 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"'''. |
− | + | ||
− | + | ||
− | + | ||
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. | + | 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 | + | | 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 | + | 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 | + | | 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''' | + | 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 | + | | 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 | + | | 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 | + | 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 | + | 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 | + | | 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 |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
| 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 | + | 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 | + | | 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 | + | | 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 | + | | 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 | + | 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''' | + | | 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 | + | 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 | + | |
+ | 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 | + | | 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 | + | 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. | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
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 | + | 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 | + | | 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 | + | | 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 | + | | 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 | + | | 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 | + | 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. | ||
− | + | Move the vertices of the 5th and 6th petals, as demonstrated. | |
− | + | ||
− | + | ||
− | Move the | + | |
|- | |- | ||
− | | 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 | + | | 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 | + | | 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 | + | | 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 | + | Move the vertices of green green sepals of the bud, as demonstrated. |
|- | |- | ||
Line 519: | Line 505: | ||
− | Go to ''' | + | Go to '''Parameters panel. '''Change the '''Amount '''to 0. |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | 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''' | + | | 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 | + | Set the''' Outline colour''' to brown and''' Fill colour '''to blue. |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
| 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 | + | | 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'''. | ||
− | |||
− | |||
− | |||
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 ''' | + | * Draw shapes with '''Spline tool''' |
− | * Add a | + | * 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. |
− | + | ||
− | + | ||
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
|
|
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.
Here we will create a Plant animation. |
System requirements
(Slide) |
To record this tutorial, I am using-
|
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.
|
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
|
Go to File and click on Save.
|
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.
|
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 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.
|
Layers panel >>Click on layer >>press Enter | Observe the Layers panel.
|
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.
|
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.
|
Ruler >> canvas >>Guidelines
Drag guidelines from horizontal ruler on canvas
|
Next, go to the Ruler.
|
Save the file. | Press Ctrl and S keys to save the file.
|
Toolbar >> Click on Transform tool >>Canvas >> Right click on shape>>
Insert item and keep shape |
On the Toolbar, click on the Transform tool.
|
Add 10 other nodes on the canvas | Add 10 more vertices on the Guidelines as done here.
|
Right-click >> select Split tangents. | Now, right-click on each vertex.
|
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.
|
Check the newly added vertices.
| |
Canvas Right click on node >> Mark active point as a off | Right-click on the newly added vertices.
|
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.
|
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.
|
Time track panel >>Place the cursor on 45th frame>> Move the top vertex | Back to the Time track panel.
|
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.
|
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.
|
Tool box >>Spline tool >>Colour palatte choose the colour >> Fill tool | Now, click on the Spline tool.
|
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".
Adjust the vertices and create and create bud shape.
|
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.
|
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.
|
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.
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.
|
Click on Duplicate | Click on Duplicate twice.
|
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.
|
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.
|
Time track panel >>Place the cursor on 120th frame>> Move the nodes as demonstrated.
|
Let’s come back to the Time track panel.
|
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.
|
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.
|
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.
|
Time track panel >>Place the cursor on 128th frame | Back on the Time track panel.
Place the Time cursor on the 128th frame.
|
Time track panel >> Layers panel>>
Parameter panel |
Place the cursor on 0th frame. Select Bud layer.
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.
|
Layers panel>>Toolbox>>Canvas | Now let's add a gradient in the Background layer..
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.
|
Close Preview window. | Close the Preview window.
|
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.
|
Desktop >> Plant animation folder >> TYpe a Name >> Click on Ok
|
Click on the location where you want to save the rendered file.
|
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.
|
Let us check our animation. | |
Desktop>> Double Click on Plant animation folder >> Select plant-animation.avi
|
Go to Desktop.
|
Right-click and play the animation using Firefox web browser.
| |
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.
|
Assignment
(Slide) |
|
Completed assignment | * Cartoon face with animated long hair |
About Slide | The video at the following link summarizes the Spoken Tutorial project.
|
Workshop slide
|
We conduct workshops using Spoken Tutorials and give certificates.
|
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.
|