Application Topic
   >  An Introduction to Animation
   >  Animation using KDEnlive
   >  Animating Photo using GIMP
   >  Animation using Pencil
   >  An Introduction to Synfig Studio
   >  Importing Images into Synfig
   >  Applying Transformation in Synfig
   >  Keyframe Animation in Synfig
   >  Rendering & Exporting in Synfig

 

Using Keyframes to Animate in Synfig Studio

 Using Keyframes in Synfig Studio

An Introduction to Keyframes

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!


Animation using Keyframes

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 animate mode button

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:

The animate mode button 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:

Add new keyframe button

You should see a new keyframe listed in the keyframe panel:

New keyframe listed in keyframe panel

Next, move the image to the desired starting position in the canvas area:

Moving the image to the start point for the motion

Click down in the timeline at the bottom of the canvas window at the point that you want the action to finish:

Clicking on the point the motion is to end in the timeframe

Click on the plus ("Add New Keyframe") icon to again to add a second keyframe at the selected point in time:

Adding a second new keyframe button

You should see a second keyframe listed below the first in the keyframe panel:

Two keyframes listed in the keyframe panel

Next, move the image to the desired ending position in the canvas area:

Image adjusted to the ending point in the canvas area

Congratulations! You have just finished your first animation using Synfig!


Previewing your Animation

To review your masterpiece, click on the preview icon (a green "play" button on the extreme right of the canvas toolbar):

The Preview Button

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

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:

The Preview



HomeSite IndexDesktop GuideServer GuideHints and TipsHardware CornerVideo SectionContact Us

 sitelock verified Firefox Download Button