Animate an Illustration with Keyframes and Cameras

10,305

Mattlamp

Mattlamp
Machine translation | View original text

Hello everyone! In some of my previous tutorials, I used the Keyframes feature to create simple animations, but I never explained in detail how to work with this feature and how to take advantage of 2D Camera folders.

In this tutorial, I will try to give you a detailed introduction to keyframe animation tools and show you some practical examples, I hope you find it useful!

Video Tutorial [Eng Subs]

I recommend watching the video tutorial where I explain the concepts of the tutorial thoroughly. If needed, activate English subtitles▼

Video Tutorial Summary

The basic functions are the creation of keyframes, which allow us to animate simply using software assistance.

I created a traditional animation with just 4 frames. By using keyframes in the animation folder, I can add other complex movements that would otherwise be very tedious.

We activate keyframes from that button

We can modify position, rotation, scale, and opacity. Both from the modifiers with the Object tool and from the tool properties panel.

We create a new keyframe at the beginning, advance a bit on the timeline, and if we modify any property, a keyframe is automatically created for us.

Clip Studio Paint calculates the intermediate frames!

Interpolation

To calculate intermediate frames, there are 3 types of interpolation.

Fixed: Holds the previous value until another keyframe appears. No transition.

Linear: Changes between the initial and final values at a constant speed.

Smooth: Uses a curve to generate a more natural movement.

Generally, we use smooth interpolation

Believable Animations

To create more natural animations, we can use the graph editor to modify the interpolation curves between keyframes.

This way, we can create anticipation, inertia, and rest.

File Objects

To create puppet animations, or modify a layer's rotation point, it is preferable to use file objects.

There are several excellent tutorials that explain this method. I recommend some of them

2D Camera Parallax Scrolling

We can use 2D camera folders to animate a background with a parallax effect.

We can create as many cameras as we want.

Once our animation is finished, we can group all cameras into a final one to create a handheld camera effect. Experiment!

To export, make sure to select 2D camera effects

Final Notes

This time, the written tutorial is just a summary; please watch the video tutorial where I explain the functions in detail. Thank you very much.

Comment

New

New Official Articles