iat100 d100 digital image design
Post on 05-May-2022
9 Views
Preview:
TRANSCRIPT
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
top related