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

Sandhya.np14 at 17:10, 24 September 2018

2018-09-24T17:10:41Z

Sandhya.np14 at 13:13, 24 September 2018

2018-09-24T13:13:46Z

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

2018-09-19T11:35:08Z

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

New page

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

|-
| 00:00
| Welcome to the Spoken Tutorial on '''“Rocket animation” '''using '''Synfig.'''

|-
| 00:06
| In this tutorial, we will learn to create

Fire effect

|-
| 00:11
| Cut out effect

|-
| 00:13
| Change slope & offset parameters and Feather effect

|-
| 00:19
|We will also learn to do a rocket animation using all of the above.

|-
| 00:24
| To record this tutorial, I am using

'''Ubuntu Linux''' 14.04 OS

'''Synfig''' version 1.0.2

|-
| 00:34
| Let us open '''Synfig.'''

|-
| 00:36
| I have a rocket image in my''' Documents folder. '''

|-
| 00:40
| I have created this image in '''Inkscape.'''

|-
| 00:43
| Let us import the image. Go to '''File.''' Click on '''Import.'''

|-
| 00:49
| Select the '''Rocket''' image. Click on '''Import.'''

|-
| 00:53
| Group the '''rocket''' image. Name the '''group layer''' as '''Rocket. '''

|-
| 00:59
| Using the orange dot in the handle, reduce the size of the image as shown.

|-
| 01:06
| Press '''Ctrl '''and '''S '''keys to save our file.

|-
| 01:11
| I will save the file in the '''Desktop.''' Change the filename to '''Rocket hyphen animation.'''

|-
| 01:20
| Click on '''Save'''. Now, let us create the fire.

|-
| 01:23
| Change the '''Fill color''' to black and the '''Outline color''' to white.

|-
| 01:31
| Go to '''Layers panel.''' Right click on the '''Rocket group layer.'''

|-
| 01:36
| Select '''New layer,''' click on '''Gradient''' and then on '''Noise Gradient.'''

|-
| 01:43
| A black and white noise gradient is created on the''' canvas.'''

|-
| 01:47
| Go to''' Tool box'''. Click on '''Gradient tool. '''

|-
| 01:52
| In the '''Tool options, '''click on '''create a linear gradient.'''

|-
| 01:57
| Now, click and drag the on the '''canvas''' from top to bottom.

|-
| 02:02
| Observe a black and white linear gradient is created on the '''canvas. '''

|-
| 02:08
| Select the '''Transform tool.'''

Change the layer name to '''BW-Gradient.'''

|-
| 02:16
| In the '''Parameters panel''', change the '''Blend method''' to '''Subtract.'''

|-
| 02:22
| Select the '''Rectangle tool.''' Draw a rectangle covering the whole '''canvas.'''

|-
| 02:29
| Click on the '''Transform tool''' and change the '''layer''' name to '''Orange.'''

|-
| 02:35
| Now, let us change the color of the rectangle to warm orange.

|-
| 02:40
| In the '''Parameters panel, '''click on the '''Color parameter. '''

|-
| 02:45
| Change the '''RGB''' values to 100, 55 and 10 respectively.

Close the dialog box.

|-
| 02:56
| Again in the '''Parameters panel,''' change the '''Blend method''' to '''Color.'''

|-
| 03:01
| Group the''' Noise gradient''' layer. Change the name to '''Moving-base.'''

|-
| 03:10
| In the '''Parameters panel,''' right click on '''Origin.'''

|-
| 03:14
| Click on''' Convert''' and then on '''Linear.'''

|-
| 03:19
| Click on the drop down list of''' Origin.'''

|-
| 03:22
| Change the '''Slope '''values to''' 0 and -100 '''and '''Offset '''values to''' 0 and 100 '''respectively.

|-
| 03:32
| Now the fire effect is created.

Click on the '''Play''' button to check the effect.

|-
| 03:38
| Next let us cut the effect according the size of the rocket.

|-
| 03:43
| Now group all the layers except the '''Rocket layer.'''

|-
| 03:47
| Change the name to '''Fire.'''

|-
| 03:50
| Press '''Ctrl '''and '''S '''keys to save the file.

|-
| 03:54
| Go to''' Tool box,''' select the '''Cutout tool.'''

|-
| 03:58
| Cut the fire effect as shown. Observe the group layer name has changed to''' Fire cut. '''

|-
| 04:06
| Select '''Transform tool.'''

|-
| 04:09
|Using the Orange dot of the''' handle,''' reduce the size of the fire.

|-
| 04:14
| Move this layer below the '''Rocket layer. '''

|-
| 04:19
| Click on the drop down list. Select the '''Mask layer'''. Now we can adjust the''' nodes.'''

|-
| 04:27
| In the '''Parameters panel, '''Change the''' Feather parameter '''to''' 25.'''

|-
| 04:33
| Observe the feather effect is applied to the fire.

|-
| 04:38
| We will now animate the fire. Click on '''Turn on animate editing mode''' icon.

