Hello! In this article, I will teach you how to animate with Keyframes in CLIP STUDIO PAINT. For this, we will use a butterfly cycle animation that I created in another project, which is as follows:

So, let's go with the super tutorial where I will show you step by step how to animate with keyframes in Clip Studio Paint.

(1) TUTORIAL: How to Animate with Keyframes in CLIP STUDIO PAINT

🛎 Activate subtitles in:

Settings - Subtitles - Automatic Translation - Choose your language 😉

 

What did you think of the video?

It's a really useful tool that will surely enhance our animation projects.

 

Now, I invite you to a summary of the tutorial with a step-by-step guide.

(2) Step-by-step guide to Animate with Keyframes

Let's go with a summary of the tutorial.

(3) Project Creation:

These are the settings I recommend when doing 2D Animation in Clip Studio Paint. Width 8,000 x Height 4,500. Resolution 600. And a duration of 72 Frames at 24 Speed (FPS)

Project created.

I recommend deleting the default Animation folder, because we will work with a different one.

(4) Trajectory Line:

In a new layer, we draw a line to serve as a guide for the animation we will create with keyframes.

(5) Butterfly Animation Cycle:

We copy the butterfly flight cycle animation created in another project, developed at 8 fps.

When you paste the animation, you will notice that the 8 fps animation converts to 24 fps. This is because it adopts the settings of the project we created at the beginning of the tutorial.

I love that :)

(6) Activate Keyframes in Clip Studio Paint

Now, it's time to start animating with keyframes. First, we activate the 'Enable keyframes for this layer' option in the timeline.

The Object tool is immediately activated, and a blue rectangle appears, allowing you to scale and move the animation layer.

(7) Insert Keyframes

Go to frame 1 and click on the 'Insert Keyframe' option.

There is also the 'Delete Keyframe' option, for when it's necessary to remove them.

(8) Animating with Keyframes

Now, on the timeline, we will move and guide ourselves along the trajectory line to animate the butterfly's flight using Keyframes.

(9) Duplicate an Animation on the Timeline

To continue with our animation, we will duplicate the butterfly flight cycle to complete the timeline. To do this, click on the upper part of the animation, right-click/copy. Then move to an empty frame and right-click/paste to paste the duplicated animation.

(10) Animating keyframes of the second cycle

Now, after pasting the animation cycle, we delete the existing keyframes and create new ones, adapting the butterfly's movement to its flight trajectory line. If there's still space, we'll duplicate the animation again ;)

(11) Flight Trajectory Preview

(12) Add a Background

Now, to keep things simple, we will add a background using Clip Studio Paint's resources.

(13) 2D Camera

To create the 2D Camera, go to Animation - New Animation Layer - 2D Camera Folder

Then, we insert keyframes on the first and last frames of the 2D Camera Folder, animating its movement from right to left to follow the butterfly's flight path.

(14) 2D Camera Preview

We can see the trajectory of the animated 2D Camera.

Remember to activate the preview in Animation - Playback Settings - Render 2D Camera. This way, you can see the final framing of your animation.

(15) Elements in 2D Camera

For the elements to be correctly visible with the 2D Camera's movement, you must insert all layers into the Camera folder.

(16) Animation Preview with 2D Camera

(17) Export Your Animation

To do this, go to: File - Export Animation - Movie. And create your animation as a video. Remember to choose the folder where you want to export your animation and export in 1920x1080. Full HD.

(18) Final Animation with Keyframes and 2D Camera

I hope this super article is very useful for your future animations.

 

I send you a greeting, wish you well, and see you next time!