MOTION GRAPHICS Definition Communication using Animation and Graphic

MOTION GRAPHICS Definition: Communication using Animation and Graphic Design

MOTION GRAPHICS Definition: • Animation lacks intent • Graphic Design lacks motion • Filmmaking is about storytelling • Motion Graphics is all about COMMUNICATION

MOTION GRAPHICS Could Vs. Should

MOTION GRAPHICS Pioneer: Saul Bass: • Vertigo • North by Northwest • Man with the Golden Arm https: //www. youtube. com/watch? v=l. On. Yqwxv. P 0 s

MOTION GRAPHICS

MOTION GRAPHICS Techniques/Language: • Timing • Easing • Overlap • Follow Through • Anticipation • Exaggeration • Squash and Stretch

MOTION GRAPHICS Older Tools: • Flash • Java • Shockwave • Java. Script • Gifs

MOTION GRAPHICS Gifs:

MOTION GRAPHICS Flash: • Expanded creative options • Created jobs • Web cartoons • Flash games!!!

MOTION GRAPHICS Flashturbation: • Flashturbation is a slang term for websites that uses a lot of Flash to impress viewers. Flashturbation tends to turn off users before they get to the core information upon a website.

MOTION GRAPHICS

MOTION GRAPHICS Java. Script:

MOTION GRAPHICS MORE BANDWIDTH!!!!

MOTION GRAPHICS Social Media Loves Animated Gifs:

MOTION GRAPHICS Modern Web Animation Software: • Adobe Edge Animate • CSS • Java. Script – Green Sock • Web Animation API • j. Query

MOTION GRAPHICS Purpose of Animation: • Communicate • Increase perceived speed of interaction • Branding • Improve user experience • Entertainment & Storytelling

MOTION GRAPHICS The Purpose of Parallax?

MOTION GRAPHICS Purpose of Animation: • Communicate • Increase perceived speed of interactions • Branding • Improve user experience User feedback

MOTION GRAPHICS Types of Animation: • Interface Elements • Loading Animations • Storytelling • Branding elements

MOTION GRAPHICS Bring Your Pages To Life:

MOTION GRAPHICS Career Differentiator: