(IN ADOBE CHARACTER ANIMATOR) BEN MANSUR

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Chapter 8: Speak to Me Recording Audio Vibrating objects generate waves of compressed air that we hear as sound.
Chapter 5 Develop a PSA & Commercial Using Premiere Pro & After Effects CS6.
Computer Animation 2D Animation.
Kapi’olani Community College Adobe Flash 1 In-class Presentation Week 1.
Kapi’olani Community College Macromedia Flash 1 In-class Presentation Week 1.
Kapi’olani Community College Macromedia Flash 2 In-class Presentation Week 1.
Shirley Nieto LHDT 548. How not to social network.
Animation is mainly used to produce cartoons, however, it is also used to produce special effects in commercials, live-action movies, video games, and.
Television Production Team. Standard 7.0 Standard Text: Exhibit knowledge of the television production team. Learning Goal: Students will be able to understand.
EEE3112 Introduction to Multimedia Application & Technology Chapter 2: Animation Development by Muhazam Mustapha, September 2012.
Creating Special Effects
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 8 This presentation © 2004, MacAvon Media Productions Animation.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
Lesson 1 What is Camtasia?. Lesson 2 Editing Objectives After completing the lesson, the student will be able to: Edit a basic recording Camtasia file.
Chapter 7 Animation. The Power of Animation Animation grabs attention Transitions are simple forms of animation  Wipe  Zoom  Dissolve.
 The creation of moving pictures one frame at a time Literally 'to bring to life' e.g. make a sequence of drawings on paper, in which a character's position.
