1 / 41

Iat 100 lecture 08

Iat 100 lecture 08. Reminder Project 2 due this week Project 3 Intro History of Motion Graphics. Survey summary.

Download Presentation

Iat 100 lecture 08

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 lecture 08 • Reminder Project 2 due this week • Project 3 Intro • History of Motion Graphics

  2. Survey summary • More Photoshop.  By far the most asked for request was for more Photoshop tutorials and / or more detailed technical training. In response to this you have an additional Photoshop lesson (week 11) in your Lab.  Please let your TA know if there is some area that you are having trouble with that you would like to see reviewed.  There will also be more time spent on software (After Effects) in the Labs for the remaining weeks of the course. I would strongly suggest you take advantage of the Lynda.com tutorials. • More student examples. I have a number of examples I will be showing tomorrow for the third project. One of the short comings of showing student examples is that they can overly influence other student projects. I strive for a balance of giving students an idea of the quality that is being expected without prescribing a set style or approach. One student had an excellent suggestion of not only showing examples but also common pitfalls. I will be covering this for the next project. • More feedback on previous work. Some of you wanted more feedback on you work. Detailed feedback is given in person due to the visual nature of the work. Please come either to my office hour, for quick comments speak to me after the Lecture or go to your TA office hour. I would be happy to go over your work with you. • Feedback on last project. There are no more small weekly projects in the course. You will be working on drafts of your final. Bring these to your Lab each week to get feedback as you progress. • ***answers to more specific questions will be addressed via Canvas Announcement.

  3. Survey response • TechBytes – Photoshop to AE • Wed • 12:30 • SUR 3140

  4. Assignment specifications Assignment 3: Type: motion graphics Theme: Kinetic Typography (animated mix of images and text that capture the intonation of voice) Format: motion graphics: include typography, photographs, drawings (hand or by computer). As with all projects, all content must be original and made by members of your team. Submission: On-line, posted to your SFU webspace Due: Week 13 Lab Team of 2 students.

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

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

  7. Object motion http://vimeo.com/43203526

  8. frame motion http://www.youtube.com/watch?v=DHKBIKv0HjA&feature=related

  9. cuts and transitions • http://www.watchthetitles.com/articles/00228-The_Dark_Knight_Rises

  10. You might make a kinetic type project • Have a mix of pictures and text. • Movement is choreographed around text. • Movement (object, frame, transitions) should emphasis content. • Pick content with contrast • Student examples: • http://vimeo.com/40136487 • http://vimeo.com/40063350http://vimeo.com/39825936 • http://www.youtube.com/watch?v=vRw9zHRNX9s • http://www.youtube.com/watch?v=Bp70hKrxEYY • http://www.youtube.com/watch?v=9JectGiERIc • Other examples: • http://www.theinspirationblog.net/showcases/top-10-kinetic-typography-videos-on-the-web/ http://www.dump.com/bestkinetic/

  11. Kinetic typography • http://www.youtube.com/watch?v=aiKXVYF6-hY • http://www.youtube.com/watch?v=WVFYSShWFnM&feature=relatedhttp://www.sfu.ca/~dha43/IAT100/project3/

  12. Text could be a poem or story • Have a mix of pictures and text. • Movement is choreographed around object or character • Movement (object, frame, transitions) should emphasis content. • Pick content that has a simple message (do not try to recreate a film). • Student examples: • http://vimeo.com/40119991 • http://vimeo.com/39987817 • http://www.sfu.ca/iatwork/202/summer2010/project1/ • Other examples: • http://www.youtube.com/watch?v=Rb5ovZ6XJPk • http://www.runwrake.com/ https://www.youtube.com/watch?v=ldf2zjek-sU&feature=related

  13. Motion graphic definition • Motion graphics are graphics that create the illusion of motion or a transforming appearance.

  14. What is motion literacy • Visual literacy is how an image communicates (often used synonymously with composition). • Motion literacy is how motion communicates. • There are two types of motion: object or camera / frame.

  15. Motion literacy components • Object movement may is created by: • Change in position • Change in opacity • Change in scale • Frame motion mimics camera movement and is created by: • Pans • Zooms • *Called Ken Burns effect.

  16. history: Graphic design Abstract art Modernist art Experimental animation Commercial film

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

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

  19. Motion graphic history – fine art animation Beat the Whites with the Red Wedge https://www.youtube.com/watch?v=E3-vsKwQ0Cg/ the intrusive red wedge symbolises the bolsheviks, who are penetrating and defeating their opponents, the White movement, during the Russian Civil War.

  20. Language of motion

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

  22. Forget the movie, watch the titles Selection of title sequences from: http://www.watchthetitles.com/collections/Motion_Graphics

  23. ANIMATIO OR MOTION GRAPHIC? http://vimeo.com/channels/rainydayschannel/5860927

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

  25. Ways to create • Direct on film / vector animations • Collage and mixed media / photoshop layers to AE • Stop motion / digital photography and photoshop /AE • Rotoscoping.

  26. Ways to make animation: Direct on Film Len Lye: Swinging the Lambeth Walk

  27. Collage and mixed media adventures of prince achmed 1930’s LotteReiniger

  28. Collage and mixed media • http://thisisdk.com/work/find

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

  30. Free hand animation Humorous Phases of Funny Faces 1906 http://www.youtube.com/watch?v=8dRe85cNXwg

  31. Free hand animation Automatic Writing - William Kentridgehttp://www.youtube.com/watch?v=OmvK7A84dlk

  32. Traditional stop frame animation Storytime. Terry Gilliam. 1968Recent film: The Imaginarium of Doctor Parnassus

  33. Background is fairly static

  34. Sound effects tell the story http://www.youtube.com/watch?v=6KUqHzk26kI

  35. Collage http://www.runwrake.com/

  36. rotoscoping

  37. Where do ideas come from?

  38. Other examples

  39. Motion graphics + technology Motion graphics are quickly becoming one of our most pertinent forms of storytelling. “Media provides us with a window back into the world that we live in.” McCloud in Ted Lectures

  40. Iat 100 lecture 04 Intersession fin

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

More Related