Difference between revisions of "Synfig/C3/Plant-animation/English"
Shital-joshi (Talk | contribs) |
PoojaMoolya (Talk | contribs) |
||
(4 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 40: | Line 40: | ||
* '''Ubuntu Linux''' 14.04 OS | * '''Ubuntu Linux''' 14.04 OS | ||
* '''Synfig''' version 1.0.2 | * '''Synfig''' version 1.0.2 | ||
− | |||
− | |||
|- | |- | ||
Line 66: | Line 64: | ||
|- | |- | ||
| 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;"| Let us save our | + | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Let us save our '''Synfig''' file. |
|- | |- | ||
Line 85: | Line 83: | ||
|- | |- | ||
− | | 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 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'''. | ||
− | Go to '''toolbox'''. Select '''Spline 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;"| Go to '''toolbox'''. Select '''Spline tool'''. | ||
Line 168: | Line 169: | ||
− | You can use + and - sign for zoom in and zoom out | + | You can use + and - sign for zoom in and zoom out respectively. |
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
Line 191: | Line 189: | ||
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Save the file. | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Save the file. | ||
| style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Press '''Ctrl''' and '''S''' keys to save the file. | | style="border:1pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0375in;"| Press '''Ctrl''' and '''S''' keys to save the file. | ||
− | |||
− | |||
− | |||
|- | |- | ||
Line 282: | Line 277: | ||
− | Remember mark active point as off for newly added vertices | + | 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 vertex | + | | 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 301: | 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 343: | Line 336: | ||
|- | |- | ||
| 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;"| 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;"| 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;"| 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;"| 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. | |
− | Change the layer name as a '''Bud'''. Place the''' Bud '''layer below the '''Stem | + | |
|- | |- | ||
Line 371: | Line 363: | ||
| 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 388: | Line 377: | ||
| 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 425: | Line 414: | ||
− | Move the | + | Move the nodes of the petals, as demonstrated. |
|- | |- | ||
Line 433: | 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 508: | Line 497: | ||
− | Go to '''Parameter panel. '''Change the '''Amount '''to | + | 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 534: | 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 | + | | 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 657: | Line 642: | ||
* Mark active point as off option | * Mark active point as off option | ||
* Animate the shape | * Animate the shape | ||
− | |||
− | |||
|- | |- | ||
Line 666: | 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.
|