Digital Journalism  ·  Level 6
Multimedia Graphic Design
Chapter 5: Design 2D and 3D animation project
📚 8 Topics

5.1 Meaning of terms

Animation work has its own vocabulary, and a multimedia designer must use it correctly when planning a project, briefing an animator or following a software tutorial. The terms below are used throughout this chapter for both 2D and 3D animation.

Example: when an editor asks for "a 15-second 2D explainer at 25 fps with eased transitions between three keyframed charts", every word in the request is one of the terms defined here.

Animation

Animation is the technique of creating the illusion of movement by showing a sequence of still images (frames) in quick succession, each slightly different from the one before. In journalism it is used for explainers, animated charts and maps, and animated titles.

Frame

A frame is a single still image in an animation or video. Motion is built from many frames played one after another.

Frame rate

Frame rate is the number of frames shown each second, measured in frames per second (fps). Animation for broadcast in Kenya is usually made at 25 fps, while 24 fps is common for a film look and 30 or 60 fps for some online platforms.

Keyframe

A keyframe is a frame where the animator sets an important position, size, colour or other value. The software works out the frames between two keyframes automatically.

Tweening (in-betweening)

Tweening is the creation of the in-between frames that move an object smoothly from one keyframe to the next. In traditional animation this was drawn by hand; in software it is calculated.

Easing

Easing controls how fast a movement starts and ends. An ease-in starts slowly and speeds up, an ease-out slows down at the end; easing makes movement look natural instead of mechanical.

Timeline

The timeline is the part of an animation program that shows frames or time from left to right, with layers stacked above one another, where keyframes are placed and edited.

Layer

A layer is a separate level of content (background, character, text, chart) that can be animated on its own without affecting the others.

2D animation

2D animation is movement created on a flat surface with only width and height, using drawings, vector shapes or images. Animated charts, maps and cartoon explainers are 2D.

3D animation

3D animation is movement of objects built in a three-dimensional space with width, height and depth, viewed through a virtual camera. A rotating model of a building or a reconstructed road junction is 3D.

Motion graphics

Motion graphics are animated graphic design elements such as text, logos, icons, shapes and data, rather than characters telling a story. News titles, lower thirds and animated statistics are motion graphics.

Modelling

Modelling is building the shape of a 3D object as a mesh made of vertices, edges and faces.

Rigging

Rigging is fitting a model or character with a skeleton of bones and controls so it can be posed and moved.

Texturing

Texturing is applying surface images and materials to a 3D model so it looks like wood, metal, skin or fabric.

Rendering

Rendering is the process in which the computer calculates and outputs the final images or video from an animation project, including lighting, shadows and effects.

Onion skinning

Onion skinning shows faint copies of the previous and next frames while drawing the current one, helping the animator keep movement smooth.

Storyboard

A storyboard is a sequence of sketches with notes that plans each scene of an animation before production starts.

The rest of this chapter
🔒

Create a free account to open more of this chapter.

Free: practical guides, quick cards, workplace scenarios and more.

Create a free account
🔒5.2 Introduction to animation

Animation works because of the way the eye and brain read images. When still pictures that differ slightly are shown fast enough, the viewer sees continuous movement instead of separate pictures. From hand-drawn cartoons to computer-generated explainers, every…

🔒5.3 Importance of animation in multimedia graphics

Animation adds movement and sequence to graphics, so the audience can follow change over time, cause and effect, and steps of a process. In a multimedia news product it turns a static chart or diagram into something the viewer can watch unfold, which helps und…

🔒5.4 Functions of animation in multimedia graphics design

The functions of animation are the specific jobs it does inside a multimedia design. Each animated element should have one clear job: to explain, to direct attention, to give feedback to a user, to move between sections, or to identify the brand. A designer wh…

🔒5.5 Types of animation tools

Animation tools are the software and hardware used to draw, build, move and render animated content. Some tools are made for 2D work, some for 3D, and some for motion graphics that combine text, shapes and video. A multimedia designer in a newsroom chooses too…

🔒5.6 Designing 2D animations

Designing a 2D animation means planning, drawing and moving flat visual elements (shapes, characters, text, charts and maps) to communicate a message. In a newsroom most 2D animation is motion graphics and explainers: an animated chart for a budget story, a ma…

🔒5.7 Designing 3D animations

Designing a 3D animation means building objects in a virtual three-dimensional space, giving them surfaces and light, moving them or a virtual camera through time, and rendering the result into video frames. In journalism 3D animation is used for reconstructio…

🔒5.8 Integrating animation in multimedia project

Integrating animation means placing finished 2D or 3D animation into a multimedia product so that it works smoothly with the video, audio, text and still graphics around it. The animation may be cut into a video package, embedded in a web story, played on a so…