2D Animation Fundamentals Best Practices

01Purpose and scope

2D animation creates motion from drawings on a flat plane. It uses shapes, characters, backgrounds and timing to show action, emotion and information. Common outputs include explainer videos, educational clips, social content, short films and game cutscenes. It supports the 2D Animation Fundamentals course.
The work moves through a sequence: writing the brief, building a storyboard, drawing key poses, filling in the motion, cleaning up line work, adding color, compositing and exporting. Each stage depends on the one before it, so errors that start early grow costly later.
This manual describes practices that keep the work readable, on schedule and consistent from the first sketch to the final export. Studio size, tools and client requirements change the details. The principles stay the same.

02Core principles

Motion should serve a purpose. Every movement should help the viewer understand the message, the character or the next step. Movement without purpose adds cost and distracts from the content.
Timing carries emotion. The number of drawings, the spacing between them and the holds decide whether a motion feels light, heavy, quick or calm. Set the timing before detailed drawing starts.
Readability comes first. Clear silhouettes, strong contrast and clear poses let the viewer follow the action at a small screen size and with the sound off.
Consistency protects the work. Character proportions, line weight, color palette and file naming should be fixed in reference sheets and followed by every artist on the team.
Classic principles add life when used with restraint. Anticipation, squash and stretch, follow-through and secondary action can make motion appealing. Heavy use suits cartoons; light use suits explainers and corporate content.
Respect the audience. Avoid rapid flashing, make text readable, and add captions. Motion that is comfortable for most viewers can still cause discomfort for some people, so keep sudden movement and high-contrast flashing to a minimum.

03Planning and preparation

A creative brief names the audience, the message, the length, the delivery platform, the style references, the language and the person who approves the work. Written approval of the brief prevents most later rework.
The script or narration comes next. Read it aloud at the pace of the narrator and estimate the time for each line. If a recorded voice track exists, measure the timing from that recording, because spoken pace varies by speaker and language.
The storyboard breaks the script into shots. Each frame gets a number, a short description of the action, the camera framing, a duration and any dialogue or on-screen text. Keep the drawings simple. The storyboard communicates intent, not finish.
The animatic is a rough cut made from the storyboard frames in sequence, with timing and temporary audio. It checks pacing before any final drawing begins. Changes made at this stage cost little, which is the main reason to build one.
Build an asset list covering characters, props, backgrounds, icons, fonts, music and sound effects. For each asset, record the owner, the license and the status. Unlicensed assets are a common cause of late removal and legal risk.
Style frames and model sheets define the look. A model sheet shows a character from several angles and in key expressions. Approve one style frame and one model sheet per character before producing the remaining shots.
Plan the schedule from the shot count and the number of drawings per shot. Add dates for review rounds and a buffer for revisions. Plan at least one full review round and one correction round before final export.

04Recommended workflow

Step 1: Confirm and freeze the brief. Get written approval from the named owner. Any later change to the message, length or audience goes through a change request with its effect on schedule and cost.
Step 2: Write the script and time the narration. Mark the key words or actions that the animation must match. Record the approved version number with the script file.
Step 3: Storyboard and build the animatic. Review the animatic with the approver, checking story order, pacing and the length against the brief. Record approval before moving on.
Step 4: Prepare layouts, backgrounds and character setup. Layouts set the camera position, framing and staging for each shot. Backgrounds should match the style frame. Character setup uses the approved model sheet.
Step 5: Draw key poses. Key poses are the main drawings that define each action. Check each key pose for story clarity and silhouette before drawing in-betweens. A pose that cannot be read as a silhouette will not read in motion either.
Step 6: Add breakdowns and in-betweens. Breakdowns are drawings that set the path of motion between key poses. In-betweens fill the gaps. Choose a drawing rate that fits the style and the budget. Many productions use a set number of drawings per second, and holds are used where motion is slow. Keep spacing consistent within each action.
Step 7: Clean up and color. Clean-up redraws rough animation as finished line work with consistent line weight. Color and shading follow the palette in the style guide. Check that the same character has the same colors in every shot.
Step 8: Composite and add effects. Compositing combines layers, backgrounds, camera moves, text, captions and effects. Keep layers named and grouped. Sync the mouth movement and key actions with the approved audio. Add sound effects and music at the approved levels.
Step 9: Export and archive. Export the approved version at the delivery size, frame rate and codec the platform requires. Save the project file, the exported video, the captions, the license records and the approval notes under one version number.
Each step ends with a checkpoint. A checkpoint has three parts: the reviewer's name, the date and the version number approved. Do not begin the next step until the checkpoint is recorded. This keeps errors from spreading to later stages.

05Quality checks, accessibility and ethics

