ANIMATION

Animation Storyboarding Explained.

The storyboard has shaped animation and cinema since the early days of Disney. Here's how to create your own, and how technology can help streamline the process.

Explore Adobe Firefly

Close-up of hands colouring a character illustration with a yellow pencil, surrounded by coloured pencils and a keyboard on a desk

What is an animation storyboard?

Hand sketching robot character designs in pencil, surrounded by multiple concept drawings on paper

Who creates animation storyboards?

Short history of animation storyboards.

Animators and filmmakers have been using storyboards since the early days of Hollywood. Walt Disney Studios played an important role in developing and popularising storyboarding for animation during the 1930s.

It's said that for Walt Disney himself, story development was a crucial part of animated filmmaking, a sentiment which standardised the use of storyboards across the medium. According to legend, the first person to draw scenes on paper and assemble them next to each other, reportedly on a pin board, was Disney animator Webb Smith. But it took until 1933's Three Little Pigs, a short animation by Disney, for the first use of a complete storyboard.

That may be 90 years ago, but Disney still uses storyboards today to help 'bring the director's vision to life.'

Why do animators use storyboards?

What are animatic storyboards?

Animation storyboard examples.

One useful way to learn more about storyboarding is to look at animation storyboard examples, especially those that show the storyboard and the finished animation side by side. Here are some of our favourites.

Luca and Alberto eat with Guilia and Massimo — Pixar Side-By-Side.

This charming Pixar animation tells the story of Guilia having friends home for dinner. In this side-by-side video you can see the storyboard running above the final animation. Comparing the two can help illustrate the level of detail used at the storyboard stage.

video thumbnail: Luca and Alberto eat with Guilia and Massimo — Pixar side-by-side video

UP 'Married Life' — Pixar Side-By-Side.

Here, in the famous (and heart-breaking) 'Married Life' section of Pixar animation UP, we can see the original storyboard laid over the top of the finished animation. There's plenty of action in this scene, and it's useful to see how the storyboard handles motion.

video thumbnail: UP 'Married Life' — Pixar side-by-side video

Frozen 2, Into the Unknown.

Similarly, here we can see the storyboard for the iconic scene featuring the Academy Award-nominated song, Into the Unknown. The storyboard shows detail for the use of shading.

video thumbnail: Frozen 2, Into the Unknown — storyboard vs final animation video

Frozen 2, Into the Unknown.

Similarly, here we can see the storyboard for the iconic scene featuring the Academy Award-nominated song, Into the Unknown. The storyboard shows detail for the use of shading.

video thumbnail: Sony Pictures storyboard artist Patrick Harpin — artist profile video

How to storyboard an animation.

Bring Animation Storyboarding to Life with AI.

Adobe Firefly's generative AI tools give animators another way to move from script to storyboard, without drawing every panel by hand.

Generate a storyboard from a script or prompt.

The Firefly AI storyboard generator turns text prompts, a script or synopsis, or reference images into polished, frame-ready storyboard panels in minutes — no drawing experience required.

AI-generated image of three astronauts walking across a red Martian landscape, created with Adobe Firefly's AI storyboard generator from a text prompt
AI-generated image of a glowing igloo under a starry Milky Way sky in a surreal snowy landscape, created with Adobe Firefly's AI storyboard generator

Turn a scene description into a panel.

Use Firefly's Scene to Image to generate a visual from a line of your synopsis or script, so you can see how a shot looks before committing it to the board.

Develop a consistent visual direction.

Build out a Firefly mood board alongside your storyboard to lock in character design, lighting and tone before you start sketching panels, so every scene feels part of the same story.

Mood board of AI-generated desert dune scenes at sunset featuring a robed figure, created with Adobe Firefly
AI-generated image of a quad bike kicking up sand on a desert dune, shown with a Firefly comment suggesting darker lighting

Bring it into your existing workflow.

Once your storyboard is ready, export it and carry on refining and building out your production in Storyboard Pro, Photoshop or Adobe Express, just as you would with a traditionally drawn board.

Get started with Animation Storyboarding.

  1. Open the Firefly web app. Head to firefly.adobe.com and sign in with your Adobe ID (or create one for free) to access the AI painting generator.
  2. Start with your input. Describe your scene in a text prompt, paste in a line from your script or synopsis, or upload a reference image to guide the composition.
  3. Choose your style and settings. Pick a visual style and panel layout, then adjust framing, lighting and composition options to match your production's tone.
  4. Generate and refine. Generate your first version, then adjust the prompt or regenerate individual panels to get closer to what you had in mind.
  5. Export and bring it into your workflow. Export the result and bring it into your pre-production deck, or into Storyboard Pro, Photoshop or Adobe Express to keep refining it.

You May Also Like

Storyboarding: A Complete Guide

Generate storyboard frames in seconds and speed up your pre-production process.

Animation: A Complete Guide

Discover how AI animation generators work, and what they mean for animators.

Computer Animation: A Complete Guide

Explore how computer animation works, from CGI techniques to the software behind it.

Flipbook Animation: A Complete Guide

Discover the simplest form of animation, and how it still shapes the craft today.