The Importance of Animation Backgrounds : More Than Just Scenery

Backgrounds in 2d animation - Sequence, Scene, Racor : tips on background art from ANIMaD - image shows hand drawn background of jungle (ecoline)

Animation Backgrounds: Sequence, Scene and Racor

As I mentioned in a previous post, animation backgrounds play a crucial role in storytelling. They are more than just scenery: BGs are the visual backbone of storytelling. They provide both explicit and subtle information about the where (setting, place), when (time), and how (atmosphere) the action is set up. Backgrounds also play a vital role in the aesthetic design of the animated project, as they guide the viewer’s emotions, support the narrative, and ensure visual coherence.

To fully understand their importance, we’ll explore the concepts of Sequence, Scene, and Racor, while highlighting the role of storyboards in bringing these elements to life. Although these examples focus on 2D animation backgrounds, the principles outlined here apply broadly to all visual storytelling projects, including 3D backgrounds, video game environments, and concept art.

Sequences and Scenes

A story is built upon sequences, which form the skeleton of the narrative. Each sequence consists of interconnected scenes—the building blocks of the story arc. Within each scene, various types of backgrounds—such as panoramic views, close-ups etc—are used to reflect the mood, inform the setting, and depict the time.

Let’s take a look at an example, to understand how sequences, scenes and backgrounds work together.

Example :

Sequence 1 : preparing for the trip

Scene 1 : Our hero wakes up excited, smiles, and hops out of bed, heading to the kitchen to prepare coffee.
Backgrounds : Bedroom, Kitchen.

Scene 2 : The hero gathers camping gear but realizes the tent is missing, prompting a visit to a store.
Backgrounds: Town, Store.

Scene 3 : He loads the gear into the car and greets a neighbor.
Backgrounds: Garage, Neighbor’s house, Car.

Scene 4: Finally, he gets into the car and drives off, ready for the adventure.
Background: car leaving home, car exiting town

Sequence 2 : the road trip

Scene 1 : Driving along the highway
Backgrounds : highway

Scene 2 : Stopping at a gas station
Backgrounds : gas station

Sequence 3 : at the forest

And so on!

In this example, I have introduced a small number of scenes within the sequence and BGs to each scene. According to the script, there may be more or fewer scenes in a sequence, and more or fewer backgrounds describing each scene. It actually depends on the rhythm and direction of the movie that determine what should be included and what should be dismissed to serve the artistic vision—that is, the direction of the animated project.

Storyboard: The Blueprint for Animation Backgrounds

As seen in the example above, sequences describe chunks of action (Sequence 1: Preparing for the Trip), while scenes capture single events (Scene 2: Visit to a Store) and backgrounds break down the scenes into specific images (e.g., panoramic BG of store, close-up BG of tent’s corridor, cashier’s background etc.).

But how do animators bring these visual elements together? This is where the storyboard, the foundation of visual storytelling, becomes essential.

What Is a Storyboard?

A storyboard converts the script into rough sketches, serving as the director’s tool for visual storytelling. It outlines what the “camera” should capture, whether it’s a close-up of the hero, a wide panoramic shot, or a dynamic pan. In essence, storyboarding is directing—it’s the first step toward designing the visuals for animation.

From Storyboard to Backgrounds

Once the storyboard is complete, it’s time to design the background layouts. Here are some questions that will pop up while designing the layouts:

  • Stylization: How will the backgrounds look in terms of artistic design? Will they be minimalistic, realistic, plain, detailed, or stylized like Eyvind Earle’s iconic work?
  • Composition: What elements need to be included to serve the story?
  • Perspective: what combination of close-ups, panoramic views, or dynamic angles must be used to guide the viewer’s eye and make the background an interesting part of the story?

Designing background layouts and coloring is where artistic creativity truly shines, merging aesthetics with storytelling. Let’s dive into the background layout process, and introduce the concept of racor.

Storyboard Jungle for a TV Ad - Rough sketch by ANIMaD

Storyboard for an animated TV ad : convert script to image

Background Layout : rough line art (pencil) based on the storyboard

Background layout Jungle for a TV Ad - Sketch by ANIMaD
Final Background Jungle for a TV Ad - Ecoline and Gouache by ANIMaD

Final background : the background layout colored – Gouache & Ecoline by ANIMaD

Racor: Ensuring Continuity in Animation Backgrounds

Racor refers to continuity and ensures visual consistency across scenes and sequences. For backgrounds, this means maintaining harmony in:

  • Design and details : Objects must remain consistent (e.g., the hero’s coffee cup doesn’t magically disappear).
  • Lighting: Shadows and highlights must follow the key background and remain consistent.
  • Colors: Colors should remain consistent and follow the key background color too. Color changes between scenes and sequences add to the story, because color is a powerful tool to create emotions. Used wisely, the result can be amazing. Usually each sequence has a specific color palette and the transition to the next sequence can be introduced with a different/contrasting color combination.
Key Animation Background - Gouache and Ecoline - for an Educational project - by Animad

SQ1 – SC01 – BG01 –> This is the Key Background for the First Scene (SC01). It was created for an animated educational project, with Gouache & Ecoline by ANIMaD. It sets the tone for the scene.

SQ1 – SC 01 – BG02 : This is the second background of the first scene. Notice how maintaining racor adds to consistency.

Sq1- Sc1- Bg02 Animation Background - Gouache and Ecoline - for an Educational project - by Animad
Animation Backgrounds 03 - Racor. For an animated educational project, made with ecoline and Gouache _ANIMaD

SQ1 – SC 01 – BG03 : this is the 3rd background of the first scene, a close up of BG02 (entrance door), in a different perspective.

Key Backgrounds

Maintaining racor prevents visual distractions that might pull the viewer out of the story noticing errors rather than engaging with the narrative. We have all seen movies where inconsistencies happen : action is taking place during night, be we suddenly see a day-time exterior that confuses us. This is a mistake that can be easily prevented!
Creating a key background for each scene helps establish consistency. Think of a key background as the equivalent of key animation in character movement—it serves as the template for subsequent designs.


Cheers,
Ersi

Interested in learning more about background art for 2d animation?
Check out our other posts : Tips on Background Art in 2D Animation !

What are your thoughts on the background art ? Share your comments below!

#2danimationbackgrounds #animad #backgroundart #tips #desing #visualstorytelling

ANIMaD logo, with colorful text. Illustration, Animation, Educational and Fun Printables for Kids

If you enjoyed this post, spread the word! 🌟
Share this with post to:

Leave a Reply

Your email address will not be published. Required fields are marked *


error: Content is protected !!