Category: Design for Animation, Narrative Structures & Film Language

Mise-en-Scène
Mise-en-scène, meaning “putting in the scene,” refers to the arrangement of everything within a frame or scene. This concept, rooted in theatre and French terminology, is central to both live-action and animated storytelling. In animation, it aligns with the principle of staging and serves to guide audience attention, establish mood, and convey narrative meaning.
Elements of Mise-en-Scène
1. Setting and Props
- Settings and props are critical in creating the world of the story.
- Filmmakers and animators can either use pre-existing assets or build custom environments for more control over aesthetics and audience response.
- These elements manipulate the viewer’s emotions and establish context.
2. Character Stylisation and Placement
- Costume, hair, and makeup signify the character’s social role, personality, and attributes. For example, a cruel character might use a cigarette as a prop to pause, build tension, and emphasize their demeanour.
- Character placement refers to the areas of the screen occupied by characters, influencing the viewer’s perception of their relationships and importance.
3. Body Language and Facial Expression
- These aspects work together to convey emotions and character intentions.
- Micro-expressions may be explored independently for deeper emotional nuance.
4. Shot Framing
- Tight framing: Characters and objects are enclosed within a confined space, often creating tension or intimacy.
- Loose framing: Allows for more open space, emphasizing freedom or isolation.
5. Blocking and Screen Density
- Blocking refers to how characters and objects move and are positioned within the frame.
- Screen density, or the amount of visual information in the frame, can evoke a sense of chaos, calmness, or focus.
6. Composition
- The arrangement of elements within the frame includes the use of horizontal, vertical, and directional lines, guiding the viewer’s eye and creating balance or tension.
7. Lighting and Colour
- Lighting and colour establish the mood, atmosphere, and focus within a scene.
- High-key lighting: Bright and evenly lit, often used for upbeat or comedic scenes.
- Low-key lighting: Characterized by deep shadows, creating a dramatic or mysterious atmosphere.
- High-contrast lighting: Emphasizes stark differences between light and dark, adding tension or intensity.
- These techniques work together to set the scene’s mood and ambience.
Breaking the Fourth Wall

Breaking the fourth wall involves characters directly addressing the audience, creating a unique connection. This can happen through close-ups where characters actively talk to the viewers, as seen in traditional cinema and shows like The Office. This technique disrupts the narrative boundary, making the audience part of the story.
Camera Shots and Angles

1. Types of Shots
- Close-up: Highlights facial expressions, conveying emotions in detail.
- Long Shot: Establishes the setting, focusing more on body movement than facial expressions.
- One-Shot: Features a single character in the frame.
- Two-Shot: Includes two characters, often highlighting relationships.
- Group Shot: Displays more than two characters.
2. Camera Angles
- High-Angle Shot: Makes subjects appear smaller, emphasizing vulnerability or weakness.
- Low-Angle Shot: Makes subjects look larger, emphasizing dominance or power.
Camera Movements
1. Pan Shot
- The camera remains fixed but moves left or right on its axis.
2. Tilt Shot
- The camera remains stationary but tilts up or down.
3. Travelling Shot (Dolly Shot)
- The camera moves forward or backwards while fixed on its axis.
4. Crane Shot
- The camera moves in multiple directions—up, down, in, or out—while mounted on a mechanical crane.
Animation and Narrative
Clear Storytelling
- The narrative must be clear to avoid ambiguity unless the animation is experimental in nature.
Key Narrative Techniques
- Staging: Ensures that the story is communicated effectively within the scene.
- Character Placement: Establishes relationships, power dynamics, and focus.
- Blocking and Movement: Guides the viewer’s eye and conveys story elements.
- Composition: Balances visual elements to create impactful frames.
- Scene Entry: Thoughtful choreography of how characters enter the scene enhances storytelling.

Abstraction and Animation
1.1 The Avant-Garde Movement and Abstraction
The Avant-Garde movement of the early 1900s rejected traditional representational art, aiming to push the boundaries of artistic expression both visually and intellectually. This led to the development of two distinct forms of abstraction:
- Formal abstraction: Focused on the visual fundamentals of art, such as shape, colour, composition, and motion.
- Conceptual abstraction: Emphasized the underlying ideas, emotions, and cultural or intellectual context of the work.
1.2 Formal Abstraction: Visual Fundamentals
Formal abstraction centers on manipulating visual fundamentals, such as colour, shape, line, motion, rhythm, space, and composition, to create a distinct visual and sensory experience. This approach prioritizes movement, aesthetics, and sound design over narrative or messaging.
Example: Kaleidoscope by Len Lye (1935)
- Len Lye’s work exemplifies formal abstraction by abandoning narrative in favor of exploring visual patterns, repetition, and transitions between forms.
1.3 Merging Formal and Conceptual Abstraction

The fusion of formal and conceptual abstraction can be seen in works like Max Hattler’s (2005), where geometric shapes, visual patterns, and cultural symbolism converge. For example:
- Hattler incorporates Islamic patterns, American quilts, and flag motifs to create abstract fields of reflection.
- Formal abstraction: Generates a visual experience through geometric shapes and cultural references.
- Conceptual abstraction: Embeds symbolic meaning tied to cultural connotations, such as American and Islamic themes, which imply a deeper narrative.
1.4 Conceptual Abstraction: Symbolism and Meaning
Conceptual abstraction focuses on ideas, thoughts, and narratives, often incorporating geometric shapes bound to real-world objects, thus adding symbolic depth.
Examples:

