Overview of contemporary motion graphic techniques and technology, from DIY to high-end CGI. Begin with this source: Type in Motion 2nd Edition by Matt Wollman, then add at least three additional sources.

1. Wk 3&4 Contemporary Techniques and Technology https://vimeo.com/channels/kinetictypography
How is motion graphic typography applied
today?

2. Wk 3&4 Contemporary Techniques and Technology
There’s hand drawn which requires a frame by frame drawing of the animated
object.
Calvin and Hobbes Flip Book

3. Wk 3&4 Contemporary Techniques and Technology http://www.makeuseof.com/tag/technology-explained-what-is-cgi-animation/
Drawn on film animation
footage is developed by making the images directly onto the film stock

4. Wk 3&4 Contemporary Techniques and Technology
Paint-on-glass animation
Used for producing animated films
Slow drying oil paints on sheets of glass gets manipulated

5. Wk 3&4 Contemporary Techniques and Technology
Erasure animation
Two-dimensional medium is used
Involves photographing over time as the artist manipulates the image
Example

6. Wk 3&4 Contemporary Techniques and Technology
Pinscreen animation
Uses a screen filled with movable pins that can be displaced in or out by
pressing a thing onto the screen
The screen is illuminated from the side in order to cast shadows by pins
Example

7. Wk 3&4 Contemporary Techniques and Technology
Sand animation
The sand is moved around on a back lighted or front lighted piece of glass in
order to make each frame for an animated film
Christmas sand animation

8. Wk 3&4 Contemporary Techniques and Technology
Computer Generated Imagery (CGI)
3D technology that allows animation to be put into a three dimensional world.
Used often in films to make characters and objects seem real.
MU Process Example

9. Wk 3&4 Contemporary Techniques and Technology http://www.motionmedia.org/informative-article-motion-graphics-
software.html
Computer Generated Imagery (CGI)
Most common and currently used in features today

10. Wk 3&4 Contemporary Techniques and Technology
Computer Generated Imagery (CGI)
Used for full feature animation, sci-fi animation, live and animation mix
Toy Story was the first feature length CGI animation.
How Toy Story Changed Animation and CGI

11. Wk 3&4 Contemporary Techniques and Technology
Do it Yourself
Do it yourself techniques range from flip books to 2D on programs like After
Effects to Maya. Many student animators learn animation through completing
the entire process from hand-drawn to computer practices.
Adobe After Effects
Important to all motion graphics
Takes images from Photoshop or Illustrator and allows them to move
Most basic to complex animation process
Alexis Sansone Basic After Effects Animation
Advanced After Effects Short

12. Wk 3&4 Contemporary Techniques and Technology
iPhone Apps
FrameCast – Online Animation Studio for iPhones
Cam Animate
Stick Nodes (I’ve used and it is very simple but helps you understand the process)
3D World
Apps List from Apple

13. Wk 3&4 Contemporary Techniques and Technology
Virtual Reality
the computer-generated simulation of a three-dimensional image or
environment that can be interacted with in a seemingly real or physical way by a
person using special electronic equipment, such as a helmet with a screen
inside or gloves fitted with sensors.

14. Wk 3&4 Contemporary Techniques and Technology
Augmented Reality
a technology that superimposes a computer-generated image on a user's view
of the real world, thus providing a composite view.

15. Wk 3&4 Contemporary Techniques and Technology http://i-media.soc.napier.ac.uk/Motion_Path/07005342/Article/07005342.html
Examples
Ratatouille Process
After Effects Process
iPhone Animation
Awesome Virtual Reality and Augmented Reality Example