Synfig/C3/Logo-animation/English-timed

From Script | Spoken-Tutorial
Revision as of 14:19, 5 September 2018 by PoojaMoolya (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Time
Narration
00:01 Welcome to the Spoken Tutorial on “Logo animation” using Synfig.
00:06 In this tutorial we will learn to Create a Mirror object,
00:10 Animate a logo
00:12 Create Spherize effect
00:15 To record this tutorial, I am using Ubuntu Linux 14.04 OS , Synfig version 1.0.2
00:26 Let us open Synfig.
00:28 Go to canvas. Click on Properties.
00:31 Under the Image, change the Width to 1920 and Height to 1080.
00:40 Click on Other. Under Locks and Links, tick on all the checkboxes.
00:47 Click on Apply and OK.
00:49 First let us create a background.
00:52 Select the Spline tool.
00:55 Under the Tool options in Layer Type, Create a region layer option must be selected.
01:01 Draw a right-angled triangle covering half of the canvas as shown.
01:07 Right-click and hold on the first node. The context menu opens.
01:12 Right-click again and select Loop Spline. Now the loop is completed.
01:20 Next, click on the Transform tool.
01:23 We get a triangle filled with the default color.
01:27 Let us now save the file by pressing Ctrl + S keys.
01:32 I will change the default name to Logo-animation.
01:37 And save this file on the Desktop.
01:40 You can give any name that you want.
01:44 Next, we will change the color of this triangle.
01:47 To do so, in the Parameters panel, click on the Color parameter.
01:52 Now change the color to green and the layer name to Triangle-1.
02:01 Duplicate the layer and change the name to Triangle-2.
02:06 Then change the color to yellow.
02:10 Now go to the Tool box and select Mirror tool.
02:14 Select all the nodes of Triangle-2 by clicking and dragging the mouse.
02:19 Observe that in the Tool options, Vertical axis has been selected.
02:25 Now click on the top left node of the triangle.
02:29 Flip it in the vertical direction as demonstrated.
02:33 Once again in the Tool options, change the axis to Horizontal.
02:38 Now, click on the bottom left node of the triangle.
02:41 Flip it in the horizontal direction as demonstrated.
02:46 Save the file by pressing Ctrl+S keys.
02:50 As we go forward, I will not explicitly say so. But please do so at regular intervals.
02:57 Next, let us animate these 2 triangles.
03:00 Select the Transform tool.
03:02 Click on Turn on animate editing mode icon.
03:06 Type 20 in the current frame box and press Enter.
03:11 In the Keyframes panel, add a keyframe.
03:15 Come back to the zeroth frame.
03:17 Click on the green dot of the yellow triangle and move it outside the canvas, as demonstrated.
03:25 Do the same for the green triangle, too.
03:28 Click on Turn off animate editing mode icon.
03:32 Move the Time cursor between zeroth and 20th frame to check the animation.
03:39 Next, let us import the Spoken Tutorial logo.
03:42 I have the logo in my Documents folder.
03:46 You can find this logo file in the Code files link that is provided along with this tutorial.

Please download and use it.

03:55 Go to File and click on Import.
03:59 Since I want to give Rotate effect to the layer, we will first group the logo layer.
04:05 Change the Group layer name to ST-Logo.
04:09 Reduce the size of the logo using the orange dot in the handle.
04:14 Now click on Turn on animate editing mode icon.
04:18 Go to the zeroth frame.
04:20 Then click on the drop-down list of ST-Logo group layer and select logo.png layer.
04:27 In the Parameters panel, change the Alpha amount to zero.
04:33 Next let us give rotation effect to the logo.
04:37 For that, first right-click on logo.png layer.
04:41 Then click on New layer, Transform and lastly on Rotate.
04:47 Now go to the 50th frame.
04:50 In the Keyframes panel, add a keyframe.
04:54 In the Parameters panel, change the rotation amount to 360.
05:00 Again select the logo.png layer.
05:04 Now go to the 60th frame.
05:06 Move the logo a little upward, as demonstrated.
05:10 Click on Turn off animate editing mode icon.
05:14 Click outside the canvas to deselect the logo.
05:18 Next let us type some text.
05:21 So, click on the Text tool and click on the canvas.
05:25 A text box appears. Here I will type Spoken Tutorial. Click on Ok.
05:34 In the Parameters panel, change the color of the text to black and size of the text to 100.
05:43 I will change the layer name to Spoken Tutorial.
05:47 Click on the Transform tool and select the green dot of the text.
05:53 Move the text outside the canvas in the downward direction as demonstrated.
05:59 Click on Turn on animate editing mode icon.
06:02 Now go to the 70th frame and move the text upwards and place it below the logo.
06:09 Once again, click on Turn off animate editing mode icon.
06:14 Now group the Spoken tutorial layer and change the group name to ST-Text.
06:21 Click on the drop-down list of ST-Text group layer.
06:25 Right-click on Spoken Tutorial layer and then on New layer.
06:30 Now click on Distortions and then on Spherize.
06:35 Click on the middle green dot of the Spherize effect and drag to the starting of the text.
06:42 Click and drag the left green dot to make the effect bigger.
06:47 Once again click on Turn on animate editing mode icon.
06:51 This time go to the 100th frame and move the effect outside the canvas.
06:57 Now click on Turn off animate editing mode icon.
07:02 Lastly, we will render our logo animation. Before that, save the file.
07:08 Now go to File and click on Render.
07:11 Change the Extension to avi. . Change the Target to ffmpeg.
07:18 Increase the Quality to 9. , And click on the Render button.
07:25 Let us now check our file. Go to Desktop.
07:28 Right-click on the output and play using Firefox web browser.
07:34 Our logo animation looks like this.
07:38 You can use your own creativity and create in a different method, too.
07:43 With this we have come to the end of this tutorial.
07:47 Let us summarize. In this tutorial, we learnt to Create a Mirror object,
07:53 Animate a logo, Create Spherize effect
07:57 Here is an assignment for you.Create a logo animation using the Synfig logo.
08:03 The logo has been given to you in the Code files link.
08:08 Your completed assignment should look like this.
08:12 The video available at the following link summarizes the Spoken Tutorial project.

Pls watch it.

08:18 Please post your time queries in this forum.
08:21 The Spoken Tutorial Project Team conducts workshops and gives certificates.
08:26 For more details, please write to us.
08:30 Spoken Tutorial Project is supported by NMEICT, MHRD, Government of India.
08:36 More information on this Mission is available at this link.
08:41 This is Arthi along with the Animation team from IIT Bombay, signing off.

Thanks for joining.

Contributors and Content Editors

PoojaMoolya, Sandhya.np14