digital media lecture 11: animation georgia gwinnett college school of science and technology dr....
TRANSCRIPT
![Page 1: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/1.jpg)
Digital Media
Lecture 11: Animation
Georgia Gwinnett CollegeSchool of Science and Technology
Dr. Jim Rowan
![Page 2: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/2.jpg)
Refer to Supplemental text:
![Page 3: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/3.jpg)
But first…a bit about video capture
Capture images using a camera Edit them in a video editor
– Quicktime– iMovie– Windows MovieMaker– Final Cut Pro
![Page 4: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/4.jpg)
Image Capture and iMovie...
Capture images using miniDV cameraManipulate using iMovie
http://www.youtube.com/watch?v=LFMp_2TBhBM
![Page 5: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/5.jpg)
http://www.youtube.com/watch?v=ONP-Dv7G_Hc
Physical animation
![Page 6: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/6.jpg)
http://www.youtube.com/watch?v=i02K9jrPnpg
Physical animation
![Page 7: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/7.jpg)
Animated GIFs
http://www.youtube.com/watch?v=bx8V3SyCB7E&feature=youtu.be
http://www.youtube.com/watch?v=5TQO4sLQtSI&feature=youtu.be
![Page 8: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/8.jpg)
Animation
“Bring to life” using still images to create frames
Many techniques
– draw each frame individually (FlipBook)– cell animation – cut-out manipulation – clayMation or modeling clay manipulation– 3D model animation
![Page 9: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/9.jpg)
![Page 10: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/10.jpg)
Cell Animation...
Only have to re-create the parts that change
Use paintings on clear plastic
Can have a background that is larger than the frame and “slides” past
![Page 11: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/11.jpg)
Cell Animation...
Disney had an army of excellent painters
More skilled painters painted key frames Less skilled filled in between the key
frames– Known as “tweeners”
Shadows had to be individually painted
![Page 12: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/12.jpg)
• Disney’s original cells sell for a fortune
• So... what about “Simpsons?”
![Page 13: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/13.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 14: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/14.jpg)
Monty Python before South ParkPilot was cut-out animation in the
style of Terry Gilliam of Monty Python’s Flying Circus fame
![Page 15: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/15.jpg)
South Park
• After the pilot, episodes used computer animation that mimicked cut-outs
• So… why cut-outs?
![Page 16: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/16.jpg)
Simpsons vs Southpark
• Simpsons takes 6-8 Months per episode– produces reasonably high quality animations
• South Park takes 6 weeks– so... if you want to have a plot that is derived
from very current events, cut out animation allows you to get it produced before it becomes dated
![Page 17: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/17.jpg)
Animation Process...
You need to create drawings by some means...– 2D model to 2D frame
• hand drawn• cell• cutout
– 3D model to 2D frame• physical model manipulation
– aka stop motion clay-mation• 3D computer modeling
![Page 18: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/18.jpg)
Animation Process Examples
2D model producing 2D images?– South Park (cutout)– Simpsons (cell)
3D model producing 2D images?– 3D model manipulation
• Gumby• Wallace and Gromit
– 3D computer modeling• Toy Story• Up
![Page 19: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/19.jpg)
3D model producing 2D images
Two approaches -physical model manipulation-3D animation models
both have these elements• produce the model (the hard part)• move the model • define light source• define camera position and angle• take a picture
![Page 20: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/20.jpg)
Physical model manipulation
build the model set the lighting set the camera position and angle make a frame move the model make a frame move the model... Very time-consuming! Wallace and Gromit
– 30 frames per day, 5 years to produce
![Page 21: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/21.jpg)
Vector-based 3D model (Blender)
build the model (time consuming) define light source(s) (in the computer) define camera position and angle (in the
computer) move the model… a bit different for 3D vector-
based • set start and stop key frames• computer generates intervening frames• this is called rendering
render the frames (computationally expensive)
![Page 22: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/22.jpg)
Key Frames
http://www.youtube.com/watch?v=WG0s5RpGVKU&feature=youtu.be
http://www.youtube.com/watch?v=yadixAn_Nos
![Page 23: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/23.jpg)
Key Frame Interpolation
This is natural since the 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 24: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/24.jpg)
Motion Capture
Achieving natural human motion
This is REALLY hard to do unless you use motion-capture
![Page 25: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/25.jpg)
Motion Capture
Giant Studios
![Page 26: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/26.jpg)
Making of AVATARhttp://www.popfi.com/wp-content/uploads/avatar-motion-capture.jpg
![Page 27: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/27.jpg)
Making of AVATAR
![Page 28: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/28.jpg)
Making of AVATAR
![Page 29: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/29.jpg)
Making of AVATAR
![Page 30: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/30.jpg)
Making of AVATAR
![Page 31: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/31.jpg)
Virtual Reality
Total immersive VR (full 3 dimensions)– 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 (3D on 2D
screen)– not immersive (you aren’t in them directly)– not stereo vision– viewed on a 2D screen– you are given navigation tools
![Page 32: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/32.jpg)
Augmented Reality
![Page 33: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/33.jpg)
Augmented Reality
![Page 34: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/34.jpg)
Augmented Reality
http://www.youtube.com/watch?v=7JWk_JIE3Ow&feature=related
![Page 35: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/35.jpg)
Augmented Reality
Yoda Hallmark card demo
![Page 36: Digital Media Lecture 11: Animation Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan](https://reader035.vdocument.in/reader035/viewer/2022081516/56649e4e5503460f94b444c2/html5/thumbnails/36.jpg)