Sandhya.np14 at 08:10, 22 September 2018

2018-09-22T08:10:54Z

Sandhya.np14 at 08:09, 22 September 2018

2018-09-22T08:09:57Z

PoojaMoolya: Created page with "{| border =1 | Time | Narration |- | 00:01 | Welcome to the Spoken Tutorial on “'''Logo animation” '''using '''Synfig.''' |- | 00:0..."

2018-09-05T08:49:11Z

Created page with "{| border =1 | <center>Time</center> | <center>Narration</center> |- | 00:01 | Welcome to the Spoken Tutorial on “'''Logo animation” '''using '''Synfig.''' |- | 00:0..."

New page

{| border =1
| <center>Time</center>
| <center>Narration</center>

|-
| 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.

|}

@@ Line 22: / Line 22: @@
 |  00:15
 |  To record this tutorial, I am using:
 '''Ubuntu Linux''' 14.04 OS,
 '''Synfig '''version 1.0.2

Synfig/C3/Logo-animation/English-timed - Revision history

Sandhya.np14 at 08:10, 22 September 2018

Sandhya.np14 at 08:09, 22 September 2018

PoojaMoolya: Created page with "{| border =1 | Time | Narration |- | 00:01 | Welcome to the Spoken Tutorial on “'''Logo animation” '''using '''Synfig.''' |- | 00:0..."