In most cases the movement of a figure will have parts that will start and stop at different times. This content is provided as an open educational resource under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License, Anticipation, Follow Through, Overlapping Action, and Secondary Action, most often moves in the opposite direction of the main action, Click to share on Twitter (Opens in new window), Click to share on Facebook (Opens in new window), Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. Every primary action has a moment of preparation and a moment of recovery. Okay, yes, once we start layering these things together they do all start to tread on each other’s toes and roll into some great animation. Follow Through is when the main elements of a movement will stop while others continue due to the momentum of that movement. Every action has a pre-action that most often moves in the opposite direction of the main action. Overlapping action follows the same line of action as the primary mass, but it does so a few frames behind the primary mass. 12 Principles to Create Realistic Animation the Disney Way, CSS Animations and Transitions for the Modern Web. These smaller actions are the things that make the primary action believable and interesting. going from C curve to an S curve back to a C curve. Follow through is similar to anticipation, except it occurs after the action instead of before it. These smaller actions that bookend the primary action are anticipation and follow through. Sentient Sphere with a mohawk — illustration of follow through and overlapping action by Simon Lee. Follow through and overlapping action. For example, in this scene from the Disney film Tangled, Rapunzel spins in place. If a cat turns suddenly, their tail might whip around. It continues bouncing until eventually coming to rest. Drawing by Simon Lee. In more complex actions, the follow through of one movement may blend into the anticipation of the next movement. However, overlapping action will also appear in your anticipation phase. Tails, capes, hair, jewelry, sometimes even heads and arms. Follow through and overlapping action are subtle principles that can help express how elements of a UI interrelate to each other with the use of movement. January 19, 2020. (Ouch!) Where then, does overlapping action dance if not partnered with follow through (as suggested in The Illusion of Life)? So if a character with a scarf is running, then they stop suddenly, the scarf will fly forward past the body, then fall back where the character stopped. Articles
The running is the major action and your swinging arms overlap it. At some point we can then step back and enjoy the complex intertwining of all these principles around a single action. Notice how her hair and dress continues to move around the motion path spin of the body after the body has stopped moving. The difference between the embellishments of overlapping action and secondary action is that secondary actions are voluntary on the part of the character, while overlapping action is (mostly) involuntary. If a car stops moving, the antenna on top will keep moving for a second. If we consider the movement of the body through the air as the primary action, then the crouching movement we make before we start moving upwards is the anticipation of the jump. Follow-through is the idea that certain appendages and body parts might continue to move even after a motion is completed. If everything moves evenly, the animation will look robotic and not fluid. And in your primary action phase. Follow Through and Overlapping Action are two techniques that help make the action richer and fuller with detail and subtlety. It’s realm is all the things that flop, flow, flap and follow behind the central mass of the subject. Secondary actions are voluntary, driven by the character; overlapping actions are driven by momentum and physics, thus involuntary. How can illustration enhance your project and when to use it? These parts might be hair, clothing, jowls, or jiggling flesh of an overweight person. Anyone up for a dance party? If things are looking stiff and mechanical, analyze the action and look for any … Overlapping action also is connected to the primary action. This little flick of the head and finger wiggle are secondary actions to the primary action of jumping, while the cape and hair are overlapping actions. Overlapping action often involves breaking a curve or joint, i.e. Because overlap and drag need to be acted upon by a force, you want to make sure all of the main animation on the body is done first. Secondary Action is our final lonely dancer. Follow Through and Overlapping Action. Follow through means that any object that stops in motion and has loose other parts connected will follow the main portion of the body and pass its center of gravity. Follow-through and overlapping action are two very closely related topics that generally accomplish the same goal of realistic motion. Follow Through & Overlapping Action… Posted on March 1, 2016 by Dimitrina Milanova In the beginning, when 2D animation was still in development there was a problem with making a smoother movement for characters when it reaches the spot for a further action. Overlapping action is the idea that different parts of a body will move at different rates. Overlapping action is similar. In the section on anticipation, I mentioned that animation occurs over three steps and that the last step was follow through. Follow through is similar to anticipation, except it occurs after the action instead of before it. (This is a fun and only slightly dangerous activity to do in the classroom). But it too is connected to primary action. Mobile UX Follow Through and Overlapping Action Examples: (Caption: The transition animation to and from the dynamic tiles experience on the Windows Look at the feet. For example, in a walk cycle the low point key frame is both the follow through of the previous step and the anticipation of the next step. Every primary action has a moment of preparation and a moment of recovery: anticipation -> action -> follow through. The 12 principles of animation are guidelines created by ex-Disney animators Frank Thomas and Ollie Johnston. So if you walk, your arms will move at a different speed than your head. In overlapping action multiple motions influence, blend, and overlap the position of the character. Both are examples of follow through. This is where you can see follow-through and overlapping action. Follow Through is when the main elements of a movement will stop while others continue due to the momentum of that movement. Things don’t stop suddenly in the real world any more than they start suddenly. 5) Follow-Through and Overlapping Action. /
This principle is used for hair, cloth, fur, or any other material that follows the source of the overall movement. When throwing a ball, your arm continues its motion after releasing the ball. In most cases the movement of a figure will have parts that will start and stop at different times. Animation Foundation / Blog / Lecture Notes An example is your arms swinging as you run. © 2020 Pearson Education, Adobe Press. Create a free website or blog at WordPress.com. /
It means that the animated sequence has a less abrupt end, making the whole movement more naturalistic. In the section on anticipation, I mentioned that animation occurs over three steps and that the last step was follow through. The arms move at a different pace than the body and head. Think about pulling your leg back before a kick or tilting your head back before a sneeze. Here is another example of follow through and overlapping action. Let’s illustrate: stop reading and jump up as high as you can, trying to touch the ceiling or the sky. Overlapping action is closely linked to this as it involves different parts moving at different rates. You might have a good deal of overlapping action in your follow through stage, which is why they are often confused or at least grouped together. Try jumping without crouching down first — it doesn’t work very well.