Website powered by

ELSPARK Project: Cafe - Storyboards

Cafe - Opening Scene

Cafe - Opening Scene

Cafe - Opening Scene 1
Action: Barista walks up to the Customer behind the ordering table.

Cafe - Opening Scene 1
Action: Barista walks up to the Customer behind the ordering table.

Cafe - Opening Scene 2
Action: Barista stands behind the ordering table, ready to take an order.

Cafe - Opening Scene 2
Action: Barista stands behind the ordering table, ready to take an order.

Cafe - Shot 1 - Sequence 1
Action: Customer standing confidently with his hand tucked in his pockets.

Cafe - Shot 1 - Sequence 1
Action: Customer standing confidently with his hand tucked in his pockets.

Cafe - Shot 1 - Sequence 2
Action: Customer lifts his hand out of his pocket and waves a hello gesture.
Dialogue (Customer): "Hola....."

Cafe - Shot 1 - Sequence 2
Action: Customer lifts his hand out of his pocket and waves a hello gesture.
Dialogue (Customer): "Hola....."

Cafe - Shot 1 - Sequence 3
Action: Customer lowers his hand. 
The Customer's hand begins to clench slightly.
Dialogue (Customer Unsure): "uh… un… café… grande… con… vaca… por favor?”

Cafe - Shot 1 - Sequence 3
Action: Customer lowers his hand.
The Customer's hand begins to clench slightly.
Dialogue (Customer Unsure): "uh… un… café… grande… con… vaca… por favor?”

Cafe - Shot 1 - Sequence 4
Action: Customer lowers his hand downwards.
Hand clenches into a downward point.
Customer standing nervously.

Cafe - Shot 1 - Sequence 4
Action: Customer lowers his hand downwards.
Hand clenches into a downward point.
Customer standing nervously.

Cafe - Shot 2 - Sequence 1
Action: Barista tilts her head in confusion.

Cafe - Shot 2 - Sequence 1
Action: Barista tilts her head in confusion.

Cafe - Shot 2 - Sequence 2
Action: Barista lifts her head upwards.

Cafe - Shot 2 - Sequence 2
Action: Barista lifts her head upwards.

Cafe - Shot 2 - Sequence 3
Action: Barista turns around.

Cafe - Shot 2 - Sequence 3
Action: Barista turns around.

Cafe - Shot 2 - Sequence 4
Action: Barista faces the coffee machine and holds the pencil.

Cafe - Shot 2 - Sequence 4
Action: Barista faces the coffee machine and holds the pencil.

Cafe - Shot 2 - Sequence 5
Action: Barista puts the pencil down.

Cafe - Shot 2 - Sequence 5
Action: Barista puts the pencil down.

Cafe - Shot 2 - Sequence 6
Action: Barista begins operating the coffee machine.

Cafe - Shot 2 - Sequence 6
Action: Barista begins operating the coffee machine.

Cafe - Shot 3 - Sequence 1
Action: Barista pushes a button on the coffee machine.

Cafe - Shot 3 - Sequence 1
Action: Barista pushes a button on the coffee machine.

Cafe - Shot 3 - Sequence 2
Action: Barista makes the order.

Cafe - Shot 3 - Sequence 2
Action: Barista makes the order.

Cafe - Shot 3 - Sequence 3
Action: Barista finish making the order.
A black and white cow appears from the coffee machine.
SFX (Cow): Moo!

Cafe - Shot 3 - Sequence 3
Action: Barista finish making the order.
A black and white cow appears from the coffee machine.
SFX (Cow): Moo!

Cafe - Shot 3 - Sequence 4
Action: Barista lifts a cup with a cow on top of it. Barista turns towards the customer.

Cafe - Shot 3 - Sequence 4
Action: Barista lifts a cup with a cow on top of it. Barista turns towards the customer.

Cafe - Shot 3 - Sequence 5
Action: Barista places a cow on top of the cup on the ordering table.
SFX: THUD!

Cafe - Shot 3 - Sequence 5
Action: Barista places a cow on top of the cup on the ordering table.
SFX: THUD!

Cafe - Shot 4 - Sequence 1
Action: Customer looks confused.

