Flip Book Animation a Flipbook Is an Early Form Of… Animation History of Animation

Home , Adam Levine, Flip book, Kinetoscope, Zoetrope

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

• 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!