Difference between revisions of "Synfig/C3/Plant-animation/English"
Nancyvarkey (Talk | contribs) |
PoojaMoolya (Talk | contribs) |
||
(14 intermediate revisions by 3 users not shown) | |||
Line 3: | Line 3: | ||
'''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 as On/off option |
Split tangent, Create a Plant animation | Split tangent, Create a Plant animation | ||
Line 25: | 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 | + | * Split tangent option |
− | * Mark active point off option and | + | * Mark active point as off option and |
* Animate the shapes | * Animate the shapes | ||
Line 43: | Line 43: | ||
|- | |- | ||
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Go to''' Dash home >>'''“'''Synfig'''” | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Go to''' Dash home >>'''“'''Synfig'''” | ||
− | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Let us open ''' | + | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Let us open '''synfig'''. |
Go to''' Dash home''' and type''' Synfig'''. | Go to''' Dash home''' and type''' Synfig'''. | ||
Line 83: | Line 83: | ||
|- | |- | ||
− | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Draw a white rectangle | + | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Draw a white rectangle >> name layer as 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. | | 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 the layer as '''Background'''. | |
− | + | ||
− | + | ||
|- | |- | ||
Line 95: | Line 93: | ||
− | Make sure that only "'''Create Region Layer'''" is | + | Make sure that only "'''Create Region Layer'''" is selected. |
Line 105: | 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''' 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. | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
Line 115: | Line 109: | ||
− | | 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;"| We should close this shape after drawing the 3 vertices. |
− | + | To do so, right-click on the first vertex and choose''' "Loop Spline'''". | |
Line 181: | Line 175: | ||
Drag guidelines from horizontal ruler on canvas | Drag guidelines from horizontal ruler on canvas | ||
+ | |||
+ | |||
| 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 188: | Line 184: | ||
− | <<Pause>> | + | <nowiki><<Pause>></nowiki> |
|- | |- | ||
Line 207: | Line 203: | ||
|- | |- | ||
− | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Add 10 other | + | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Add 10 other '''vertices''' 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 vertices 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 221: | 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 | + | | 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 '''vertices'''>> |
Line 238: | Line 234: | ||
− | We have to make them inactive on | + | We have to make them inactive on the 23rd frame. |
|- | |- | ||
− | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Canvas '''Right click on''' | + | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Canvas '''Right click on''' vertices>> 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 260: | Line 256: | ||
|- | |- | ||
− | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''canvas '''>>Move the ''' | + | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''canvas '''>>Move the '''vertices''' for starting part of leaves |
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Come back to the '''canvas. ''' | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Come back to the '''canvas. ''' | ||
Line 267: | Line 263: | ||
|- | |- | ||
− | | 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 ''' | + | | 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 '''vertices''' 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 274: | Line 270: | ||
|- | |- | ||
− | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''canvas '''>>Move the ''' | + | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''canvas '''>>Move the '''vertices''' for starting part of leaves |
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Let’s come back to the '''canvas. ''' | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Let’s come back to the '''canvas. ''' | ||
Line 281: | Line 277: | ||
− | Remember mark '''active point off''' for newly added vertices only. | + | Remember mark '''active point as 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 as demonstrated. |
− | + | ||
− | as demonstrated. | + | |
Line 300: | Line 294: | ||
|- | |- | ||
− | | 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 80<sup>th</sup> frame>> 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 80<sup>th</sup> frame>> Move the vertices as demonstrated. |
Line 324: | Line 318: | ||
|- | |- | ||
| 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 | + | Make sure that only "'''Create Region Layer'''" is selected. |
Line 339: | Line 333: | ||
| 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;"| Remember to close this shape after drawing the 3 vertices. | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Remember to close this shape after drawing the 3 vertices. | ||
− | |||
− | |||
|- | |- | ||
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Tool box >>Spline tool >> canvas >>Loop spline''' | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Tool box >>Spline tool >> canvas >>Loop spline''' | ||
+ | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| To do so, right-click on the first vertex and choose''' "Loop Spline'''". | ||
− | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Note that the trace of the form is now closed. | + | |- |
− | + | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Adjust the vertices and create bud shape. | |
− | Adjust the '''vertices''' | + | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Note that the trace of the form is now closed. Adjust the '''vertices''' and create bud shape. |
|- | |- | ||
− | | 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;"| Name as Bud >> Place it below Stem layer |
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Change the layer name as a '''Bud'''. Place the''' Bud '''layer below the '''Stem '''layer. | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Change the layer name as a '''Bud'''. Place the''' Bud '''layer below the '''Stem '''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 99<sup>th</sup> frame>> 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 99<sup>th</sup> frame>> Move the '''vertex''' as demonstrated. |
+ | |||
Line 360: | Line 354: | ||
− | Move the top vertex of the bud, as done here. | + | Move the''' top vertex''' of the bud, as done here. |
|- | |- | ||
Line 367: | Line 361: | ||
|- | |- | ||
− | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Layers panel '''>> Select '''Stem layer | + | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Layers panel '''>> Select '''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;"| Now, go to the''' Layers panel '''and select the '''Stem '''layer. | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
Line 420: | Line 410: | ||
|- | |- | ||
− | | 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 | + | | 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 '''vertices''' as demonstrated. |
− | | 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;"| Place the''' Time cursor''' on the 108<sup>th</sup> frame. |
− | Move the | + | Move the nodes of the petals, as demonstrated. |
|- | |- | ||
Line 432: | Line 422: | ||
|- | |- | ||
| 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 439: | Line 429: | ||
− | Name | + | Name new layers as '''petal_3''' and '''petal_4.''' |
|- | |- | ||
− | | 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 120<sup>th</sup> frame>> Move the '''nodes '''as demonstrated. |
Line 469: | Line 459: | ||
|- | |- | ||
− | | 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 | + | | 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 '''vertices '''as demonstrated. |
Line 480: | Line 470: | ||
|- | |- | ||
| 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 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''' | + | | 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''' place the''' Time cursor''' on the108<sup>th</sup> frame. |
|- | |- | ||
Line 487: | Line 477: | ||
|- | |- | ||
− | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Select the stem >> move the | + | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Select the stem >> move the '''vertices''' of the sepals |
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Select the stem part of the drawing. | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Select the stem part of the drawing. | ||
Line 498: | Line 488: | ||
− | Move the''' '''vertices''' '''of | + | Move the''' '''vertices''' '''of green sepals of the bud, as demonstrated. |
|- | |- | ||
Line 507: | Line 497: | ||
− | Go to '''Parameter panel. '''Change the '''Amount '''0 | + | Go to '''Parameter panel. '''Change the '''Amount '''to 0. |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | Similarly do for '''petals''' layers. | ||
+ | |- | ||
+ | | 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;"|Let us do the same for 89th frame. | ||
|- | |- | ||
− | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Canvas >>'''Click on''' Turn | + | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| '''Canvas >>'''Click on''' Turn off animate editing mode''' |
− | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Click on''' Turn | + | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Click on''' Turn off animate editing mode''' icon. |
|- | |- | ||
Line 532: | Line 521: | ||
| 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''' background '''layer.. | ||
+ | |- | ||
+ | | 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;"| Select '''Background '''layer. Click on''' gradient'''. | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | Draw gradient on Background as demonstrated. | ||
+ | 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 587: | Line 574: | ||
| 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 656: | Line 640: | ||
* Add a node by using '''Insert item''' | * Add a node by using '''Insert item''' | ||
* Split tangent option | * Split tangent option | ||
− | * Mark active point off option | + | * Mark active point as off option |
* Animate the shape | * Animate the shape | ||
− | |||
− | |||
|- | |- | ||
Line 667: | Line 649: | ||
| 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 | ||
− | |||
− | |||
|- | |- |
Latest revision as of 16:59, 4 November 2020
Title of script: Create Plant animation
Author: Shital
Keywords: Draw and animate shape, Insert item, Mark active point as 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” | Let us open synfig.
Go to Dash home and type Synfig. |
Click on Synfig logo | You can 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.
|
Let us save our Synfig file. | |
Go to File >>Click on Save
|
Go to File and click on Save.
|
Draw a white rectangle >> name layer as Background | Draw a white background layer before you draw any other shape.
Change the name of the layer as Background. |
Tool box >>Spline tool >>Colour palette choose the colour>>Fill tool | Go to toolbox. Select Spline tool.
|
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 vertices 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 vertices>>
|
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 vertices>> 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 vertices for starting part of leaves | Come back to the canvas.
|
Time track panel >>Place the cursor on 37th frame >> canvas >>Move the vertices for leaves as demonstrated. | Again, go to the Time track panel and place the Time cursor on the 37th frame.
|
canvas >>Move the vertices 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 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 vertices as demonstrated.
|
Go to the Time track panel and place the Time cursor on the 80th frame.
|
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 bud shape. | Note that the trace of the form is now closed. Adjust the vertices and create bud shape. |
Name as Bud >> Place it below Stem layer | 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 vertex 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 | 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 vertices as demonstrated. | 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 vertices 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 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 vertices 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 off animate editing mode | Click on Turn off 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.. |
Layers panel>>Toolbox>>Canvas | Select Background layer. Click on gradient.
|
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) |
* 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.
|