Arthi at 06:58, 16 October 2020

2020-10-16T06:58:03Z

Sandhya.np14 at 15:45, 22 September 2018

2018-09-22T15:45:51Z

PoojaMoolya: Created page with " {| border = 1 | Time | Narration |- | 00:01 | Welcome to the Spoken Tutorial on “'''Basic bone animation” '''using '''Synfig.''' |-..."

2018-09-05T12:04:09Z

Created page with " {| border = 1 | <center>Time</center> | <center>Narration</center> |- | 00:01 | Welcome to the Spoken Tutorial on “'''Basic bone animation” '''using '''Synfig.''' |-..."

New page

{| border = 1
| <center>Time</center>
| <center>Narration</center>

|-
| 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 the 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''' 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.

|}

@@ Line 278: / Line 278: @@
 |-
 | 07:06
-|  Lastly, click on '''Turn on animate editing mode''' icon.
+|  Lastly, click on '''Turn off animate editing mode''' icon.
 |-

Synfig/C3/Basic-bone-animation/English-timed - Revision history

Arthi at 06:58, 16 October 2020

Sandhya.np14 at 15:45, 22 September 2018

PoojaMoolya: Created page with " {| border = 1 | Time | Narration |- | 00:01 | Welcome to the Spoken Tutorial on “'''Basic bone animation” '''using '''Synfig.''' |-..."