Difference between revisions of "Synfig/C2/Overview-of-Synfig/English"
(Created page with "'''Title of script''':''' Overview of Synfig''' '''Author: Arthi & Shital''' '''Keywords:''' '''Synfig''',''' '''Drawing and animating in''' Synfig, '''Video tutorial {|...") |
Nancyvarkey (Talk | contribs) |
||
(2 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
'''Author: Arthi & Shital''' | '''Author: Arthi & Shital''' | ||
− | '''Keywords: | + | '''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 | + | * 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 | + | * Creates text animation |
− | * It | + | |
− | * Creates text animation | + | |
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
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 | + | * 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. | + | * 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 | + | | 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 | + | 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 ''' | + | | 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 | + | | 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 | + | | 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 | + | | 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" |
− | + | ||
− | + | ||
− | + | ||
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 | |
− | + | ||
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 - ''' | + | | 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.''' | ||
− | |||
− | |||
− | Go to '''Downloads folder''' and double click on''' .exe '''file of | + | 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, | + | | 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, | + | | 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 '''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. | + | | 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''' | + | |
* 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;"| ''' | + | | 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;"| | + | | 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".''' |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | 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 ''' | + | | 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. | + | * 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. |
− | + | ||
− | + | ||
− | + | ||
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 | + | * 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 | + | * 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:
|
Slide:
System Requirements |
To record this tutorial, I am using:
|
Slide:
Pre-requisites |
To follow this tutorial, you should have knowledge of
|
Slide:
Synfig
|
First, let us learn about Synfig.
|
Slide:
Features of Synfig
|
Next, let us learn some of the features of Synfig.
|
Slide:
Features of Synfig |
|
Slide:
Who can use Synfig? |
Synfig can be used by
|
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.
|
Now in the terminal type sudo space apt hyphen get space install synfigstudio and press Enter.
|
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.
|
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.
|
In the address bar>>type "https://www.synfig.org/download-stable"
|
In the address bar, type the url:
https://www.synfig.org/download-stable
|
Select windows 64bit / windows 32bit | In Choose your OS drop down box, select your OS details - Windows 64bit / Windows 32bit.
|
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.
|
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>
|
You will get an email from Paddle <help@paddle.com>
Check your email and click on Download button in the mail. |
Click on Save
|
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.
|
In License Agreement section, choose I Agree.
|
Click on Close. | Click on Close.
Synfig is now successfully installed. |
Windows >> Synfig | To check, click on Windows button and type Synfig.
|
Now, we will briefly go through the individual tutorials in this series. | |
Slide:
|
The first tutorial in this series is “Bouncing ball animation”.
|
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
Also we will learn to
|
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
|
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
|
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”.
|
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-
|
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-
|
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
|
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
|
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
|
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
|
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
|
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 |
|
Slide:
Forum for specific questions:
|
|
Slide:
Acknowledgement
|
Spoken Tutorial project is funded by NMEICT, MHRD, Government of India.
|
This is Arthi along with animation team from IIT Bombay, signing off. Thanks for watching. |