IAT100 D100 Digital Image Design

I AT100 D100 D ig i ta l Image De s ign

Week 9 :

Co re p r i n c ip l e s i n mo t i on de s ign

ACTIVITY: LAB PREP HOMEWORK

1.  http://aeteacher.com/5-important-animation-principles-for-motion-graphics.html (review) And Lynda.com tutorials

2.  Select 4 words that demonstrate an emotion word (such as tension) 3.  Apply animation principles to abstract shapes. 4.  Use concepts taught in Lecture such as ease in and out and timing.

Due this week before Week 9 lab: Watch After Effects tutorial posted in Canvas Week 8.

Week 9 Homework

PROJECT 3 DESIGN PROCESS ¨  I D E A / C o n c e p t = c l a r i f y a n d i n t e n s i f y f o r y o u r

a u d i e n c e ¤  W r i t e a n o u t l i n e

¨  M a t e r i a l s : G a t h e r w h a t y o u w i l l b e w o r k i n g w i t h - -d r a w i n g s , p h o t o s , e t c . ¤  S t o r y b o a r d

¨  P l a n m o t i o n s : o b j e c t , f r a m e , t r a n s i t i o n s

¤  M a p o r o u t l i n e y o u r p r o j e c t s t e p b y s t e p

OBJECT MOTION

¨  A s k ¤  W h a t i s m o v i n g ? ¤  H o w i s i t m o v i n g ? ¤  W h y i s i t m o v i n g ?

¨  M o t i o n ¤  S u p p o r t s t o r y / i n t o n a t i o n o f v o i c e ¤  O r t e l l i t s o w n s t o r y ( c o u n t e r t o

v i s u a l s )

¨  G o a l ¤  To c l a r i f y a n d i n t e n s i f y y o u r

m e s s a g e f o r y o u r a u d i e n c e

KINETIC TYPOGRAPHY

¨  h t t p : / / v i m e o . c o m / 6 3 6 3 1 5 1 4

MOTION GRAPHICS

¨  h t t p : / / w w w. s f u . c a /~ h m a r e c k / i a t 1 0 0 /p r o j e c t 3 . h t m l

CORE PRINCIPLES (OR HOW TO MAKE IT INTERESTING)

•  Squash and St re tch •  Ant ic ipat ion •  Fol low through •  Slow in / s low out •  Timing •  Secondary ac t ion (o r ac t ion/ react ion)

SQUASH & STRETCH

¨  Give we igh t and f l ex i b i l i t y t o ob jec t s

¨  Vo lume does no t change when squashed o r s t r e t ched ¤  ( C h a n g e s i n s i z e d e n o t e

d i s t a n c e a n d p e r s p e c t i v e )

¨  S imp le ob jec t s ¨  Comp lex muscu la tu re

ANTICIPATION

¨  Prepare the audience for an act ion ¤  M a k e s t h e a c t i o n s e e m m o r e r e a l i s t i c ¤  E x a m p l e s :

n  D a n c e r b e n d i n g k n e e s n  C h a r a c t e r l o o k i n g o f f s c r e e n n  Z o o m i n t o a n o b j e c t a c h a r a c t e r i s a b o u t t o p i c k u p

¨  Lack of Ant ic ipat ion creates ant ic l imax and surpr ise.

SECONDARY ACTION

¨  Heightens interest and adds real is t ic complexi ty

¨  Careful of Conf l ic t ¤  S h o u l d n o t i n t e r f e r e

¨  Facial Animat ion ¤  B e f o r e o r A f t e r A c t i o n

SLOW IN, SLOW OUT

¨  Acce le ra t ion / Dece le ra t ion ¨  Objec ts s low down as they

approach the i r des t ina t ion ¨  Ease in / Ease ou t

EXAGGERATION

¨  A per fect imi tat ion of real i ty can look stat ic and dul l

¨  Uncanny Val ley ¨  Essence ¨  Balance

TECHNICS: TIMING

¨  T i m i n g : A v a r i e t y o f s l o w a n d f a s t t i m i n g w i t h i n a s c e n e a d d s t e x t u r e a n d i n t e r e s t t o t h e m o v e m e n t .

HOW

Weigh t , f o r ce + g rav i t y =

¨  R e d = e a s e i n a n d e a s e o u t + a n t i c i p a t i o n ( d r a w s b a c k ) .

¨  B l u e = e a s e i n + a n t i c i p a t i o n ( s l o w s a t m i d d l e ) * c o u l d h a v e a d d e d s q u a s h a n d s t r e t c h .

TECHNICS: TIMING

Fr ic t ion , fo rce + grav i ty

=

¨  Ye l l o w = e a s e i n a n d e a s e o u t + a n t i c i p a t i o n ( d r a w s b a c k ) .

¨  R e d B a l l = e a s e i n + e a s e o u t , B l u r , s q u a s h a n d s t r e t c h a n d r e a c t i o n .

OPTION: VELOCITY

¨  Linear: s teady uni form pace ¨  Non- l inear: changes (natural ) ¨  Altered: s low mot ion, fast

mot ion & f reeze f rame

BUILD SUSPENSE

https://www.youtube.com/watch?v=T1EgC_08LII

HAVE OBJECTS INTERACT

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

OPTIONS: MOVE IT AROUND

Translation: or the change of position:

Rotation: or the change of direction

OPTION: CHANGE THE DIRECTION

Dilation: or the change of size

OPTION: CHANGE THE SIZE

COMBINE ALL THREE + TIMING

AND KEEP IT MOVING

https://www.youtube.com/watch?v=KZuuKbzpBjM

OBEY DESIGN PRINCIPLES

¨  http://www.youtube.com/watch?v=PBsek_HRsa8

OBJECTS WITHIN THE FRAME

¨  Consider : ¤  P o s i t i o n ¤  S i z e ¤  O r i e n t a t i o n o f e l e m e n t s ¤  D i r e c t i o n : l i n e a r o r n o n - l i n e a r ¤  R e l a t i o n s h i p o f m o v e m e n t t o f r a m e ¤  Ve l o c i t y ¤  A m p l i t u d e ¤  R e l a t i v e s c a l e

OBJECTS WITHIN THE FRAME

Remember ¨  Always be aware o f your cen te r o f i n te res t ¨  Movement t rumps every th ing e lse ¨  Mot ion can be a d is t rac t ion when ob jec ts

a re no t choreographed w i th in ten t ion

ACTIVITY – LAB PREP

With a partner note (with direction arrows) every aspect of this image you could animate in AE. (you will be animating this image in class this week)

TURN YOUR CLICKERS ON

ICLICKER ACTIVITY – LAB PREP

What cannot be animated in this image? a)  Flags b)  Flag poles c)  Horse’s head d)  Horse’s feather e)  All of the above

ICLICKER ACTIVITY – LAB PREP

What can be animated in this image? a)  Windows b)  Flag poles c)  Carriage wheels d)  Trees in the background e)  None of these can be

animated

ANIMATION PRINCIPLE?

A.  Anticipation B.  Follow through and overlapping action C.  Slow in and slow out D.  Secondary action E.  Squash and stretch

ANIMATION PRINCIPLE?

E. Squash and Stretch

COLLAGE

http://www.runwrake.com/

IAT 100 LECTURE 05

f in

Widescreen Test Pattern (16:9)

Aspect Ratio Test

(Should appear circular)

16x9

4x3