Let’s create an animation using Clip Studio Paint’s animation feature!
This animation practice tutorial is aimed at people creating their first animation.
In this third practice lesson, we are going to use keyframes to animate a single illustration.
Features you will learn: Enable keyframes on this layer
[For the iPad Version]
Clip Studio Paint for iPhone requires palette bar customization to create animations.
Use the following procedure to add the [Timeline] palette.
Creating the illustration
(1) First, you need to draw your illustration in Clip Studio Paint.
(You can also open illustrations that you’ve already made in Clip Studio Paint.)
We are going to make an animation using this illustration.
Making the timeline
(1) If the moving illustration has different layers, store all of them in a single layer folder.
(2) Select [Window] menu > [Timeline] to show the [Timeline] palette.
(3) From the [Timeline] palette, click on [New timeline].
(4) Set the [Frame rate] and [Playback time]
Set [Frame rate] to "8”, set "Play time" to "8", and then click [OK].
(5) Clicking [OK] will create “Timeline 1”.
●The first keyframe
(1) In the [Timeline] palette, click [Enable keyframes on this layer].
(2) In the [Timeline] palette, click the first frame to select it.
(3) In the [Tool] palette, select the [Operation] tool, and under the [Sub tool] palette, select the [Object] sub tool.
(4) A handle will be displayed on the canvas.
Drag the handle using the [Object] sub tool to transform the layer.
Rotate using the top control point and scale using the handles in the corner.
(5) A keyframe will be made in the first frame in the [Timeline] palette when you transform the layer using the handle.
● The second keyframe
(1) Next, we are going to select a different frame. In this lesson, we are going to choose the middle “5”th frame of 8 frames.
(2) Drag the handle with the [Object] sub tool to transform the layer.
A keyframe will be made in the first frame in the [Timeline] palette when you transform the layer.
The keyframe that you added can be selected by clicking on the cursor.
Drag the keyframe position to move it to other frames.
● Duplicate keyframes
Keyframes can be copied and pasted to other frames.
(1) Select the keyframe that you added in the first frame.
(2) Right click and select [Copy] under the menu that appears.
(3) Select the final “8”th frame.
(4) Right click to bring up the menu and select [Paste].
The keyframe is now pasted on the 8th frame.
We also transform the illustration on the canvas in the same way that we transformed the illustration for the first frame.
Click [Play/Stop] on the [Timeline] palette to play your moving animation.
The animation is now complete!
Since the first and last keyframes are of the same shape, it becomes a looping animation.
Note: This has been exported to GIF format.
From the [File] menu, click [Export animation], then [Animated GIF] to export the animation in GIF format.
This is the end of the third practice tutorial.
Using tutorials (2) and (3)
You can add keyframes to what you made in tutorial (2)!
You can see that the two pictures move much more seamlessly.
To learn more about animation features:
If you want to learn more about Clip Studio Paint’s animation features, please look at the tutorials below.