Difference between revisions of "Synfig/C2/Overview-of-Synfig/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with "'''Title of script''':''' Overview of Synfig''' '''Author: Arthi & Shital''' '''Keywords:''' '''Synfig''',''' '''Drawing and animating in''' Synfig, '''Video tutorial {|...")
 
 
(2 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
'''Author: Arthi & Shital'''
 
'''Author: Arthi & Shital'''
  
'''Keywords:''' '''Synfig''',''' '''Drawing and animating in''' Synfig, '''Video tutorial
+
'''Keywords: Synfig, Drawing and animating in Synfig, '''Video tutorial
  
  
Line 13: Line 13:
 
|-
 
|-
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Slide:
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Slide:
 
 
 
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Welcome to the''' Spoken Tutorial''' on''' Overview and Installation of Synfig.'''
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Welcome to the''' Spoken Tutorial''' on''' Overview and Installation of Synfig.'''
 
 
 
  
 
|-
 
|-
Line 29: Line 23:
  
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In this tutorial, we will learn about:
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In this tutorial, we will learn about:
 
 
 
* Interface of '''Synfig'''
 
* Interface of '''Synfig'''
 
* Drawing and animating in''' Synfig''' and
 
* Drawing and animating in''' Synfig''' and
 
* the content available in various tutorials under this series
 
* the content available in various tutorials under this series
 
 
  
 
|-
 
|-
Line 42: Line 32:
 
'''System Requirements'''
 
'''System Requirements'''
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| To record this tutorial, I am using:
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| To record this tutorial, I am using:
 
 
 
* '''Ubuntu Linux '''OS version''' '''16.04  
 
* '''Ubuntu Linux '''OS version''' '''16.04  
 
* '''Synfig '''OS version 1.0.2
 
* '''Synfig '''OS version 1.0.2
 
 
  
 
|-
 
|-
Line 56: Line 42:
  
 
* '''Inkscape'''  
 
* '''Inkscape'''  
* Principles of animation<br/>
+
* Principles of animation  
 
+
 
+
 
+
  
 
|-
 
|-
Line 69: Line 52:
  
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| First, let us learn about '''Synfig.'''
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| First, let us learn about '''Synfig.'''
 
 
 
* '''Synfig''' is a 2D animation software.
 
* '''Synfig''' is a 2D animation software.
 
* It is a free open source software.
 
* It is a free open source software.
 
 
  
 
|-
 
|-
Line 83: Line 62:
  
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Next, let us learn some of the features of '''Synfig.'''
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Next, let us learn some of the features of '''Synfig.'''
 
+
* It works on '''Linux, Windows''' and '''Mac''' Operating System
 
+
* It can draw various shapes
* It works on '''Linux''', '''Windows''' and '''Mac''' OS
+
* Creates text animation
* It Can draw various shapes
+
* Creates text animation<br/>
+
 
+
 
+
 
+
  
 
|-
 
|-
Line 96: Line 70:
  
 
'''Features of Synfig'''
 
'''Features of Synfig'''
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| * It can import '''png''' images and animate those images  
+
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
 +
* It can import '''png''' images and animate those images  
 
* Creates '''Cutout '''animation
 
* Creates '''Cutout '''animation
 
* It also creates '''Character walk cycle'''
 
* It also creates '''Character walk cycle'''
* Output can be rendered in '''gif, avi''' and various other formats<br/>
+
* Output can be rendered in '''gif, avi''' and various other formats  
 
+
 
+
 
+
  
 
|-
 
|-
Line 108: Line 80:
  
 
'''Who can use Synfig?'''
 
'''Who can use Synfig?'''
 
 
  
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| '''Synfig''' can be used by
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| '''Synfig''' can be used by
 
 
 
* 2D Animators  
 
* 2D Animators  
* School and college students who are interested in animation.<br/>
+
* School and college students who are interested in animation.  
 
+
 
+
 
+
  
 
|-
 
|-
Line 124: Line 89:
  
 
'''Installation of Synfig on Ubuntu OS'''
 
'''Installation of Synfig on Ubuntu OS'''
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Next we will see how to install '''Synfig on Ubuntu OS.'''
+
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Next we will see how to install '''Synfig''' on '''Ubuntu Linux OS.'''
 
+
 
+
 
+
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| To follow the installation procedure, you need to be connected to the internet.
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| To follow the installation procedure, you need to be connected to the '''Internet'''.
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Press '''Ctrl + Alt + T '''together
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Press '''Ctrl + Alt + T '''together
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Open the terminal by pressing '''Ctrl + Alt + T''' keys together.
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Open the '''terminal''' by pressing '''Ctrl + Alt + T''' keys together.
 
+
 
+
 
+
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Type''' sudo apt-get install synfigstudio'''  
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Type''' sudo apt-get install synfigstudio'''  
  
Press '''Enter'''
+
Press '''Enter.'''
 
+
 
+
Enter the system password if required
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Now in the terminal type''' sudo apt-get install synfigstudio''' and press '''Enter. '''
+
  
  
 
Enter the system password if required.
 
Enter the system password if required.
 +
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Now in the '''terminal''' type''' sudo space apt hyphen get space install synfigstudio''' and press '''Enter. '''
  
  
 
+
Enter the '''system password''' if required.
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Disk space message appears
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Disk space message appears
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| It will display a message of how much disk space will be occupied.
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| It will display a message of how much disk space will be occupied.
 
 
 
  
 
|-
 
|-
Line 170: Line 123:
  
 
<<PAUSE>>
 
<<PAUSE>>
 
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Let us check whether the '''Synfig''' is installed successfully.
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Let us check whether the '''Synfig''' is installed successfully.
 
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Type synfigstudio and press Enter
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Type synfigstudio and press Enter
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In the terminal, type '''synfigstudio''' and press Enter.
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In the '''terminal''', type '''synfigstudio''' and press '''Enter'''.
 
+
 
+
 
+
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| We can see the''' Synfig '''console opens.
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| We can see the''' Synfig console''' opens.
 
+
 
+
 
+
  
 
|-
 
|-
Line 199: Line 140:
  
 
'''Installation of''' '''Synfig on Windows OS'''
 
'''Installation of''' '''Synfig on Windows OS'''
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Now let us learn the Installation of '''Synfig''' on '''Windows''' operating system.
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Now let us learn the installation of '''Synfig''' on '''Windows''' operating system.
 
+
 
+
 
+
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Open your default web browser
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Open your default web browser
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| To follow the installation procedure, you need to be connected to the internet.  
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| To follow the installation procedure, you need to be connected to the '''Internet'''.  
  
  
 
Open your default web browser.  
 
Open your default web browser.  
 
 
 
  
 
|-
 
|-
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In the address bar, type the url'' ''
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In the '''address bar'''>>type "https://www.synfig.org/download-stable"
 
+
 
+
[https://www.synfig.org/download-stable https://www.synfig.org/download-][https://www.synfig.org/download-stable stable]
+
  
  
 
Press '''Enter'''
 
Press '''Enter'''
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In the address bar, type the url:
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In the '''address bar''', type the '''url''':
  
 
+
https://www.synfig.org/download-stable
[https://www.synfig.org/download-stable https://www.synfig.org/download-stable]
+
  
  
 
Press '''Enter. '''
 
Press '''Enter. '''
 
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Select '''windows 64bit / windows 32bit '''
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Select '''windows 64bit / windows 32bit '''
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In Choose your OS drop down box, select your OS details - '''windows 64bit / windows 32bit.'''
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In '''Choose your OS''' drop down box, select your '''OS''' details - '''Windows 64bit / Windows 32bit.'''
  
  
 
I’ll select''' Windows 64bit.'''
 
I’ll select''' Windows 64bit.'''
 
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Type 0(zero)
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Type 0(zero)
 
  
 
Press '''GET SYNFIG'''
 
Press '''GET SYNFIG'''
 
  
 
Type your email-id and press '''Continue'''
 
Type your email-id and press '''Continue'''
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In Name a fair price field, type 0(zero) and press '''GET SYNFIG.''' A popup window appears.  
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In '''Name a fair price''' field, type 0(zero) and press '''GET SYNFIG.'''  
 +
 
 +
A popup window appears.  
  
  
 
Type your email-id as shown. Click on '''Continue'''
 
Type your email-id as shown. Click on '''Continue'''
 
 
 
  
 
|-
 
|-
Line 266: Line 188:
  
 
Click on '''Complete Checkout.'''
 
Click on '''Complete Checkout.'''
 
 
 
  
 
|-
 
|-
Line 275: Line 194:
  
 
Click on '''Download'''
 
Click on '''Download'''
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| You will get an email from Paddle <help@paddle.com>  
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| You will get an email from '''Paddle <help@paddle.com>'''
  
 
Check your email and click on '''Download '''button in the mail.
 
Check your email and click on '''Download '''button in the mail.
Line 283: Line 202:
  
  
Go to '''Downloads folder'''
+
Go to '''Downloads folder''' >>  Double click''' on .exe '''file''' '''of synfig.
 +
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| A popup window appears. Click on '''Save.'''
  
  
Double click''' on .exe '''file''' '''of synfig.
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| A popup window appears. Click on '''Save.'''
 
  
Go to '''Downloads folder''' and double click on''' .exe '''file of synfig.  
+
Go to '''Downloads folder''' and double click on''' .exe '''file of '''Synfig'''.  
  
 
|-
 
|-
Line 296: Line 214:
  
 
'''Synfig Studio Setup''' window appears.
 
'''Synfig Studio Setup''' window appears.
 
 
 
  
 
|-
 
|-
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In License Agreement section, Choose '''I Agree'''.
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In License Agreement section, choose '''I Agree'''.
  
  
 
Click on '''Next.''' Click on '''Install.'''
 
Click on '''Next.''' Click on '''Install.'''
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In License Agreement section, Choose '''I Agree'''.
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In '''License Agreement''' section, choose '''I Agree'''.
  
  
Click on '''Next.''' Click on '''Install.'''
+
Click on '''Next''' and then on '''Install.'''
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Click on '''Close.'''
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Click on '''Close.'''
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Click on '''Close. Synfig''' is successfully installed.
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Click on '''Close.  
 
+
 
+
  
 +
Synfig''' is now successfully installed.
  
 
|-
 
|-
Line 323: Line 237:
  
 
You can see '''Synfig''' opens up.
 
You can see '''Synfig''' opens up.
 
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Now, we will briefly go through the individual tutorials in this series.
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Now, we will briefly go through the individual tutorials in this series.
 
 
 
  
 
|-
 
|-
Line 339: Line 247:
  
 
'''Bouncing ball animation'''
 
'''Bouncing ball animation'''
 
  
  
Line 346: Line 253:
  
 
Here we will learn to
 
Here we will learn to
 
+
* Use''' Synfig interface'''
 
+
* Use''' Synfig''' interface
+
 
* Draw a ball in '''Synfig'''
 
* Draw a ball in '''Synfig'''
 
* Add '''keyframes''' and '''waypoints'''
 
* Add '''keyframes''' and '''waypoints'''
 
* Do a ball animation with '''squash''' effect
 
* Do a ball animation with '''squash''' effect
 
* '''Render''' the animation in '''gif''' format
 
* '''Render''' the animation in '''gif''' format
 
 
  
 
|-
 
|-
Line 368: Line 271:
  
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is '''“E-card animation''.'''
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is '''“E-card animation''.'''
 
  
 
This will help us to  
 
This will help us to  
 
 
* Import '''png''' images
 
* Import '''png''' images
 
* Animate the images
 
* Animate the images
 
* Do text animation
 
* Do text animation
  
Also we will learn to* Preview the animation
+
Also we will learn to
 +
* Preview the animation
 
* '''Render''' the animation in '''avi''' format
 
* '''Render''' the animation in '''avi''' format
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show '''“E-card aniamtion”''' tutorial
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show '''“E-card aniamtion”''' tutorial
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Let me play this tutorial.
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Let me play this tutorial.
 
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is '''“Create a Star animation”'''
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is '''“Create a Star animation”'''
 
 
 
  
 
|-
 
|-
Line 400: Line 294:
 
'''Create a Star animation'''
 
'''Create a Star animation'''
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In this tutorial, we will learn to create
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In this tutorial, we will learn to create
 
  
 
* Gradient color animation  
 
* Gradient color animation  
 
* Group layers  
 
* Group layers  
 
* Star animation  
 
* Star animation  
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show '''“Create a Star animation”''' tutorial
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show '''“Create a Star animation”''' tutorial
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Here is a glimpse of the tutorial.
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Here is a glimpse of the tutorial.
 
 
 
  
 
|-
 
|-
Line 420: Line 308:
 
“'''Draw a toy train”'''
 
“'''Draw a toy train”'''
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is “'''Draw a toy train”'''
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is “'''Draw a toy train”'''
 
  
 
In this tutorial, we will learn to
 
In this tutorial, we will learn to
 
 
* Draw basic shapes  
 
* Draw basic shapes  
 
 
* Color the shapes  
 
* Color the shapes  
 
* Group & duplicate objects and  
 
* Group & duplicate objects and  
 
* Align shapes using '''Guideline'''  
 
* Align shapes using '''Guideline'''  
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show “'''Draw a toy train”''' tutorial
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show “'''Draw a toy train”''' tutorial
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Let's have a look at this tutorial.
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Let's have a look at this tutorial.
 
 
 
  
 
|-
 
|-
Line 443: Line 323:
  
 
'''“Animate a toy train”'''
 
'''“Animate a toy train”'''
 
 
  
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is about '''“Animate a toy train”.'''
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is about '''“Animate a toy train”.'''
Line 450: Line 328:
  
 
In this tutorial we will learn to animate the toy train which we created in the previous tutorial.
 
In this tutorial we will learn to animate the toy train which we created in the previous tutorial.
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show '''Animate a toy train '''tutorial
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show '''Animate a toy train '''tutorial
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Here is a glimpse of the tutorial.
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Here is a glimpse of the tutorial.
 
 
 
  
 
|-
 
|-
Line 464: Line 337:
  
 
'''Plant animation'''
 
'''Plant animation'''
 
  
  
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is '''“Plant animation”'''
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is '''“Plant animation”'''
 
  
 
Here we will learn to-  
 
Here we will learn to-  
 
 
 
* Add a vertex using '''Insert item'''  
 
* Add a vertex using '''Insert item'''  
 
* Use '''Split tangent''' option  
 
* Use '''Split tangent''' option  
 
* Use''' Mark active point as off option'''
 
* Use''' Mark active point as off option'''
 
* Animate the shapes  
 
* Animate the shapes  
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show''' Plant animation '''tutorial
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show''' Plant animation '''tutorial
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Here is a glimpse of the tutorial.
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Here is a glimpse of the tutorial.
 
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| '''Logo animation'''
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| '''Logo animation'''
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is '''“Logo animation”'''
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is '''“Logo animation”'''
 
  
 
In this tutorial we will learn to-  
 
In this tutorial we will learn to-  
 
 
 
* Use '''Mirror tool'''
 
* Use '''Mirror tool'''
 
* Animate a logo  
 
* Animate a logo  
 
* Create '''Spherize '''effect  
 
* Create '''Spherize '''effect  
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show''' Logo animation '''tutorial
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show''' Logo animation '''tutorial
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Let us have a look at this tutorial
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Let us have a look at this tutorial
 
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| '''Basic bone animation'''
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| '''Basic bone animation'''
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is '''“Basic bone animation”'''
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is '''“Basic bone animation”'''
 
  
 
Here, we will learn to
 
Here, we will learn to
 
 
 
* Add and attach bones to character
 
* Add and attach bones to character
 
* Animate the character using''' Skeleton '''option
 
* Animate the character using''' Skeleton '''option
 
 
  
 
|-
 
|-
Line 526: Line 377:
  
 
|-
 
|-
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| '''Cutout animation.'''
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is '''Cutout animation.'''
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is '''"Cutout animation".'''
 
+
  
 +
In this tutorial we will learn to
 +
* Use the '''Cutout tool '''on an image and
 +
* Animate the cutout shapes
  
 +
|-
 +
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show '''Cut out animation''' tutorial
 +
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Here is a glimpse of the tutorial.
  
 
|-
 
|-
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| '''Cut out animation'''
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| '''Rocket animation.'''
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In this tutorial we will learn to
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is '''"Rocket animation".'''
 
+
 
+
* Use the '''Cutout tool '''on that image and
+
* Animate the cutout shapes
+
 
+
  
 +
In this tutorial we will learn to create
 +
* Fire effect
 +
* Noise Gradient and
 +
* Feather effect
  
 
|-
 
|-
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show '''Cut out animation''' tutorial
+
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show '''Rocket animation''' tutorial
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Here is a glimpse of the tutorial.
 
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Here is a glimpse of the tutorial.
  
 +
|-
 +
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| '''Underwater animation.'''
 +
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The next tutorial is to create '''"Underwater animation".'''
  
 +
In this tutorial we will learn to
 +
* Import '''PNGs''' and '''SVGs'''
 +
* Animate the image using '''Distortion effect'''
 +
* Add '''Noise gradient''' and
 +
* Use '''Random option''' for random animation
  
 +
 +
Using the above, we will learn to create an '''underwater animation'''.
 +
|-
 +
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Show '''Underwater animation''' tutorial
 +
| style="background-color:#ffffff;border-top:none;border-bottom:1pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| Here is a glimpse of the tutorial.
  
 
|-
 
|-
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| This brings us to the end of this tutorial. Let us summarize.
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| This brings us to the end of this tutorial. Let us summarize.
 
 
 
  
 
|-
 
|-
Line 564: Line 429:
  
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In this tutorial, we  
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| In this tutorial, we  
 
 
* learnt about '''Synfig'''
 
* learnt about '''Synfig'''
* and saw glimpses of the tutorials in this series.<br/>
+
* and saw glimpses of the tutorials in this series.  
 
+
 
+
 
+
  
 
|-
 
|-
Line 575: Line 436:
  
 
About Spoken Tutorial project
 
About Spoken Tutorial project
 
 
  
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The video at the following link summarizes the Spoken Tutorial project.
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The video at the following link summarizes the Spoken Tutorial project.
  
 
Please download and watch it.
 
Please download and watch it.
 
 
 
  
 
|-
 
|-
Line 589: Line 445:
  
 
Spoken Tutorial workshops
 
Spoken Tutorial workshops
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The''' Spoken Tutorial Project''' Team:
+
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| The''' Spoken Tutorial Project''' Team conducts workshops and gives certificates.
 
+
* conducts workshops and
+
* gives certificates
+
  
 
For more details, please write to us.
 
For more details, please write to us.
 
 
 
  
 
|-
 
|-
Line 603: Line 453:
  
 
Forum for specific questions
 
Forum for specific questions
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0.097cm;padding-bottom:0.097cm;padding-left:0.153cm;padding-right:0.097cm;"| * Do you have questions in THIS Spoken Tutorial?
+
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0.097cm;padding-bottom:0.097cm;padding-left:0.153cm;padding-right:0.097cm;"|  
 +
* Do you have questions in THIS Spoken Tutorial?
 
* Please visit this site  
 
* Please visit this site  
 
* Choose the minute and second where you have the question
 
* Choose the minute and second where you have the question
 
* Explain your question briefly
 
* Explain your question briefly
* Someone from our team will answer them<br/>
+
* Someone from our team will answer them  
 
+
 
+
 
+
  
 
|-
 
|-
Line 619: Line 467:
  
  
| style="background-color:#ffffff;border:0.75pt solid #000001;padding-top:0.106cm;padding-bottom:0.106cm;padding-left:0.035cm;padding-right:0.106cm;"| * The Spoken Tutorial forum is for specific questions on this tutorial
+
| style="background-color:#ffffff;border:0.75pt solid #000001;padding-top:0.106cm;padding-bottom:0.106cm;padding-left:0.035cm;padding-right:0.106cm;"|  
 +
* The Spoken Tutorial forum is for specific questions on this tutorial
 
* Please do not post unrelated and general questions on them
 
* Please do not post unrelated and general questions on them
 
* This will help reduce the clutter
 
* This will help reduce the clutter
* With less clutter, we can use these discussion as instructional material<br/>
+
* With less clutter, we can use these discussion as instructional material  
 
+
 
+
 
+
  
 
|-
 
|-
Line 638: Line 484:
  
 
More information on this mission is available at this link.
 
More information on this mission is available at this link.
 
 
 
  
 
|-
 
|-
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"|  
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| This is Arthi along with animation team from '''IIT Bombay''', signing off. Thanks for watching.
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;"| This is Arthi along with animation team from '''IIT Bombay''', signing off. Thanks for watching.
 
 
 
 
 
|}
 
|}

Latest revision as of 16:39, 24 September 2018

Title of script: Overview of Synfig

Author: Arthi & Shital

Keywords: Synfig, Drawing and animating in Synfig, Video tutorial


Visual Cue Narration
Slide: Welcome to the Spoken Tutorial on Overview and Installation of Synfig.
Slide:

Learning objectives


In this tutorial, we will learn about:
  • Interface of Synfig
  • Drawing and animating in Synfig and
  • the content available in various tutorials under this series
Slide:

System Requirements

To record this tutorial, I am using:
  • Ubuntu Linux OS version 16.04
  • Synfig OS version 1.0.2
Slide:

Pre-requisites

To follow this tutorial, you should have knowledge of
  • Inkscape
  • Principles of animation
Slide:

Synfig


First, let us learn about Synfig.
  • Synfig is a 2D animation software.
  • It is a free open source software.
Slide:

Features of Synfig


Next, let us learn some of the features of Synfig.
  • It works on Linux, Windows and Mac Operating System
  • It can draw various shapes
  • Creates text animation
Slide:

Features of Synfig

  • It can import png images and animate those images
  • Creates Cutout animation
  • It also creates Character walk cycle
  • Output can be rendered in gif, avi and various other formats
Slide:

Who can use Synfig?

Synfig can be used by
  • 2D Animators
  • School and college students who are interested in animation.
Slide:

Installation of Synfig on Ubuntu OS

Next we will see how to install Synfig on Ubuntu Linux OS.
To follow the installation procedure, you need to be connected to the Internet.
Press Ctrl + Alt + T together Open the terminal by pressing Ctrl + Alt + T keys together.
Type sudo apt-get install synfigstudio

Press Enter.


Enter the system password if required.

Now in the terminal type sudo space apt hyphen get space install synfigstudio and press Enter.


Enter the system password if required.

Disk space message appears It will display a message of how much disk space will be occupied.
Type Y and press Enter Type Y and press Enter to confirm this.

This will install Synfig.


<<PAUSE>>

Let us check whether the Synfig is installed successfully.
Type synfigstudio and press Enter In the terminal, type synfigstudio and press Enter.
We can see the Synfig console opens.
Slide:

Installation of Synfig on Windows OS

Now let us learn the installation of Synfig on Windows operating system.
Open your default web browser To follow the installation procedure, you need to be connected to the Internet.


Open your default web browser.

In the address bar>>type "https://www.synfig.org/download-stable"


Press Enter

In the address bar, type the url:

https://www.synfig.org/download-stable


Press Enter.

Select windows 64bit / windows 32bit In Choose your OS drop down box, select your OS details - Windows 64bit / Windows 32bit.


I’ll select Windows 64bit.

Type 0(zero)

Press GET SYNFIG

Type your email-id and press Continue

In Name a fair price field, type 0(zero) and press GET SYNFIG.

A popup window appears.


Type your email-id as shown. Click on Continue

Select your location in dropdown box and press Continue.

Click on Complete Checkout

Next, select your location in dropdown box and press Continue.

Click on Complete Checkout.

Check your email <help@paddle.com>


Click on Download

You will get an email from Paddle <help@paddle.com>

Check your email and click on Download button in the mail.

Click on Save


Go to Downloads folder >> Double click on .exe file of synfig.

A popup window appears. Click on Save.


Go to Downloads folder and double click on .exe file of Synfig.

Click on Run button A pop up window appears. Click on Run button.

Synfig Studio Setup window appears.

In License Agreement section, choose I Agree.


Click on Next. Click on Install.

In License Agreement section, choose I Agree.


Click on Next and then on Install.

Click on Close. Click on Close.

Synfig is now successfully installed.

Windows >> Synfig To check, click on Windows button and type Synfig.


You can see Synfig opens up.

Now, we will briefly go through the individual tutorials in this series.
Slide:


Bouncing ball animation


The first tutorial in this series is “Bouncing ball animation”.


Here we will learn to

  • Use Synfig interface
  • Draw a ball in Synfig
  • Add keyframes and waypoints
  • Do a ball animation with squash effect
  • Render the animation in gif format
Show “Bouncing ball animation” tutorial Here is a glimpse of the tutorial.
Slide:

E-card animation


The next tutorial is “E-card animation.

This will help us to

  • Import png images
  • Animate the images
  • Do text animation

Also we will learn to

  • Preview the animation
  • Render the animation in avi format
Show “E-card aniamtion” tutorial Let me play this tutorial.
The next tutorial is “Create a Star animation”
Slide:

Create a Star animation

In this tutorial, we will learn to create
  • Gradient color animation
  • Group layers
  • Star animation
Show “Create a Star animation” tutorial Here is a glimpse of the tutorial.
Slide:

Draw a toy train”

The next tutorial is “Draw a toy train”

In this tutorial, we will learn to

  • Draw basic shapes
  • Color the shapes
  • Group & duplicate objects and
  • Align shapes using Guideline
Show “Draw a toy train” tutorial Let's have a look at this tutorial.
Slide:

“Animate a toy train”

The next tutorial is about “Animate a toy train”.


In this tutorial we will learn to animate the toy train which we created in the previous tutorial.

Show Animate a toy train tutorial Here is a glimpse of the tutorial.
Slide:

Plant animation


The next tutorial is “Plant animation”

Here we will learn to-

  • Add a vertex using Insert item
  • Use Split tangent option
  • Use Mark active point as off option
  • Animate the shapes
Show Plant animation tutorial Here is a glimpse of the tutorial.
Logo animation The next tutorial is “Logo animation”

In this tutorial we will learn to-

  • Use Mirror tool
  • Animate a logo
  • Create Spherize effect
Show Logo animation tutorial Let us have a look at this tutorial
Basic bone animation The next tutorial is “Basic bone animation”

Here, we will learn to

  • Add and attach bones to character
  • Animate the character using Skeleton option
Show Basic bone animation tutorial Here is a glimpse of the tutorial.
Cutout animation. The next tutorial is "Cutout animation".

In this tutorial we will learn to

  • Use the Cutout tool on an image and
  • Animate the cutout shapes
Show Cut out animation tutorial Here is a glimpse of the tutorial.
Rocket animation. The next tutorial is "Rocket animation".

In this tutorial we will learn to create

  • Fire effect
  • Noise Gradient and
  • Feather effect
Show Rocket animation tutorial Here is a glimpse of the tutorial.
Underwater animation. The next tutorial is to create "Underwater animation".

In this tutorial we will learn to

  • Import PNGs and SVGs
  • Animate the image using Distortion effect
  • Add Noise gradient and
  • Use Random option for random animation


Using the above, we will learn to create an underwater animation.

Show Underwater animation tutorial Here is a glimpse of the tutorial.
This brings us to the end of this tutorial. Let us summarize.
Slide:

Summary


In this tutorial, we
  • learnt about Synfig
  • and saw glimpses of the tutorials in this series.
Slide:

About Spoken Tutorial project

The video at the following link summarizes the Spoken Tutorial project.

Please download and watch it.

Slide:

Spoken Tutorial workshops

The Spoken Tutorial Project Team conducts workshops and gives certificates.

For more details, please write to us.

Slide:

Forum for specific questions

  • Do you have questions in THIS Spoken Tutorial?
  • Please visit this site
  • Choose the minute and second where you have the question
  • Explain your question briefly
  • Someone from our team will answer them
Slide:

Forum for specific questions:


  • The Spoken Tutorial forum is for specific questions on this tutorial
  • Please do not post unrelated and general questions on them
  • This will help reduce the clutter
  • With less clutter, we can use these discussion as instructional material
Slide:

Acknowledgement


Spoken Tutorial project is funded by NMEICT, MHRD, Government of India.


More information on this mission is available at this link.

This is Arthi along with animation team from IIT Bombay, signing off. Thanks for watching.

Contributors and Content Editors

Arthi, Nancyvarkey