Storyboard Design

27 Oct 2006 Category: Features, Film / Animation, Illustration

Storyboard Design

This storyboard is for Disney Japan's online game Aladdin produced by British digital marketing agency, KERB.

Ever wondered what the original ideas and skribbles to your favorite trailor or music video would look like? No? Well, sadly most of these precious drawings end up in the garbage once the movie is completed anyway and it is hard to hunt them down again(unless the directors were planning to publish a big “making of”-section anyway). We thought that these storyboards should get some more attention, so we asked around and gathered a few different examples and styles as to how to visualize the production process. Here are our storyboard designs in cooperation with 5 different directors/artists around the world. Enjoy!

Written by Chiemi

Wikipedia says: “Storyboards are a series of illustrations displayed in sequence for the purpose of previsualizing an animated or live-action film. A storyboard is essentially a large comic of the film or some section of the film produced beforehand to help the directors and cinematographers visualize the scenes and find potential problems before they occur.”

In addition to that, usually a storyboard includes the size of a subject/object, their movement, composition, camerawork and the length of each shot.

Let’s take a look at some storyboards which were used for actual projects.

Case 1: TV drama

Edwin Ushiro from Culver City, California provided us with storyboards for the American TV drama series “Angel”. Edwin is a cinematographer and also art director but he joined this project as a storyboard writer.

Storyboard for American TV drama series “Angel” season 4 (Directed by Joss Whedon) looks like an action cartoon! (enlarged image)
© Warner Brothers Television

A storyboard is often drawn by the director but when it’s drawn by a storyboard artist, how do they actually communicate with each other?

Edwin explains: Most storyboarding jobs start initially with the director and me reading over the script and noting specific scenes he wants to focus on. At this phase we would go over camera, lighting, dialog, character(s), prop(s), location(s), and mood. Using all the information provided, I will begin to storyboard with the director present. So most times you will find yourself sitting next to the director. Some of them even like to draw stick figures with you. This part of our collaboration is very amusing to me because I get the same feeling as I did when I used to draw with my younger brother.

After the first shoot based on the storyboards above, Edwin made another one (below) to communicate the ideas of the director to his digital & creation FX team. These two storyboards are from the same scenes, so you can see how the first storyboard changed to the actual shots by comparing them.

Another storyboard for digital & creature FX team. (enlarged image)
© Warner Brothers Television

Unfortunately, we can’t show you the final piece here but if you are interested in it, it’s available on DVD..!
- ANGEL official website

Edwin also has some other very impressive storyboards on his website! Worth a look!

Case 2: Film festival trailer

The trailer featuring a school girl breakdancer called Strong Machine No.2 for UK’s Raindance Film Festival was directed by Japanese film maker Kosai Sekine. Kosai says “I wanted to create something that all filmmakers used to feel at the beginning.” This trailer won the First prize (Non European Broadcast category) and the Special jury award at the Young Directors Award 2006 held at the Cannes Ad Festival. Respect!

So let’s start with the sketch of the characters.

Rough sketch of the characters (enlarged image)

This sketch shows the characters the director had in mind. Usually the casting hasn’t been finished at this point, but in this case the director already knew he wanted Strong Machine No.2 to be the dancer when he had a rough idea of the story. By the way, these were all drawn by the director himself… Cute!

Storyboard for the Raindance Film Festival trailer (enlarged image and next page)

This storyboard is slightly different from the previous one by Edwin Ushiro. Kosai’s storyborad includes the length of each shot and the length of the whole film and also dialogues in “speech bubbles” which tells you how much Manga culture has brainwashed Japanese people…

Anyway, what do you pay attention to most when you draw a storyboard, Kosai?

Kosai Sekine: For this trailer, I drew 2 storyboards. The first one was to tell the contents to the production team, and the second one was more like a shooting board to show the camera angles of dance scene. (click here HERE for his second storyboard). I tried to draw the first one simply because it’s always better to talk to the production team face to face instead of relaying on a sheet of paper only. It’s also good to leave some space for creativity for the production. However, what you have to be careful with here is that you might miss some things and make mistakes you could avoided beforehand if planned the details more thoroughly. You have to get the balance right. So when I have to include some CG in a film, I draw a storyboard with more details or draw a special detailed plan for the CG team.**”