Cafe - Shot 4 - Sequence 1
Action: Customer looks confused.

Cafe - Shot 4 - Sequence 2
Action: Customer notices his phone ringing.
SFX: Vroomm!

Cafe - Shot 4 - Sequence 2
Action: Customer notices his phone ringing.
SFX: Vroomm!

Cafe - Shot 4 - Sequence 3
Action: Customer picks up his phone.
SFX: Vroomm!

Cafe - Shot 4 - Sequence 3
Action: Customer picks up his phone.
SFX: Vroomm!

Cafe - Shot 5 - Sequence 1
Action: Customer takes his phone out.
SFX: Vroomm!

Cafe - Shot 5 - Sequence 1
Action: Customer takes his phone out.
SFX: Vroomm!

Cafe - Shot 5 - Sequence 2
Action: Customer holds his phone in his hand.

Cafe - Shot 5 - Sequence 2
Action: Customer holds his phone in his hand.

Cafe - Shot 5 - Sequence 3
Action: The blue light appears on the phone.

Cafe - Shot 5 - Sequence 3
Action: The blue light appears on the phone.

Cafe - Shot 5 - Sequence 4
Action: The blue light grows and begins to flash on the phone.

Cafe - Shot 5 - Sequence 4
Action: The blue light grows and begins to flash on the phone.

Cafe - Shot 5 - Sequence 5
Action: The blue light flashes on the phone.

Cafe - Shot 5 - Sequence 5
Action: The blue light flashes on the phone.

Cafe - Shot 5 - Sequence 6
VFX: Hologram of Aero.
Action: Aero appears on the phone.

Cafe - Shot 5 - Sequence 6
VFX: Hologram of Aero.
Action: Aero appears on the phone.

Cafe - Shot 5 - Sequence 7
VFX: Hologram of Aero.
Action: Aero standing idle with a deadpan face.

Cafe - Shot 5 - Sequence 7
VFX: Hologram of Aero.
Action: Aero standing idle with a deadpan face.

Cafe - Shot 5 - Sequence 8
VFX: Hologram of Aero.
Dialogue (Aero): “Okay… ordering cows is officially where we draw the line.”

Cafe - Shot 5 - Sequence 8
VFX: Hologram of Aero.
Dialogue (Aero): “Okay… ordering cows is officially where we draw the line.”

Cafe - Shot 6 - Sequence 1
VFX: Hologram of Aero.
Action: Aero jumps out from the phone screen.

Cafe - Shot 6 - Sequence 1
VFX: Hologram of Aero.
Action: Aero jumps out from the phone screen.

Cafe - Shot 6 - Sequence 2
VFX: Hologram of Aero.
Action: Aero stands on the phone screen. 
Cow begins to chew the cud.

Cafe - Shot 6 - Sequence 2
VFX: Hologram of Aero.
Action: Aero stands on the phone screen.
Cow begins to chew the cud.

Cafe - Shot 6 - Sequence 3
VFX: Hologram of Aero.
Action: Aero gestures toward the cow mug like, “Really?”
Cow chewing the cud.
Dialogue (Aero): “Let’s fix this before you accidentally order the entire farm.”
SFX: Chewing

Cafe - Shot 6 - Sequence 3
VFX: Hologram of Aero.
Action: Aero gestures toward the cow mug like, “Really?”
Cow chewing the cud.
Dialogue (Aero): “Let’s fix this before you accidentally order the entire farm.”
SFX: Chewing

Cafe - Shot 4.2 - Sequence 1
Montage: Bubbles.
Montage Style: Fast, bubbly, playful cut-ins.

Cafe - Shot 4.2 - Sequence 1
Montage: Bubbles.
Montage Style: Fast, bubbly, playful cut-ins.

Cafe - Shot 4.2 - Sequence 2
Montage: First bubble pops.
Montage Style: Fast, bubbly, playful cut-ins.

Cafe - Shot 4.2 - Sequence 2
Montage: First bubble pops.
Montage Style: Fast, bubbly, playful cut-ins.

Cafe - Shot 4.2 - Sequence 3
Montage: Second bubble pops.
Montage Style: Fast, bubbly, playful cut-ins.

