際際滷

際際滷Share a Scribd company logo
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.
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
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.
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
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
Motion Infographic Samples
1. How a Car Engine Works
2. Cheetah: Natures Speed Machine
3. Ford Ecoboost
Motion Infographic: Our Output
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
Skill Requirements for Creating Motion
Infographics
 Creativity and imagination
 Patience and attention to detail
 Computer literacy
 Familiarity with graphics software
 Flexibility
 Accuracy
 Typography
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
Source File
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
How are Motion Infographics Made?
Creating illustrations
 Used Adobe Illustrator CC 2018 to
recreate illustrations based on the
source file/s
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
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
Before and After Comparison
BEFORE AFTER
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.

More Related Content

Learning Together: Motion Infographics

  • 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. 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. 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. 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. 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. Motion Infographic Samples 1. How a Car Engine Works 2. Cheetah: Natures Speed Machine 3. Ford Ecoboost
  • 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. Skill Requirements for Creating Motion Infographics Creativity and imagination Patience and attention to detail Computer literacy Familiarity with graphics software Flexibility Accuracy Typography
  • 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
  • 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. How are Motion Infographics Made? Creating illustrations Used Adobe Illustrator CC 2018 to recreate illustrations based on the source file/s
  • 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. 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. Before and After Comparison BEFORE AFTER
  • 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.

Editor's Notes

  • #5: Your openness to questions. Why arent they asking enough questions? How do you respond to questions that seem pointless? Are you open to people who think differently? Are all questions welcome?
  • #9: https://biteable.com/blog/inspiration/what-is-motion-graphics/ https://www.lifewire.com/what-are-motion-graphics-4056786 http://www.editsuitesonline.com/what-is-motion-graphics/ https://thecontentwrangler.com/2016/06/28/animated-infographics/# https://www.columnfivemedia.com/3-ways-to-bring-your-animated-infographic-to-life-through-motion-graphics
  • #13: A step by step guide? Or like a summary on how Motion Infographics are made?
  • #14: A step by step guide? Or like a summary on how Motion Infographics are made?
  • #15: A step by step guide? Or like a summary on how Motion Infographics are made?
  • #16: A step by step guide? Or like a summary on how Motion Infographics are made?