Using Keyframes to Animate in Synfig Studio
Once you have created your image model using the techniques in the previous sections, you then need to create your animation!
What this means is that you, as the animator, only need to define the start and end position of the movement and Synfig will do the rest!
Synfig animations are built around something called keyframes - these are similar in concept to the construct of the same name in kdenlive. In Synfig, you define the position of your image layers at the keyframes only. This is the real power of Synfig: it will create all the intermediate frames between the defined keyframes. What this means is that you, as the animator, only need to define the start and end position of the movement and Synfig will do the rest!
Once you are ready to begin the animation, click on the green circle icon in the bottom right corner of the canvas to enter animate mode:
The green icon will change to red - and a red box will be shown around the canvas area to show that you are now in animate mode:
Click on the key tab in the bottom window then click the plus ("Add New Keyframe") icon to add your first keyframe:
You should see a new keyframe listed in the keyframe panel:
Next, move the image to the desired starting position in the canvas area:
Click down in the timeline at the bottom of the canvas window at the point that you want the action to finish:
Click on the plus ("Add New Keyframe") icon to again to add a second keyframe at the selected point in time:
You should see a second keyframe listed below the first in the keyframe panel:
Next, move the image to the desired ending position in the canvas area:
Congratulations! You have just finished your first animation using Synfig!
To review your masterpiece, click on the preview icon (a green "play" button on the extreme right of the canvas toolbar):
A dialogue box will pop up, allowing you to define various parameters for the preview (-like the start/end time and frame rate): just click "Preview" button when you are ready:
The preview window will open. It will take a few seconds (-or longer, depending on the length of the preview) to render; when completed, click on the "Play" icon to play the animation: