Animate an Illustration with Keyframes and Cameras
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