Still image from the final piece

Still image from the final piece

This trailer consisted of 19 shots on the first storyboard but it increased during the production process. And you can also see how much the director changed it from the first storyboard to the final piece. So let’s watch it!

Case 3: Online game

The next storyboard is from award-winning digital marketing agency Kerb based in Brighton, England. They made a online game: Aladdin for Disney Japan.

Storyboard for online game “Aladdin”.(enlarged image

When Kerb produces online games, they don’t usually draw storyboards and only write a scoping document including a flow chart to show how the story goes. But in this case, they decided to draw a proper story board to explain the contents to their client.


Scene from online game “Aladdin”

Scene from online game “Aladdin”

Unfortunately, the final piece of this game hasn’t be online yet! (coming very soon) So keep an eye on Kerb’s website for the announcement.

Case 4: TV commercial (1)

Amsterdam based creative collective Kesselskramer produces anything from films, exhibitions, web sites to books. They provided us with a storyboard of a TV commercial for Reaal Insurance.

The campaign uses probability and chance to describe the company’s role as ‘realists in insurance’. It continues with their previous campaigns which had lines such as ‘There is an 85% chance of your second house being bigger then your first’. On this latest series, the percentages are depicted visually. A big chance results in a big object, a small chance in something small.

Storyboard of TV commercial (enlarged image)

A planner, copywriter and art director were involved in this project from Kesselskramer, and this storyboard was drawn by the art director, Christian Borstlap.

So is there anything they pay special attention to when drawing a storyboard?

Kesselskramer explains: Yes, it’s all about how to make the idea as clear as possible as storyboards are often used to convince clients about your ideas. However, a storyboard is not a shooting board. So a storyboard is more about the idea then how to shoot it. It’s better to give a director some kind of creative room, which will benefit the end result.


A scene from the final piece. a tiny man…

.. and a giant lady..

So here is the final piece.
- REAAL Insurance TV commercial (Directed by Henrik Hallgren)

Case 5: TV commercial (2)

Johnny Hardstaff from Ridley Scott’s production company RSA films sent us a set of all different kinds of boards for a TV commercial for the British mobile company Orange.

A scene from the final piece

Colorful liquids are poured over and over into various containers and the narration goes: “Wouldn’t it be nice if a good thing never ended?” It’s is about a system offered by Orange to their pay-as-you-go customers. It’s very simple idea but very beautifully made.

So, let’s take a look at the all boards from a sketch called Board 001.

Sketch called Board 001 drawn by Johnny Hardstaff (enlarged image)

Before this sketch, there is another one called Board 000, which shows the main composition of shooting. This Board 001 is to explain what kind of containers he wants exactly. If you have a closer look, you can see it says “A: Jam jar, B: Filter coffee machine jug, C: Champagne Glass….”. Johnny also drew Board 002 to explain what kind of environment he wants, and Board 003 to explain what colors of liquid he wants.

And finally, we get to the storyboard at Board 004.

Board 004 is the storyboard. (enlarged image and next page, Board 005&Board 006)

On the notes above, it says “this storyboard is for reference only”. However, from these detailed explanation, you can tell that the director already could see the final image very clearly in his head.

In addition to these, there is another board called Visual References 007 to explain how liquid is poured and how it is splashed.

Johnny is certainly thorough in what he does! So many detailed explainations….

Finally, this is the completed piece.
- ORANGE TV commercial “Paint”

So - we introduced some storyboards (and sketches) from 5 different filmmakers/artists today. I hope you enjoyed it. Thanks very much to everyone!

39 Comments

  1. good read! very interesting…

    Posted by: Lorenz on October 28th, 2006 at 5:41 am

  2. wow!very interesting….!

    Posted by: fisto on October 28th, 2006 at 11:57 am

  3. As always you guys brings very nice article. I have directed some storyboard work at my previous office. Making storyboard is taking up many energy and ideas. Glad you bring this up..storyboard is one of the most important part in movie making.

    Posted by: kuswanto on October 28th, 2006 at 1:49 pm

  4. Lots of U.K. Ad’s. wheeee.
    Awesome.

    Posted by: Badger on October 29th, 2006 at 5:16 am

  5. these are really interesting,
    thankyou.

    Posted by: jake on October 29th, 2006 at 5:48 pm

  6. This is so helpful- storyboards are critical for planning how users will interact with products as well.

    Posted by: Joey Roth on October 30th, 2006 at 3:10 am

  7. Interesting how a lot of great movies start with these simple scribbles. Fantastic. :)

    Posted by: Ced on October 30th, 2006 at 2:51 pm

  8. oh Chiemi.. you teach me more about the story borad~ thank you!~

    Posted by: x-noise on October 31st, 2006 at 2:26 pm

  9. [...] PingMag has been an on-again, off again website for me. Sometimes it has these excellent articles on design, like this one on storyboard design. Other times, it’s just got dumb crap you don’t want to read. Most of all, though, it’s yet another website that one must visit, and I’m not even remotely through the gamasutra articles… [...]

    Posted by: The USS Quad Damage : Adding some Ping on October 31st, 2006 at 7:03 pm

  10. nice one Chiemi, very neccesary, well done >

    Posted by: andy on November 5th, 2006 at 10:28 am

  11. interesting….check out our site please http://www.oishi.com.tw

    Posted by: oishi on November 7th, 2006 at 6:30 pm

  12. great article. i love your site, dumb crap and all!

    Posted by: cutout on November 8th, 2006 at 2:52 am

  13. [...] Storyboard Design Nice piece on storyboard design from Pingmag (tags: storyboards design) Filed in Del.icio.us on October 28th, 2006. [...]

    Posted by: no sense of place :: links for 2006-10-28 on November 17th, 2006 at 10:32 pm

  14. it was a great read!!!!!!!!!!!!!!!!

    Posted by: n and m on November 18th, 2006 at 6:25 am

  15. [...] Enlace: PingMag. Archivado en: diseño ilustración PingMag storyboard [...]

    Posted by: RUDEWORKS » Archivo » Diseño de storyboards on January 7th, 2007 at 11:15 pm

  16. [...] Source : pingmag [...]

    Posted by: Who is DuJun ? » Right Place on February 16th, 2007 at 1:12 am

  17. [...] Ping Magazine has a feature on storyboard design. It includes examples of storyboards from Television, Video Game, Commercial and Film projects, along with short interviews with the Art Directors. Good reading! [...]

    Posted by: poxod » Blog Archive » Storyboard Illustration on February 18th, 2007 at 4:28 am

  18. Everybody had ever thought of starting to work and to earn a lot of money. But as often happens there is a lack of time and opportunity or even the desire to sit in the office all the days. At first glance seems that this is impossible!

    But you haven’s seen what we can offer yet.
    - free schedule of work
    - work almost at home
    - earnings about $7000 per month +bonuses!!!
    - friendly stuff
    - free training
    - and its not all yet:

    The point is that our company is in close association with WWF, Green peace and other unexplored wilderness life-saving organizations. Our company attends to takings for the sake of PAND.
    So you will also carry out an important function for the welfare of your planet.

    Join us, there are more the 200 people!!!
    Join us and stand for you and your planet in good stead!!!
    Join us and you won’t regret!!!

    All detailed information is at our site

    http://animalreserve.net

    Posted by: animalreserve on April 16th, 2007 at 10:51 pm

  19. [quote]Gecco Logistics Company is looking for new candidates for the shipping
    manager position.
    We are the world’s largest global transportation company, operating in
    more than 18 countries and territories and employing 20000 people worldwide.
    Many Internet auctions and stores in the US do not ship the products
    overseas. As the result thousands of customers in Europe and Asia are not
    able to
    access the large market and purchase high-quality merchandise at so low
    prices. Our service is in the ever-growing demand. Today we have more then
    80
    merchandise managers on the territory of the United States and Canada but
    quantity
    of our customers increases and we plan to expand.

    As a part-time employee, you’ll have access to the following benefits:

    • $3,100 per month
    • You need 8-10 hours free during the week, not more
    • $36,000 per year
    • Free UPS shipping
    • Comprehensive medical and life insurance for you and your dependents
    • Weekly paychecks
    • Direct deposit
    • Set work schedule

    If you are interested in our offer send the following data to our e-mail resume@gecco-logistics.org

    • Your full name
    • Your contact e-mail
    • Your phone number

    Thanks
    [/quote]

    I want to work with them, they sent me an agreement, have anyone worked with them ? ?

    Posted by: DekaFoor on April 17th, 2007 at 7:02 pm

  20. [...] Magazine highlights 5 different concept-to-realization storyboarding case studies, with examples of original conceptual sketches as well as the finished product. This particular [...]

    Posted by: Storyboard from Concept to Completion at FreshDV on May 11th, 2007 at 5:00 am

  21. [...] it out. Digg [...]

    Posted by: Waitin’ On a Moment » Storyboarding. on May 12th, 2007 at 1:52 am

  22. [...] Link [ via FresHDV ] var AdBriteTitleColor = ‘000000′; var AdBriteTextColor = ‘303030′; var AdBriteBackgroundColor = ‘FFFFFF’; var AdBriteBorderColor = ‘FFFFFF’; Related Posts:Blackmagic Design Updates for Final Cut Studio 2New Website DesignBlackMagic Design Announces New 4:4:4 Capture CardHitachi DZ-HS300A Review at CCInfoGDrive: ‘Total Storage’ Planned By Google? [...]

    Posted by: Storyboard Design from Concept to Reality - Digital Camcorder News on June 23rd, 2007 at 5:07 am

  23. Test myfunction comment

    Posted by: TestName on July 12th, 2007 at 8:55 am

  24. A common misconception about storyboards, as quoted from a previous poster is that storyboards are simple scribbles “Interesting how a lot of great movies start with these simple scribbles.”Take a look at the samples on: http://www.frameworks-la.com
    which is a rep for professional storyboard artists and tell me they are simple scribbles. Storyboarding is very competitive as a profession and when you get into the big leagues, simple scribbles will find you working for very little if not for free. As a wannabe professional storyboard artist, I’m not there yet but I realize what I have to produce and simple scribbles is not it.

    Posted by: Joseph Russo on July 14th, 2007 at 10:15 am

  25. test aposter message

    Posted by: apostertest on July 31st, 2007 at 10:36 pm

  26. Amerikanische Firma „ACG Logistics“ sucht nach Mitarbeiter in Europa fuer die Arbeit im Logistikbereich. Interessanter Job mit guter Verdienstmoeglichkeit.

    [b]Schicken Sie bitte Ihre Bewerbung an info@acglogistics.biz[/b]

    Posted by: hgdsfetsdf on September 29th, 2007 at 11:47 am

  27. tessssssssssssssssst

    Posted by: test on October 2nd, 2007 at 8:18 am

  28. Want to start your private office arms race right now?

    I just got my own USB rocket launcher :-) Awsome thing.

    Plug into your computer and you got a remote controlled office missile launcher with 360 degrees horizontal and 45 degree vertival rotation with a range of more than 6 meters - which gives you a coverage of 113 square meters round your workplace.
    You can get the gadget here: http://tinyurl.com/2qul3c

    Check out the video they have on the page.

    Cheers

    Marko Fando

    Posted by: markofando on October 3rd, 2007 at 2:49 am

  29. Uber uns: “ACG Logistics” beschaftigt sich auf dem internationalen Markt mit Dienstleistungen in Sphare der Logistik seit mehr als 15 Jahren. Durch das Vertretungsnetz in 15 Landern Europas und in den USA, gewahrt der Unternehmen das breite Spektrum an Dienstleistungen, einschlie?lich Lagerdienstleistungen, Beforderungsdienstleistungen beliebiger Waren (Meer, Luft, Eisenbahn- und Kraftverkehr), sowie an Dienstleistungen der Zollerledigung.

    Heute ist “ACG Logistics” einer der weltumfassenden Fuhrer in der Guterverkehrssphare. Au?erdem verwirklicht der Unternehmen seit 2003 die Grosshandelslieferungen der elektronischen Ausrustung und arbeitet mit 50 bekannten weltumfassenden Produzenten zusammen.

    Dank den Bemuhungen des Personals “ACG Logistics”, hat der Warenumsatz die Summe im Wert von 8 Milliarden Euro in dem Jahre 2005 gebildet.

    Unsere Gesellschaft sucht nach den Manager fur die Arbeit mit den Kunden.

    Die Hauptforderungen zum Kandidaten:

    das Alter ab 18 Jahren,
    die Arbeitsfertigkeit mit den Programmen Microsoft Office und Outlook Express
    Internet
    der Kandidat soll ehrlich und verantwortlich sein.

    Seinerseits “ACG Logistics” gewahrt:

    das stabile monatliche Gehalt von 1000 Euro kostenlose Ausbildung/Weiterbildung
    monatliche Pramie bis zu 100 %, je nach den Ergebnissen der Arbeit
    die Uberlassung der sozialen Programmen, um den Lebensniveau der Mitarbeiter zu erhohen

    Die Hauptpflichten, die der Manager erfullen soll:

    die Annahme und die Bearbeitung der Paketen
    Verkauf dieser auf den Online-Handelsplatzen wie Ebay usw.
    Operationen mit den Geldmitteln

    [b]Schicken Sie bitte Ihre Bewerbung an info@acglogistics.biz[/b]

    Posted by: frwshdfaty on October 4th, 2007 at 4:44 pm

  30. [...] I actually found this trailer through one of my favorite websites, PingMag when they did an interview with the storyboard designer [...]

    Posted by: newly discovered from japanese “teribi” « Kyoko’s adventures in Japan on October 6th, 2007 at 12:40 am

  31. tester aposter

    Posted by: test on October 15th, 2007 at 11:08 am

  32. Hello!
    How are you?

    Posted by: depaipleneuri on October 26th, 2007 at 2:06 am

  33. [...] or a two column script. Storyboard examples (for a number of different media) can be found here. Here’s a template you can print [...]

    Posted by: Assignment #10 « COM 421 on November 1st, 2007 at 11:16 pm

  34. Great stuff !

    Posted by: Laurent on November 16th, 2007 at 8:37 pm

  35. [...] Above: image of a storyboard borrowed from PingMag.  [...]

    Posted by: How to run an architect’s office (2) « PreDesign on February 13th, 2008 at 12:06 am

  36. hokey smoke. this is bananas.
    yes.
    anybody?
    no?
    Dust

    Posted by: Super Dooper Paul on March 3rd, 2008 at 6:31 pm

  37. どうもありがとう!

    Posted by: Hama B on December 21st, 2008 at 11:59 am

  38. [...] and will not be updated for the foreseeable future, so check it out while they are still up. …Ever wondered what the original ideas and skribbles to your favorite trailor or music video w… — PingMag | Read The Full [...]

    Posted by: PingMag: Storyboard Design | FilmmakerIQ.com on April 16th, 2009 at 1:33 pm

  39. [...] Interessanter Bericht über verschiedene Arten von Storyboards [...]

    Posted by: Sammlung und BackUp der letzen Newsmeldungen | der hess on May 11th, 2009 at 2:59 am

  • Share and Enjoy:
  • del.icio.us
  • digg
  • Fark
  • NewsVine
  • RawSugar
  • Reddit
  • YahooMyWeb
Previously on PingMag