Difference between revisions of "Synfig/C2/Animate-a-Toy-train/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(3 intermediate revisions by 2 users not shown)
Line 27: Line 27:
 
* '''Ubuntu Linux''' 14.04 OS
 
* '''Ubuntu Linux''' 14.04 OS
 
* '''Synfig''' version 1.0.2
 
* '''Synfig''' version 1.0.2
−
 
−
 
  
 
|-
 
|-
Line 51: Line 49:
  
 
Select the '''Star '''layer.
 
Select the '''Star '''layer.
−
 
−
 
−
 
  
 
|-
 
|-
Line 76: Line 71:
 
| style="background-color:#ffffff;border-top:0.5pt solid #000001;border-bottom:0.5pt solid #000001;border-left:0.5pt solid #000001;border-right:none;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.075in;"| Type 100 in '''Current frame''' box  
 
| style="background-color:#ffffff;border-top:0.5pt solid #000001;border-bottom:0.5pt solid #000001;border-left:0.5pt solid #000001;border-right:none;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.075in;"| Type 100 in '''Current frame''' box  
 
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0382in;"| Type 24 in the '''Current frame''' box.
 
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0382in;"| Type 24 in the '''Current frame''' box.
−
 
−
 
−
 
  
 
|-
 
|-
Line 118: Line 110:
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:0.5pt solid #000001;border-bottom:0.5pt solid #000001;border-left:0.5pt solid #000001;border-right:none;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.075in;"| '''Parameters panel >> '''Check on '''Only For Positive Duration'''
 
| style="background-color:#ffffff;border-top:0.5pt solid #000001;border-bottom:0.5pt solid #000001;border-left:0.5pt solid #000001;border-right:none;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.075in;"| '''Parameters panel >> '''Check on '''Only For Positive Duration'''
−
 
−
 
  
 
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0382in;"| In the '''Parameters panel,''' tick the checkbox of '''Only For Positive Duration.'''
 
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0382in;"| In the '''Parameters panel,''' tick the checkbox of '''Only For Positive Duration.'''
Line 138: Line 128:
  
 
|-
 
|-
−
| style="background-color:#ffffff;border-top:0.5pt solid #000001;border-bottom:0.5pt solid #000001;border-left:0.5pt solid #000001;border-right:none;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.075in;"| click on the drop down list of '''Wheel-1 group layer >> Press Ctrl + V'''
+
| style="background-color:#ffffff;border-top:0.5pt solid #000001;border-bottom:0.5pt solid #000001;border-left:0.5pt solid #000001;border-right:none;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.075in;"| Right click on '''Wheel-2 group folder >> Press Ctrl + V'''
−
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0382in;"| Now, click on the drop down list of'''Wheel-1 group layer. '''
+
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0375in;padding-right:0.0382in;"| Now, click on the Wheel-1 group layer. '''
  
  
Line 237: Line 227:
  
 
* Animate the bus created in an earlier assignment by following the steps shown in this tutorial.
 
* Animate the bus created in an earlier assignment by following the steps shown in this tutorial.
−
 
−
 
  
 
|-
 
|-
Line 250: Line 238:
  
 
Please download and watch it.
 
Please download and watch it.
−
 
−
 
−
 
  
 
|-
 
|-
Line 264: Line 249:
 
| style="background-color:#ffffff;border:0.75pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0417in;padding-right:0.0417in;"| Spoken Tutorial Forum slide
 
| style="background-color:#ffffff;border:0.75pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0417in;padding-right:0.0417in;"| Spoken Tutorial Forum slide
 
| style="background-color:#ffffff;border:0.75pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0417in;padding-right:0.0417in;"| Please post your timed queries in this forum.
 
| style="background-color:#ffffff;border:0.75pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0417in;padding-right:0.0417in;"| Please post your timed queries in this forum.
−
 
−
 
−
 
  
 
|-
 
|-
Line 273: Line 255:
  
  
−
More information on this mission is available at
+
More information on this mission is available at this link.
−
 
+
−
this link.
+
−
 
+
−
 
+
−
 
+
  
 
|-
 
|-

Latest revision as of 12:46, 8 October 2018

Title of script: Animate a toy train

Author: Arthi. A

Keywords: Synfig, Change angle parameter, Create a Moving train animation


Visual cue
Narration
Opening Slide Welcome to the Spoken Tutorial on “Animate a toy train” using Synfig.
Learning Objectives (Slide) In this tutorial we will learn to animate the toy train which we created earlier.
System requirements