|-
| 04:44
| Go to '''3rd frame. '''Add a '''keyframe''' in the '''Keyframes panel.'''

|-
| 04:49
| Adjust the nodes of the fire as shown.

|-
| 04:56
| Now go the 6th frame. In the '''Keyframes panel, '''Duplicate the '''zeroeth frame.'''

|-
| 05:03
| Next we will loop this fire animation. So, right click on the '''Fire cut group layer.'''

|-
| 05:10
| Click on '''New layer,''' then on '''Other''' and on '''Time loop.'''

|-
| 05:17
| In the '''Parameters panel, '''change the '''Duration parameter''' to '''12.'''

|-
| 05:24
| Tick on the checkbox of '''Only for Positive Duration.'''

Click on '''Play''' button to check the animation.

|-
| 05:33
| Next, let us animate the rocket. So, group all the '''layers'''.

|-
| 05:39
| Change the '''Group layer '''name to '''Rocket. '''

|-
| 05:42
| Go to '''zeroeth frame.''' Move the rocket to the bottom of the '''canvas '''as shown.

|-
| 05:48
| Now go to 100th frame. Move the rocket to the top of the '''canvas.'''

|-
| 05:55
| Now the rocket animation is done.

|-
| 05:58
| Let us add a background image now, which I created in '''Inkscape'''.

|-
| 06:03
| I have saved this image in '''Documents''' folder.

|-
| 06:06
| Go to '''File'''. Click on '''Import'''.

|-
| 06:11
| Move the layer below the '''Rocket group layer.'''

|-
| 06:15
| Press '''Ctrl '''and '''S '''keys to save the file.

|-
| 06:18
| Lastly we will render the animation.

Go to''' File. '''Click on''' Render.'''

|-
| 06:25
| I will save the output in the '''Desktop.'''

Change the extension to '''avi'''. '''Target''' to '''ffmpeg. '''

|-
| 06:34
| Now click''' '''on''' Render.'''

|-
| 06:37
| We will now check our animation.

Go to '''Desktop. '''Right click on the output file and play our animation.

|-
| 06:45
| Our rocket animation looks like this.

|-
| 06:48
| With this we have come to the end of this tutorial.

Let us summarize.

|-
| 06:53
| In this tutorial we learnt to create Fire effect

|-
| 06:58
| Cut out effect

Change slope & offset parameters

Feather effect

|-
| 07:02
| We also learnt to do a rocket animation.

|-
| 07:05
| Here is an assignment for you- Create a wood fire animation

|-
| 07:10
| The wood image is provided to you in the '''Code files''' link

|-
| 07:14
| Your completed assignment should look like this.

|-
| 07:18
| This video summarizes the Spoken Tutorial project.

Please download and watch it.

|-
| 07:23
| The Spoken Tutorial Project team conducts workshops and gives certificates on passing online tests.

For more details, please write to us.

|-
| 07:32
| Please post your timed queries in this forum.

|-
| 07:35
| Spoken Tutorial Project is funded by NMEICT, MHRD, Government of India.

More information on this mission is available at this link.

|-
| 07:45
| This is Arthi along with the Spoken Tutorial Animation Team from IIT Bombay, signing off.

Thanks for joining.
|}

@@ Line 39: / Line 39: @@
 |-
 | 00:36
-| I have a rocket image in my''' Documents folder. '''
+| I have a rocket image in my''' Documents''' folder.
 |-
@@ Line 47: / Line 47: @@
 |-
 | 00:43
-| Let us import the image. Go to '''File.''' Click on '''Import.'''
+| Let us '''import''' the image. Go to '''File.''' Click on '''Import.'''
 |-
@@ Line 63: / Line 63: @@
 |-
 | 01:06
-| Press '''Ctrl '''and '''S '''keys to save our file.
+| Press '''Ctrl '''and '''S '''keys to '''save''' our file.
 |-
@@ Line 79: / Line 79: @@
 |-
 | 01:31
-| Go to '''Layers panel.''' Right click on the '''Rocket group layer.'''
+| Go to '''Layers panel.''' Right click on the '''Rocket group''' layer.
 |-
@@ Line 87: / Line 87: @@
 |-
 | 01:43
-| A black and white noise gradient is created on the''' canvas.'''
+| A black and white '''noise gradient''' is created on the''' canvas.'''
 |-
@@ Line 103: / Line 103: @@
 |-
 | 02:02
-| Observe a black and white linear gradient is created on the '''canvas. '''
+| Observe a black and white '''linear gradient''' is created on the '''canvas. '''
 |-
@@ Line 159: / Line 159: @@
 |-
 | 03:22
-| Change the '''Slope '''values to''' 0 and  -100 '''and '''Offset '''values to''' 0 and 100 '''respectively.
+| Change the '''Slope '''values to''' 0''' and  '''-100''' and '''Offset '''values to''' 0''' and '''100''' respectively.
 |-
@@ Line 169: / Line 169: @@
 |-
 | 03:38
