Difference between revisions of "Synfig/C2/Bouncing-ball-animation/English-timed"

|  Welcome to the '''Spoken Tutorial''' on “'''Bouncing Ball animation”''' using '''Synfig.'''

|We will also learn to: draw basic shapes and fill color,

| add '''keyframes''' and '''waypoints''',

| do a '''ball animation''' with '''squash effect''',

| render the output in '''gif '''format.

|  To record this tutorial, I am using:

'''Ubuntu Linux''' 14.04 Operating system,

|  This is the '''interface''' of '''Synfig'''.

|  The standard '''toolbar '''is located below the '''Menu bar.''' Here, we will find some of the '''shortcut''' and '''handles''' options.

| Here, we can see the '''button'''s that are related to '''animation'''.

|Here, we will be able to see the '''waypoints''' and the '''key frame''' indications of the '''animation'''.

|  And above this panel, you can find  '''Canvas browser''',

| '''Palette editor''',

| '''Navigator''' and  '''Info panels'''.

|  Under the '''Layer Type, '''we can see many '''icon'''s.

|Select '''Create a region layer '''icon. For this demo, we will leave the other settings as it is.

|  Please note that the default fill color is white which implies that if we draw outside the '''canvas''', it will be difficult to spot the object.

|  In the '''Layers panel''', rename the layer as '''Ball,''' as shown earlier.

|Here, click on the green plus sign icon to add a new '''keyframe.'''

|  Notice a green dot in the centre of the ball.

|  Drag this green dot to move the ball to the bottom of the '''canvas.'''

|  Let’s go to the 11th frame. Once again, add a new '''keyframe '''as shown earlier.

| Move the ball a little down such as the ball touches the ground.

|  Notice orange and yellow dots around the ball.  These are known as '''handles'''.

|  '''Resize''' the ball as demonstrated, using the orange dots in the '''handles''', to give a squashed effect.  

|Again, click on the '''Duplicate''' icon at the bottom.

|  Lastly, let us '''save''' the file.

|  '''Synfig '''gives the file a default name as you can see here.

|  Observe that the available '''Synfig '''file '''extension'''s are '''dot sifz, dot sif, dot sfg'''.

|  Click on '''Save.''' Let us now render the animation.

|  Give a suitable filename as per your preference with '''.gif''' extension.

|  Click on '''Choose''' button to select the location to '''save'''.

|  Now, let me go to the '''Desktop''' which is where I saved my '''.gif''' file.

|  We can play the '''animation '''using '''Firefox '''or any '''web browser'''.

|We also learnt to: draw basic shapes and fill color,

|add '''keyframes '''and '''waypoints''',

|do a ball '''animation '''with '''squash effect''',

|Render the output in '''gif '''format.

|  Here is an assignment for you. Create a '''ball animation''' in a slanting path.

|  The Spoken Tutorial Project team: conducts workshops using spoken tutorials,

| gives certificates on passing online tests. For more details, please write to us.

|  Do you have questions in THIS Spoken Tutorial?  Please visit this site.

|Choose the minute and second where you have the question.

| Explain your question briefly. Someone from our team will answer them.

|  The '''Spoken Tutorial forum''' is for specific questions on this tutorial.

|Please do not post unrelated and general questions on them. This will help reduce the clutter.

|With less clutter, we can use these discussion as instructional material.