Synfig/C3/Basic-bone-animation/English-timed
From Script | Spoken-Tutorial
| |
|
| 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 off 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. |
