![Page 1: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/1.jpg)
The Animation Process
Myles Strous
![Page 2: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/2.jpg)
The Animation Process
● Designed for teams or groups– Useful for indivduals
● Organisation, planning– Save time and effort– Improve quality
![Page 3: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/3.jpg)
The Animation Process
● Story writing and scripting● Storyboard – planning camera shots and angles● Sound and dialogue● Animatic (Leica reel) – preview for overall timing
● Modelling, texturing, rigging● Lighting, staging
● Animation– Principles and practice
![Page 4: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/4.jpg)
Story writing and scripting
● Setting ● Tension● Resolution
● Script format
![Page 5: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/5.jpg)
The Animation Process
Storyboard
![Page 6: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/6.jpg)
Cinematography
● Directing the camera, rather than actors
● Camera Angles● Continuity● Cutting● Close-ups● Composition
● Cheating
![Page 7: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/7.jpg)
Storyboarding – planning stage● A “comic book” visual layout of the story -
visualisation.
● Anything from stick figures to full artwork
● Camera angles, camera moves● Number of shots, locations● Continuity
● Framing● Layout – backgrounds, character positioning
![Page 8: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/8.jpg)
Storyboarding for the home animator● How many sets or backgrounds are needed ?
– How much detail ?● What props are needed ?
– How much detail ?– Pre-made or custom-made ?
● How much of the character is seen ?– From what angles ?– From what distance ?
Can you simplify ? – e.g. Closeup – simpler background
![Page 9: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/9.jpg)
Creating storyboards
● Pen and paper● Any drawing or painting tool --> slideshow● HTML● Powerpoint / Impress● Multimedia software● Specialised storyboarding software
![Page 10: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/10.jpg)
Storyboard software
● Freeware– Storyboard Pro– Storyboard Tools 1.5– MoviePlanner
● Shareware– Springboard – one generic text field– Storyboard Tools 1.6
● Commercial– BoardMaster (import your own graphics)– Storyboard Quick – 2D, libraries (props, people)– Storyboard Lite – 3D– FrameForge 3D Studio
![Page 11: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/11.jpg)
Storyboard Pro
![Page 12: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/12.jpg)
Storyboard Tools
![Page 13: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/13.jpg)
MoviePlanner
![Page 14: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/14.jpg)
Springboard
![Page 15: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/15.jpg)
BoardMaster
![Page 16: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/16.jpg)
Storyboard Quick
![Page 17: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/17.jpg)
Storyboard Lite
![Page 18: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/18.jpg)
FrameForge 3D Studio
![Page 19: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/19.jpg)
Sample storyboard
Title sequence
![Page 20: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/20.jpg)
Set the scene: wizard's tower
● Wizard's tower
● Zoom in on “Do not disturb sign”
● Linger for audience to read
![Page 21: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/21.jpg)
● Zoom back out to full scene
![Page 22: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/22.jpg)
● Zoom in on tower window
![Page 23: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/23.jpg)
● Dissolve to wizard in bed, snoring
![Page 24: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/24.jpg)
● Dissolve back out to tower window
● Zoom back out to full scene
● Sound of hoofbeats approaches and stops
![Page 25: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/25.jpg)
● Knight walks up to tower
![Page 26: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/26.jpg)
● Cut to medium shot – knight looks at sign on door
![Page 27: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/27.jpg)
● Cut to subjective shot (knight's point-of-view) – read sign
![Page 28: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/28.jpg)
● Pan across to rope
![Page 29: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/29.jpg)
● Grab rope ...
![Page 30: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/30.jpg)
● ... and pull
![Page 31: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/31.jpg)
● Cut to trap-door
![Page 32: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/32.jpg)
● ... which opens
![Page 33: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/33.jpg)
● Stone block slowly emerges
![Page 34: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/34.jpg)
● ... and falls
![Page 35: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/35.jpg)
● Cut back to medium shot of knight still pulling on rope
●
![Page 36: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/36.jpg)
● Shadow falls over knight
● Knight looks up “huh?”
![Page 37: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/37.jpg)
● CRASH!
![Page 38: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/38.jpg)
● Cut quickly during crash to wizard snoring
● Camera shake, wizard just snores and settles
![Page 39: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/39.jpg)
● Cut back to block● Zoom in on attached
sign
![Page 40: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/40.jpg)
● Pause on sign
![Page 41: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/41.jpg)
● Zoom (cut ?) back to show knight's lower legs fall from vertical to horizontal.
![Page 42: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/42.jpg)
● Credits
![Page 43: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/43.jpg)
The Animation Process
Animatic
![Page 44: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/44.jpg)
Soundtrack
● Dialogue● Foley / sound effects● Music● Sources
– Record your own– Sound effects libraries and CDs– Voice talent
![Page 45: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/45.jpg)
Animatic – director's review
● Storyboard + soundtrack
● Timing and pacing
● A timed multimedia slideshow
● Add sounds and dialogue to storyboard images
● Use a video editor
![Page 46: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/46.jpg)
Leica reel
● Different term for animaticOR● detailed animatic
– animator's review– key poses (for later pose-to-pose animation)– strobing key frames
![Page 47: The Animation Process - Monash Universityusers.monash.edu.au/~myless/graphicsig/animation/storyboard.pdf · The Animation Process Story writing and scripting Storyboard – planning](https://reader034.vdocument.in/reader034/viewer/2022052303/5f08373a7e708231d420e8b3/html5/thumbnails/47.jpg)
Animatic