Storyboarding Tools — Scratch L4

Where we are now: four animation skills banked ✔. Today we plan the whole short on paper — 6 panels, 4 columns each — so tomorrow's build session has zero staring at a blank Stage.

Learning Goals 3 min

By the end of this lesson you will be able to:

Fill in a 6-panel storyboard for a 60-second story: one panel per 10-second beat, with a sketch, sprite positions, dialogue, action, and sound notes.
Translate each storyboard panel into a Scratch shopping list: which backdrop, which sprites, which costumes, which sounds, which broadcast triggers the beat.
Spot the two storyboarding mistakes that always wreck a Scratch animation — too many beats and no beat-transitions planned — and fix them before opening the editor.

Warm-Up — the project that opened Scratch too early 7 min

Three weeks ago, you started cluster E with cutout animation, then lip-sync, then camera pans, then sound effects. Four animation techniques. Next lesson — SCR-L04-30 — you'll combine all of them into a 60-second short.

Here's how that goes if you skip today's lesson:

You open Scratch full of ideas.
You spend 30 minutes drawing one cool sprite.
You spend 20 minutes making it talk perfectly.
You realise you have no idea what happens next.
You stare at the screen.
You give up and the project never finishes.

This pattern is so universal it has a name in the film industry: premature production. You start making before you know what you're making.

Predict puzzle. A classmate, Faizal, decides to animate "the time my brother and I got lost at KL Sentral". He opens Scratch immediately. After two hours he sends you this script for his Brother sprite:


