Animation - Keyframe Transformation

[Keyframe Transformation] 360 Degree Rotation in 1 Minute!

358

BebeKiki

Introduction

Hi, I am Bebekiki. In this tutorial, I will show you how to animate object 360 degree rotation using keyframe transformation in just 1 minute.

App Version

I am using CSP Tablet Version on my 11 inches tablet with pen.

Let's Start

- Create Timeline

Open CSP and create a new file. Import or create an object that you want to animate. Click Window -> Timeline to show the timeline window.

Click New Timeline to create a new timeline.

Enter the details of the timeline (e.g. Frame rate, Playback time, etc.) of your animation and click OK. In this case, a timeline of 10 frames will be created.

- Enable Keyframe on Selected Layer

Select the layer that you want to animate. Click Enable keyframe on this layer and the layer is then enabled for keyframe transformation.

- Add Keyframe to Start and End Frame

Click the + sign and the > sign to expand the transformation menu. Click on Rotate and go to frame 1. Click Add Keyframe and frame 1 is changed to a keyframe.

Go to frame 10 and click Add Keyframe. Frame 10 is then changed to a keyframe like frame 1.

- Rotate 360 Degree Clockwise

Click on the keyframe sign on frame 10. Enter 360 in the Rotation Angle input box under Tool Property of the Object Menu.

- Play Animation

Go to frame 1 and click Play/Stop to play the animation. The object will rotate 360 degree clockwise gradually when the timeline plays from frame 1 to frame 10.

- Enable Looping

Click Loop Play to enable or disable the looping effect.

- Rotate 360 Degree Anti-clockwise

Click on the keyframe sign on frame 10. Enter -360 in the Rotation Angle input box under Tool Property of the Object Menu.

Go to frame 1 and click Play/Stop to play the animation. The object will rotate 360 degree anti-clockwise gradually when the timeline plays from frame 1 to frame 10.