Cafe - Shot 4.2 - Sequence 3
Montage: Second bubble pops.
Montage Style: Fast, bubbly, playful cut-ins.

Cafe - Shot 4.2 - Sequence 4
Montage: Third bubble pops.
Montage Style: Fast, bubbly, playful cut-ins.

Cafe - Shot 4.2 - Sequence 4
Montage: Third bubble pops.
Montage Style: Fast, bubbly, playful cut-ins.

Cafe - Shot 4.2 - Sequence 5
Montage: Fourth bubble pops.
Montage Style: Fast, bubbly, playful cut-ins.

Cafe - Shot 4.2 - Sequence 5
Montage: Fourth bubble pops.
Montage Style: Fast, bubbly, playful cut-ins.

Cafe - Shot 4.2 - Sequence 6
Montage: Fifth bubble pops.
Montage Style: Fast, bubbly, playful cut-ins.

Cafe - Shot 4.2 - Sequence 6
Montage: Fifth bubble pops.
Montage Style: Fast, bubbly, playful cut-ins.

Cafe - Shot 4.2 - Sequence 7
Montage: Last bubble pops.
Montage Style: Fast, bubbly, playful cut-ins.

Cafe - Shot 4.2 - Sequence 7
Montage: Last bubble pops.
Montage Style: Fast, bubbly, playful cut-ins.

Cafe - Shot 4.2 - Sequence 8
Action: Speech Bubble appears.

Cafe - Shot 4.2 - Sequence 8
Action: Speech Bubble appears.

Cafe - Shot 4.2 - Sequence 9
Speech Bubble: “Un café con leche, bien caliente.”

Cafe - Shot 4.2 - Sequence 9
Speech Bubble: “Un café con leche, bien caliente.”

Cafe - Shot 4.2 - Sequence 10
Action: Second Speech Bubble appears in the lower position.

Cafe - Shot 4.2 - Sequence 10
Action: Second Speech Bubble appears in the lower position.

Cafe - Shot 4.2 - Sequence 10
Person repeats confidently: “Bien caliente.”

Cafe - Shot 4.2 - Sequence 10
Person repeats confidently: “Bien caliente.”

Cafe - Shot 4.2 - Sequence 11
Cute stamps: “Perfecto!”, “You nailed it!”

Cafe - Shot 4.2 - Sequence 11
Cute stamps: “Perfecto!”, “You nailed it!”

Cafe - Shot 4.2 - Sequence 12
Action: Aero appears onscreen.
Dialogue (Aero):  “I save every session inside the digi-market of ELSPARK, we can keep track of your progress.”

Cafe - Shot 4.2 - Sequence 12
Action: Aero appears onscreen.
Dialogue (Aero): “I save every session inside the digi-market of ELSPARK, we can keep track of your progress.”

Cafe - Shot 5.2 - Sequence 1
Action: Customer steps up again, calmer.

Cafe - Shot 5.2 - Sequence 1
Action: Customer steps up again, calmer.

Cafe - Shot 5.2 - Sequence 2
Action: Customer confidently lifts his hand with a point.
Dialogue (Customer calmer): “Un café con leche, bien caliente, por favor.”

Cafe - Shot 5.2 - Sequence 2
Action: Customer confidently lifts his hand with a point.
Dialogue (Customer calmer): “Un café con leche, bien caliente, por favor.”

Cafe - Shot 5.2 - Sequence 3
Action: Customer puts his hand back in his pocket.

Cafe - Shot 5.2 - Sequence 3
Action: Customer puts his hand back in his pocket.

Cafe - Shot 5.2 - Sequence 4
Action: Barista smiles.

Cafe - Shot 5.2 - Sequence 4
Action: Barista smiles.

Cafe - Shot 5.2 - Sequence 5
Action: Barista nods her head.

Cafe - Shot 5.2 - Sequence 5
Action: Barista nods her head.

Cafe - Shot 5.2 - Sequence 6
Action: Barista looks back at the Customer with an impressed face.

Cafe - Shot 5.2 - Sequence 6
Action: Barista looks back at the Customer with an impressed face.

Cafe - Shot 6.2 - Sequence 1
Action: Customer checks his phone.