Check readability at phone size and with the sound off. Text and captions should stay on screen long enough to read at a normal reading speed. Check each shot at the smallest size the platform will show.
Check timing against the script. Play the full cut with the final audio and confirm that actions line up with the words. Mouth shapes, sound effects and on-screen text should match within the tolerance the brief allows.
Check color contrast for text and key shapes. Many organizations follow the contrast ratios in the Web Content Accessibility Guidelines as a reference. Confirm the standard that applies to your project.
Do not use color alone to show meaning. Add labels, shape or position so that a viewer with color vision differences can follow the information.
Check flashing against the limit in WCAG 2.3.1, which allows no more than three flashes in any one-second period. Remove or soften any sequence that exceeds it.
Provide captions for all spoken and important audio. Where the video carries information, also provide a text transcript. Check caption timing against the final audio.
Confirm that every music track, font, voice, stock image and sound effect is licensed for the intended use and platform. Keep the license file with the project. Ask a qualified legal adviser when a license is unclear.
Check representation. Characters should avoid stereotypes. Ask reviewers from the target audience to check cultural details, names, clothing and language. Correct any element that is inaccurate or offensive.
If the animation uses learner or customer data, follow the privacy law that applies to the audience. Do not place personal data in the video or its captions.
If the audience includes children, follow the rules on advertising and content for children in the target country. Check these rules with a qualified adviser before publication.
These checks are general practice. They do not replace legal advice, platform policies or the requirements of a client's brand and compliance team.

06Collaboration and feedback

A typical team includes a director or lead, a writer, a storyboard artist, layout and background artists, character animators, clean-up artists, a colorist, a compositor, a sound editor and a reviewer. In a small team, one person may hold several roles. Record who holds each role.
Each handoff uses a checklist. The sender lists what is ready, what is not, and the version number. The receiver confirms the files open, the version is correct and the checklist is complete before starting work. Missing files are the most common cause of lost time.
Hold a short weekly review. Send written feedback in advance. Each note should name the shot, describe the problem and state the desired result. Avoid notes such as make it better, which give no clear direction.
Keep a feedback log. For each note, record the owner, the decision, the date and the shot it affects. A note that is accepted, rejected or deferred should have a recorded reason. The log prevents the same question from returning in later rounds.
Limit the number of revision rounds in the brief. When more rounds are needed, record the extra cost and time and agree them with the approver before starting.

07Measures and continuous improvement

Measure the work to learn where time goes. Useful measures include revision rounds per shot, days from approved storyboard to approved animatic, hours of animation work per finished second, and the number of defects found at review compared with defects found after delivery.
Set a baseline before setting targets. Record the first three to five projects, then decide what to improve. Targets set without a baseline are guesses.
After delivery, record the platform's viewing data where it is available, such as completion rate or watch time. Treat this data as one signal. Use learner or viewer feedback to check whether the message was clear.
Review the measures after each project. Write down one change to try next time, such as a longer animatic stage or a stricter style guide, and check its effect on the next project.

08Common mistakes and how to prevent them

Drawing before the animatic is approved. This causes rework when the timing or the story changes. Approve the animatic first.
Working without a model sheet. Characters drift in proportion and color across shots. Approve a model sheet and check each shot against it.
Changing timing late. Small timing changes can ripple through many shots. Freeze the animatic and handle late changes through a change request.
Using unlicensed assets. A single unlicensed track or font can force a full re-edit. Record every asset and its license at the time it is added.
Skipping the silhouette check. Poses that are unclear as silhouettes read poorly in motion. Check key poses in solid black before adding detail.
Overusing effects. Heavy effects hide weak animation and slow review. Use effects only where they support the message.
Losing file versions. Mixed versions lead to wrong shots in the final cut. Use one naming convention and one shared folder.

09Practical checklist

Brief approved in writing, with the approver named
Script timed against the recorded narration, where one exists
Storyboard and animatic approved
Style frame and model sheets approved
Asset list complete, with licenses recorded
Key poses checked as silhouettes
Timing checked with the final audio
Phone-size and sound-off review passed
Captions and transcript added and timed
Flashing and color contrast checked
Feedback log closed, with decisions recorded
Final files archived under one version number

★Learning sources

Micro Degree: 2D Animation Fundamentals
Micro Degree: 3D Animation Techniques
Micro Degree: 3D Modeling, Texturing and Visualization
Micro Degree: Illustration Fundamentals

?Frequently asked questions

What should a 2D animation brief include?

The audience, the message, the length, the delivery platform, the style references, the language and the approver. A brief should be approved in writing before drawing starts.

Why plan timing before drawing?

Timing controls how motion reads and feels. Changing timing after detailed drawing is slow and costly, so the animatic is approved first.

How do I make 2D animation accessible?

Provide captions and a transcript where needed, use readable text and contrast, avoid relying on color alone, and keep flashing within the WCAG 2.3.1 limit.