Iat 202 lecture 03

Iat 202 lecture 03 • Motion design

TURN YOUR CLICKERS ON

Angles Why angles? • Different framing • Tell proper proportion of objects in relationship to each other • Give view point of character • Transitioning • Clarify and intensify event

Shot sizes How are shot sizes defined? • Size and aspect ratio of frame. • Size objects appear. • Shots are definition is in relationship to subject. • How close camera is to subject. • Appearance of objects.

Iat 202 lecture 03 • Motion design

Recommended book • Motion Graphic Design and Fine Art Animation: Principles and Practice by Jon Krasner • Motion Graphic Design: Applied History and Aesthetics by Jon Krasner On reserve in library.

Motion graphics Vs. animation? • Motion graphics are graphics that use video and/or animation technology to create the illusion of motion or a transforming appearance. • Motion graphics share a history with experimental film, animation, fine artand graphic design. **the line between motion graphics and animation is blurry.

What is abstraction?

Films that explore motion itself In films such as Rhythm 21 and Rhythm 23, motion is choreographed in horizontal and vertical movements and scale changes of the forms to establish depth. The subject matter is reduced to nonobjective lines and rectangles that move in alignment to each to each other. Kranser 'Motion Graphics: http://www.youtube.com/watch?v=QEgULqLn5iU

Films that explore motion itself http://www.nfb.ca/explore-all-directors/norman-mclaren

What is motion design https://www.youtube.com/watch?v=fzGXSpmNHzc

The Language of motion “Motion is a universal language it can have more impact then the content being animated.” - Jon Krasner

Motion literacy • Components: • Motion of objects within the frame • Motion of the frame (frame mobility) • Transitions between scenes

Exercise 3

process • IDEA/Concept = clarify and intensify for your audience • Materials: Gather what you will be working with. -- drawings, photos, …… • Plan motions: object, frame, transitions

Object motion • Ask • What is moving • How it is moving • Motion • Support story / intonation of voice • Or tell its own story (counter to visuals)

Based on “THE 12 BASIC PRINCIPLES OF ANIMATION” . . . . Squash and stretch The most important principle is “squash and stretch”, the purpose of which is to give a sense of weight and flexibility to objects. The most important aspect of this principle is the fact that an object’s volume does not change when squashed or stretched. If the length of a ball is stretched vertically, its width (in three dimensions, also its depth) needs to contract correspondingly horizontally. Anticipation Anticipation is used to prepare the audience for an action, and to make the action appear more realistic. For example a dancer jumping off the floor has to bend his knees first. Follow through This technique help render movement more realistic, and give the impression that object follow the laws of physics. “Follow through” means that separate parts of a body will continue moving after the character has stopped. Slow in and slow out The movement of the human body, and most other objects, needs time to accelerate and slow down. For this reason, animation looks more realistic if it has more frames near the beginning and end of an action, emphasizing the extreme poses, and fewer in the middle Time Timing refers to the number of frames for a given action, which translates to the speed of the animation. On a purely physical level, correct timing makes objects appear to abide to the laws of physics; for instance, an object’s weight decides how it reacts to an impetus, like a push. **great resource explains in AE http://aeteacher.com/5-important-animation-principles-for-motion-graphics.html

Technics: timing • Timing: A variety of slow and fast timing within a scene adds texture and interest to the movement.

How Weight, force + gravity = • Red = ease in and ease out + anticipation (draws back). • Blue = ease in + anticipation (slows at middle) * could have added squash and stretch.

Technics: timing Friction, force + gravity = • Yellow = ease in and ease out + anticipation (draws back). • Red Ball = ease in + ease out, Blur, squash and stretch and reaction.

Action vs. reaction https://www.youtube.com/watch?v=CC9CWTEKurs

Options: move it around Translation: or the change of position:

Option: change the direction Rotation: or the change of direction

Option: change the size Dilation: or the change of size

Combine all three + timing

And keep it moving https://www.youtube.com/watch?v=KZuuKbzpBjM

Transitions: optical • Fade to black or white • Dissolve • Wipe • Superimpositions.

Transitions: The cut • Match on action • Eye-line match • Empty frame • Graphical Match

Cuts = Rhythm https://www.youtube.com/watch?annotation_id=annotation_686845&feature=iv&src_vid=6IlKXV7kN1Y&v=jesvkvnUrO4

Transition create Rhythm Graphical Match: Student examplev http://vimeo.com/15614870

Frame mobility (IAT100 review) • Panning / whip pan (often tracking is called panning) • Mimic eye looking around • Tilting • Horizontal can emphasis height • Downward, slow reveal • Tracking: forward, backward, diagonally, circular side-to-side • Build anticipation as it reveals off screen space • Create continuous space (instead of transitions or cuts).

Ken burns effect (Pan and Zoom) http://en.wikipedia.org/wiki/File:Ken_Burns_Effect_demonstration.ogg

Zoom https://www.youtube.com/watch?v=jybtrhJqgSA

You are expected to consider the following • Technics support idea • Timing • Object movement • Frame movement • Transitions

Iat202lecture 03 fin

Widescreen Test Pattern (16:9) Aspect Ratio Test (Should appear circular) 4x3 16x9

Iat 202 lecture 03