Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Learning Together: Motion Infographics


Published on

Learn what motion infographics are, what makes them great, and how you can use them for your business.

Presented by:
Barry Saiff - Founder and CEO, Saiff Solutions, Inc.
Sai Salgado - Graphics Manager, Saiff Solutions, Inc.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Learning Together: Motion Infographics

  1. 1. Your Host Scott Abel aka “The Content Wrangler” Internationally recognized content strategist Helps organizations deliver the right content to the right audience, anywhere, anytime, on any device Featured presenter at content industry events Serves on the faculty of the University of California, Berkeley, School of Information.
  2. 2. Your Speaker Barry Saiff 35 years in technical documentation Led content development teams at Symantec, Oracle, IBM, and GE Founded Saiff Solutions in 2011 Provides technical writing services to large enterprises in Australia, Japan, Canada, US
  3. 3. Your Speaker Sai Salgado 3+ years graphic design and technical illustration experience. Graduate from Lyceum of the Philippines University - Cavite with a bachelor's degree in Multimedia Arts. Excellent technical illustrator, designer, mentor, and manager.
  4. 4. Agenda ● Motion Infographic Samples ● Motion Infographic: Our Output ● Motion Infographics Overview ● Skill Requirements ● Applications Used ● Source File ● How are Motion Infographics Made? ● Before and After Comparison Proj
  5. 5. Polling Question 1 What are your biggest challenges in educating your audiences? A. Short attention spans for text B. Lack of graphical content C. Organizing information to be useful D. Difficulty in producing videos E. Other Proj
  6. 6. Motion Infographic Samples 1. How a Car Engine Works 2. Cheetah: Natures Speed Machine 3. Ford Ecoboost
  7. 7. Motion Infographic: Our Output
  8. 8. Motion Infographics Overview Infographics: ● Explain a process or procedure to audiences in a creative way ● Help viewers absorb a large amount of information with minimal text Motion Infographics: ● Add motion (animation) to infographics ● Bring the pictures to life ● Dramatically improve learning
  9. 9. Skill Requirements for Creating Motion Infographics ● Creativity and imagination ● Patience and attention to detail ● Computer literacy ● Familiarity with graphics software ● Flexibility ● Accuracy ● Typography
  10. 10. Applications Used ● Autodesk Maya: 3D Modeling and animation ● Adobe Illustrator CC 2018: Illustration ● Adobe AfterEffects CC 2018: 2D Animation ● Adobe Media Encoder CC 2018: Compress video file size ● Adobe Photoshop CC 2018: Render as .GIF file
  11. 11. Source File
  12. 12. How are Motion Infographics Made? Creating the 3D Model ● Used Autodesk Maya to create a 3D Model of the Engine Cooling Fan ● Added 3D animation to rotate the fan - 24fps ● Used Maya Vector to render as image sequence
  13. 13. How are Motion Infographics Made? Creating illustrations ● Used Adobe Illustrator CC 2018 to recreate illustrations based on the source file/s
  14. 14. How are Motion Infographics Made? Adding graphics ● Used Adobe After Effects CC 2018 to add text and graphics ● Imported the image sequence as footage ● Used Adobe Media Encoder CC 2018 to render as .Mp4 file to reduce the file size without compromising quality
  15. 15. How are Motion Infographics Made? Saving as .GIF file ● Used Adobe Photoshop CC 2018 to to save output as .GIF file ● Imported video frames as layers ● Exported as .GIF file
  16. 16. Before and After Comparison BEFORE AFTER
  17. 17. How Can We Help You? If Saiff Solutions could assist you in overcoming your challenges, would you be interested in a free consultation? A. Yes, please contact me directly. B. Not right now, but please send me more information about Saiff Solutions’ services. C. No, thank you.