Animation: HSC Industrial Technology Multimedia Technologies
“Describe the principles and techniques of animation for multimedia, including frame-by-frame, tweening, keyframes, 2D and 3D animation, frame rate and file considerations, and its use in products”
Animation creates the illusion of movement by showing a rapid sequence of slightly different images. Frame-by-frame animation draws every frame by hand for full control; tweening lets the software generate the in-between frames between keyframes for efficiency. Animation can be 2D, working with flat images, or 3D, animating models in space. Frame rate sets how smooth the motion looks, and animation is kept purposeful and efficient so it serves the product without bloating it.
Jump to a section
What this dot point is asking
Animation creates the illusion of movement from a sequence of images, and it is a distinctive media element of the Multimedia Technologies focus area. NESA expects you to describe the principles and techniques of animation, from frame-by-frame and tweened animation to 2D and 3D approaches, and the technical factors of frame rate and file size. This knowledge shapes any animation in your Major Project and is examined in the written paper.
How animation works
Animation relies on a quirk of human perception: when we see a rapid sequence of still images, each slightly different from the last, our eyes blend them into smooth motion. The faster and more numerous the images, the smoother the movement. Every animation technique is a different way of producing that sequence of frames, from drawing each one to letting a computer generate them.
Frame-by-frame animation
In frame-by-frame animation, each frame is drawn or created individually, just as traditional hand-drawn cartoons were made cel by cel. It gives the animator complete control over every detail of the movement, allowing rich, expressive results, but it is slow and labour-intensive because every frame must be made by hand. It suits short, detailed sequences where control matters more than speed.
Tweening and keyframes
Tweening (in-betweening) makes animation far more efficient. The animator sets keyframes, the important frames that define the start and end of a movement, and the software automatically generates the in-between frames that interpolate between them. To move an object across the screen, you set its start and end positions as keyframes and the software fills in the motion. Tweening handles position, size, rotation, colour and more, so a few keyframes produce smooth motion with far less work than drawing every frame. It is the workhorse technique of most multimedia animation.
2D and 3D animation
Animation comes in two broad forms:
- 2D animation works with flat images, drawings and shapes, animated in a plane. It covers traditional cartoon styles, motion graphics and animated interface elements.
- 3D animation builds models in three-dimensional space and animates them, with the software calculating how light, perspective and movement appear from a chosen camera. It produces the realistic depth seen in modern films, games and product visualisations, but it demands more skill and computing power.
Choosing 2D or 3D depends on the look required, the time available and the skills and tools at hand.
Frame rate and file considerations
Frame rate, the number of frames shown per second, decides how smooth the animation looks: too few frames make motion jerky, while more frames give smoother movement at the cost of more work and larger files. As with all digital media, there is a balance between quality and file size, and animation must be optimised so it plays smoothly and loads quickly in the finished product.
Using animation in multimedia
Animation is most effective when it has a purpose: explaining a process, guiding attention, providing feedback on an interface, or adding personality. Gratuitous animation distracts and slows a product, so animation is used deliberately and kept efficient. In your folio, justify why and where you used animation, the technique you chose, and how you balanced smoothness against file size to serve the brief.
Tweening is what makes animation efficient: the animator sets only the keyframes that define the start and end of a movement, and the software generates all the in-between frames. This produces smooth motion from a handful of frames instead of drawing every frame by hand.
- Confusing frame-by-frame and tweening
- Frame-by-frame draws every frame by hand; tweening generates the in-betweens from keyframes. They differ greatly in effort.
- Choosing 3D when 2D suffices
- 3D animation is far more demanding; use it only when its depth and realism are needed.
- Jerky frame rate
- Too low a frame rate makes motion stutter; use enough frames for smooth movement.
- Animation for its own sake
- Decorative, purposeless animation distracts and bloats a product; animate with a clear purpose.
Exam-style questions
Questions in the style of NESA exam questions on this dot point, each with a worked answer. They are written by ExamExplained unless tagged "Past paper"; the year shows the paper a question is modelled on.
2021 HSC-style1 markWhich technique can be used to digitally capture patterns of movement in order to animate a 3D character in a computer game? A. Stop motion B. Screen capture C. Motion capture D. Motion graphicsShow worked answer →
The correct answer is C: motion capture.
Motion capture (mocap) records the real movement of a performer, usually using markers or sensors tracked by cameras, and maps that movement data onto a 3D character rig. This produces lifelike, natural motion for game and film characters, which is exactly what the question describes.
Stop motion (A) animates physical models frame by frame, screen capture (B) records what is shown on a screen, and motion graphics (D) is animated graphic design such as titles. None of these captures a performer's movement for a 3D character, so C is correct.
2021 HSC-style1 markIn what type of animation is tweening used? A. Cel based B. Still based C. Path based D. Stop basedShow worked answer →
The correct answer is C: path based.
Tweening (in-betweening) means the software automatically generates the frames between two keyframes. In path-based animation an object is set at a start keyframe and an end keyframe along a motion path, and the application tweens the positions in between, so tweening is the defining feature of path-based animation.
Cel-based animation (A) traditionally draws each frame by hand, and "still based" and "stop based" (B, D) are not techniques that rely on automatic tweening. So C is correct.