Cafe - Shot 6.2 - Sequence 1
Action: Customer checks his phone.

Cafe - Shot 6.2 - Sequence 2
VFX: Blue hologram screen.
Action: Blue holographic screen appears.

Cafe - Shot 6.2 - Sequence 2
VFX: Blue hologram screen.
Action: Blue holographic screen appears.

Cafe - Shot 6.2 - Sequence 3
VFX: ELSPARK UI menu hologram.
Action: ELSPARK UI menu appears.

Cafe - Shot 6.2 - Sequence 3
VFX: ELSPARK UI menu hologram.
Action: ELSPARK UI menu appears.

Cafe - Shot 6.2 - Sequence 4
VFX: Hologram of Aero.
Action: Aero pops up.

Cafe - Shot 6.2 - Sequence 4
VFX: Hologram of Aero.
Action: Aero pops up.

Cafe - Shot 6.2 - Sequence 5
VFX: Hologram of Aero.
Dialogue (Aero): “Find me on elspark.online — 5 minutes a day and I can help sharpen up your Spanish..”

Cafe - Shot 6.2 - Sequence 5
VFX: Hologram of Aero.
Dialogue (Aero): “Find me on elspark.online — 5 minutes a day and I can help sharpen up your Spanish..”

Cafe - Shot 7 - Sequence 1
Action: Customer smiles, relieved.
Dialogue (Customer): “Five minutes a day… I can do that.”

Cafe - Shot 7 - Sequence 1
Action: Customer smiles, relieved.
Dialogue (Customer): “Five minutes a day… I can do that.”

Cafe - Shot 8 - Sequence 1
VFX: Hologram of Aero.
Action: Aero standing above the phone.
Dialogue (Aero): “And next time,"

Cafe - Shot 8 - Sequence 1
VFX: Hologram of Aero.
Action: Aero standing above the phone.
Dialogue (Aero): “And next time,"

Cafe - Shot 8 - Sequence 2
VFX: Hologram of Aero, Holographic star.
Action: Aero gives a wink to the Customer.
Dialogue (Aero): "We can order some pastry too.”

Cafe - Shot 8 - Sequence 2
VFX: Hologram of Aero, Holographic star.
Action: Aero gives a wink to the Customer.
Dialogue (Aero): "We can order some pastry too.”

Cafe - Closing Scene
Visual: Clean end card with Aero.

Cafe - Closing Scene
Visual: Clean end card with Aero.

Aero Storyboard Thumbnail Page 1

Aero Storyboard Thumbnail Page 1

Aero Storyboard Thumbnail Page 2

Aero Storyboard Thumbnail Page 2

Aero Storyboard Thumbnail Page 3

Aero Storyboard Thumbnail Page 3

Aero Storyboard Thumbnail Page 4

Aero Storyboard Thumbnail Page 4

Aero Storyboard Thumbnail Pages 5 and 6

Aero Storyboard Thumbnail Pages 5 and 6

When I successfully secured a Voluntary position as an Intern Animator, the manager assigned me the task of producing a storyboard featuring one of their original characters, Aero.

I read the three scripts of when the character will show up to help three different protagonists in three different settings. I picked the first script, which will take place in a modern cafe, because its modern setting will make it easier for the production team to engage with the story and visualise the narrative.

I did my research on modern cafes like Costa in Crawley online to get the feel of a hospitality environment, and looked at characters as references for my main characters. The main characters of the story were the Customer, based on Marco Diaz from Star vs. the Forces of Evil and the Barista, based on Stacy Pilgrim from the graphic novel series Scott Pilgrim.

I created the storyboard thumbnails on My Idea Generator with a pencil within three days. I took photos of the thumbnails with my smartphone and uploaded them to my desktop computer. I opened up Krita, a free digital painting software and started working on the storyboards. I placed the thumbnails on the Krita workspace and added new layers for tracing with my Wacom Creative Pen Tablet.

After tracing, I refined the drawings for a cleaner appearance, then coloured them in with the Fill Tool.

Looking back at the storyboards gives me a sense of pride in the work I did for ElCode, and I hope to continue working with this company when I am needed next time.