Synfig/C2/Create-a-star-animation/English-timed
From Script | Spoken-Tutorial
Revision as of 16:36, 22 September 2018 by PoojaMoolya (Talk | contribs)
| 00:01 | Welcome to the Spoken Tutorial on “Star animation” using Synfig. |
| 00:06 | In this tutorial, we will learn to create: gradient color animation, |
| 00:12 | group layers and star animation. |
| 00:16 | To record this tutorial, I am using:
Ubuntu Linux 14.04 OS, |
| 00:22 | Synfig version 1.0.2 |
| 00:26 | Let us open Synfig. |
| 00:28 | I have created a branch image in my Documents folder. |
| 00:33 | The image is provided to you in the Code files link. Let us import it. |
| 00:38 | Go to File. Click on Import. Select Branch image. |
| 00:44 | Go to Layers panel. Select the Branch layer. |
| 00:48 | Now the handle appears. |
| 00:51 | Click on the orange dot and resize the image as shown. |
| 00:55 | Click on the green dot and move it to the bottom of the canvas. |
| 01:00 | Let us now save our file. Go to File. Click on Save.
I will save the file in the Desktop. |
| 01:08 | Change the default name to Star hyphen animation.
Click on Save. |
| 01:15 | Next, let us create some stars. |
| 01:18 | Now go to Tool box. Click on Star tool. |
| 01:22 | Create 10 stars in the canvas in the empty area above the branch. |
| 01:31 | Go to Layers panel. Select all the star layers using shift key. |
| 01:37 | Now click on the group icon at the bottom to group them. |
| 01:41 | Rename the group layer to Stars. Click outside the canvas to deselect the Stars group layer. |
| 01:49 | Next, let us create a gradient background.
Go to Tool box. Click on Gradient tool. |
| 01:56 | In the Tool options panel, check if Create a linear gradient option is selected. |
| 02:03 | Click the mouse on the top of the canvas and drag it till bottom. |
| 02:08 | Observe a black and white gradient appears on the canvas. |
| 02:14 | Go to Parameters panel.
Double click on the Gradient value. A dialog box appears. |
| 02:21 | Observe there are 2 Color stop icons at each end in the box at the bottom. |
| 02:27 | These icons indicate the 2 colors of the gradient. |
| 02:31 | The left Color stop icon is selected by default. Change the color to light blue. |
| 02:38 | Next, select the right Color stop icon. Change the color to white.
Close the dialog box. |
| 02:46 | Observe the color change in the canvas. |
| 02:50 | In the Animation panel, click on Turn on Animate editing mode icon. |
| 02:55 | Go to 25th frame. Add a keyframe in the keyframes panel. |
| 03:01 | Go to Parameters panel.
Click on the Gradient parameter value. |
| 03:08 | Change the left color to black and the right color to dark blue. |
| 03:15 | Observe waypoints are created on the Time track panel. |
| 03:20 | Drag the Time cursor between zeroth and 25th frame to observe the color change in the canvas. |
| 03:28 | Press Ctrl and S keys to save our file |
| 03:32 | We need to move the gradient background to the bottom. |
| 03:36 | So, go to Layers panel. Click on the Lower layer button twice. |
| 03:41 | Next let us animate the alpha value of the stars. So, select the Stars group layer. |
| 04:48 | Go to Zeroth frame. |
| 03:51 | In the Parameters panel, double click on the value of Amount parameter. |
| 03:56 | Change the value to zero. Press Enter. |
| 04:00 | Observe the stars are not visible now. |
| 04:04 | Go to 25th frame. Again change the Amount parameter value to 0. |
| 04:10 | Go to 40th frame. In the Keyframes panel, add a new keyframe. |
| 04:17 | In the Parameters panel, change the Amount parameter value to 1. |
| 04:23 | Go to 55th frame. In the Keyframes panel, select the 25th frame. Click on Duplicate icon. |
| 04:32 | Next go to 70th frame. In the Keyframes panel, select the 40th frame. Click on Duplicate icon. |
| 04:41 | Press Ctrl and S keys to save our file |
| 04:45 | Finally we will now render our animation. |
| 04:49 | Go to File. Click on Render. |
| 04:53 | Change the extension to avi. Change target to ffmpeg.
Click on Render. |
| 05:03 | Let us now go to the Desktop and play the animation using Firefox web browser. |
| 05:10 | With this, we have come to the end of this tutorial.
Let us summarize. |
| 05:15 | In this tutorial, we learnt to create: gradient color animation,
group layers and star animation. |
| 05:24 | Here is an assignment for you.
Create a Sun rise animation.The image is provided to you in the Code files link. |
| 05:33 | Your completed assignment should look like this. |
| 05:37 | The video at the following link summarizes the Spoken Tutorial project.
Please download and watch it. |
| 05:45 | We conduct workshops using Spoken Tutorials and give certificates. Please contact us. |
| 05:52 | Please post your timed queries in this forum. |
| 05:56 | Spoken Tutorial project is funded by NMEICT, MHRD, Government of India. |
| 06:02 | This is Arthi along with the Spoken Tutorial Animation Team from IIT Bombay, signing off.
Thanks for joining. |
