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

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with " {| border = 1 | <center>Time</center> | <center>Narration</center> |- | 00:01 | Welcome to the Spoken Tutorial on “'''Basic bone animation” '''using '''Synfig.''' |-...")
 
Line 6: Line 6:
 
|-
 
|-
 
| 00:01
 
| 00:01
−
|  Welcome to the Spoken Tutorial on “'''Basic bone animation” '''using '''Synfig.'''
+
|  Welcome to the '''Spoken Tutorial''' on “'''Basic bone animation” '''using '''Synfig.'''
  
 
|-
 
|-
 
|  00:07
 
|  00:07
−
|  In this tutorial we will learn to animate a character using '''Skeleton '''option in '''Synfig.'''  
+
|  In this tutorial, we will learn to animate a character using '''Skeleton '''option in '''Synfig.'''  
  
 
|-
 
|-
 
|  00:13
 
|  00:13
−
| We will also learn to Add bones
+
| We will also learn to: add bones,
  
 
|-
 
|-
 
| 00:17
 
| 00:17
−
| Attach bones to body , And animate the bones
+
| attach bones to body and animate the bones.
  
 
|-
 
|-
 
| 00:22  
 
| 00:22  
−
|  To record this tutorial, I am using  '''Ubuntu Linux''' 14.04 OS  
+
|  To record this tutorial, I am using  '''Ubuntu Linux''' 14.04 OS,
  
 
|-
 
|-
Line 42: Line 42:
 
|-
 
|-
 
|  00:57
 
|  00:57
−
|  Ensure that all parts of the body are in different layers.
+
|  Ensure that all parts of the body are in different '''layer'''s.
  
 
|-
 
|-
 
|  01:02
 
|  01:02
−
| Now we will learn to rig the upper part of the body with fixed joints using the '''Skeleton'''.
+
| Now, we will learn to rig the upper part of the body with fixed joints using the '''Skeleton'''.
  
 
|-
 
|-
 
|  01:11
 
|  01:11
−
|  Before that we need to create groups.  For e.g.- Left hand should be made up of Left upper arm, Left lower arm and Left palm.
+
|  Before that, we need to create groups.  For e.g.- left hand should be made up of left upper arm, left lower arm and left palm.
  
 
|-
 
|-
 
|  01:25
 
|  01:25
−
| So we need to group these three layers and name it as '''L-hand'''.
+
| So, we need to group these three layers and name it as '''L-hand'''.
  
 
|-
 
|-
Line 62: Line 62:
 
|-
 
|-
 
| 01:36
 
| 01:36
−
| Name the '''group layers''' as '''L-hand''', '''R-hand,''' '''Head''',''' Neck''', and '''Trunk''', as shown here.
+
| Name the '''group layers''' as '''L-hand''', '''R-hand,''' '''Head''',''' Neck''' and '''Trunk''' as shown here.
  
 
|-
 
|-
 
|  01:46
 
|  01:46
−
|  Let’s save this file using '''Save As '''option.
+
|  Let’s '''save''' this file using '''Save As '''option.
  
 
|-
 
|-
Line 82: Line 82:
 
|-
 
|-
 
|  02:06
 
|  02:06
−
|  Now go to the '''Layers panel.'''
+
|  Now, go to the '''Layers panel.'''
  
 
|-
 
|-
Line 110: Line 110:
 
|-
 
|-
 
| 02:42
 
| 02:42
−
|Hold and drag the mouse and move the bone to the '''Trunk''' part of the character.
+
|Hold and drag the '''mouse''' and move the bone to the '''Trunk''' part of the character.
  
 
|-
 
|-
Line 130: Line 130:
 
|-
 
|-
 
| 03:10  
 
| 03:10  
−
|  Adjust the length of the '''child bone''' in the upper part of the '''Trunk, '''as explained earlier.
+
|  Adjust the length of the '''child bone''' in the upper part of the '''Trunk '''as explained earlier.
  
 
|-
 
|-
Line 142: Line 142:
 
|-
 
|-
 