-| Next let us cut the effect according the size of the rocket.
+| Next, let us cut the effect according the size of the rocket.
 |-
@@ Line 197: / Line 197: @@
 |-
 | 04:09
-|Using the Orange dot of the''' handle,''' reduce the size of the fire.
+|Using the orange dot of the''' handle,''' reduce the size of the fire.
 |-
@@ Line 209: / Line 209: @@
 |-
 | 04:27
-| In the '''Parameters panel, '''Change the''' Feather parameter '''to''' 25.'''
+| In the '''Parameters panel, '''change the''' Feather parameter '''to''' 25.'''
 |-
@@ Line 225: / Line 225: @@
 |-
 | 04:49
-| Adjust the nodes of the fire as shown.
+| Adjust the '''node'''s of the fire as shown.
 |-
@@ Line 233: / Line 233: @@
 |-
 | 05:03
-| Next we will loop this fire animation. So, right click on the '''Fire cut group layer.'''
+| Next, we will loop this fire animation. So, right click on the '''Fire cut group layer.'''
 |-
@@ Line 259: / Line 259: @@
 |-
 | 05:42
-| Go to '''zeroeth frame.''' Move the rocket to the bottom of the '''canvas '''as shown.
+| Go to '''zeroth frame.''' Move the rocket to the bottom of the '''canvas '''as shown.
 |-
 | 05:48
-| Now go to 100<sup>th</sup> frame. Move the rocket to the top of the '''canvas.'''
+| Now, go to 100<sup>th</sup> frame. Move the rocket to the top of the '''canvas.'''
 |-
 | 05:55
-| Now the rocket animation is done.
+| Now the '''rocket animation''' is done.
 |-
 | 05:58
-| Let us add a background image now, which I created in '''Inkscape'''.
+| Let us add a background image now which I created in '''Inkscape'''.
 |-
@@ Line 299: / Line 299: @@
 | I will save the output in the '''Desktop.'''
-Change the extension to '''avi'''.  '''Target''' to '''ffmpeg. '''
+Change the '''extension''' to '''avi'''.  '''Target''' to '''ffmpeg. '''
 |-
 | 06:34
-| Now click''' '''on''' Render.'''
+| Now click on''' Render.'''
 |-
@@ Line 309: / Line 309: @@
 | We will now check our animation.
-Go to '''Desktop. '''Right click on the output file and play our animation.
+Go to '''Desktop. '''Right click on the '''output file''' and '''play''' our animation.
 |-
@@ Line 317: / Line 317: @@
 |-
 | 06:48
-| With this we have come to the end of this tutorial.
+| With thi,s we have come to the end of this tutorial.
 Let us summarize.
@@ Line 323: / Line 323: @@
 |-
 | 06:53
-| In this tutorial we learnt to create Fire effect
+| In this tutorial, we learnt to create '''Fire''' effect,
 |-
 | 06:58
-|  Cut out effect
+|  '''Cut out''' effect,
-Change slope & offset parameters
+Change '''slope''' & '''offset''' parameters,
-Feather effect
+'''Feather''' effect.
 |-
@@ Line 339: / Line 339: @@
 |-
 | 07:05
-| Here is an assignment for you-  Create a wood fire animation
+| Here is an assignment for you-  create a wood fire animation.
 |-
 | 07:10
-|  The wood image is provided to you in the '''Code files''' link
+|  The wood image is provided to you in the '''Code files''' link.
 |-
@@ Line 351: / Line 351: @@
 |-
 | 07:18
-| This video summarizes the Spoken Tutorial project.
+| This video summarizes the '''Spoken Tutorial''' project.
 Please download and watch it.
@@ Line 367: / Line 367: @@
 |-
 | 07:35
-| Spoken Tutorial Project is funded by NMEICT, MHRD, Government of India.
+| Spoken Tutorial Project is funded by '''NMEICT, MHRD,''' Government of India.
 More information on this mission is available at this link.

@@ Line 5: / Line 5: @@
 |-
 | 00:00
-| Welcome to the Spoken Tutorial on '''“Rocket animation” '''using '''Synfig.'''
+| Welcome to the '''Spoken Tutorial''' on '''“Rocket animation” '''using '''Synfig.'''
 |-
 | 00:06
-| In this tutorial, we will learn to create
+| In this tutorial, we will learn to create:
-Fire effect
+Fire effect,
 |-
 | 00:11
-| Cut out effect
+| Cut out effect,
 |-
 | 00:13
-| Change slope & offset parameters and  Feather effect
+| Change slope & offset parameters and  Feather effect.
 |-
 | 00:19
-|We will also learn to do a rocket animation using all of the above.
+|We will also learn to do a '''rocket animation''' using all of the above.
 |-
 | 00:24
-| To record this tutorial, I am using
+| To record this tutorial, I am using:
-'''Ubuntu Linux''' 14.04 OS
+'''Ubuntu Linux''' 14.04 '''OS''',
 '''Synfig''' version 1.0.2