top of page

Motion Tweening Animation

  • Writer: Lydia Wan
    Lydia Wan
  • Nov 30, 2023
  • 5 min read

Tweening animations refer to the process of generating intermediate frames between two keyframes in order to create smooth and seamless motion in an animation. The terminology, approach, and execution of this animation technique have undergone substantial changes over the years. Firstly, we will establish the definition of tweening in animation. Subsequently, we will examine its origins before delving into the contemporary applications of this technique by animators. What Is Tweening Animations?


First, let's begin with a concise explanation of tweening:


A concise explanation or description of the meaning of a word, concept, or term.

Tweening is the method used to generate intermediate frames, or images that are displayed between keyframes. The result is a seamless transition between two keyframes that depict distinct moments in an action, commonly referred to as 'in-between'. Tweening is necessary to generate the perception of seamless motion using static images.


Intermediary frames are frequently regarded as less significant than keyframes. Lead artists usually create keyframes, while in-betweens are typically assigned to subordinate artists or assistants. Tweening Characteristics

The drawings between keyframes:  known as in-between frames, are the visuals that bridge the gap between the start and finish of a seamless transition. An animated character, for example, could appear to jump from one spot to another. Each keyframe would unambiguously delineate the characteristics of the character, while the intermediate frames may exhibit distortion or elongation in order to align with the motion and direction.



Illustrating seamless movement: When a character traverses from one edge of a precipice to the opposite side, their leap and subsequent landing can be observed. Tweening animations are employed to generate the actual motion that transpires between the act of jumping and the subsequent landing. These animations facilitate seamless transitions and are highly effective in helping animators depict specific locations of action within a sequence of movements. Motion Tweening Motion tweening is a fundamental technique widely used by animators, especially in the field of interactive animations like motion graphics and games. Importantly, this application is not limited to a particular dimension, as it is useful in both 2D and 3D animation projects. The efficacy of motion tweening lies in its straightforwardness and the level of authority it grants animators over the tweening procedure. The advantage of this simplicity is that it allows animators of different skill levels to easily use it, resulting in a consistent and polished final product regardless of the animator's expertise. Furthermore, motion tweening is a noteworthy technique that is comparable to keyframes, especially when used in the realm of 3D animation. It provides a smooth method for moving between keyframes, enabling the creation of animations that are both fluid and visually captivating. In summary, the versatility and user-friendly nature of motion tweening make it an essential tool for animators working on a wide range of projects, including both 2D animations and complex 3D endeavours. The Role Of Tweening Animations


The types of tweening relies on the role. for Motion tweening, it is important to know the role of tweening animation as it is part and puzzle of motion creation. Tweening animations played a crucial role in the production of hand-drawn animations in the past, and they continue to be indispensable in the present for hand-drawn animation.

Examples of Motion Tweening:


The wildebeest stampede scene

The Lion King, released in 1994, is a film. "The Lion King" predominantly employs traditional hand-drawn animation, but it also incorporates motion tweening for specific scenes, particularly those that entail dynamic movements and backgrounds. The wildebeest stampede sequence exemplifies the seamless integration of traditional animation and motion tweeting. 




Young tarzan swinging


The film "Tarzan" was released in 1999. The film "Tarzan" by Disney utilises motion tweening to improve the smoothness of Tarzan's motions while he swings through the jungle. The combination of traditional animation and motion tweening enhances the visually dynamic sequences in the film.

The realm of modern animation

Contrary to appearances, tweening animations are not obsolete. Tweening animations remain just as essential today as they were during the inception of the animation industry.


The majority of modern animations are produced using animation software. The advent of the digital era has fundamentally transformed the practises of animators, including the utilisation of tweening animations.


Despite the prevalence of animation software, tweening animations continue to be utilised in numerous contemporary animation productions. However, animators now have the option to automate the tweening process instead of manually drawing it.


Animation tweens can be easily automated by animators using animation software tools available in Adobe Creative Cloud, such as Animate, After Effects, and Premiere. Indeed, numerous animators utilising this software are oblivious to the fact that the process is automated on their behalf.


Consequently, modern animators are able to work significantly faster as they are not required to dedicate extensive time to refining tweens.


Certain animators hold the belief that automated animation tweening is exclusively employed by individuals who lack motivation and should not be regarded as authentic animation. Conversely, some individuals perceive it as an excellent method to enhance their productivity and enhance the satisfaction of their animation clients.


Personal experience of using Motion Tweening.


Rocket Motion Tweening


Final production: Rocket Motion Tweening

The bright side Initiating the journey of crafting a motion tween animation is a pleasantly uncomplicated procedure, providing a nuanced yet empowering encounter. Based on my personal experience, I have identified three straightforward techniques that effectively introduce movement to graphic or instance elements.


To begin, I first chose rocket as my graphic with a space background. Then, I right-click on the rocket layer choose a frame and choose the option "Create Motion Tween." This method unfolds naturally, providing an easy entry point into motion animation without overwhelming complexity.


Alternatively, one can choose the graphic or instance and then select "Insert > Motion Tween" from the main menu, which provides a methodical and organised approach. This method silently directs the animation process by means of a menu-based sequence.


Finally, an optimal approach entails generating the graphic or instance and subsequently, by right-clicking directly on the instance on the Stage, selecting "Create Motion Tween." This interactive method enhances the animation process by providing a delicate influence, enabling an instant rapport with the developing movement.


Each of these methods exhibits a nuanced sense of mastery and artistic creativity. These are not merely steps; they are uncomplicated actions to me that help me effortlessly convert stationary elements into animated pleasures. Whether employing the action of right-clicking on frames or utilising menu navigation, both methods contribute to a serene sense of satisfaction in witnessing the manifestation of creativity through understated and impactful animation.

Challenges During the process of creation, I do often feel stumped upon. Though user-friendly, it's been difficult to achieve the level of detail and precision I wanted. The more laborious frame-by-frame animation method was often preferred for complex movements that required precise frame control.


Even with 2D animations, realism was difficult. Motion tweening struggled to replicate real physics and nuanced movements. It inspired me to combine motion tweening with other techniques for efficiency and artistic control next time. learning curve was gentle, but it took patience and practice to navigate, especially for animation beginners like me.


References Khan, M. A., & Sarfraz, M. (2011). Motion tweening for skeletal animation by Cardinal Spline. In Communications in computer and information science (pp. 179–188). https://doi.org/10.1007/978-3-642-25483-3_14 Motion tween animations. (n.d.). https://helpx.adobe.com/animate/using/about-motion-tween-animations.html Penner, R. (2002). Motion, tweening, and easing. ResearchGate. https://www.researchgate.net/publication/309035252_Motion_Tweening_and_Easing Zheng, X. (2021). Research on computer two-dimensional animation creation tools and processing and editing technology. Journal of Physics, 1961(1), 012055. https://doi.org/10.1088/1742-6596/1961/1/012055

Yorumlar


bottom of page