when flag clicked
say [Where are we?] for (2) seconds
say [I think we're lost.] for (2) seconds
say [Let's ask someone.] for (2) seconds
say [There's a guard over there.] for (2) seconds

Faizal's first script. Four lines of dialogue. He's stuck on what to do after this.

What's wrong — not with the code, but with the process that produced it?

Reveal the answer

Faizal jumped to dialogue because he had a vague feeling about "the brothers talking" — but he didn't decide where they were standing in the frame, what the backdrop showed, what sounds played, how long each beat should run, or what happens after the last line. He has 8 seconds of one sprite saying things and zero plan for the remaining 52 seconds.

Today's lesson is the page of paper that prevents this. Five minutes of storyboarding saves two hours of staring at a blank Stage.

New Concept — the 6-panel storyboard 15 min

A storyboard is a sequence of small sketches — one per beat — that shows what the audience sees and hears at each moment. Every animated film, every cartoon, every TV ad starts as a storyboard. Pixar storyboards their movies for years before any 3D model is built.

Why six panels for 60 seconds

The maths is simple: 60 seconds divided by 6 panels = 10 seconds per panel. Ten seconds is a beat — long enough for one short interaction, short enough that the audience doesn't lose attention.

Could you do 4 panels of 15 seconds each? Yes — but each panel becomes harder to fit on one drawing. Could you do 12 panels of 5 seconds each? Yes — but you triple your planning workload for a 60-second short. Six is the right size for class projects.

What goes in each panel

The 6-panel storyboard template (one A4 sheet, 2 rows × 3 columns) has six numbered boxes. Each box has four parts:

Sketch — a rough drawing of what's on screen. Stick figures are fine. Show sprite positions, who's facing where, and what the backdrop is.
Action (one line) — what physically happens. "Customer walks in from the left."
Dialogue (one or two lines) — who says what, or "(silence)".
Sound (one line) — what the audience hears beyond dialogue. "Footsteps + ambient chatter."

You can also note the backdrop ("interior cafe — night") and any camera moves from L04-27 ("pan right at second 7").

A worked sample storyboard — "The Durian Contest"


//  PANEL 1 (0-10s)           PANEL 2 (10-20s)         PANEL 3 (20-30s)
//  Backdrop: night market     Backdrop: same           Backdrop: same
//  Action: Ali approaches      Action: Ali sits, Ben    Action: Both eat
//          stall, Ben waves            shows huge durian        durian, faces grimace
//  Dialogue: "Ben, I'm        Dialogue: "First one     Dialogue: "(silence,
//             ready!"                    to finish wins."        chewing noises)"
//  Sound: market chatter      Sound: knife chop,       Sound: chewing,
//                                     gasp                       cheering bg
//
//  PANEL 4 (30-40s)           PANEL 5 (40-50s)         PANEL 6 (50-60s)
//  Backdrop: same             Backdrop: same           Backdrop: night sky
//  Action: Ali finishes        Action: Crowd cheers,    Action: Credits scroll
//          first, raises hands         Ben slumps                up over stars
//  Dialogue: "Done lah!"      Dialogue: "Aiya..."      Dialogue: (none)
//  Sound: cheer              Sound: laughter +        Sound: gentle music
//                                     applause                   fade

The full 6-panel plan for a 60-second short. Every beat fits on one card. Total reading time: 30 seconds. Total writing time: 5 minutes.

From storyboard to Scratch shopping list

Once the storyboard is done, the next step is shopping. Go through each panel and list what you'll need in Scratch:

Backdrops: 2 — night-market (panels 1–5) and night-sky (panel 6).
Sprites: 3 — Ali (cutout style with eat costumes), Ben (same), Durian (prop), plus Credits for panel 6.
Sounds: 5 — Chatter (ambient), Knife Chop, Chewing, Cheer, Laugh.
Broadcasts: 5 — beat-2 through beat-6, each fired at the right time to advance the action.

Now you know exactly what to build. Open Scratch. No staring.

What a Scratch script for panel 3 looks like

This is the only meaningful scratchblocks you'll see today — and it's just to show what one storyboarded beat looks like translated into code:


when I receive (beat-3 v)
switch costume to (eating v)
start sound (Chewing v)
glide (8) secs to x: (-60) y: (-40)
broadcast (beat-4 v)

Ali sprite, panel 3 handler. The 10-second beat is mostly an 8-second glide. The broadcast at the end fires beat 4, which the storyboard has already planned. No staring required.

Storyboard mistakes that wreck Scratch projects

Too many beats. Trying to cram 10 panels into 60 seconds means each beat is 6 seconds — too short for the audience to read what's happening. Six beats is the sweet spot.
No beat transitions planned. "Ben sits down" between panels 1 and 2 doesn't happen by magic — someone has to write the broadcast and the glide. If your storyboard doesn't say how a beat ends and the next one begins, you'll freeze when you open Scratch.
Skipping the sound row. The Sound column in each panel forces you to plan audio early. Animators who skip it always tack on sound at the end as a panicked afterthought.
Drawing too carefully. A storyboard is a plan, not a final image. Stick figures and arrows are perfect. Spending an hour shading panel 1 means you'll never finish panel 6.
No backdrop column. Animators who forget to note backdrops end up with all 6 beats in the same scene because they never planned to switch. Boring.

Worked Example — storyboarding "The Lost Brothers" in seven steps 12 min

Same brief as Faizal's failed project from the warmup — "the time my brother and I got lost at KL Sentral". This time we storyboard first.

Stage plan. No Scratch editor today — just pencil and paper. Six panels, four columns each, give a complete map of the 60-second short before a single sprite is built.

Step 1 — Print or draw the template

Get an A4 sheet of paper. Fold it into 6 equal boxes (3 columns × 2 rows). Or print the template your teacher hands out. Number the boxes 1 through 6.

Step 2 — Write the one-sentence pitch at the top

Above the boxes: "Two brothers get separated at KL Sentral and one finds the other by listening for a familiar song." That's the whole story in one sentence. Every panel must serve this sentence.

Step 3 — Sketch panel 1 — establishing shot

The first 10 seconds set the scene. Sketch: two brothers walking together on a busy station platform.
Action: Brothers walking left-to-right, chatting.
Dialogue: "Are we at the right gate?" / "I think so."
Sound: Train station ambient — chatter + distant announcement.

Step 4 — Sketch panel 2 — the inciting incident

Beat 2 is the thing that kicks off the story. Sketch: a crowd of commuters surges between the brothers.
Action: Crowd sprite slides in from the right; older brother pushed aside.
Dialogue: "Wait — hey! Hey!"
Sound: Whoosh + crowd noise rising.

Step 5 — Sketch panel 3 — separation revealed

Sketch: younger brother alone on the platform, looking around. Backdrop is the same — but the older brother is gone.
Action: Younger brother spins around, hand on head.
Dialogue: "Abang? Abang!"
Sound: ambient down low, footsteps echo.

Step 6 — Sketch panels 4, 5, 6 — middle, climax, resolution

Panel 4: Younger brother hears a familiar tune from a phone ringtone. (Hook for resolution.) Panel 5: Younger brother follows the sound, weaving through the crowd. Panel 6: They reunite, hug, walk off together; credits scroll up over a fade-to-night-sky backdrop.

Step 7 — Build the shopping list

Now flip the page over and write:

Backdrops (3): station-platform, station-platform-crowded, night-sky-with-credits.
Sprites (4): Abang (older brother), Adik (younger brother), Crowd (3 commuter costumes), Credits.
Sounds (5): Chatter (ambient), Announcement, Whoosh, Ringtone, Gentle Piano.
Broadcasts (5): beat-2, beat-3, beat-4, beat-5, beat-6.

The bridge to Scratch — what one beat looks like in code

Here's panel 4 (younger brother hears the ringtone) translated. This is the only stack we'll write today — the full build happens next lesson.


when I receive (beat-4 v)
say [...is that abang's ringtone?] for (3) seconds
start sound (Ringtone v)
point in direction (90)
glide (5) secs to x: (50) y: (-30)
broadcast (beat-5 v)

Adik sprite, panel 4. 10 seconds of beat: 3 seconds of dialogue + ringtone fires + a 5-second glide toward the sound. The broadcast at the end advances to beat 5. Every script in tomorrow's build will look like this.

What you just did: turned a vague feeling ("brothers at KL Sentral") into a buildable plan. Three backdrops, four sprites, five sounds, five broadcasts. When you sit down at Scratch tomorrow, the only question will be "what do I import next?" — never "what should happen?".

Try It Yourself — three storyboarding drills 15 min

🟢 Easy

Goal: Storyboard "Ordering Nasi Lemak at the Canteen" in 6 panels. Each panel = 10 seconds. Fill in only the Action column for all 6 panels — leave sketch, dialogue, and sound for next time. The exercise is about pacing the 60 seconds across 6 distinct moments without skipping or repeating.

Suggested beats: (1) walk up to counter, (2) read menu, (3) point at nasi lemak, (4) pay, (5) sit at table, (6) take first bite.

Think: Notice that each beat is a single physical action, not a long process. Beat 2 isn't "read whole menu and decide and ask price" — that's 30 seconds of nothing visible. Beat 2 is just "reads menu". Decision happens off-camera between beats.

🟡 Medium

Goal: Storyboard "The MRT Door That Wouldn't Close" — 6 panels, all four columns filled (Action, Dialogue, Sound, Backdrop notes). A passenger keeps trying to enter while the MRT door beeps. Add at least one broadcast trigger you can already imagine writing.

Here's a sample translation of beat 2 into Scratch, in case it helps you see the bridge:


when I receive (beat-2 v)
start sound (Door Beep v)
say [Tunggu, tunggu!] for (2) seconds
glide (3) secs to x: (-30) y: (0)
broadcast (beat-3 v)

The passenger sprite, panel 2. A glide-while-saying-while-beeping moment. All three sound types from L04-28 — start-sound (beep), dialogue (say), and an upcoming ambient bed — could overlap here.

Think: A storyboard with no broadcasts becomes a slideshow. Adding at least one broadcast per beat — to advance to the next one — turns it into an animation.

🔴 Stretch

Goal: Storyboard your own original 60-second short. Anything: a Hari Raya morning, the time the wifi died during a video call, a stray cat at a kopitiam. All 6 panels, all 4 columns, plus a 1-paragraph pitch at the top and a complete shopping list (backdrops, sprites, sounds, broadcasts) at the bottom.

Constraints:

3 sprites maximum (any more is too many for 60 seconds).
2 backdrops minimum (otherwise it feels static).
1 broadcast per beat transition (5 total).
1 ambient sound + at least 3 specific sounds.

Think: Once your storyboard exists, you should be able to read it to a parent or sibling and have them describe the animation back to you correctly. If they can't, your storyboard isn't clear enough yet.

Mini-Challenge — the storyboard that doesn't actually fit 5 min

"Kavi's 6-panel that's really a 30-panel"

Kavi storyboards "A school day". Here's her panel-1 entry, which she's proud of:


//  PANEL 1 (0-10s)
//  Backdrop: bedroom -> kitchen -> bathroom -> hallway -> outside -> bus stop
//  Action: Wake up, brush teeth, eat breakfast, get dressed,
//          grab bag, walk to bus stop, wave at neighbour, board bus.
//  Dialogue: "Morning!" "Bye Ma!" "Sorry I'm late!" "Eh apa khabar!"
//  Sound: alarm + water + toaster + door + birds + bus engine

Kavi's panel 1. Six backdrops, eight actions, four lines of dialogue, six sounds — all in 10 seconds.

Why is this a disaster, and how does Kavi fix it without losing the morning routine?

Reveal one valid solution

Kavi has packed an entire 60-second short into a single 10-second panel. The audience will see six backdrops flash by, hear six sounds layered into noise, and read nothing. The eye and ear can't keep up. This is the most common storyboarding mistake — trying to show everything in every panel.

The fix is to spread the morning across all 6 panels, one moment per panel. Panel 1 is the alarm. Panel 2 is brushing teeth. Panel 3 is the door. Panel 4 is walking. Panel 5 is the neighbour. Panel 6 is boarding the bus. Each panel gets its own backdrop, its own dialogue line, its own sound. The audience can actually watch.

Revised panel 1:


//  PANEL 1 (0-10s)
//  Backdrop: bedroom
//  Action: Kavi rolls over, slams alarm.
//  Dialogue: "Aiyooo..." (groggy)
//  Sound: alarm beeping, fades when slammed

One backdrop, one action, one line, one sound. Fits comfortably in 10 seconds with breathing room. If your panel is busier than that, you're packing two beats into one.

The broader rule: one beat = one verb. The verb in panel 1 is "wake up". Everything else is a different beat.

🚀 Mission — Storyboard Your Short

Tonight, storyboard the 60-second short you will build in class tomorrow. Pick your own Malaysian-flavoured story — a teh tarik order, a durian contest, a kampung morning, a Hari Raya breakfast, a stuck-in-jam parable.

Fold an A4 sheet into 6 boxes. Write a one-sentence pitch at the top.
Fill all 6 panels: sketch, action, dialogue, sound. Stick figures are perfect — aim for 5 minutes per panel maximum.
On the back, write your shopping list: backdrops (min 2), sprites (max 5), sounds, broadcasts (5).

✅ Done when: the whole short is storyboarded — all 6 panels filled and the shopping list complete on the back. Going further: read your storyboard aloud to a family member; if they can describe the animation back to you correctly, it's clear enough to build from.

Recap 3 min

You learned the planning-on-paper skill that bridges "I have an idea" and "I know what to build". A 6-panel storyboard maps a 60-second animation as six 10-second beats, each with a sketch, an action, dialogue, and a sound. The storyboard's output is a Scratch shopping list — backdrops, sprites, sounds, broadcasts — so when you open the editor you never have to ask "what next?". The two killer mistakes are too many beats (cram, the audience can't read) and no beat transitions planned (no broadcasts, the animation freezes). Five minutes of paper saves two hours of staring.

Storyboard: A sequence of small sketches, one per beat, showing what the audience sees and hears at each moment. Every animated film starts as one.
Beat: A single moment of an animation, usually 5–15 seconds. In a 60-second short, six 10-second beats is the standard pacing.
Panel: One box on the storyboard sheet, holding the sketch, action, dialogue, and sound notes for one beat.
Shopping list: The list you write after the storyboard: every backdrop, sprite, costume, sound, and broadcast you'll need. The bridge between paper plan and Scratch project.
Premature production: Opening Scratch (or any tool) before you know what you're making. Almost always ends in abandoned half-projects. The cure is a storyboard.
One beat = one verb: The rule of pacing: each panel should describe a single physical action ("walks in", "looks around", "shouts"), not a sequence of actions packed together.

Homework 2 min

The Real Storyboard. Tonight you'll storyboard the short you'll build in class tomorrow (SCR-L04-30). Pick your own Malaysian-flavoured 60-second story — a teh tarik order, a durian contest, a stuck-in-jam parable, a Hari Raya breakfast, a lost-at-KL-Sentral moment, a kampung morning. Anything you know.

Get an A4 sheet of paper. Fold or rule it into 6 boxes.
At the top, write one sentence describing the story.
Fill all 6 panels with all 4 columns (sketch, action, dialogue, sound). Stick figures are perfect. Spend no more than 5 minutes per panel.
On the back of the paper, write your shopping list: backdrops, sprites (max 5), sounds, broadcasts.

Bring back next class:

The storyboard sheet (folded, photographed, or printed — your call).
The shopping list on the back.
Your answer to: "Which panel feels too thin (under-planned)? Which feels too crowded (over-planned)? How would you re-balance them?"

Heads up for next class: SCR-L04-30 is the cluster E capstone Build — assembling your storyboard into a finished 60-second short using sprites (cutout style from L04-25), lip-sync (L04-26), camera pans (L04-27), and sound effects (L04-28). The storyboard you bring is the project plan. Without it, tomorrow will be staring. With it, tomorrow will be building.