Synfig/C3/Plant-animation/English
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.
|