Inovácia obsahu a metód vzdelávania prispôsobená potrebám vedomostnej spoločnosti Animation techniques II Computer animation VYPRACOVAL: Mgr, Vladislav,
Animation Basic Concepts.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
David Edwards. Motion Capture week 1  What to expect from this module  Lectures and tutorials  Assignment  Getting started with motion capture.
Adobe Flash CS4 – Illustrated Unit D: Creating Animation.
Lesson 1: Introduction to After Effects CMM204 – Digital Media Effects.
Make it easier to change the pictures: use the Selection Pane to temporarily hide a Picture Placeholder. (Home tab, Select, Selection Pane). Click the.
Data dan Teknologi Multimedia Sesi 07 Nofriyadi Nurdam.
Character Design CSIS 5838: Graphics and Animation for Gaming.
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
Welcome to PowerPoint Content:  Create New Slide  Pick a Theme – Design Tab  Formatting text – Home Tab  Adding images, shapes, etc. – Insert Tab.
Getting Started with Adobe Illustrator CS6. Objectives Define illustration software Start Adobe Illustrator CS6 and change preference settings View the.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Content: Fiona King Visual Effects: Olivia King.
The first thing you need to do is log in. This is what the “Log In Screen” looks like. Remember to get teacher permission and login information prior.
Animation 4 Computer & 3D Animation. Computer Assisted Animation  The computer is used to make the animation process quicker and easier.  Usually involves.
Flash Animation By Kaotip and Victoria. COLOUR TWEEN ON FLASH.
Animation! The Horse in Motion (1878) by Eadweard Muybridge.
Adobe Illustrator CS5 - Illustrated Unit A:Getting Started with Adobe Illustrator CS5.
Computer Engineering and Networks, College of Engineering, Majmaah University ANIMATION Mohammed Saleem Bhat CEN-318 Multimedia.
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
CDM105 Session 8 Macromedia FLASH MX 2004 Part 1 : The Interface, Drawing graphics, Symbols, Layers and Frame-by-frame animation 1 CDM105 Session 8.
COM 205 Multimedia Applications
Quiet on the Set: Movie Projects with Your iPad
Tutorial 3 Creating Animations.
Journal of Vision. 2008;8(8):1. doi: /8.8.1 Figure Legend:
GIF or Not GIF? Use GIF for animation:
Scientific Visualization V106.04
Visual Effects.
Creating Complex Animations
Games Programming in Scratch
Our Bristol.
Pre-Production Determine the overall purpose of the project.
Graphic Communication – Advanced Higher
MOTION GRAPHICS AND COMPOSITING VIDEO
Procedural Animation Introduction to Procedural Methods in 3D Computer Animation Dr. Midori Kitagawa.
Objective % Explain concepts used to create digital animation.
INTRODUCTION TO FLASH ANIMATION
Getting Started with Adobe Illustrator CS6
Creative Technology Laboratory
Assist. Lecturer Safeen H. Rasool Faculty of SCIENCE IT Dept.
“How did they do that … Kelvin Cording July 2018.
Chapter 5 Animation.
Multimedia Production
2.02D Computer Animation Software and Design Guidelines
Learning How to Create an Online Interactive Poster using
Narrative Motion Graphics
Objective Explain concepts used to create digital animation.
GIF or Not GIF? Use GIF for animation:
Final Flash Project. 2 Test Grades
PRODUCTION PHASES CHANGES
TOONTASTIC (
Photo Story 3 for Windows
Presentation transcript:

(IN ADOBE CHARACTER ANIMATOR) BEN MANSUR LIVE 2D ANIMATION (IN ADOBE CHARACTER ANIMATOR) BEN MANSUR

WHAT IS IT NOT? Traditional 2D animation Homer & June Bellamy [Image]. (n.d.). Retrieved from http://28.media.tumblr.com/tumblr_kp6tegGhUi1qzaiueo1_500.jpg

WHAT IS IT CURRENTLY? Essentially facial motion-capture for 2D motion graphic animation with extra features Facial Motion Capture [Image]. (2015). Retrieved from http://www.digitalartsonline.co.uk/news/motion-graphics/adobe-character-animator-this-new-animation-software-animates-characters-based-on-your-words-facial-expressions/

EXAMPLE OF WORK: The Simpsons S27E21 “Simprovised” featured a 3-minute live-broadcast Q&A segment Animation on FOX. (2016, May 17). THE SIMPSONS | Homer Live: East Coast | ANIMATION on FOX [Video File]. Retrieved from https://www.youtube.com/watch?v=Bz0ShKbYOuw

EXAMPLE OF WORK: Made use of Adobe’s Character Animator in After Effects (lip sync & keyboard command triggers) Simpsons director, David Silverman, was in charge of Homer’s on-air animation control (Failes, I., 2016) Homer’s voice actor, Dan Castellaneta, was required for live audio & lip sync A stable lip sync update of Character Animator was produced specifically for the segment (Simons, D., 2016) Homer Keypad [Image]. (2016). Retrieved from https://twitter.com/tubatron/status/732279450277138432

HOW IT WORKS: Webcam to recognise head & facial expressions (pupils & eyebrows, head rotation & scale) to animate puppet’s head Microphone detects audio to sync mouth position Can customise keyboard command triggers for set animations Can set up click & drag sections of character (e.g. limbs) Can set up physics for secondary animation & visual effects (dangle, particles, etc.) Can record a performance with multiple takes for different sections of the character Not limited to standard characters Okay Samurai. (2015, June 15). Top 10 Tips for Getting Started (Adobe Character Animator Tutorial) [Video File Screenshot]. Retrieved from https://www.youtube.com/watch?v=4vWEvjes5hc Okay Samurai. (2016, June 20). Making Your First Character (Adobe Character Animator Tutorial) [Video File Screenshot]. Retrieved from https://www.youtube.com/watch?v=_smLXODTd6U

MAIN CURRENT LIMITATIONS: Doesn’t use a bone system (i.e. rig), it uses origin points instead, therefore limb deformation occurs Limited to 5 head positions (Left, ¾ Left, Centre, ¾ Right, Right) (with no tweening) Only 13 mouth shapes (with no tweening) Adobe After Effects. (2016). Character Animator Tutorial: Scene 01. Getting Started [Screenshot]

THE SIGNIFICANCE TO ANIMATION: Very quick to begin motion-graphic character animation Very simple to set up for custom puppets (layers simply need to follow naming conventions & ‘tags’ shown in example character files) (Warner, D., 2015) Aiming to incorporate Universal Bone System (i.e. 2D character rig) for full body motion-capture (Simons, D., 2016) Could lead to smooth 2D motion-graphic character animation with rotation Could lead to real-world, real-time character animation in film & T.V., amusement parks, etc. Anh Huyen Nguyen. (2014, May 1). Use After Effects to Motion Capture And Controller For Character 2D Animation [Video File Screenshot]. Retrieved from https://www.youtube.com/watch?v=EpwozjHLDZE

References: ABC News. (2016, May 16). Homer Simpson Appears Live on “The Simpsons” | ABC News [Video File]. Retrieved from https://www.youtube.com/watch?time_continue=105&v=crAk8bL0qCQ Adobe Creative Cloud. (2015, April 8). Bringing 2D characters to life with Adobe Character Animator | Adobe Creative Cloud [Video File]. Retrieved from https://www.youtube.com/watch?v=lmPo0_WZyPU Animation on FOX. (2016, May 17). THE SIMPSONS | Homer Live: East Coast | ANIMATION on FOX [Video File]. Retrieved from https://www.youtube.com/watch?v=Bz0ShKbYOuw Failes, I. (2016).How ‘The Simpsons’ Used Adobe Character Animator To Create A Live Episode. Retrieved from http://www.cartoonbrew.com/tech/simpsons-used-adobe-character-animator-create-live-episode-139775.html Intern Team. (2016, May 18). BEHIND THE SCENES: THE "SIMPROVISED' SIMPSON'S EPISODE. Retrieved from http://shop.studio44productions.com/blog/Behind-the-Scenes-The-Simprovised-Simpson-s-Episode Kopriva, T. (2015, April). Adobe Character Animator revealed. Retrieved from http://blogs.adobe.com/creativecloud/adobe-character-animator-revealed/ Okay Samurai (Warner, D). (2015, Octover 14). Making Your First Cartoon (Adobe Character Animator and After Effects Tutorial) [Video file]. Retrieved from https://www.youtube.com/watch?v=wkDG3vU5oNE Vizrt NEWS. (2014). Fox Sports uses virtual graphics powered by Vizrt for Daytona 500. Retrieved from http://www.vizrt.com/news/newsgrid/40045/Fox_Sports_uses_virtual_graphics_powered_by_Vizrt_for_Daytona_500

Image References: Adobe After Effects. (2016). Character Animator Tutorial: Scene 01. Getting Started [Screenshot] Anh Huyen Nguyen. (2014, May 1). Use After Effects to Motion Capture And Controller For Character 2D Animation [Video File Screenshot]. Retrieved from https://www.youtube.com/watch?v=EpwozjHLDZE Facial Motion Capture [Image]. (2015). Retrieved from http://www.digitalartsonline.co.uk/news/motion-graphics/adobe-character-animator-this-new-animation-software-animates-characters-based-on-your-words-facial-expressions/ Homer Keypad [Image]. (2016). Retrieved from https://twitter.com/tubatron/status/732279450277138432 Homer & June Bellamy [Image]. (n.d.). Retrieved from http://28.media.tumblr.com/tumblr_kp6tegGhUi1qzaiueo1_500.jpg Okay Samurai. (2015, June 15). Top 10 Tips for Getting Started (Adobe Character Animator Tutorial) [Video File Screenshot]. Retrieved from https://www.youtube.com/watch?v=4vWEvjes5hc Okay Samurai. (2016, June 20). Making Your First Character (Adobe Character Animator Tutorial) [Video File Screenshot]. Retrieved from https://www.youtube.com/watch?v=_smLXODTd6U