Synfig/C3/Basic-bone-animation/English-timed
From Script | Spoken-Tutorial
Revision as of 17:34, 5 September 2018 by PoojaMoolya (Talk | contribs)
|
|
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. |