I AT 1 0 0   D 1 0 0  W e e k   8  

I n t r o d u c t i o n   t o   M o t i o n   G r a p h i c s      

 

I n t ro   to  mot ion  g raph ics  and  key   ideas  taught   in  weeks  9 -­12  Overv iew  o f  Pro jec t  3    Examine   sample  work  

Make   s u r e   y o u   c omp l e t e   t h e  A f t e r   E f f e c t s   t u t o r i a l s  l i n k e d   i n  Wee k   8   b e f o r e   l e c t u r e   n e x t   wee k    

David LaChapelle on photography and digital technology: Well the computer is slave to the camera, because without a good photograph all the technology in the world doesn't take a good picture. You have to have a good photograph to begin with. http://www.designboom.com/eng/interview/lachapelle.html

a ) I s  comple te  and   ready   fo r  c r i t i que  b ) I s  near ly   comple te   ( j us t  a   few  ed i t s )  c ) Needs  a   lo t  more  work  d ) I s  no t   c lose   to  be ing  comple ted  

 

1. Assignment 3: Instructions posted in Canvas this week 2. Type: motion graphics 3. Theme: Creating e/Motion

1. Adaptation of Web Comic 2. Kinetic Typography (speech or song)

4. Format: motion graphics (includes graphical elements (drawing, photography, computer generated), Adobe After Effects

5. As with all projects, all content must be original and made by members of your team.

6. Submission: On-line, posted to your SFU webspace Due: Week 13 , presented and critiqued in class Teams: 1 -2 students

 Mot ion   i s  a  un i ve rsa l   l anguage   t ha t   can  have  

-­   Jon  K rasne r       K ine t ic   a r t   i s  a r t   f r om  any  med ium   tha t  con ta i ns  movemen t   pe rce i vab le  by   t he   v i ewe r  o r   depends  on  mo t i on   f o r   i t s   e f f ec t   t o   se rve  commun i ca t i on .      

http://www.fastcodesign.com/1665198/the-history-of-motion-graphics-is-longer-than-you-think-video

   h t t p : / / www. s f u . c a / ~ hma r e c k / i a t 1 0 0 / p r o j e c t 3 . h tm l    

Create the next iteration of your Project 2 web comic using motion graphics

h t t p : / / w ww. y o u t u b e . c o m / w a t c h ? v = B p 7 0 h K r x E YY  h t t p : / / v i m e o . c o m / 4 0 0 6 3 3 5 0  h t t p : / / w ww . y o u t u b e . c o m / w a t c h ? v = 8 Y 9 B J 6 i l o R o & f e a t u r e = y o u t u . b e  h t t p : / / v i m e o . c o m / 6 3 6 3 1 5 1 4  h t t p s : / / v i m e o . c o m / 7 1 5 2 5 6 5 8            

Interpret a speech or spoken word using kinetic type Have a mix of images and text. Movement is choreographed around text, and tone, pitch, cadence of speech. Movement (object, frame, transitions) should emphasize content of the speech. Pick content with contrast

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

h t t p : / / v i m e o . c o m / 3 9 8 2 5 9 3 6  

h t t p : / / w w w . y o u t u b e . c o m / w a t c h ? v = f n 0 w x A a Q e j I    

h t t p : / / w w w . y o u t u b e . c o m / w a t c h ? v = N n M m N -­ M D p M 0 & f e a t u r e = y o u t u . b e  

 h t t p : / / v i m e o . c o m / 7 1 3 8 4 9 0 3  

 

 

 

 

 

Interpret a song using kinetic type Have a mix of images and text. Movement is choreographed around text, and the beat, rhythm, cadence of the song. Movement (object, frame, transitions) should emphasize content of the song. Pick content with contrast

A ) Animate  my  project  2  web  comic  B ) Animate  a  speech  or  spoken  work  C ) Animate  a  song    

h t t p : / / v imeo . c om / 2 4 222149    h t t p : / / v imeo . c om / 3 3434885    

Components:    Mo t i o n  o f   o b j e c t s  w i t h i n   t h e   f r ame  Mo t i o n  o f   t h e   f r ame   ( f r ame  mob i l i t y )  Tr ans i t i o n s  be tween   s cenes    

       

http://vimeo.com/43203526

http://vimeo.com/13064471

http://watchthetitles.com/articles/0070-Thank_You_for_Smoking

h t t p : / / www. w a t c h t h e t i t l e s . c om / a r t i c l e s / 0 0 2 2 8 -­T h e _D a r k _ K n i g h t _ R i s e s  

Mot ion  g raph ics  a re  g raph ics   tha t  use  v ideo /o r  an imat ion   techno logy   to  c rea te   the   i l l us ion   o f  mot ion  o r  a  t rans fo rm ing  appearance .  

 V i sua l   l i t e racy   i s  how   an   image   commun i ca tes  (o f t en  used  synonymous l y  w i t h   compos i t i on ) .  

 Mo t i on   l i t e racy   i s  how  mo t i on   commun i ca tes  

      ( t he   ru l es ,   gu i de l i nes  o r   accep ted  p rac t i ces ) .      The re   a re   two   t ypes  o f  mo t i on :    

O b j e c t    C am e r a   /   f r am e .      

 

Object  movement   is  created  by:  Change   i n   pos i t i on   ( space )  Change   i n   opac i ty   ( l i gh t )    Change   i n   s ca l e   ( s i ze )    

Frame  motion  mimics  camera  movement  and   is  created  by:  Pans    Zooms  *Ca l l ed   Ken  Bu rns   e f f e c t .      

http://www.fastcodesign.com/1665198/the-history-of-motion-graphics-is-longer-than-you-think-video

http://amycanwrite.wordpress.com/2010/06/09/movie-poster-fun-time/

Saul Bass (1920-1996) American graphic designer and Academy Award winning filmmaker, best known for his design of motion picture title sequences, film posters, and corporate logos. Wikipedia

Pictured are still frames from the opening title sequence for the motion picture The Man With The Golden Arm that Saul Bass designed in 1955. The white lines moved on screen around the text into different geometric patterns until finally coming together to form a graphic of a twisted arm.

https://www.youtube.com/watch?v=E3-vsKwQ0Cg/

(1914-1987) Canadian animator and film director known for his drawn on film animation. Wikipedia

http://drnorth.wordpress.com/2010/12/04/the-significance-of-sound-in-norman-mclaren%E2%80%99s-films/

Line and shapes communicate and connote meaning.

Automatic Writing - William Kentridge http://www.youtube.com/watch?v=OmvK7A84dlk

D i r e c t   o n   f i lm   /   v e c t o r  an ima t i o n s  Co l l a ge  and  m i xed  med i a   /   Pho t o shop   l a ye r s   t o  AE  S t op  mo t i on   /   d i g i t a l   p ho t og r aphy  and   Pho t o shop  /AE  

http://www.runwrake.com/ http://www.youtube.com/watch?v=fw3XyOyl47Q

Good   l u c k  w i t h   you r  P r o j e c t   2 !  Be   on   t ime   f o r   t h e   l a b   c r i t s   t h i s  week  Beg i n   t h i n k i ng  abou t   you r   f i n a l   p r o j e c t   and  wha t  

 Comp l e t e  A f t e r  E f f e c t s   t u t o r i a l s   i n   p r epa r a t i o n   f o r  nex t  weeks   l e c t u r e  and   l a bs  

 

f in  

Widescreen Test Pattern (16:9)

Aspect Ratio Test

(Should appear circular)

16x9  

4x3