How to play YouTube Shorts frame by frame! A miraculous technique to fix animation inconsistencies.

Heart Forecast Respect Animation Project 1！

The applause motion for the heart forecast is finally complete.

Last time, the hand movements felt completely off, like "something's different..."

However, after carefully observing the original short video frame by frame and making repeated revisions, I was finally able to get close to the "lightness of the original."

In this article, Why did it fail? What did I fix and how? What points did I focus on to make it closer to the original?This is explained in detail along with the actual correction process.

The animation movementThe article also explains "the reasons why it looks unnatural" and "tips for making subtle movements look natural."Therefore, this should be helpful for those who want to study the workings of emotional forecasting or those who want to improve their animation production skills.

So, let's start by reviewing our previous failures.

Original creator

Why doesn't this movement look like the applause from the original band?

Here it is,The animation I felt was a "failure" this timeIs.

In the original video, the hands move in a soft, circular motion, as shown by the pink arrows.

On the other hand, my failed animation was,The trajectory is linear, as shown by the blue arrow, making the movement appear stiff.

Even though it's the same "clapping," just a difference in the trajectory can completely change the impression it gives.

The differences in movement compared to the original are immediately obvious.

So, from here on out...The process of making every effort to revise it to closely resemble the original's clapping motion.I will be discussing that.

The advantage of accurately capturing movement frame by frame

In order to recreate the movements of the original, the first thing I reviewed was"Observation Method"That's it.
When I first started creating the animation, I was drawing while tracking short videos using my "dynamic visual acuity," but this made it impossible to accurately grasp the fine details of the trajectory and the timing of the shaking.

Therefore, this time,A method of checking the movement frame by frame and then applying it to your own character.I switched to this.

By using frame-by-frame playback,

• angle of the hand's trajectory
• Timing when the shaking begins
• Shift of the center of gravity
• The way details like hair, ears, and skirts move.

This kind of“The basis for the movement”It will become clearly visible.

For detailed instructions on how to use frame-by-frame playback, please refer to the related articles.

How to advance frame by frame

How to play YouTube Shorts frame by frame! A miraculous technique to fix animation inconsistencies.

Points to pay attention to and techniques used in animation production

From here, I will explain what modifications were actually made based on what was observed frame by frame.
We meticulously adjusted every detail that affects the character's naturalness, such as the swaying of the hair, the angle of the ears, the fluttering of the skirt, and the movement of the tail.

Correction points to make hair movement look natural

The original artist has short hair, so I was quite unsure how to make my super long hair move.

So, I started by imagining how the hair would move when she jumped, and then proceeded to draw.

• The moment you jump, your hair floats up softly.
• The moment of landing is when it spreads the widest.

We create the shaking while keeping these two points in mind.

(Perhaps I could have exaggerated it a little more.)

Adjust the angle of the ears

I wanted to create a cute look where the ears wiggle when it jumps.I adjusted the shape of the ear tips to create an arched shape while ensuring they didn't look distorted.

I'm quite satisfied with how well I drew this time.

However, the movement of bending the ears is still weak, so next time I'd like to focus on making the movement a little softer.

How to draw a skirt so that the frills look natural.

The skirt also...“Feeling weightless”I made sure that it would appear.
I wanted to create a soft, spreading effect, but it turned out more subtle than I expected, so next time I might try making it a bit more dramatic.

Fix the elbow position to stabilize the movement.

I tried to keep my elbows as still as possible and focus on moving only my fingertips.
This allows for adjustments to ensure that the clapping hands don't look unnatural even when jumping.

Focusing on the movement of the roots brings out the naturalness of the character.

Ahoge (stray hair), the base of the skirt, ears, tail, etc.“The base of the part that sways”I paid particular attention to that when drawing it.

• Where it shakes
• Place to fix

Clearly separating these two elements significantly changes the overall naturalness of the animation.

Adjust the tail wagging

Since the base of the tail isn't visible, I focused more on depicting the movement of the base when drawing it.

• The moment it jumps → the tip of its tail points downwards
• The moment it lands → the tip of its tail points upwards.

Adding this recoil makes the tail wagging look more natural.

The movement of the skirt pattern

Each pattern on the skirt was created on a separate layer, and the distortion during jumps was carefully adjusted.
The sagging areas are designed to drape along with the check pattern, creating a textured look.

Comparing the animation before and after the correction.

Based on the revisions made so far, let's compare how much it has actually changed.

When you compare the original and revised versions side-by-side, the difference is immediately obvious.

The overall impression changed dramatically as a result of paying attention to details such as the trajectory of the hands, the timing of the swaying, and the movement of the hair and skirt.

"I can't believe how much it's changed...!"I'm surprised myself at how much the naturalness of my movements has improved.

Summary: Animation production tips learned from the differences between before and after revisions

This time, by carefully observing the original creator's movements frame by frame during production, How to vary the speed and intensity, the starting point of the sway, the movement of the root, and how to create the trajectory.I was able to relearn important fundamental points of animation.

Animation is not something done "just because",Giving a reason to each movement creates a sense of naturalness.This revision made me realize this very strongly.

If you're interested in creating animation, please give it a try!

Even just observing it frame by frame can surprisingly deepen your understanding, so I highly recommend it.

Tools used (iPad Air, Procreate, Apple Pencil, PC)

This time too, my usual partner iPad Air × Procreate × Apple Pencil It was created using a combination of these elements.

The Apple Pencil makes it easy to draw even in small areas, and I feel it's a really good match for my drawing style.

・・・・・・・・・・・・・・・・・・・・・・・・

If you found this article helpful and would like to support it,
Receiving encouragement from OFUSE is very motivating.
Your support will be instrumental in creating illustrations and updating my blog.

Thank you very much for reading to the end.
Thanks to everyone who always reads my work, I can continue to create.
I look forward to your continued support.

This page summarizes tips for "frame-by-frame observation."
If you're looking to correct any awkwardness in your hand movements or subtle actions, this article might be helpful.

Heart Forecast Respect Animation Project 0

How to play YouTube Shorts frame by frame! A miraculous technique to fix animation inconsistencies.

Pochi

Illustrator

XInstagramYouTubeContact

Illustrator.
This blog is my growth diary as an illustrator.
Opened since June 2023.
Starting YouTube in January 2025.