Difference between revisions of "Synfig/C3/Plant-animation/English"
Nancyvarkey (Talk | contribs) |
Shital-joshi (Talk | contribs) |
||
Line 1: | Line 1: | ||
'''Title of script:''' Create Plant animation | '''Title of script:''' Create Plant animation | ||
− | '''Author:''' Shital | + | '''Author:''' Shital |
− | '''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 | ||
Line 23: | Line 25: | ||
* 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 38: | Line 40: | ||
* '''Ubuntu Linux''' 14.04 OS | * '''Ubuntu Linux''' 14.04 OS | ||
* '''Synfig''' version 1.0.2 | * '''Synfig''' version 1.0.2 | ||
+ | |||
+ | |||
|- | |- | ||
Line 84: | Line 88: | ||
|- | |- | ||
| 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. Change the name of a layer as a '''Background'''. |
− | + | ||
− | + | ||
Line 92: | Line 94: | ||
− | Make sure that only "'''Create Region Layer'''" is | + | Make sure that only "'''Create Region Layer'''" is checked. |
Line 101: | Line 103: | ||
'''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 >> Make Spline.''' |
Line 111: | Line 113: | ||
− | 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 122: | Line 127: | ||
|- | |- | ||
| 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 132: | Line 137: | ||
− | A new layer is formed. | + | A new layer is formed. Let’s name it as '''Stem'''. |
|- | |- | ||
Line 166: | Line 171: | ||
Click on the top vertex of the stem and drag it upwards on the '''canvas''', as demonstrated. | Click on the top vertex of the stem and drag it upwards on the '''canvas''', as demonstrated. | ||
+ | |||
+ | |||
+ | You can use + and - sign for zoom in and zoom out '''canvas.''' | ||
+ | |||
+ | |||
+ | |||
|- | |- | ||
Line 174: | Line 185: | ||
− | | 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 187: | Line 198: | ||
− | + | ||
|- | |- | ||
Line 203: | Line 214: | ||
|- | |- | ||
| 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 nodes on the '''Guidelines''' as done here. |
Line 210: | Line 221: | ||
|- | |- | ||
| 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 217: | Line 228: | ||
|- | |- | ||
| 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 222: | Line 234: | ||
− | Go to''' | + | Go to''' parameter panel'''. |
Line 229: | Line 241: | ||
|- | |- | ||
| 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 236: | Line 248: | ||
|- | |- | ||
| 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. |
− | Click on''' Mark active point as | + | Click on''' Mark active point as off.''' |
|- | |- | ||
Line 258: | Line 270: | ||
− | 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 272: | Line 287: | ||
− | Remember | + | Remember mark a 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 node |
+ | |||
+ | 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 | + | Place the''' Time cursor''' on the 45th frame and move the top node, as shown here. |
|- | |- | ||
Line 291: | Line 310: | ||
− | | 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 | + | | 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. |
Line 312: | Line 331: | ||
− | | 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 90<sup>th</sup> frame. |
Line 319: | Line 338: | ||
|- | |- | ||
| 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 | + | | 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 checked. |
Line 329: | Line 348: | ||
|- | |- | ||
| 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 343: | Line 362: | ||
− | 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 l'''ayer. | |
− | Change the layer name as a '''Bud'''. Place the''' Bud '''layer below the '''Stem ''' | + | |
|- | |- | ||
Line 355: | Line 372: | ||
− | | 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 99<sup>th</sup> frame. |
− | Move the top | + | Move the''' top node''' of the bud, as done here. |
|- | |- | ||
Line 367: | Line 384: | ||
| 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 381: | Line 405: | ||
| 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 401: | Line 425: | ||
|- | |- | ||
| 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 100<sup>th</sup> frame. |
Line 415: | Line 439: | ||
|- | |- | ||
| 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 108<sup>th</sup> frame. |
Line 422: | Line 446: | ||
|- | |- | ||
| 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 115<sup>th</sup> 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 | + | | 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 436: | Line 460: | ||
|- | |- | ||
− | | 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 120<sup>th</sup> frame>> Move the nodes as demonstrated. |
Line 443: | Line 467: | ||
− | Place the''' Time cursor''' on the | + | Place the''' Time cursor''' on the 120<sup>th</sup> frame. |
Line 465: | Line 489: | ||
| 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. | ||
− | |||
− | 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;"| 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. | ||
|- | |- | ||
− | | 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 108<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 | + | | 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;"| '''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'''. | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
Line 491: | Line 513: | ||
|- | |- | ||
| 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 vertices of green green sepals of the bud, as demonstrated. | + | Move the''' '''vertices''' '''of green green sepals of the bud, as demonstrated. |
|- | |- | ||
Line 505: | Line 525: | ||
− | Go to ''' | + | Go to '''Parameter panel. '''Change the '''Amount '''0. |
+ | |||
+ | |||
+ | Similarly do for petal’s layers. Similarly do 89th | ||
+ | |||
+ | frame. | ||
− | |||
− | |||
|- | |- | ||
Line 525: | Line 548: | ||
|- | |- | ||
| 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''' background '''layer.. |
Select '''Background '''layer. Click on''' gradient'''. | Select '''Background '''layer. Click on''' gradient'''. | ||
− | |||
− | Set | + | Set th'''e outline colour''' brown and''' fill colour '''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 | + | | 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. |
|- | |- | ||
Line 548: | Line 576: | ||
|- | |- | ||
| 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 555: | Line 583: | ||
− | | 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 577: | Line 605: | ||
| 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 593: | Line 624: | ||
|- | |- | ||
| 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 | + | | 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 614: | Line 645: | ||
− | Open the folder in which we saved our file. | + | Open the folder in which we saved our file. |
+ | |||
+ | |||
+ | Now select''' plant-animation. avi.''' | ||
|- | |- | ||
Line 637: | Line 671: | ||
− | * Draw shapes with '''Spline | + | * Draw shapes with '''Spline '''tool |
− | * Add a | + | * Add a node 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 647: | Line 683: | ||
(Slide) | (Slide) | ||
− | | 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;"| * Draw simple cartoon face with long hair filled with different colors |
− | * 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 667: | Line 706: | ||
− | | 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 17:05, 16 January 2017
Title of script: Create Plant animation
Author: Shital
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. Change 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 >> Make 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 nodes 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 node
as demonstrated.
|
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 the 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".
|
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.
|
Toolbar >> Click on Spline tool | Then go to the Toolbar and click on the Spline tool. |
>>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 108th frame >> | Again, go to the Time track panel and place the Time cursor on the108th frame. |
Toolbar >>Transform tool | Then go to the Toolbar and click on the Transform tool. |
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.
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 background layer..
|
Ctrl + S | Let us now save our 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) |
* Draw simple cartoon face with long hair filled with different colors
|
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.
|