(Slide)

For this tutorial, I am using
  • Ubuntu Linux 14.04 OS
  • Synfig version 1.0.2
Synfig interface Let’s open our Train Synfig file.
Point to the canvas Please open your Train Synfig file which you saved on your system.
Point to the canvas Let us start with the animation.
Right click on the Wheel folder layer Click on the drop down list of Engine group layer.


Right-click on the any of the Wheel group layer.


Select the Star layer.

Again right click >> New layer >> Transform >> Rotate Again right-click and click on New layer.


Then click on Transform and on Rotate.

Point to Rotate effect Now the Rotate effect has been applied to the wheel.


Move the anchor point to the centre of the wheel.

Click on the Turn on animate editing mode icon In the Animation panel, click on Turn on animate editing mode icon.
Type 100 in Current frame box Type 24 in the Current frame box.
Parameters panel Go to the Parameters panel.

<<PAUSE>>

Amount parameter >> Change value to 360 Double-click on the value of Amount parameter and change the value to 360.


Observe that waypoints are created on the Time track panel.

Drag the Time cursor between 2 waypoints Click and drag the Time cursor between the 2 waypoints and check the rotation of the wheel.


<<PAUSE>>

Press Ctrl + S Save the file by pressing Ctrl + S.
Point to the rotation effect Let us now create a time loop for this rotation effect.
Right click on Rotate effect layer Right-click on Rotate effect layer and click on New layer.
Right click >> New layer >> Other >> Time Loop Then click on Other and on Time Loop.
Parameters panel >> Check on Only For Positive Duration In the Parameters panel, tick the checkbox of Only For Positive Duration.


<<PAUSE>>

Point to Rotate & TIme Loop effects Next, let us add the Rotate & TIme Loop effects to all the wheels.
Select the 2 layers >> Press Ctrl + C So, select both the effect layers using the Shift key.


And press Ctrl and C keys to copy the layers.

Right click on Wheel-2 group folder >> Press Ctrl + V Now, click on the Wheel-1 group layer.


Press Ctrl and V keys to paste the layers.

Repeat the process for other wheels Repeat the same process for all the wheels.


Now the rotation effect has been applied to all the wheels of the toy train.


<<PAUSE>>

Press Ctrl + S Save the file once again by pressing Ctrl + S.
Point to the train Let us now animate the train.
Select all the group layers except Rail >> Rename as Train Select all the group layers except Rail.


Group them together and rename the group layer as Train.

Point to the Time cursor Make sure that the Time cursor is in the zeroth frame.
Drag the train to the right of the canvas Using Shift key, drag the train outside the canvas towards the right.
100th frame >> Move the train to left of the canvas. Move the Time cursor to the 100th frame.


Using Shift key, drag the train to the left side outside the canvas.


<<PAUSE>>

Click on Turn off animate editing mode icon


Press Ctrl + S

Click on Turn off animate editing mode icon.


Save the file by pressing Ctrl + S.

Go to File >> Click on Render Let us now render the animation.


For this, go to File and click on Render.

Change the extension to avi >> Target drop down list >> ffmpeg In the File name field, change the extension to avi and change the Target to ffmpeg.
Quality >> 9 Increase the quality to 9 and click on the Render button.
Desktop >> play the animation Now go to Desktop.


Right click on the avi file and play using Firefox web browser.

Point to the animation We can now see the Toy train animation.
Summary (Slide) With this we have come to the end of this tutorial.


Let us summarize. In this tutorial we learnt to animate a Toy train.

Assignment

(Slide)

Here is an assignment for you-
  • Animate the bus created in an earlier assignment by following the steps shown in this tutorial.
Completed assignment Your completed assignment should look like this.
About project slide This video summarizes the Spoken Tutorial project.


Please download and watch it.

Workshop slide The Spoken Tutorial Project team conducts workshops and gives certificates on passing online tests.


For more details, please write to us.

Spoken Tutorial Forum slide Please post your timed queries in this forum.
Acknowledgment Spoken Tutorial Project is funded by NMEICT, MHRD, Government of India.


More information on this mission is available at this link.

Acknowledgment This is Arthi along with the Spoken Tutorial Animation Team from IIT Bombay, signing off.


Thanks for joining.

Contributors and Content Editors

Arthi, Nancyvarkey, PoojaMoolya

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Synfig/C2/Animate-a-Toy-train/English&oldid=44667"