- Metropolis (1927):

- Filmstudie (1926) by Hans Richter:
Both films reflect conceptual abstraction through symbolic visuals and narratives that convey cultural and intellectual themes.
1.5 Visual Processing, Machine Learning, and AI Tools
The evolution of abstraction continues with the integration of modern technologies like machine learning and AI. Tools for visual processing expand the possibilities of abstract art in animation.
Example: LATENTSPACE by Charles Sainty (2024)
- Sainty’s work demonstrates how AI can process and generate abstract visuals, combining traditional abstraction techniques with cutting-edge digital technology
Avant-Garde Theories and Animation
The theory of the Avant-Garde, as proposed by Renato Poggioli in 1984, aligns with the exploration of abstract representations in animation. This era sought to convey the interaction of the senses and media’s impact on our perception of reality, often engaging with unconscious desires and surrealism.
- Len Lye, Norman McLaren, and Oskar Fischinger:
These filmmakers were heavily influenced by the avant-garde movement, exploring the unconscious and experimenting with sound and movement in animation. Much like surrealism, they focused on visual abstraction, drawing inspiration from the unconscious mind. - Plato and Kandinsky:
- Plato said, “Geometry draws the soul towards truth,” which reflects the structural precision and deliberate composition of abstract art.
- Kandinsky’s statement, “Colour is the keyboard, the eye is the hammer, and the soul is the piano,” emphasizes the emotional and sensory power of art to resonate with the viewer’s soul.
- Oskar Fischinger:
Fischinger believed that the artist’s vibrations should be expressed through material forms, and this is clearly evident in his work, where visual rhythm and movement sync with the sound to create a unique sensory experience.
The Relationship Between Sound and Image in Avant-Garde Film
Avant-garde filmmakers often used cutting techniques driven by sound, creating a more immersive experience for the audience. The combination of sound and image in animation allows for a heightened emotional response, providing a unique experience that is challenging yet engaging.
Synaesthesia and Its Role in Film
Synaesthesia, a neurological condition where stimulation of one sense causes an involuntary reaction in another (such as tasting shapes or seeing colors), parallels the experience of avant-garde films. The blending of sound and visual elements in animation and experimental film can evoke a synesthetic experience, connecting senses in a way that challenges conventional perception.
The Structure for Writing an Avant-Garde Film Review
When writing about avant-garde films, it’s important to consider:
- Production Circumstances:
Many avant-garde films were created by individual artists or small, independent groups with limited funds or art grants. These films often use alternative animation techniques and are exhibited in non-traditional spaces. - Conceptual Basis:
Avant-garde films are conceptually driven, often intellectually challenging the audience to rethink the boundaries of storytelling and perception.
Art Fundamentals: Animation History and Cinematography
Animation has evolved tremendously over the years, with technological advancements playing a pivotal role in shaping its techniques and impact. Understanding the historical development of animation, alongside the role of cinematography and technology, allows us to appreciate the innovative progress the medium has undergone. Here’s a look at the key developments starting from the early 1900s, highlighting the technological and artistic shifts that influenced animation.
History of Animation
Early 1900s: The Dawn of Animation
- The Birth of Animated Film:
The early 1900s marked the emergence of animation as an art form. Techniques like stop-motion and traditional hand-drawn animation were explored in films like Gertie the Dinosaur (1914) - Technological Limitations:
Early animation was labor-intensive, often hand-drawing each frame and photographing it on film.
1920s–1930s: The Rise of Hollywood and the Golden Age of Animation
- Technological Innovation:
The introduction of the cel animation process in the 1920s revolutionized animation. Disney’s Steamboat Willie (1928) - Technological Influence on Artistry:
As sound became an integral part of animation, it created new opportunities for storytelling. Cartoons like The Jazz Singer (1927) and Mickey Mouse. - The Introduction of Technicolor:
Another game-changing technological advancement was the introduction of Technicolor in the 1930s, first used in Snow White and the Seven Dwarfs (1937).
1940s–1960s: The Expansion of Animation Techniques
- Post-War Innovation:
The development of Xerox machines in the 1950s allowed animators to reproduce animation drawings directly onto cels, reducing costs and speeding up production. - Television and the Rise of TV Animation:
The rise of television in the 1950s led to an increase in animated content for the small screen, including shows like The Flintstones (1960). - Stop-Motion and Puppetry:
Stop-motion animation began to gain recognition as an artistic technique in the 1960s
1970s–1990s: The Digital Revolution and the Emergence of CGI
- Digital Animation:
The 1970s saw the dawn of computer-generated imagery (CGI), which began to change animation from traditional techniques to digital. - The Emergence of Pixar:
In the late 1980s and 1990s, Pixar became a dominant force in animation,. Toy Story (1995)
2000s–Present: The Integration of New Technologies
- 3D Animation and Motion Capture:
The 2000s saw the rise of 3D animation, and studios such as DreamWorks and Blue Sky Studios adopted CGI for feature films like Shrek (2001) and Ice Age (2002). The Polar Express (2004). - Virtual Reality and Augmented Reality:
- The Fusion of Live-Action and Animation:
Avatar (2009) and The Jungle Book (2016)
26.09.24
Class has been cancelled on the day.