Flip Book Animation

A Flipbook is an early form of…

Animation
History of Animation
http://www.animazing.com/gallery/pages/history.html#timeline
 But first… where Animation began…
• Early 1800s – scientists experimented
with “persistence of vision”
http://www.youtube.com/watch?v=iWIXxiMeJIg thaumatrope
http://www.youtube.com/watch?v=SBg6dAE3mI0 zoetrope

• Late 1800s – Thomas Edison invented

the “kinetoscope” and produced 13 sec. films
http://www.youtube.com/watch?v=vfqUjBDIkT8 show this one
http://www.youtube.com/watch?v=WmZ4VPmhAkw (unnecessary)

• 1906 – first animated film by Stuart Blackton

called “Humorous Phases of Funny Faces”
http://www.youtube.com/watch?v=wGh6maN4l2I

• 1911 – Windsor McCay animated his comic strip “Little

Nemo” into a 10 minute film with some hand coloring”
http://www.youtube.com/watch?v=uW71mSedJuU 0:41 – 1:18 only
• Windsor McCay’s “Gertie the Dinosaur”
 … and where it has come
• 1920 - Felix the Cat was the first animated
cartoon character http://www.youtube.com/watch?v=l3ne-WX833s

• 1923 - Disney Cartoon Studios opened, Warner

Bros. started in 1930
• 1937 - Snow White became the first full-length
animated feature film http://www.youtube.com/watch?v=5kWr9e4JN5I
http://www.youtube.com/watch?v=xNO8bJ4Db5g

• 1940s-1990s – more animated characters, series,

and films appeared; including stop motion,
claymation, and eventually…
• 1995 – Toy Story became the first CG animated
full-length feature film http://www.youtube.com/watch?v=KYz2wyBy3kc
 Flipbook Links
• How flipbook animation works
http://www.youtube.com/watch?v=uW71mSedJuU 0:45 – 2:27
• Easy Flipbooks
– Playing Catch
– Basketball
– Fighter Pilot
– Trampoline
– Extreme Skateboarding
• A little more challenging / creative…
– Love Story http://www.youtube.com/watch?v=tSsfQEd4mdg
– Sports examples http://www.youtube.com/watch?v=FH97UerMW6I 0 – 0:58
• Getting more difficult…
– Goku vs Superman
– Sonic the Hedgehog
• Wow! Flipbook
– Brief History of Pretty Much Everything
 Flipbook Links
• How flipbook animation works
http://www.youtube.com/watch?v=uW71mSedJuU 0:45 – 2:27

• Easy Flipbooks
– Playing Catch
– Basketball
– Fighter Pilot
– Trampoline
– Extreme Skateboarding
• Getting more difficult…
– Sonic the Hedgehog
• Wow! Flipbook
– Brief History of Pretty Much Everything
 How to Make a FlipBook
• http://www.shmonster.com/creative_corner/Site/Flip_Book.html

1. Decide on the number of pages you want to make your flipbook. This can be any number of pages
you feel that you can draw or decorate. You may want to start with a short ten-page flip book.
2. Ensure all your pages are the same size. Secure the pages together with tape at the top.
3. Draw your pages. To make it look as if it is moving, you change the image only slightly on each
page. This may take a bit of practice.
4. Test out your flip book. Flip through the pages and see if it looks like you would like. If you have
drawn with pencil, you can go back and make small changes.
5. Decorate your pages. Once you have drawn your image, you may want to put in backgrounds or
other items. Remember to vary them only slightly from page to page.
Read more: How to Make a Flip Book | eHow.com
http://www.ehow.com/how_2089446_make-flip-book.html#ixzz1bQ1ZbU8j

Other resources:
http://www.youtube.com/watch?v=3LG4OSk1gE0 video tutorial
 Animation Process
• It all starts with an idea – a concept.
– What is the message to be communicated?
– Who is the intended audience?
• Then characters are sketched, and a style is chosen.
– Hand-drawn? Photographic? Stop-motion?
• Then storyboarding begins…
– Storyboarding is similar to a comic strip – scenes are
broken down, and rough snapshots are drawn.
• The storyboard acts as a guide for the director, they are
a plan that drafts how the film will be produced.
• Editing may occur after the film is recorded, sound may
also be added at this stage.
 Storyboard
• Storyboards are a plan for the film – they allow the director to decide on how the film will
look, and helps to plan the filming so that time and money are used efficiently.
 FlipBook Process
• Sketch a Plan – condense your 30+ page idea
into a 5-10 frame comic strip…

• Once your plan is approved, you may begin on

cards. Get 5-10 at a time and number them as
you go! Remember, 30 pages minimum!
 Flipbook Tips