| 03:45
 
| 03:45
−
|Next, we will attach the bones to the each part of the body.
+
|Next, we will attach the bones to each part of the body.
  
 
|-
 
|-
Line 150: Line 150:
 
|-
 
|-
 
|  04:00
 
|  04:00
−
|  Go to the '''canvas'''.  Using '''Shift''' key, hold and drag the mouse to select all the nodes of the right upper arm.
+
|  Go to the '''canvas'''.  Using '''Shift''' key, hold and drag the mouse to select all the '''node'''s of the right upper arm.
  
 
|-
 
|-
Line 178: Line 178:
 
|-
 
|-
 
| 05:02
 
| 05:02
−
|  Press '''Ctrl''' and '''S''' keys to save the file.
+
|  Press '''Ctrl''' and '''S''' keys to '''save''' the file.
  
 
|-
 
|-
Line 190: Line 190:
 
|-
 
|-
 
| 05:13
 
| 05:13
−
|  Turn''' on '''the '''animate editing mode''' icon.
+
|  Turn on the '''animate editing mode''' icon.
  
 
|-
 
|-
Line 210: Line 210:
 
|-
 
|-
 
|  05:30
 
|  05:30
−
|And green dot is for displacement in the '''Skeleton'''.
+
|And, green dot is for displacement in the '''Skeleton'''.
  
 
|-
 
|-
Line 218: Line 218:
 
|-
 
|-
 
|  05:38
 
|  05:38
−
|Select the blue dot of the''' bone,''' which is placed in the lower arm part of the right hand.
+
|Select the blue dot of the''' bone''' which is placed in the lower arm part of the right hand.
  
 
|-
 
|-
Line 234: Line 234:
 
|-
 
|-
 
|  06:02
 
|  06:02
−
|  Again go to the''' Time track panel '''and place the''' cursor '''on the 48<sup>th</sup> frame.
+
|  Again, go to the''' Time track panel '''and place the''' cursor '''on the 48<sup>th</sup> frame.
  
 
|-
 
|-
Line 290: Line 290:
 
|-
 
|-
 
| 07:28  
 
| 07:28  
−
|  Once again, save the file.
+
|  Once again, '''save''' the file.
  
 
|-
 
|-
 
| 07:31  
 
| 07:31  
−
|  Let us now check the preview.
+
|  Let us now check the '''preview'''.
  
 
|-
 
|-
Line 310: Line 310:
 
|-
 
|-
 
|  07:51
 
|  07:51
−
|  We can see a preview of the animation on the screen.
+
|  We can see a preview of the animation on the '''screen'''.
  
 
|-
 
|-
 
|  07:56
 
|  07:56
−
|  Let’s close the''' Preview '''window.
+
|  Let’s close the''' Preview window'''.
  
 
|-
 
|-
 
| 07:58  
 
| 07:58  
−
|  Now let us render the animation.
+
|  Now, let us render the animation.
  
 
|-
 
|-
Line 358: Line 358:
 
|-
 
|-
 
|  08:48
 
|  08:48
−
|  Go to '''Desktop '''and select''' Basic-bone-animation. avi.'''
+
|  Go to '''Desktop '''and select the ''' Basic-bone-animation. avi.'''
  
 
|-
 
|-
 
|  08:56
 
|  08:56
−
|Right-click and play the animation using''' Firefox '''web browser.
+
|Right-click and play the animation using''' Firefox web browser'''.
  
 
|-
 
|-
 
|  09:03
 
|  09:03
−
|  With this we have come to the end of this tutorial. Let us summarize.
+
|  With this, we have come to the end of this tutorial. Let us summarize.
  
 
|-
 
|-
 
|  09:10
 
|  09:10
−
|  In this tutorial we learnt about basic '''bone '''animation in '''Synfig.'''
+
|  In this tutorial, we learnt about basic '''bone '''animation in '''Synfig.'''
  
 
|-
 
|-
 
|  09:16
 
