Difference between revisions of "Synfig/C3/Plant-animation/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with " {| border=1 || '''Time''' || '''Narration''' |- | 00:00 | Welcome to the Spoken Tutorial on “'''Create a Plant animation”''' using''' Synfig.''' |- | 00:05 | In this tu...")
 
 
(5 intermediate revisions by 3 users not shown)
Line 6: Line 6:
 
|-
 
|-
 
| 00:00
 
| 00:00
| Welcome to the Spoken Tutorial on “'''Create a Plant animation”''' using''' Synfig.'''
+
| Welcome to the '''Spoken Tutorial''' on “'''Create a Plant animation”''' using''' Synfig.'''
  
 
|-
 
|-
Line 14: Line 14:
 
|-
 
|-
 
| 00:11
 
| 00:11
| We will learn to- Draw shapes and group layers
+
| We will learn to- draw shapes and group layers,
  
 
|-
 
|-
 
| 00:15
 
| 00:15
| Add a''' '''vertex''' '''by using '''Insert item'''
+
| add a '''vertex''' by using '''Insert item''',
  
 
|-
 
|-
 
| 00:18
 
| 00:18
| Split tangent option  
+
| '''split tangent''' option,
  
 
|-
 
|-
 
| 00:21
 
| 00:21
| Mark active point as off option and
+
| '''mark active point as off''' option and
  
 
|-
 
|-
 
| 00:24
 
| 00:24
| Animate the shapes
+
| animate the shapes.
  
 
|-
 
|-
Line 42: Line 42:
 
|-
 
|-
 
| 00:31
 
| 00:31
| '''Ubuntu Linux''' 14.04 OS
+
| '''Ubuntu Linux''' 14.04 OS,
  
 
|-
 
|-
Line 62: Line 62:
 
|-
 
|-
 
| 00:50
 
| 00:50
| Now let us start creating the '''Plant animation'''.
+
| Now, let us start creating the '''Plant animation'''.
  
 
|-
 
|-
Line 74: Line 74:
 
|-
 
|-
 
| 01:02
 
| 01:02
| Let us save our '''Synfig''' file.
+
| Let us '''save''' our '''Synfig''' file.
  
 
|-
 
|-
 
| 01:05
 
| 01:05
| Go to '''File''' and Click on '''Save'''
+
| Go to '''File''' and click on '''Save'''
  
 
|-
 
|-
Line 106: Line 106:
 
|-
 
|-
 
| 01:35
 
| 01:35
| In the''' toolbox''', set the fill colour to green.
+
| In the''' toolbox''', set the '''fill colour''' to green.
  
 
|-
 
|-
Line 118: Line 118:
 
|-
 
|-
 
| 01:49
 
| 01:49
| To do so, right-click on the first vertex and choose '"Loop Spline'''.
+
| To do so, right-click on the first vertex and choose '''Loop Spline'''.
  
 
|-
 
|-
Line 130: Line 130:
 
|-
 
|-
 
| 02:03
 
| 02:03
| Click on''' Transform tool''' and then right-click on each vertex'''.'''
+
| Click on''' Transform tool''' and then right-click on each vertex.
  
 
|-
 
|-
Line 150: Line 150:
 
|-
 
|-
 
| 02:29
 
| 02:29
| Now we will learn to animate the shape of the stem.
+
| Now, we will learn to animate the shape of the stem.
  
 
|-
 
|-
Line 178: Line 178:
 
|-
 
|-
 
| 03:06
 
| 03:06
|  You can use + and - sign for zoom in and zoom out respectively.
+
|  You can use + and - sign for '''zoom in''' and '''zoom out''' respectively.
  
 
|-
 
|-
 
| 03:13
 
| 03:13
| Next,  Go the ruler.  
+
| Next,  go the '''ruler'''.  
  
 
|-
 
|-
 
| 03:17
 
| 03:17
| Drag five Guidlines on to the Canvas as shown.
+
| Drag five '''Guidlines''' on to the Canvas as shown.
  
 
|-
 
|-
 
| 03:24
 
| 03:24
Pess '''Ctrl''' and '''S''' keys to save the file.
+
Press '''Ctrl''' and '''S''' keys to save the file.
  
 
|-
 
|-
Line 214: Line 214:
 
|-
 
|-
 
| 03:49
 
| 03:49
| Now, right-click on each vertex'''.'''
+
| Now, right-click on each vertex.
  
 
|-
 
|-
Line 282: Line 282:
 
|-
 
|-
 
| 05:11
 
| 05:11
| Remember mark '''active point as off''' for newly added vertices only.
+
| Remember '''mark active point as off''' for newly added vertices only.
  
 
|-
 
|-
Line 302: Line 302:
 
|-
 
|-
 
| 05:40
 
| 05:40
| Move the '''vertices ''' of the stem, to form the green coloured sepals around the bud.
+
| Move the '''vertices ''' of the stem to form the green coloured sepals around the bud.
  
 
|-
 
|-
Line 346: Line 346:
 
|-
 
|-
 
| 06:40
 
| 06:40
|  Change the layer name as a '''Bud'''.  
+
|  Change the layer name as '''Bud'''.  
  
 
|-
 
|-
Line 402: Line 402:
 
|-
 
|-
 
| 07:54
 
| 07:54
| Pls do so yourself at regular time intervals.
+
| Please do so yourself at regular time intervals.
  
 
|-
 
|-
Line 426: Line 426:
 
|-
 
|-
 
| 08:22
 
| 08:22
| Move the nodes of the petals, as demonstrated.
+
| Move the nodes of the petals as demonstrated.
  
 
|-
 
|-
Line 458: Line 458:
 
|-
 
|-
 
| 09:03
 
| 09:03
|  Go to '''Layers ''' panel and select both the '''petal _3 ''' and ''' petal_4 ''' layers.
+
|  Go to the '''Layers ''' panel and select both the '''petal _3 ''' and ''' petal_4 ''' layers.
  
 
|-
 
|-
Line 478: Line 478:
 
|-
 
|-
 
| 09:33
 
| 09:33
| Again, go to the ''' Time track panel''' place the ''' Time cursor''' on the108th frame.
+
| Again, go to the ''' Time track panel'''. Place the ''' Time cursor''' on the108th frame.
  
 
|-
 
|-
Line 506: Line 506:
 
|-
 
|-
 
| 10:17
 
| 10:17
| Go to '''Parameter panel. ''' Change the '''Amount ''' to 0.
+
| Go to '''Parameters panel. ''' Change the '''Amount ''' to 0.
  
 
|-
 
|-
Line 518: Line 518:
 
|-
 
|-
 
| 10:46
 
| 10:46
| Click on ''' Turn on animate editing mode''' icon.
+
| Click on ''' Turn off animate editing mode''' icon.
  
 
|-
 
|-
Line 530: Line 530:
 
|-
 
|-
 
| 10:58
 
| 10:58
| Now let's add a '''gradient''' in ''' background ''' layer.
+
| Now, let's add a '''gradient''' in ''' background ''' layer.
  
 
|-
 
|-
Line 538: Line 538:
 
|-
 
|-
 
| 11:06
 
| 11:06
| Drag gradient on the Background as demonstrated.
+
| Draw gradient on the Background as demonstrated.
  
 
|-
 
|-
Line 546: Line 546:
 
|-
 
|-
 
| 11:15
 
| 11:15
| Let us now save our '''Synfig''' file.
+
| Let us now '''save''' our '''Synfig''' file.
  
 
|-
 
|-
 
| 11:18
 
| 11:18
| Now we will check the preview.
+
| Now, we will check the '''preview'''.
  
 
|-
 
|-
Line 574: Line 574:
 
|-
 
|-
 
| 11:42
 
| 11:42
| Now let us render the animation.
+
| Now, let us render the animation.
  
 
|-
 
|-
Line 586: Line 586:
 
|-
 
|-
 
| 11:56
 
| 11:56
| Click on the location where you want to save the rendered file.
+
| Click on the location where you want to '''save''' the rendered file.
  
 
|-
 
|-
Line 634: Line 634:
 
|-
 
|-
 
| 12:53
 
| 12:53
| In this tutorial we learnt to animate a plant in ''' Synfig.'''
+
| In this tutorial, we learnt to animate a plant in ''' Synfig.'''
  
 
|-
 
|-
 
| 12:58
 
| 12:58
| We also learnt to
+
| We also learnt to:
  
 
|-
 
|-
 
| 13:00
 
| 13:00
| Draw shapes with '''Spline ''' tool
+
|draw shapes with '''Spline ''' tool,
  
 
|-
 
|-
 
| 13:03
 
| 13:03
| Add a vertex by using '''Insert item'''
+
| add a vertex by using '''Insert item''',
  
 
|-
 
|-
 
| 13:07
 
| 13:07
| Split tangent option
+
| '''split tangent''' option,
  
 
|-
 
|-
 
| 13:09
 
| 13:09
| Mark active point as off option
+
| '''mark active point as off''' option,
  
 
|-
 
|-
 
| 13:13
 
| 13:13
| Animate the shape
+
| animate the shape.
  
 
|-
 
|-
Line 666: Line 666:
 
|-
 
|-
 
| 13:17
 
| 13:17
| Draw simple cartoon face with long hair filled with different colors  
+
| Draw a simple cartoon face with long hair filled with different colors  
  
 
|-
 
|-
 
| 13:22
 
| 13:22
| and Animate the hairs.
+
| and animate the hairs.
  
 
|-
 
|-
Line 682: Line 682:
 
|-
 
|-
 
| 13:33
 
| 13:33
| The video at the following link summarizes the Spoken Tutorial project.
+
| The video at the following link summarizes the '''Spoken Tutorial''' project.
  
 
|-
 
|-
Line 690: Line 690:
 
|-
 
|-
 
| 13:40
 
| 13:40
| We conduct workshops using Spoken Tutorials. And give certificates.
+
| We conduct workshops using Spoken Tutorials and give certificates.
  
 
|-
 
|-
Line 702: Line 702:
 
|-
 
|-
 
| 13:51
 
| 13:51
| Spoken Tutorial project is funded by NMEICT, MHRD, Government of India.
+
| Spoken Tutorial project is funded by '''NMEICT, MHRD,''' Government of India.
  
 
|-
 
|-

Latest revision as of 12:18, 6 November 2020

Time Narration
00:00 Welcome to the Spoken Tutorial on “Create a Plant animation” using Synfig.
00:05 In this tutorial, we will familiarize ourselves with animating shapes in Synfig.
00:11 We will learn to- draw shapes and group layers,
00:15 add a vertex by using Insert item,
00:18 split tangent option,
00:21 mark active point as off option and
00:24 animate the shapes.
00:26 Here we will create a Plant animation.
00:29 To record this tutorial, I am using-
00:31 Ubuntu Linux 14.04 OS,
00:35 Synfig version 1.0.2
00:39 Let us open synfig.
00:41 Go to Dash home and type Synfig.
00:45 You can open Synfig by clicking on the logo.
00:50 Now, let us start creating the Plant animation.
00:54 We need to first create the graphics in Synfig.
00:59 We will create a plant with a flower.
01:02 Let us save our Synfig file.
01:05 Go to File and click on Save
01:08 Select the folder in which to save.
01:11 Type the filename as Plant-animation and click on the Save button.
01:16 Draw a white background layer before you draw any other shape.
01:21 Change the name of the layer as Background.
01:26 Go to toolbox. Select Spline tool.
01:30 Make sure that only "Create Region Layer" is selected.
01:35 In the toolbox, set the fill colour to green.
01:38 Now, draw a triangle with the Spline tool as demonstrated here.
01:43 We should close this shape after drawing the 3 vertices.
01:49 To do so, right-click on the first vertex and choose Loop Spline.
01:55 This will trace a green triangle shape.
01:57 To make a rounder triangle, we have to tweak the tangent handles a bit.
02:03 Click on Transform tool and then right-click on each vertex.
02:09 Select Split tangents so that the tangent handles of each vertex can be moved separately.
02:18 Observe the Layers panel.
02:20 A new layer is formed. Let’s name it as Stem.
02:24 Press Ctrl and S keys to save the file.
02:29 Now, we will learn to animate the shape of the stem.
02:34 Click on Turn on animate editing mode icon.
02:38 Select the shape by clicking on the Stem layer.
02:42 Make sure the Toggle tangent handles option is ON at the top of the canvas.
02:50 Then, go to the Time track panel and place the Time cursor on the 24th frame.
02:57 Select the Transform tool.
03:00 Click on the top vertex of the stem and drag it upwards on the canvas, as demonstrated.
03:06 You can use + and - sign for zoom in and zoom out respectively.
03:13 Next, go the ruler.
03:17 Drag five Guidlines on to the Canvas as shown.
03:24 Press Ctrl and S keys to save the file.
03:29 On the Toolbar, click on the Transform tool.
03:32 On the canvas, right-click on the shape.
03:36 Then click on Insert item and keep shape.
03:40 Add 10 more vertices on the Guidelines as done here.
03:45 Do this by clicking on Insert item and keep shape.
03:49 Now, right-click on each vertex.
03:53 Select Split tangents so that the tangent handles of each vertex can be moved separately.
04:00 Then go to the Time track panel and place the Time cursor on 23rd frame.
04:06 Go to parameter panel.
04:08 Click on the triangle icon of Vertices to open the group.
04:13 Check the newly added Vertices.
04:15 We have to make them inactive on the 23rd frame.
04:19 Right-click on the newly added vertices.
04:22 Click on Mark active point as off.
04:26 Do likewise for all the newly added vertices.
04:39 Press Ctrl and S keys to save the file.
04:43 Once again, go to the Time track panel and place the Time cursor on the 30th frame.
04:49 Come back to the canvas.
04:50 Move the vertices to create the starting part of the leaves, as demonstrated.
04:57 Again, go to the Time track panel and place the Time cursor on 37th frame.
05:04 Let’s come back to the canvas.
05:06 Move the vertices to create the leaves, like this.
05:11 Remember mark active point as off for newly added vertices only.
05:18 Back to the Time track panel.
05:20 Place the Time cursor on the 45th frame and move the top vertex, as shown here.
05:30 In the same way, we will add two more leaves in the Stem layer itself.
05:35 Go to the Time track panel and place the Time cursor on the 80th frame.
05:40 Move the vertices of the stem to form the green coloured sepals around the bud.
05:53 Once again, go to the Time track panel and place the Time cursor on 90th frame.
05:59 Then go to Keyframes and add a new keyframe.
06:02 Now, click on the Spline tool.
06:05 Make sure that only "Create Region Layer" is selected.
06:11 In the toolbox, set the fill colour to pink.
06:14 Then draw a bud with the Spline tool, as demonstrated.
06:19 Remember to close this shape after drawing the 3 vertices.
06:25 To do so, right-click on the first vertex and choose Loop Spline'".
06:31 Note that the trace of the form is now closed.
06:36 Adjust the vertices and create bud shape.
06:40 Change the layer name as Bud.
06:43 Place the Bud layer below the Stem layer.
06:47 Again, go to the Time track panel and place the Time cursor on 99th frame.
06:54 Move the top vertex of the bud, as done here.
06:58 Press Ctrl and S keys to save the file.
07:03 Now, go to the Layers panel and select the Stem layer.
07:07 After this, come back to the canvas and right-click on the stem shape.
07:13 Add a vertex by clicking on Insert item and keep shape.
07:18 Likewise, we have to add 4 more vertices.
07:22 Place the time cursor on 98th frame and mark the active point off for these vertices.
07:33 Move the vertices as demonstrated, so that we get a shape like this.
07:41 Press Ctrl and S keys to save the file.
07:45 It’s a good habit to save our work frequently.
07:49 As we proceed ahead, I won’t mention this explicitly.
07:54 Please do so yourself at regular time intervals.
07:58 Go back to the Time track panel and place the Time cursor on 100th frame.
08:03 Go to the Layers panel and select the Bud layer.
08:06 Click on Duplicate twice.
08:10 Name the layers as petal_1 and petal_2.
08:19 Place the Time cursor on the 108th frame.
08:22 Move the nodes of the petals as demonstrated.
08:26 Go back to the Time track panel and place the Time cursor on the 115th frame.
08:34 Go to the Layers panel and select both the petal_1 and petal_2 layers.
08:40 Click on Duplicate.
08:43 Name new layers as petal_3 and petal_4.
08:47 Let’s come back to the Time track panel.
08:52 Place the Time cursor on 120th frame.
08:56 Move the vertices of the 3rd and 4th petals, as demonstrated.
09:03 Go to the Layers panel and select both the petal _3 and petal_4 layers.
09:10 Click on Duplicate.
09:12 Name the new layers as petal_5 and petal_6.
09:17 Back on the Time track panel, place the Time cursor on 140th frame.
09:23 Move the vertices of the 5th and 6th petals, as demonstrated.
09:33 Again, go to the Time track panel. Place the Time cursor on the108th frame.
09:42 Then go to the Toolbar and click on Transform tool.
09:46 Select the stem part of drawing.
09:48 And move the vertices of green sepals of the bud, as shown here.
09:55 Back on the Time track panel, place the Time cursor on the 128th frame.
10:01 Move the vertices of green sepals of the bud, as demonstrated.
10:13 Place the cursor on 0th frame. Select Bud layer.
10:17 Go to Parameters panel. Change the Amount to 0.
10:20 Similarly do for petals layers.
10:34 Let us do the same for 89th frame.
10:46 Click on Turn off animate editing mode icon.
10:51 Click on Seek to begin at the bottom of the canvas.
10:55 Play the animation by clicking Play icon.
10:58 Now, let's add a gradient in background layer.
11:02 Select Background layer. Click on gradient.
11:06 Draw gradient on the Background as demonstrated.
11:11 Set the outline colour to brown and fill colour to blue.
11:15 Let us now save our Synfig file.
11:18 Now, we will check the preview.
11:21 Go to File and then click on Preview.
11:25 Set the Quality as 0.5 and Frame per second as 24.
11:30 Click on the Preview button and then click on the Play button.
11:35 We can see a preview of the animation on the screen.
11:40 Close the Preview window.
11:42 Now, let us render the animation.
11:46 To do that, click on File and then on Render.
11:51 Click on Choose and open the Save render as window.
11:56 Click on the location where you want to save the rendered file.
12:00 Change the name to plant-animation.avi
12:05 Click on Target drop down menu and select the extension as ffmpeg.
12:10 Next, click on the Time tab and change the End time to 150.
12:16 Then click on Render.
12:21 Let us check our animation.
12:24 Go to Desktop.
12:27 Open the folder in which we saved our file.
12:31 Now select the plant-animation. avi.
12:35 Right-click and play the animation using Firefox web browser.
12:48 With this we have come to the end of this tutorial.
12:51 Let us summarize.
12:53 In this tutorial, we learnt to animate a plant in Synfig.
12:58 We also learnt to:
13:00 draw shapes with Spline tool,
13:03 add a vertex by using Insert item,
13:07 split tangent option,
13:09 mark active point as off option,
13:13 animate the shape.
13:15 Here is an Assignment for you.
13:17 Draw a simple cartoon face with long hair filled with different colors
13:22 and animate the hairs.
13:26 Your completed assignment should look like this.
13:29 Cartoon face with animated long hairs.
13:33 The video at the following link summarizes the Spoken Tutorial project.
13:37 Please watch it.
13:40 We conduct workshops using Spoken Tutorials and give certificates.
13:45 Please contact us.
13:47 Please post your timed queries in this forum.
13:51 Spoken Tutorial project is funded by NMEICT, MHRD, Government of India.
13:58 This is Shital Joshi along with the Spoken Tutorial Animation Team from IIT Bombay, signing off.

Thanks for joining.

Contributors and Content Editors

Arthi, PoojaMoolya, Ranjana, Sandhya.np14