• Number your cards as you go!
• Tracing is OK ! Start either from the beginning or end
of your story (you can always rearrange your cards),
draw a page then layer the next page on top of it and
trace while making slight changes. Continue.
• Post-it notes are easy to see through! But if you want
cards that you can move and rearrange, then simply
trace on a light-table or on a window when it is sunny
outside.
• Color can add a lot of emphasis to your animation –
consider coloring things that are most important.
 NOW…

Let’s Make a
Music
Video!
 Music Video Animation examples
• Music Videos – THEY DON’T HAVE TO BE LITERAL
• Think this… http://www.youtube.com/watch?v=SR6iYWJxHqs
not this… http://www.youtube.com/watch?v=jIyHEPCZzLo
• Professional examples:
• “BoxTrolls” stopmotion-CGI hybrid, September 2014 http://www.youtube.com/watch?v=KjM8v3hxZg8
http://www.today.com/popculture/go-behind-scenes-stop-motion-animated-film-boxtrolls-2D80210659
• “Frankenweenie” ..\StopMotion Videos\Frankenweenie-Official-Theatrical-Trailer[www.savevid.com].mp4
• “Fresh Guacamole” Oscar-nominated Animated Short Film 2013
http://www.youtube.com/user/PESfilm
• Amazon Kindle Commercials ..\StopMotion Videos\Amazon-Kindle-Commercial-1(official)[www.savevid.com].mp4
..\StopMotion Videos\Amazon-Kindle-Commercial-2 (official)[www.savevid.com].mp4
..\StopMotion Videos\Amazon-Kindle-Commercial-3 (official)[www.savevid.com].mp4
• “Heard ‘em Say” Kanye West with Adam Levine music video
..\StopMotion Videos\Kanye-West-Heard-n-39-Em-Say-ft-Adam-Levine[www.savevid.com].mp4
More Amateur examples:
• “Let It Go” Frozen-inspired stop motion http://www.youtube.com/watch?v=dwkASeyS95o
• “Fireflies” by Owl City inspired http://www.youtube.com/watch?v=9tsHPfWX7RY
 Music Video Animation Examples…
College & Student videos:
• with Post-Its ..\StopMotion Videos\DEADLINE-post-it-stop-motion[www.savevid.com].mp4
• with Legos ..\StopMotion Videos\Lego-Shark-Attack[www.savevid.com].mp4
• with Skittles ..\StopMotion Videos\Stopmotion-Skittles-Commercial[www.savevid.com].mp4
• “Call Me Maybe” ..\StopMotion Videos\Call-Me-Maybe-Stop-Motion-Music-Video[www.savevid.com].mp4
• “Call Me Maybe” again ..\StopMotion Videos\Call-Me-Maybe-Carly-Rae-Jepsen-Stop-Motion[www.savevid.com].mp4
• with a chalkboard ..\StopMotion Videos\Go-Do-chalkboard-imagination-[www.savevid.com].mp4
• “Insane” stop-motion ..\StopMotion Videos\Insane-Stop-Motion[www.savevid.com].mp4

Stratford High School Video Music Award WINNERS:

• “Before He Cheats” inspired ..\StopMotion Videos\student examples\Jacks Creation 3cb.pptx
• “ Daylight” inspired ..\2013-2014 Music Videos\Fall 2013\1st Block\Daylight
• “Wrecking Ball” inspired ..\2013-2014 Music Videos\Fall 2013\4th Block\Wrecking Ball
• “Happy” inspired ..\2013-2014 Music Videos\Spring 2014 - best of\Carly and Kandace Music Video (2).pptx
• Breakdancing ..\2013-2014 Music Videos\Fall 2013\1st Block\Stop motion Alex, Austin, Delma, Sam Cinema by skrillex.pptx
• Mistletoe and OTHERS ..\2015-2016 BansilM drive\StopMotion Videos\stratford examples
 Animation Process
• It all starts with an idea – a concept.
– What is the message to be communicated?
– Who is the intended audience?
• Then characters are sketched, and a style is chosen.
– Hand-drawn? Photographs? Clay-mation?
• Then storyboarding begins…
– Storyboarding is similar to a comic strip – scenes are
broken down, and rough snapshots are drawn.
• The storyboard acts as a guide for the director, they are
a plan that drafts how the film will be produced.
• Editing may occur after the film is recorded, sound may
also be added at this stage.
 Storyboard
• Storyboards are a plan for the film – they allow the director to decide on how the film will
look, and helps to plan the filming so that time and money are used efficiently.
 StoryBoard Process
• Sketch a Plan – condense your 30+ second
idea into a 10+ frame comic strip…

• Once your plan is approved, you may begin to

take photos. Remember to break down
each movement for a smooth animation!