https://script.spoken-tutorial.org/index.php?action=history&feed=atom&title=Synfig%2FC2%2FDraw-a-Toy-train%2FEnglishSynfig/C2/Draw-a-Toy-train/English - Revision history2026-04-28T06:49:26ZRevision history for this page on the wikiMediaWiki 1.23.17https://script.spoken-tutorial.org/index.php?title=Synfig/C2/Draw-a-Toy-train/English&diff=54043&oldid=prevArthi at 15:30, 15 October 20202020-10-15T15:30:16Z<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 15:30, 15 October 2020</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 126:</td>
<td colspan="2" class="diff-lineno">Line 126:</td></tr>
<tr><td class='diff-marker'> </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'> </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'> </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'> </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="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Resize the layer & place it in the <del class="diffchange diffchange-inline">left </del>of the '''canvas'''</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="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Resize the layer & place it in the <ins class="diffchange diffchange-inline">right </ins>of the '''canvas'''</div></td></tr>
<tr><td class='diff-marker'> </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="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Resize the layer using the orange dot of the '''handle'''.</div></td><td class='diff-marker'> </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="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Resize the layer using the orange dot of the '''handle'''.</div></td></tr>
<tr><td class='diff-marker'> </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'> </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'> </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'> </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'>−</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>Move it to the <del class="diffchange diffchange-inline">left </del>of the '''canvas '''using the green dot of the '''handle.'''</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>Move it to the <ins class="diffchange diffchange-inline">right </ins>of the '''canvas '''using the green dot of the '''handle.'''</div></td></tr>
<tr><td class='diff-marker'> </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'> </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'> </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'> </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>Arthihttps://script.spoken-tutorial.org/index.php?title=Synfig/C2/Draw-a-Toy-train/English&diff=29975&oldid=prevNancyvarkey at 01:57, 9 January 20172017-01-09T01:57:08Z<p></p>
<a href="https://script.spoken-tutorial.org/index.php?title=Synfig/C2/Draw-a-Toy-train/English&diff=29975&oldid=29974">Show changes</a>Nancyvarkeyhttps://script.spoken-tutorial.org/index.php?title=Synfig/C2/Draw-a-Toy-train/English&diff=29974&oldid=prevArthi: Created page with "'''Title of script: Draw a Toy train''' '''Author:''' Arthi '''Keywords:''' Synfig, Draw & color basic shapes, Group & duplicate objects, Align shapes using '''Guideline, ''..."2017-01-06T12:17:35Z<p>Created page with "'''Title of script: Draw a Toy train''' '''Author:''' Arthi '''Keywords:''' Synfig, Draw & color basic shapes, Group & duplicate objects, Align shapes using '''Guideline, ''..."</p>
<p><b>New page</b></p><div>'''Title of script: Draw a Toy train'''<br />
<br />
'''Author:''' Arthi<br />
<br />
'''Keywords:''' Synfig, Draw & color basic shapes, Group & duplicate objects, Align shapes using '''Guideline, '''Draw a toy train<br />
<br />
<br />
<br />
{| style="border-spacing:0;"<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0368in;padding-right:0.075in;"| <center>Visual cue</center><br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0368in;padding-right:0.075in;"| <center>Narration</center><br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Opening Slide <br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Welcome to the Spoken Tutorial on “'''Draw a''' '''Toy train'''” using '''Synfig'''.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Learning Objectives (Slide) <br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| In this tutorial we will learn to <br />
<br />
* Draw basic shapes<br />
* Color the shapes<br />
* Group & duplicate objects and<br />
* Align shapes using '''Guideline'''<br />
<br />
<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| System requirement (Slide) <br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| To record this tutorial, I am using<br />
<br />
* '''Ubuntu Linux '''14.04 OS <br />
* '''Synfig version '''1.0.2<br />
<br />
<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Open''' Synfig'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Let us open''' Synfig.'''<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Point to '''canvas'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| First, we will draw the compartment of the toy train.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Select '''Rectangle tool'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| For this, select the '''Rectangle tool. '''<br />
<br />
<br />
In the '''Tool options, '''check if''' Create a region layer''' is selected.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Draw a rectangle >> Change the color to green<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Now, draw a rectangle on the '''canvas'''. <br />
<br />
<br />
Change the layer name to '''Part-1.'''<br />
<br />
<br />
Go the''' Parameters panel '''and change the color to''' green.'''<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Click on the '''Transform tool >> '''Click outside the '''canvas'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Click on the '''Transform tool '''now. <br />
<br />
<br />
Then click outside the '''canvas''' to deselect the shape.<br />
<br />
<br />
Remember to do this step after drawing any shape on the '''canvas.'''<br />
<br />
<br />
<nowiki><<PAUSE>></nowiki><br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Save the file<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Let us save our file. Go to '''File.''' Click on '''Save as. '''<br />
<br />
<br />
Change the filename to '''Toy-Train-animation.''' Save it in your '''Desktop.'''<br />
<br />
<br />
<nowiki><<PAUSE>></nowiki><br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Select the '''Rectangle tool >> '''Draw a rectangle on the top of the previous rectangle<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Now, select the '''Rectangle tool''' once again. <br />
<br />
<br />
Draw a rectangle in the centre of the previous rectangle as shown.<br />
<br />
<br />
This will be the window of the train. Let’s rename this layer as '''Window.'''<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Click on '''Polygon tool >> Tool options >> Create a region layer'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Next, click on the '''Polygon tool.'''<br />
<br />
In '''Tool options, '''check if '''Create a region layer''' option is selected.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Draw a trapezium >> Change the color to blue<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Draw a trapezium above the rectangle as shown. <br />
<br />
<br />
Click on the starting point to close the trapezium. <br />
<br />
<br />
Rename this layer as '''Part-2.'''<br />
<br />
<br />
I will change the color to blue.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Select the '''Transform tool''' <br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Now, select the '''Transform tool.'''<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| '''Layers panel >> '''Group the''' layers'''<br />
<br />
<br />
Rename as''' Compartment-3 '''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Go to '''Layers panel.''' <br />
<br />
<br />
Select all the layers and group them.<br />
<br />
<br />
Rename the group layer as '''Compartment-3.'''<br />
<br />
<br />
<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Resize the layer & place it in the left of the '''canvas'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Resize the layer using the orange dot of the '''handle'''.<br />
<br />
<br />
Move it to the left of the '''canvas '''using the green dot of the '''handle.'''<br />
<br />
<br />
<nowiki><<PAUSE>></nowiki><br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Press '''Ctrl + S'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Save the file by pressing '''Ctrl '''and '''S''' keys.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Click outside the '''canvas >> '''<br />
<br />
<br />
<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Next let us draw the wheel of the train. <br />
<br />
<br />
Remember to click outside the '''canvas''' to deselect the shape after drawing any shape.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Select the '''Circle tool'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Select the '''Circle tool.'''<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| '''Tool options''' >> '''Create a region layer >> '''Draw a circle<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| In '''Tool options,''' '''Create a region layer''' should be selected.<br />
<br />
<br />
Draw a circle as shown and change the color to dark blue.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Select '''Star tool >> Tool options >> Create a star layer'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Now select the '''Star tool.''' <br />
<br />
<br />
In '''Tool options, Create a star layer''' should be selected.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Draw a star<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Keep the cursor in the centre of the circle and draw a star.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Select '''Transform tool >> '''<br />
<br />
<br />
Point to the''' handle '''and dots<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Now select the '''Transform tool.''' <br />
<br />
<br />
Observe there is 1 '''handle''' and 3 dots.<br />
<br />
<br />
Click and drag the green dot of the handle to change the position of the shape.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| <br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Use the blue dot of the '''handle''' for rotation.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Drag the middle green dot<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| The middle green dot allows adjustment of the outer edge of the star shape.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Drag the third green dot<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| The third dot is used for resizing.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Group star & circle layers>> Rename as '''Wheel-1'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Select both the star and the circle layers. <br />
<br />
<br />
Group them and then rename as '''Wheel-1.'''<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| <br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Resize this group layer and place it below the compartment.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Duplicate '''Wheel-1 >> '''Rename as''' Wheel-2'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Now duplicate the '''Wheel-1 group layer.''' <br />
<br />
<br />
Rename as '''Wheel-2 '''and move to the other end of the compartment.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Select all layers >> Group them >>''' '''<br />
<br />
Duplicate twice<br />
<br />
<br />
<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Now select all the group layers. Group them again and rename as '''Compartment-3.'''<br />
<br />
<br />
Click on the '''Duplicate''' icon twice.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Rename as '''Compartment-2 '''& '''Compartment-1 '''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Rename the duplicated folder as '''Compartment-2 & Compartment-1 '''respectively.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Move''' Compartment-2 '''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Select '''Compartment-2''' group layer.<br />
<br />
<br />
Use the '''Shift key''' and drag the middle green dot of the '''handle.'''<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Move the '''Compartment-3''' folder layer<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Do likewise in the '''Compartment-3''' group layer. <br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Press '''Ctrl + S'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Save the file by pressing '''Ctrl '''and '''S '''keys.<br />
<br />
<br />
<nowiki><<PAUSE>></nowiki><br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Draw a circle >> Rename as '''Engine-part-1'''<br />
<br />
<br />
Change the color to pink <br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Next let us draw the engine.<br />
<br />
<br />
Select the '''Circle tool '''and draw a circle as shown. <br />
<br />
<br />
Rename the layer as '''Engine-part-1.'''<br />
<br />
<br />
Change the color to pink.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Click on '''Rectangle tool >> '''Draw another rectangle >> <br />
<br />
<br />
Rename as '''Engine-part-2'''<br />
<br />
Change color to yellow<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Then click on''' '''the '''Rectangle tool '''and draw a rectangle on the top of the circle covering half of it. <br />
<br />
<br />
Rename the layer as '''Engine-part-2 '''and change the color to yellow.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Draw another rectangle >> <br />
<br />
Rename the layer as '''Engine-part-3'''<br />
<br />
Change the color to green<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Draw one more rectangle on the top of the current rectangle. <br />
<br />
<br />
Rename the layer as '''Engine-part-3 '''and change the color to green.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Draw the window >> <br />
<br />
Rename the layer as '''Engine-window'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Using the same rectangle tool, draw the window as shown. <br />
<br />
<br />
Rename the layer as '''Engine-window.'''<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Group rectangle & circle layers >> Rename as '''Engine'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Select the layers of the engine and group them. <br />
<br />
<br />
Then rename as '''Engine.'''<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Press''' Ctrl + S'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Save the file by pressing '''Ctrl '''and '''S''' keys. Click on any one of the compartment’s drop down list. <br />
<br />
<br />
Select and copy both '''Wheel-1 '''and''' Wheel-2 group layers.'''<br />
<br />
<br />
<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Paste in the '''Engine group layer'''<br />
<br />
<br />
<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Paste in the '''Engine group layer.'''<br />
<br />
<br />
Using '''Shift key''' drag these wheels to the bottom of the engine.<br />
<br />
<br />
<nowiki><<PAUSE>></nowiki><br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Drag & place the guideline in the bottom of the compartments<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Now, drag a '''guideline '''from the top ruler and place it at the bottom of the compartments.<br />
<br />
<br />
This '''guidelin'''e will help us to align the compartments & engine in a straight line. <br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Align the engine<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Next, move & align the '''Engine''' next to '''Compartment-1.'''<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Draw a Belt >> Color it black<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Then draw a rectangle to link all the compartments. <br />
<br />
<br />
Rename the layer as '''Belt '''and change the color to black.<br />
<br />
<br />
Move the '''Belt layer''' to the bottom of the '''Layers''' list.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Click on the '''Rectangle tool'''<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Lastly, let us draw the rail. <br />
<br />
<br />
Click on the '''Rectangle tool. '''<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Draw a rectangle >> Change the layer name as '''Rail''' >> Change the color to black.<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Draw a rectangle below the wheel, as demonstrated here. <br />
<br />
<br />
Change the layer name as '''Rail '''and change the color to '''black.'''<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Point to the train<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Now the train drawing is complete.<br />
<br />
<br />
<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Save the file<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Lastly, press '''Ctrl + S''' to save our file once again. <br />
<br />
<br />
<nowiki><<PAUSE>></nowiki><br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Summary (Slide)<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| With this, we have come to the end of this tutorial.<br />
<br />
<br />
Let us summarize. <br />
<br />
<br />
In this tutorial, we learnt to <br />
<br />
* Draw basic shapes<br />
* Color the shapes<br />
* Group & duplicate objects and <br />
* Align shapes using the '''Guideline'''<br />
<br />
<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Assignment<br />
<br />
(Slide)<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Here is an assignment for you-<br />
<br />
<br />
* Draw a bus in '''Synfig '''as explained in this tutorial'''.'''<br />
<br />
<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Completed assignment<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Your completed assignment should look like this.<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| About project slide <br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| This video summarizes the '''Spoken Tutorial''' project.<br />
<br />
<br />
Please download and watch it.<br />
<br />
<br />
<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Workshop slide <br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| The Spoken Tutorial Project team conducts workshops and gives certificates on passing online tests.<br />
<br />
<br />
For more details, please write to us.<br />
<br />
<br />
<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Spoken Tutorial Forum slide <br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Please post your timed queries in this forum.<br />
<br />
<br />
<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Acknowledgment<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Spoken Tutorial Project is funded by NMEICT, MHRD, Government of India.<br />
<br />
<br />
More information on this mission is available at<br />
<br />
this link.<br />
<br />
<br />
<br />
<br />
|-<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| Acknowledgment<br />
| style="background-color:#ffffff;border:0.5pt solid #000001;padding-top:0in;padding-bottom:0in;padding-left:0.0382in;padding-right:0.0389in;"| This is Arthi along with the Spoken Tutorial Animation Team from IIT Bombay, signing off.<br />
<br />
<br />
Thanks for joining.<br />
<br />
|}<br />
‘’</div>Arthi