Synfig/C2/Create-a-star-animation/English-timed

From Script | Spoken-Tutorial
Jump to: navigation, search
Time
Narration
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.
03: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.

Contributors and Content Editors

PoojaMoolya, Ranjana, Sandhya.np14