digital media
DESCRIPTION
Digital Media. Dr. Jim Rowan ITEC 2110 Animation Part 2. Roll call. Barton, Paul H. Bois, Lauren C. Bonds, Allison E. Duncan, Jarred T. Lawson, Joseph I. Mulongo, Julio B. Pennison, Heather L. Reilly, Daniel J. Sanchez-Casas, Jon F. Simson, Davis Sinnock, Grant A. Swaim, Mark S. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/1.jpg)
Digital Media
Dr. Jim Rowan
ITEC 2110
Animation Part 2
![Page 2: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/2.jpg)
Roll call
Sanchez-Casas, Jon F.Simson, DavisSinnock, Grant A.Swaim, Mark S.Tran, Dung Q.Vyas, Anand A.Woldeyohannes, Tesfamichael
Barton, Paul H.Bois, Lauren C.Bonds, Allison E.Duncan, Jarred T.Lawson, Joseph I.Mulongo, Julio B.Pennison, Heather L.Reilly, Daniel J.
![Page 3: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/3.jpg)
Roll call
Jones, Crystal L.Marsh, Kerreen A.Thompson, Daniel G.Tran, Christopher V.
![Page 4: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/4.jpg)
A quick review of Part 1
![Page 5: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/5.jpg)
Animation
• “Bring to life” using still images to create frames • Many techniques
– draw each frame individually (FlipBook)– paint on (or otherwise modify) existing video or film
• rotoscope changes frames of an existing film– Trace some portion of a frame and delete it– Add something drawn-in later
– cell animation – cut-out manipulation – clayMation or modeling clay manipulation – mixed cell and film
![Page 6: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/6.jpg)
Cell Animation...
• Only have to re-create the parts that change• Disney, Snow White 1937• Use paintings on clear plastic• Can have a background that is larger than the frame
and “slides” past• Disney had an army of excellent painters• Disney’s original cells sell for a fortune
• So... what about “Simpsons?”
![Page 7: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/7.jpg)
Simpsons
• Cell animation
• First 14 episodes were hand painted
• Subsequent episodes used digital-ink-and-paint to mimic hand-painted cells
• So... what about “South Park?”
![Page 8: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/8.jpg)
South Park
• Pilot was cut-out animation in the style of Terry Gilliam of Monty Python fame (197-)
• Subsequent episodes used computer animation that mimicked cut-outs
• Added some live film in later episodes• Late added some shadowing effects• Why cut-outs?
![Page 9: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/9.jpg)
South Park vs Simpsons
• Simpsons takes 6-8 Months per episode
• South Park takes 6 weeks
![Page 10: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/10.jpg)
Animation Process...• 3-D model producing 2-D images• Using a physical 3-D model
– Move the model– Capture the frame– Very time-consuming!
• Wallace and Gromit– 30 frames per day, 5 years to produce
• Using a computer-based 3-D model– Toy Story, A Bug’s Life, Monsters– Build the model (takes a lot of time)– Move the model (not too bad)– Render frame (time consuming for the computer)
![Page 11: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/11.jpg)
3-D model, 2-D images• Use a physical 3-D model
– build the model– set the lighting– set the camera position and angle– make a frame– move the model– make a frame– move the model...
• Using a computer-based 3-D model (in Blender)– build the model (in the computer)– define light source (in the computer)– define camera position and angle (in the computer)– manipulate the model (in the computer)
![Page 12: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/12.jpg)
3-D model, 2-D images• Use a physical 3-D model
– build the model– set the lighting– set the camera position and angle– make a frame– move the model– make a frame– move the model...
• Using a computer-based 3-D model (in Blender)– build the model (in the computer)– define light source (in the computer)– define camera position and angle (in the computer)– manipulate the model (in the computer)
![Page 13: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/13.jpg)
Blender
• Open Source software• Powerful but complex• Available at: blender.org
– download Blender to your machine– will work on a PC if you like
• Need to know the acronyms & shorthand– the link to them is bottom of fall2007 page– you will need to build these as you go
• Get your feet wet this week... build the heart!– http://www.blendernation.com/tutorials/
![Page 14: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/14.jpg)
Animation and Blender• Build a model to animate
– 3-D vector graphics modeling– defines the structure– provides a means of manipulation– allows application of surface texture
• Specify light source• Specify camera position and direction• Manipulate the model by specifying motion tracks• Render the model to produce an image
– as viewed from the camera– as lit by specified lighting
![Page 15: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/15.jpg)
Other Computer Animation Techniques
Create a series of image files and import them to Quicktime
Directly manipulate cutouts
(Show animations)
Build an animated GIF
(Show buzz animation)
![Page 16: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/16.jpg)
Build an animated GIF
• Allows for sequences of images to be placed in one “image” that, when displayed, shows movement
![Page 17: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/17.jpg)
Animated GIF... drawbacks
• Lossless compression• 256 color palette restriction• Does not have sound• Will probably not play back at a reasonable
speed unless it loops, then on the second play it will play back at reasonable speed
• GIF allows for sequences of images to be placed in one “image” that, when displayed, shows movement BUT...
![Page 18: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/18.jpg)
...as compared to Quicktime
• allows sound• has a codec component specifically for animation• assumes simple cartoon-style animations
– uses RLE encoding– allows compression of large fields of solid color
• has quality settings– at the highest setting it is lossless
![Page 19: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/19.jpg)
Animation Process...
• Create drawings by some means...– 2-D model to 2-D frame
• hand drawn• cell• cutout
– 3-D model to 2-D frame• physical model manipulation
– clay-mation is one example
• 3-D computer modeling
![Page 20: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/20.jpg)
Animation Process...
• 2-D model producing 2-D images?– South Park (cutout)– Simpsons (cell)
• 3-D model producing 2-D images?– 3-D model manipulation
• Gumby• Wallace and Gromit
– 3-D computer modeling• Toy Story• Jimmy Neutron
![Page 21: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/21.jpg)
Computer-Based Animation Processes
• We’ve seen 3-D to 2-D – physical modeling (claymation)– computer modeling (Blender)
• We’ve seen 2-D to 2-D– physical modeling (flipBook, cutouts, cell)
• Let’s look at 2-D to 2-D – computer-based modeling
![Page 22: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/22.jpg)
Digital Cell and Digital Sprite animation
• 2-D model• Works on the idea of layers
– like bitmapped image layers
• One layer is the background• Other layers are of the different parts that will
move• By moving each part a little bit you create
frames of an animation
![Page 23: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/23.jpg)
Digital Cell and Digital Sprite animation
• Works on the idea of layers that are automated– a sprite can be thought of as an automated layer– it’s motion is driven by a program
• One layer is the background• Sprites are over that• Sprites can have faces• Sprites can move and show different faces as
they move...
![Page 24: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/24.jpg)
Digital Sprite animationThe running headless man!
• Three sprites– A body and two legs
• A body and two legs• Here the green leg sprite has 5 “faces”
![Page 25: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/25.jpg)
Key Frames• Came from Disney following Ford’s ideas• Break production into simpler tasks• Assign tasks to less skilled labor• At Disney, Key Frames, the important frames,
– done by skilled animators– came at important portions of the action– came at scene changes
• Less skilled labor connected the action – key-frame to key frame (in-betweeners)
• Process is similar to interpolation – remember Blender IPO? InterPOlation
![Page 26: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/26.jpg)
2-D to 2-Dcomputer-based
Key Frame Interpolation• This is natural since model is in the computer
as numbers already• Forms of interpolation
– linear... motion follows a straight line• velocity is constant • moves same distance for each unit of time• not natural... instantly starts, instantly stops
– quadratic... motion follows a curve• acceleration (deceleration) is constant• “easing in” and “easing out”
![Page 27: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/27.jpg)
Flash Animation
• Briefly...• Flash
– Has a stage & characters – Follows a timeline– Supports their form of interpolation called
“tweening”– Action is driven by scripts
• See pp 254-260 for details
![Page 28: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/28.jpg)
Motion Graphics (AfterEffects)
• 2D model to 2D image
• Takes the photoshop image with all its layers
• Provides a means of manipulating the images to make motion
![Page 29: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/29.jpg)
Achieving
natural human motion
This is REALLY hard to do unless you use motion-capture
http://en.wikipedia.org/wiki/Motion_capture
![Page 30: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/30.jpg)
A word about...Virtual Reality
• Total immersive VR– Stereo head mounted display– sensors to detect your position
• on your head• on your hands (or any other part that will be in the scene
• Quicktime VR and VRML– not immersive (you aren’t in them directly)– not stereo vision– viewed on a screen– you can navigate through them
![Page 31: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/31.jpg)
Hand-MadeSoftware-Driven
Animation
![Page 32: Digital Media](https://reader035.vdocuments.us/reader035/viewer/2022062517/56812cf9550346895d91c601/html5/thumbnails/32.jpg)
Questions?