|  09:16
−
| We also learnt to Add bones, Attach '''bones '''to the body, and Animate the '''bones'''.
+
| We also learnt to add bones, attach '''bones '''to the body and animate the '''bones'''.
  
 
|-
 
|-
Line 382: Line 382:
 
|-
 
|-
 
| 09:26
 
| 09:26
−
|  Open the Synfig file, given to you in the '''Code files''' link
+
|  Open the Synfig file given to you in the '''Code files''' link.
  
 
|-
 
|-
 
| 09:31
 
| 09:31
−
|  Add bones and animate the hand
+
|  Add bones and animate the hand.
  
 
|-
 
|-
Line 394: Line 394:
 
|-
 
|-
 
| 09:40
 
| 09:40
−
|  The video at the following link summarizes the Spoken Tutorial project. Please watch it.
+
|  The video at the following link summarizes the '''Spoken Tutorial''' project. Please watch it.
  
 
|-
 
|-
 
|  09:47
 
|  09:47
−
|  We conduct workshops using Spoken Tutorials. And give certificates. Please contact us.
+
|  We conduct workshops using Spoken Tutorials and give certificates. Please contact us.
  
 
|-
 
|-
 
| 09:55  
 
| 09:55  
−
|  Please post your timed queries in this forum
+
|  Please post your timed queries in this forum.
  
 
|-
 
|-
 
| 09:59
 
| 09:59
−
|  Spoken Tutorial project is funded by NMEICT, MHRD, Government of India.
+
|  Spoken Tutorial project is funded by '''NMEICT, MHRD,''' Government of India.
  
 
|-
 
|-

Revision as of 21:15, 22 September 2018

