Creating an Effective Graphic and Motion Graphic Design for Your Idea

Talk conducted during Xavier University Junior High School TLE Weeks 2016 at Xavier University Nursing Amphitheater, Corrales Avenue, Cagayan de Oro on December 3, 2016.

Transcript

2. www.marcreyes.me blog.marcreyes.me marcreyesmedia@gmail.com marcreyes@thecrusaderpublication.com
14. design Not knowledgeable about at first
15. Design* It took me days to weeks to finish a *when I tried to Photoshop
16. an artist MIT helped me improve as and as a student leader
17. high school Started motion graphics in third year
18. perfect* Practice makes * yeah, really
19. STEP 2015 Started to make MG for
20. by Ollie Johnston & Frank Thomas
21. This action gives the illusion of weight and volume to a character as it moves.
22. This movement prepares the audience for a major action the character is about to perform.
23. It communicates to the audience the attitude, mood, reaction or idea of the character as it relates to the story.
24. Straight ahead animation starts at the first drawing and works drawing to drawing to the end of a scene.
25. When the main body of the character stops, all other parts continue to catch up.
26. Slow-ins and slow-outs soften the action, making it more life-like.
27. All actions, with few exceptions, follow an arc or slightly circular path. They give the animation a more natural action and a better flow.
28. This action adds to and enriches the main action and adds more dimension to the character animation.
29. A variety of slow and fast timing within a scene adds texture and interest to the movement.
30. It’s like a caricature of facial features, expressions, poses, attitudes and actions.
31. The basic principles of drawing form, weight, volume solidity and the illusion of three dimension apply to animation.
32. Like all forms of storytelling, the feature has to appeal to the mind as well as to the eye.
34. After Effects (commonly referred to as AE) is the flagship program for motion graphics. It allows users to animate, alter, and composite media in 2D and 3D space.
35. This software is used among nearly every 2D or 3D computer graphics pipeline and motion designers are no exception.
36. Illustrator is an advanced vector-based software from Adobe’s Creative Cloud. It has a very powerful and sophisticated vector drawing tools, as well as advanced type tools that are great for creating graphics for your motion designs.
37. Autodesk is a leader in 3D design, engineering, and entertainment software. Here, you can manipulate your motion graphic assets in 3D space.
38. CINEMA 4D is a 3D modeling, animation, and rendering application developed by MAXON. One major draw for CINEMA 4D is the CINEWARE pipeline that is integrated into After Effects. With CINEWARE you are able to import CINEMA 4D scenes and assets into After Effects.
39. with Adobe ® After Effects
40. In After Effects there is only ever one project open, which acts as a container for all of the compositions and other files needed which are all situated and accessed in the Project Panel.
41. Layers can be • parented to one another via the small 'pickwick' or dropdown, which can be great for animating. • hidden from the timeline when not required via the 'shy' button. Animation curves are also available here for when fine control of animation falloffs are required.
42. Expressions are a simple scripting language which allows much more granular control of parenting a layers attributes to another in the same or different composition.
43. Creating kinetic typography with After Effects is great fun. It is easy to create a wide range of animations both in 2D and 3D because text in After Effects is able to follow 3D paths.
44. Shape Layers in After Effects allow the creation of vector shapes, and with After Effects bezier tool selectors is 'almost' a mini Illustrator.
45. For a long time After Effects was a 2.5D application, which meant that it could manipulate flat layers in 3D space, but in the last couple of versions, it is possible to create true 3D objects based on splines or Shape Layers in After Effects and light it interactively using the After Effects lighting system.
46. Instead of looking for another application, check out the huge range of After Effects plugins to see if you can find one that does what's needed.
49. work Plan out your
50. time Use 2D effects to save
51. style Decide on a
52. clear Make it
53. break Take a
54. practice Practice, practice,
55. Marc Reyes www.marcreyes.me blog.marcreyes.me marcreyesmedia@gmail.com marcreyes@thecrusaderpublication.com