https://script.spoken-tutorial.org/index.php?action=history&feed=atom&title=Synfig%2FC2%2FOverview-of-Synfig%2FEnglish Synfig/C2/Overview-of-Synfig/English - Revision history 2026-04-09T22:34:16Z Revision history for this page on the wiki MediaWiki 1.23.17 https://script.spoken-tutorial.org/index.php?title=Synfig/C2/Overview-of-Synfig/English&diff=44493&oldid=prev Nancyvarkey at 11:09, 24 September 2018 2018-09-24T11:09:23Z <p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 11:09, 24 September 2018</td> </tr><tr><td colspan="2" class="diff-lineno">Line 62:</td> <td colspan="2" class="diff-lineno">Line 62:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Next, let us learn some of the features of '''Synfig.'''</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Next, let us learn some of the features of '''Synfig.'''</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* It works on '''Linux, Windows''' and '''Mac''' <del class="diffchange diffchange-inline">OS</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* It works on '''Linux, Windows''' and '''Mac''' <ins class="diffchange diffchange-inline">Operating System</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* It can draw various shapes</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* It can draw various shapes</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Creates text animation&#160; &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Creates text animation&#160; &#160;</div></td></tr> <tr><td colspan="2" class="diff-lineno">Line 93:</td> <td colspan="2" class="diff-lineno">Line 93:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| &#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| To follow the installation procedure, you need to be connected to the '''<del class="diffchange diffchange-inline">internet</del>'''.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| To follow the installation procedure, you need to be connected to the '''<ins class="diffchange diffchange-inline">Internet</ins>'''.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno">Line 106:</td> <td colspan="2" class="diff-lineno">Line 106:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Enter the system password if required.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Enter the system password if required.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| Now in the '''terminal''' type''' sudo apt<del class="diffchange diffchange-inline">-</del>get install synfigstudio''' and press '''Enter. '''</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| Now in the '''terminal''' type''' sudo <ins class="diffchange diffchange-inline">space </ins>apt <ins class="diffchange diffchange-inline">hyphen </ins>get <ins class="diffchange diffchange-inline">space </ins>install synfigstudio''' and press '''Enter. '''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td colspan="2" class="diff-lineno">Line 144:</td> <td colspan="2" class="diff-lineno">Line 144:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| Open your default web browser</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| Open your default web browser</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| To follow the installation procedure, you need to be connected to the '''<del class="diffchange diffchange-inline">internet</del>'''. &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| To follow the installation procedure, you need to be connected to the '''<ins class="diffchange diffchange-inline">Internet</ins>'''. &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td colspan="2" class="diff-lineno">Line 227:</td> <td colspan="2" class="diff-lineno">Line 227:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| Click on '''Close.'''</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| Click on '''Close.'''</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| Click on '''Close. Synfig''' is now successfully installed. &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| Click on '''Close. &#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Synfig''' is now successfully installed. &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno">Line 375:</td> <td colspan="2" class="diff-lineno">Line 377:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| <ins class="diffchange diffchange-inline">'''Cutout animation.'''</ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| The next tutorial is '''Cutout animation.'''</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| The next tutorial is '''<ins class="diffchange diffchange-inline">&quot;</ins>Cutout animation<ins class="diffchange diffchange-inline">&quot;</ins>.'''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>In this tutorial we will learn to &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>In this tutorial we will learn to &#160;</div></td></tr> <tr><td colspan="2" class="diff-lineno">Line 384:</td> <td colspan="2" class="diff-lineno">Line 386:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| Show '''Cut out animation''' tutorial</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| Show '''Cut out animation''' tutorial</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| style=&quot;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;&quot;| Here is a glimpse of the tutorial.</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">|-</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| style=&quot;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;&quot;| '''Rocket animation.'''</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| style=&quot;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;&quot;| The next tutorial is '''&quot;Rocket animation&quot;.'''</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">In this tutorial we will learn to create</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Fire effect</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Noise Gradient and </ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Feather effect</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">|-</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| style=&quot;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;&quot;| Show '''Rocket animation''' tutorial</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| style=&quot;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;&quot;| Here is a glimpse of the tutorial.</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">|-</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| style=&quot;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;&quot;| '''Underwater animation.'''</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| style=&quot;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;&quot;| The next tutorial is to create '''&quot;Underwater animation&quot;.'''</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">In this tutorial we will learn to </ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Import '''PNGs''' and '''SVGs'''</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Animate the image using '''Distortion effect'''</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Add '''Noise gradient''' and</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Use '''Random option''' for random animation</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Using the above, we will learn to create an '''underwater animation'''.</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">|-</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| style=&quot;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;&quot;| Show '''Underwater animation''' tutorial</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| Here is a glimpse of the tutorial.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;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;&quot;| Here is a glimpse of the tutorial.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> </table> Nancyvarkey https://script.spoken-tutorial.org/index.php?title=Synfig/C2/Overview-of-Synfig/English&diff=44339&oldid=prev Nancyvarkey at 11:51, 12 September 2018 2018-09-12T11:51:43Z <p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 11:51, 12 September 2018</td> </tr><tr><td colspan="2" class="diff-lineno">Line 89:</td> <td colspan="2" class="diff-lineno">Line 89:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Installation of Synfig on Ubuntu OS'''</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Installation of Synfig on Ubuntu OS'''</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Next we will see how to install '''Synfig''' on '''Ubuntu OS.'''</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Next we will see how to install '''Synfig''' on '''Ubuntu <ins class="diffchange diffchange-inline">Linux </ins>OS.'''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr> </table> Nancyvarkey https://script.spoken-tutorial.org/index.php?title=Synfig/C2/Overview-of-Synfig/English&diff=44338&oldid=prev Nancyvarkey at 11:51, 12 September 2018 2018-09-12T11:51:18Z <p></p> <a href="https://script.spoken-tutorial.org/index.php?title=Synfig/C2/Overview-of-Synfig/English&amp;diff=44338&amp;oldid=44312">Show changes</a> Nancyvarkey https://script.spoken-tutorial.org/index.php?title=Synfig/C2/Overview-of-Synfig/English&diff=44312&oldid=prev Arthi: Created page with "'''Title of script''':''' Overview of Synfig''' '''Author: Arthi & Shital''' '''Keywords:''' '''Synfig''',''' '''Drawing and animating in''' Synfig, '''Video tutorial {|..." 2018-09-07T08:48:35Z <p>Created page with &quot;&#039;&#039;&#039;Title of script&#039;&#039;&#039;:&#039;&#039;&#039; Overview of Synfig&#039;&#039;&#039; &#039;&#039;&#039;Author: Arthi &amp; Shital&#039;&#039;&#039; &#039;&#039;&#039;Keywords:&#039;&#039;&#039; &#039;&#039;&#039;Synfig&#039;&#039;&#039;,&#039;&#039;&#039; &#039;&#039;&#039;Drawing and animating in&#039;&#039;&#039; Synfig, &#039;&#039;&#039;Video tutorial {|...&quot;</p> <p><b>New page</b></p><div>'''Title of script''':''' Overview of Synfig'''<br /> <br /> '''Author: Arthi &amp; Shital'''<br /> <br /> '''Keywords:''' '''Synfig''',''' '''Drawing and animating in''' Synfig, '''Video tutorial<br /> <br /> <br /> <br /> {| style=&quot;border-spacing:0;&quot;<br /> | style=&quot;background-color:#c0c0c0;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| '''Visual Cue'''<br /> | style=&quot;background-color:#c0c0c0;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| '''Narration'''<br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Slide:<br /> <br /> <br /> <br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Welcome to the''' Spoken Tutorial''' on''' Overview and Installation of Synfig.'''<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Slide:<br /> <br /> '''Learning objectives'''<br /> <br /> <br /> <br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| In this tutorial, we will learn about:<br /> <br /> <br /> * Interface of '''Synfig'''<br /> * Drawing and animating in''' Synfig''' and<br /> * the content available in various tutorials under this series<br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Slide:<br /> <br /> '''System Requirements'''<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| To record this tutorial, I am using:<br /> <br /> <br /> * '''Ubuntu Linux '''OS version''' '''16.04 <br /> * '''Synfig '''OS version 1.0.2<br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Slide:<br /> <br /> '''Pre-requisites'''<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| To follow this tutorial, you should have knowledge of<br /> <br /> * '''Inkscape''' <br /> * Principles of animation&lt;br/&gt; <br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Slide:<br /> <br /> '''Synfig'''<br /> <br /> <br /> <br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| First, let us learn about '''Synfig.'''<br /> <br /> <br /> * '''Synfig''' is a 2D animation software.<br /> * It is a free open source software.<br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Slide:<br /> <br /> '''Features of Synfig'''<br /> <br /> <br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Next, let us learn some of the features of '''Synfig.'''<br /> <br /> <br /> * It works on '''Linux''', '''Windows''' and '''Mac''' OS<br /> * It Can draw various shapes<br /> * Creates text animation&lt;br/&gt; <br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Slide:<br /> <br /> '''Features of Synfig'''<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| * It can import '''png''' images and animate those images <br /> * Creates '''Cutout '''animation<br /> * It also creates '''Character walk cycle'''<br /> * Output can be rendered in '''gif, avi''' and various other formats&lt;br/&gt; <br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Slide:<br /> <br /> '''Who can use Synfig?'''<br /> <br /> <br /> <br /> | style=&quot;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;&quot;| '''Synfig''' can be used by<br /> <br /> <br /> * 2D Animators <br /> * School and college students who are interested in animation.&lt;br/&gt; <br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Slide:<br /> <br /> '''Installation of Synfig on Ubuntu OS'''<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Next we will see how to install '''Synfig on Ubuntu OS.'''<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| <br /> | style=&quot;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;&quot;| To follow the installation procedure, you need to be connected to the internet.<br /> <br /> |-<br /> | style=&quot;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;&quot;| Press '''Ctrl + Alt + T '''together<br /> | style=&quot;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;&quot;| Open the terminal by pressing '''Ctrl + Alt + T''' keys together.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Type''' sudo apt-get install synfigstudio''' <br /> <br /> Press '''Enter'''<br /> <br /> <br /> Enter the system password if required<br /> | style=&quot;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;&quot;| Now in the terminal type''' sudo apt-get install synfigstudio''' and press '''Enter. '''<br /> <br /> <br /> Enter the system password if required.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Disk space message appears<br /> | style=&quot;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;&quot;| It will display a message of how much disk space will be occupied.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Type '''Y''' and press '''Enter'''<br /> | style=&quot;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;&quot;| Type '''Y''' and press '''Enter''' to confirm this.<br /> <br /> This will install '''Synfig. '''<br /> <br /> <br /> &lt;&lt;PAUSE&gt;&gt;<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| <br /> | style=&quot;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;&quot;| Let us check whether the '''Synfig''' is installed successfully.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Type synfigstudio and press Enter<br /> | style=&quot;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;&quot;| In the terminal, type '''synfigstudio''' and press Enter.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| <br /> | style=&quot;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;&quot;| We can see the''' Synfig '''console opens.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Slide:<br /> <br /> '''Installation of''' '''Synfig on Windows OS'''<br /> | style=&quot;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;&quot;| Now let us learn the Installation of '''Synfig''' on '''Windows''' operating system.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Open your default web browser<br /> | style=&quot;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;&quot;| To follow the installation procedure, you need to be connected to the internet. <br /> <br /> <br /> Open your default web browser. <br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| In the address bar, type the url'' ''<br /> <br /> <br /> [https://www.synfig.org/download-stable https://www.synfig.org/download-][https://www.synfig.org/download-stable stable]<br /> <br /> <br /> Press '''Enter'''<br /> | style=&quot;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;&quot;| In the address bar, type the url:<br /> <br /> <br /> [https://www.synfig.org/download-stable https://www.synfig.org/download-stable]<br /> <br /> <br /> Press '''Enter. '''<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Select '''windows 64bit / windows 32bit '''<br /> | style=&quot;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;&quot;| In Choose your OS drop down box, select your OS details - '''windows 64bit / windows 32bit.'''<br /> <br /> <br /> I’ll select''' Windows 64bit.'''<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Type 0(zero)<br /> <br /> <br /> Press '''GET SYNFIG'''<br /> <br /> <br /> Type your email-id and press '''Continue'''<br /> | style=&quot;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;&quot;| In Name a fair price field, type 0(zero) and press '''GET SYNFIG.''' A popup window appears. <br /> <br /> <br /> Type your email-id as shown. Click on '''Continue'''<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Select your location in dropdown box and press '''Continue.'''<br /> <br /> Click on '''Complete Checkout'''<br /> | style=&quot;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;&quot;| Next, select your location in dropdown box and press '''Continue.'''<br /> <br /> Click on '''Complete Checkout.'''<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Check your email &lt;help@paddle.com&gt; <br /> <br /> <br /> Click on '''Download'''<br /> | style=&quot;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;&quot;| You will get an email from Paddle &lt;help@paddle.com&gt; <br /> <br /> Check your email and click on '''Download '''button in the mail.<br /> <br /> |-<br /> | style=&quot;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;&quot;| Click on '''Save'''<br /> <br /> <br /> Go to '''Downloads folder'''<br /> <br /> <br /> Double click''' on .exe '''file''' '''of synfig. <br /> | style=&quot;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;&quot;| A popup window appears. Click on '''Save.'''<br /> <br /> Go to '''Downloads folder''' and double click on''' .exe '''file of synfig. <br /> <br /> |-<br /> | style=&quot;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;&quot;| Click on '''Run''' button<br /> | style=&quot;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;&quot;| A pop up window appears. Click on '''Run''' button. <br /> <br /> '''Synfig Studio Setup''' window appears.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| In License Agreement section, Choose '''I Agree'''.<br /> <br /> <br /> Click on '''Next.''' Click on '''Install.'''<br /> | style=&quot;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;&quot;| In License Agreement section, Choose '''I Agree'''.<br /> <br /> <br /> Click on '''Next.''' Click on '''Install.'''<br /> <br /> |-<br /> | style=&quot;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;&quot;| Click on '''Close.'''<br /> | style=&quot;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;&quot;| Click on '''Close. Synfig''' is successfully installed. <br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Windows &gt;&gt; Synfig<br /> | style=&quot;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;&quot;| To check, click on '''Windows''' button and type '''Synfig.'''<br /> <br /> <br /> You can see '''Synfig''' opens up.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| <br /> | style=&quot;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;&quot;| Now, we will briefly go through the individual tutorials in this series.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Slide:<br /> <br /> <br /> '''Bouncing ball animation'''<br /> <br /> <br /> <br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| The first tutorial in this series is “'''Bouncing ball animation”. '''<br /> <br /> <br /> Here we will learn to<br /> <br /> <br /> * Use''' Synfig''' interface<br /> * Draw a ball in '''Synfig'''<br /> * Add '''keyframes''' and '''waypoints'''<br /> * Do a ball animation with '''squash''' effect<br /> * '''Render''' the animation in '''gif''' format<br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Show '''“Bouncing ball animation”''' tutorial<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Here is a glimpse of the tutorial.<br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Slide:<br /> <br /> '''E-card animation'''<br /> <br /> <br /> <br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| The next tutorial is '''“E-card animation''.'''<br /> <br /> <br /> This will help us to <br /> <br /> * Import '''png''' images<br /> * Animate the images<br /> * Do text animation<br /> <br /> Also we will learn to* Preview the animation<br /> * '''Render''' the animation in '''avi''' format<br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Show '''“E-card aniamtion”''' tutorial<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Let me play this tutorial.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| <br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| The next tutorial is '''“Create a Star animation”'''<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Slide:<br /> <br /> '''Create a Star animation'''<br /> | style=&quot;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;&quot;| In this tutorial, we will learn to create<br /> <br /> <br /> * Gradient color animation <br /> * Group layers <br /> * Star animation <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Show '''“Create a Star animation”''' tutorial<br /> | style=&quot;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;&quot;| Here is a glimpse of the tutorial.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Slide:<br /> <br /> “'''Draw a toy train”'''<br /> | style=&quot;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;&quot;| The next tutorial is “'''Draw a toy train”'''<br /> <br /> <br /> In this tutorial, we will learn to<br /> <br /> * Draw basic shapes <br /> <br /> * Color the shapes <br /> * Group &amp; duplicate objects and <br /> * Align shapes using '''Guideline''' <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Show “'''Draw a toy train”''' tutorial<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Let's have a look at this tutorial.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Slide:<br /> <br /> '''“Animate a toy train”'''<br /> <br /> <br /> <br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| The next tutorial is about '''“Animate a toy train”.'''<br /> <br /> <br /> In this tutorial we will learn to animate the toy train which we created in the previous tutorial.<br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Show '''Animate a toy train '''tutorial<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Here is a glimpse of the tutorial.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Slide:<br /> <br /> '''Plant animation'''<br /> <br /> <br /> <br /> | style=&quot;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;&quot;| The next tutorial is '''“Plant animation”'''<br /> <br /> <br /> Here we will learn to- <br /> <br /> <br /> * Add a vertex using '''Insert item''' <br /> * Use '''Split tangent''' option <br /> * Use''' Mark active point as off option'''<br /> * Animate the shapes <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Show''' Plant animation '''tutorial<br /> | style=&quot;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;&quot;| Here is a glimpse of the tutorial.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| '''Logo animation'''<br /> | style=&quot;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;&quot;| The next tutorial is '''“Logo animation”'''<br /> <br /> <br /> In this tutorial we will learn to- <br /> <br /> <br /> * Use '''Mirror tool'''<br /> * Animate a logo <br /> * Create '''Spherize '''effect <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Show''' Logo animation '''tutorial<br /> | style=&quot;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;&quot;| Let us have a look at this tutorial<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| '''Basic bone animation'''<br /> | style=&quot;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;&quot;| The next tutorial is '''“Basic bone animation”'''<br /> <br /> <br /> Here, we will learn to<br /> <br /> <br /> * Add and attach bones to character<br /> * Animate the character using''' Skeleton '''option<br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Show '''Basic bone animation''' tutorial<br /> | style=&quot;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;&quot;| Here is a glimpse of the tutorial.<br /> <br /> |-<br /> | style=&quot;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;&quot;| <br /> | style=&quot;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;&quot;| The next tutorial is '''Cutout animation.'''<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| '''Cut out animation'''<br /> | style=&quot;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;&quot;| In this tutorial we will learn to <br /> <br /> <br /> * Use the '''Cutout tool '''on that image and <br /> * Animate the cutout shapes <br /> <br /> <br /> <br /> |-<br /> | style=&quot;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;&quot;| Show '''Cut out animation''' tutorial<br /> | style=&quot;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;&quot;| Here is a glimpse of the tutorial.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| <br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| This brings us to the end of this tutorial. Let us summarize.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Slide:<br /> <br /> '''Summary'''<br /> <br /> <br /> <br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| In this tutorial, we <br /> <br /> * learnt about '''Synfig'''<br /> * and saw glimpses of the tutorials in this series.&lt;br/&gt; <br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Slide:<br /> <br /> About Spoken Tutorial project<br /> <br /> <br /> <br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| The video at the following link summarizes the Spoken Tutorial project.<br /> <br /> Please download and watch it.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| Slide:<br /> <br /> Spoken Tutorial workshops<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| The''' Spoken Tutorial Project''' Team:<br /> <br /> * conducts workshops and<br /> * gives certificates<br /> <br /> For more details, please write to us.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border-top:1pt solid #000001;border-bottom:0.75pt 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;&quot;| Slide:<br /> <br /> Forum for specific questions<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0.097cm;padding-bottom:0.097cm;padding-left:0.153cm;padding-right:0.097cm;&quot;| * Do you have questions in THIS Spoken Tutorial?<br /> * Please visit this site <br /> * Choose the minute and second where you have the question<br /> * Explain your question briefly<br /> * Someone from our team will answer them&lt;br/&gt; <br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:0.75pt solid #000001;padding-top:0.106cm;padding-bottom:0.106cm;padding-left:0.035cm;padding-right:0.106cm;&quot;| Slide:<br /> <br /> Forum for specific questions:<br /> <br /> <br /> <br /> | style=&quot;background-color:#ffffff;border:0.75pt solid #000001;padding-top:0.106cm;padding-bottom:0.106cm;padding-left:0.035cm;padding-right:0.106cm;&quot;| * The Spoken Tutorial forum is for specific questions on this tutorial<br /> * Please do not post unrelated and general questions on them<br /> * This will help reduce the clutter<br /> * With less clutter, we can use these discussion as instructional material&lt;br/&gt; <br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border-top:0.75pt solid #000001;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;&quot;| Slide:<br /> <br /> Acknowledgement<br /> <br /> <br /> <br /> | style=&quot;background-color:#ffffff;border-top:0.75pt solid #000001;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;&quot;| Spoken Tutorial project is funded by NMEICT, MHRD, Government of India.<br /> <br /> <br /> More information on this mission is available at this link.<br /> <br /> <br /> <br /> <br /> |-<br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| <br /> | style=&quot;background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.009cm;padding-right:0.191cm;&quot;| This is Arthi along with animation team from '''IIT Bombay''', signing off. Thanks for watching.<br /> <br /> <br /> <br /> <br /> |}</div> Arthi