Time
Narration
00:01 Welcome to the Spoken Tutorial on “Basic bone animation” using Synfig.
00:07 In this tutorial, we will learn to animate a character using Skeleton option in Synfig.
00:13 We will also learn to: add bones,
00:17 attach bones to body and animate the bones.
00:22 To record this tutorial, I am using Ubuntu Linux 14.04 OS,
00:31 Synfig version 1.0.2
00:36 Now let us begin. We are in Synfig.
00:40 I will open the Synfig-character file which is saved on my machine.
00:47 This file has been provided to you in the Code Files link. Please download and use it.
00:57 Ensure that all parts of the body are in different layers.
01:02 Now, we will learn to rig the upper part of the body with fixed joints using the Skeleton.
01:11 Before that, we need to create groups. For e.g.- left hand should be made up of left upper arm, left lower arm and left palm.
01:25 So, we need to group these three layers and name it as L-hand.
01:32 Similarly, group the other layers.
01:36 Name the group layers as L-hand, R-hand, Head, Neck and Trunk as shown here.
01:46 Let’s save this file using Save As option.
01:50 Go to File and click on Save As.
01:54 Choose your preferred location and then type the filename as Basic hyphen bone hyphen animation.
02:03 Then click on the Save button.
02:06 Now, go to the Layers panel.
02:10 Make one more group of all these grouped layers and name it as Character.
02:17 Now, open the Character group by clicking on the triangular shape.
02:23 Right-click on the top layer of the Character layer.
02:27 Go to New layer, then Other and click on Skeleton.
02:33 We get one bone on the canvas.
02:37 Click on the Transform tool and select the green dot of the bone.
02:42 Hold and drag the mouse and move the bone to the Trunk part of the character.
02:49 Now place the bone as demonstrated.
02:53 Next, use the orange dot of the bone to adjust the length of the bone.
03:00 After this, right-click on the orange dot of the bone.
03:04 And then click on the option Create child bone.
03:10 Adjust the length of the child bone in the upper part of the Trunk as explained earlier.
03:17 In a similar manner, add and adjust the bones for neck, head and hands.
03:41 Now the Skeleton layer is placed inside the body.
03:45 Next, we will attach the bones to each part of the body.
03:50 For that, go to the Layers panel. Right-click on R-upper-arm layer and then on Select all child layers.
04:00 Go to the canvas. Using Shift key, hold and drag the mouse to select all the nodes of the right upper arm.
04:11 Press Ctrl key and then select the Skeleton layer.
04:18 Right-click on any node of the bone of R-upper-arm.
04:23 Click on the option Link to bone.
04:28 Likewise, we have to attach every part of the body to its respective bone by using Link to bone.
04:50 Every part of the body needs to be attached to the Skeleton.
04:56 Only then we can animate all the parts of the body using bones.
05:02 Press Ctrl and S keys to save the file.
05:06 Let us now start to animate.
05:09 Go to Layers panel and select Skeleton layer.
05:13 Turn on the animate editing mode icon.
05:16 Go to Time track panel and place the cursor on the 20th frame.
05:22 Observe the various coloured dots.
05:25 Blue dot is for rotation.
05:27 Orange dot for scaling.
05:30 And, green dot is for displacement in the Skeleton.
05:35 Let’s go to the canvas.
05:38 Select the blue dot of the bone which is placed in the lower arm part of the right hand.
05:44 Move the lower arm bone as demonstrated by moving the blue dot.
05:49 Go to the Time track panel and place the cursor on the 32nd frame.
05:56 Go back to the Canvas and move the lower arm bone as demonstrated.
06:02 Again, go to the Time track panel and place the cursor on the 48th frame.
06:09 Go to the Canvas and move the lower arm bone as demonstrated.
06:15 Next, on same frame select the blue dot of the palm bone.
06:21 Then move the palm bone as demonstrated.
06:25 Once again, go to the Time track panel and place the cursor on the 63rd frame.
06:34 Go back to the Canvas and move the lower arm bone as demonstrated.
06:40 We will animate L-hand in the same way.
06:43 Go to canvas and select the blue dot on the lower arm bone of the left hand.
06:50 Go to Time track panel and place the cursor on the 20th frame.
06:56 Go to the Canvas.
06:59 Drag the blue dot and move the lower arm bone of the left hand as demonstrated.
07:06 Lastly, click on Turn on animate editing mode icon.
07:11 Click on Seek to begin at the bottom of the canvas.
07:15 Play the animation by clicking the Play button.
07:28 Once again, save the file.
07:31 Let us now check the preview.
07:36 Go to File and then click on Preview.
07:40 Set the Quality as 0.5 and Frame per second as 24.
07:45 Click on the Preview button and then click on the Play button.
07:51 We can see a preview of the animation on the screen.
07:56 Let’s close the Preview window.
07:58 Now, let us render the animation.
08:02 To do that, click on File and then on Render.
08:08 Go to Render setting window.
08:10 Click on Choose and open the Save render as window.
08:15 Choose the location to save the file. I’m choosing Desktop.
08:21 Change the filename to Basic hyphen bone hyphen animation dot avi.
08:27 Click on the Target drop-down menu and select the extension as ffmpeg.
08:35 Click on the Time tab and change the End time to 70.
08:40 Lastly, click on Render.
08:45 Let us check our animation now.
08:48 Go to Desktop and select the Basic-bone-animation. avi.
08:56 Right-click and play the animation using Firefox web browser.
09:03 With this, we have come to the end of this tutorial. Let us summarize.
09:10 In this tutorial, we learnt about basic bone animation in Synfig.
09:16 We also learnt to add bones, attach bones to the body and animate the bones.
09:24 Here is an assignment for you.
09:26 Open the Synfig file given to you in the Code files link.
09:31 Add bones and animate the hand.
09:35 Your completed assignment should look like this.
09:40 The video at the following link summarizes the Spoken Tutorial project. Please watch it.
09:47 We conduct workshops using Spoken Tutorials and give certificates. Please contact us.
09:55 Please post your timed queries in this forum.
09:59 Spoken Tutorial project is funded by NMEICT, MHRD, Government of India.
10:06 This is Shital along with the Spoken Tutorial Animation Team from IIT Bombay, signing off.

Thanks for joining.

Contributors and Content Editors

Arthi, PoojaMoolya, Sandhya.np14

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Synfig/C3/Basic-bone-animation/English-timed&oldid=44451"