1 / 38

IAT 100 week 09

IAT 100 week 09. Core principles in motion design . Activity wk9: in Lab . http://aeteacher.com/5-important-animation-principles-for-motion-graphics.html (review) And Lynda.com tutorials Select 2 words that demonstrate an emotion word (such as tension)

barton
Télécharger la présentation

IAT 100 week 09

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. IAT 100 week 09 • Core principles in motion design

  2. Activity wk9: in Lab http://aeteacher.com/5-important-animation-principles-for-motion-graphics.html (review) And Lynda.com tutorials Select 2 words that demonstrate an emotion word (such as tension) Apply animation principles to abstract shapes. Use concepts taught in Lecture such as ease in and out and timing.

  3. Homework • Storyboard project 3. • Draw – even if you can’t. • Scale is more important then accuracy. • Make note of movements with arrows. Both frame and object.

  4. What is kinetic typography • What: Moving words often mixed with some imaginary. • Goal: animate the words so that they express what is being said. • How… today.

  5. Prehistory Borrowed from experimental animation, film, and graphic design (to a lesser extent fine art). A modern replica of a Victorian zoetrope View: http://www.youtube.com/watch?v=-3yarT_h2ws

  6. Motion graphic history – experimental animation https://www.youtube.com/watch?v=E3-vsKwQ0Cg/

  7. Motion graphic history – fine art animation https://www.youtube.com/watch?v=E3-vsKwQ0Cg/

  8. Motion graphic History: title sequences 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. http://www.youtube.com/watch?v=eGnpJ_KdqZE

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

  10. ANIMATIOnOR MOTION GRAPHIC? http://vimeo.com/channels/rainydayschannel/5860927

  11. Collage: Object movement: scale, position, rotation, Size http://www.youtube.com/watch?v=Rb5ovZ6XJPksd

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

  13. Object motion • Ask • What is moving • How it is moving • Motion • Support story / intonation of voice • Or tell its own story (counter to visuals) • Goal • To clarify and intensify for your audience

  14. Core principles (or how to make it interesting) • Anticipation • Follow through • Slow in and slow out • Squash and Stretch • Secondary action (or action and reaction) All these equal = Timing. *** these are part of a larger set, 12 principles of animation.

  15. Squash & Stretch • Give weight and flexibility to objects • Volume does not change when squashed or stretched • (Changes in size denote distance and perspective) • Simple objects • Complex musculature

  16. Anticipation • Prepare the audience for an action • Makes the action seem more realistic • Examples: • Dancer bending knees • Character looking off screen • Zoom into an object a character is about to pick up • Lack of Anticipation creates anticlimax and surprise.

  17. Secondary Action • Heightens interest and adds realistic complexity • Careful of Conflict • Should not interfere • Facial Animation • Before or After Action

  18. Slow In, Slow Out • Acceleration / Deceleration • Objects slow down as they approach their destination • Ease in / Ease out

  19. Exaggeration • A perfect imitation of reality can look static and dull • Uncanny Valley • Essence • Balance

  20. Lynda.com authorChadPerkinssubjectVideosoftwareAfter EffectsCS3 http://www.lynda.com/After-Effects-CS3-tutorials/professional-essential-training/441-2.html?w=1

  21. Principles and motion graphics • Tools: Anticipation, easing, exaggeration… • Goal: decide on communication intent and apply tools to create the right “timing”

  22. Key frames • https://www.youtube.com/watch?v=DvsefoCU4as

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

  24. 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.

  25. 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.

  26. Change Velocity • Linear: steady uniform pace • Non-linear: changes (natural) • Altered: slow motion, fast motion & freeze frame

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

  28. Have objects interact https://www.youtube.com/watch?v=CC9CWTEKurs

  29. Have objects move around

  30. Combine all three + timing

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

  32. Obey design principles

  33. objects within the frame • Consider: • Position • Size • Orientation of elements • Direction: linear or non-linear • Relationship of movement to frame • Velocity • Amplitude • relative scale

  34. TURN YOUR CLICKERS ON

  35. Animation principle? Anticipation Follow through and overlapping action Slow in and slow out Secondary action Squash and stretch

  36. Animation principle? E. Squash and Stretch

  37. Iat 100 lecture 05 fin

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

More Related