Documentation
Barisco Helpcenter
Working with Images
Working with Sound
Uploading Media
Using Interactions
Introduction to Interactions
Working with Video
Background Music
Font Management
Position & Size
Groups
Timeline Animations
Creating Timeline Animations
Toolbar
Ribbon Menu
How to Log-in
How to Log-out
System Requirements
About Digital Publishing
Starters Kid
Managing Your Account
Editions
Layers Panel
Library Panel
Property Panel
Editor
Pages
Introduction
Creating Timeline Animations
Step 1
- Select the object on the Stage that you wish to animate.
- Click on the Animation Button on the Ribbon Menu. The Animation Panel will now appear.
- On the Timeline you will see a single Keyframe at 0:00. The Playhead will be pointing at this Keyframe and indicate
0, meaning that no time has passed at this point.
Step 2
- Click on another frame to place the Playhead onto another position in the Timeline.
- Once you have done this, the Add Keyframe Button on the left hand-side, will become available for use.
Step 3
- Now click on the Add Keyframe Button to add an additional keyframe at the position, where you had placed the
Playhead previously.
- After you have added the keyframe, all the frames between the 2 visible keyframes, will change their appearance to
indicate that a Tween has been formed between the 2 keyframes.
Step 4
- At this point both keyframes are identical. To make the animation work, you will have to modify some animation
compatible properties. One of the animation compatible properties is the position of the object.
- Move the object on the Stage to a different position.
- If you click back to the keyframe at 0:00, you will see that at this point on the Timeline, the position is still in the
original position.
- Now click on the second keyframe, to move the Playhead back to the second keyframe.
Step 5
- Click on the Preview Display button on the Ribbon Menu, to preview the animation.
- The Preview Window will now appear and will play the animation that you have just created.
- As you can see the animation starts with the first keyframe at 0:00 and animates to the second frame that you
had previously added to the Timeline.
- Of course you can repeat the process above with additional keyframes, to create longer animations.