Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Creating Animated Content
with Moovly
Training Workshop
Geert Coppens
Co-Founder, Moovly
October 2014
Agenda
Part 1: Working with Moovly
• The Moovly Editor
• Styles and colors
• Uploading media
• Advanced Features
• The Moo...
Introduction
• About Moovly
• The power of animation
• Democratizing animation
• Application areas
– Company and product v...
What can you make with Moovly?
Animations, videos, banners, music video clips, commercials, info graphics,
photo animation...
Requirements
• Moovly is browser-based
• Windows-PC or Mac
• Chrome, Internet Explorer, Firefox, Safari
• Moovly Editor is...
PART 1: Working with Moovly
Getting Started
• Creating an account
• Managing your profile via Manage -> Profile
Moovly Licenses
Free Plus Pro Business Agency
INDIVIDUALS ORGANIZATIONS
Creating a new Moov
The Moovly Editor
Libraries
The “Stage”
Timeline
Save
Properties
Tips
Thumbnails and
scenes
Upload pictures
and sound
Adjusting the Editor
ZoomMoving the Stage
The Libraries
• The Moovly Libraries
– Doodle Marker
– Info graphics
– Colorful Cartoon (Plus)
– Cut-Out (Pro)
• Personal ...
Manipulating Objects
Flip
Rotate
Resize
Cut and paste
UNDO
Selecting and aligning multiple objects
Click on the first object, hold Shift and click on the second object
Working with Text
Text background can be filled with color and be made transparent
The Color Picker
Last used colors
Pick (copy)
existing color
Exact color code
Layers on the Timeline
Objects in higher
layers are in front of
lower ones
Animations on the Timeline
Direction: in Properties
The Move and Zoom animation
Starting position End position
- Intermediate positions also possible!
- Rotations too
- Remov...
Upload media to your Personal Library
Video
Picture
Sound
Record using microphone
Refresh after
import of objects
from Mar...
Advanced Moovly Features
• Editing Sound
• Working with scenes
– Simplifying the Timeline
– Inserting and removing “time”
...
Managing Sound
Adjust length
Adjust volume level
Right-click to split sound
Adding Voice-Over
• Record yourself or have it
recorded
• OR: first record yourself, later:
– Voice of a colleague
– Profe...
Locking an Object/Layer
• Lock = no changes possible
• Object not clickable
• Use when an object is covering others or sho...
Selecting multiple objects on the Timeline
• Hold Shift and click
• Shift horizontally: relative timing is respected
Working with Scenes
• What is a Scene?
– A short piece of content
– Typically an isolated part, a chapter, a complex anima...
Adjusting the scene length
All objects starting on the right-hand side of the edge shift with it
Objects left of the borde...
What sits within a scene?
• All objects (graphics, sound…) of which the
start and end falls between the scene edges
When m...
Splitting scenes
Click right in the thumbnail zone:
Moving, cutting, copying
and pasting scenes
Or use Ctrl-C, Ctrl-X, Ctrl-V
Copy Scenes to Personal Library
• = Pro feature
• Save scenes for later use
• Copy content from one moov to another
Use Saved Scenes
Simplifying the Timeline
Remove to only show the objects of the active scene
Presentation Mode
Pins indicate where video will pause
Click here to insert a
pin (= a stop) at the
Timeline marker.
Prese...
Dimensions and resolutions
Dimensions and resolutions
1920 x 1080
1280 x 720
720 x 480
480p
720p
1080p
Replacing Objects (Swap Object)
While keeping (standard) animations, color, position and timing
Uploading video
Max size per clip: 15MB
= typically 30 to 45 sec in MP4 (compressed)
Formats: FLV, MOV, MP4, AVI, WMV, M4V
Using the Moovly Marketplace
• Graphical Objects
• Music and Sounds
• Templates
• Future:
– Voice-over services
– Other se...
Using or earning credits
The Details Screen
Changing title and description:
Exporting (Download/Publish)
Sharing moovs (including source)
PART 2: From Script to Animation
Storyboard
Animation
Programming
Production process
Voice over
Analysis
Script
Professional/Custom made
Script AnimationVo...
Linear content processing
Chapter 1 Chapter 3 Chapter 5Chapter 2 Chapter 4
User progress
Drop-off point
Helicopter view
CONTENT
Elevator pitch
Most important
CONTENT
Secundary info
CONTENT
Secondary
Most important
Pyramid model
Key
information
Secondary
information
Background info – reference material
Put the most important information
in the strongest/richest format
Text
Multimedia
High impact
Low
The Script
• = most important messages in powerful wording
• = your voice-over text
– 120 to 140 words per minute
– 3 minu...
Example structure of a script
• Introduction: context or case: 1 or 2 sentences
• What is this video about: 1 sentence
• M...
Example
Wireless networks are everywhere: at work, at home or in
public places. We usually talk about “Wifi”.
This video e...
The Production Process
• Choose a style
• Assemble your media and upload to Moovly
– Pictures
– Sound (voice, music, sound...
Styles and Colors
PART 2: Using Moovly in Education
Using Moovly in Education
• Flipping your classroom with animated video
– Editable educational videos
– Project work, assi...
The Teacher as a Moovly Group Manager
• Add, remove and manage Moovly accounts in
your group
• Control rights
• Start page...
Contact details
• www.moovly.com
• gcoppens@moovly.com
• Twitter: @moovly - @moovly4edu
• Facebook, Google+, LinkedIn…
MEDEAnet Workshop "Flip your classroom with animated videos using Moovly" on 9 october 2014 in Estonia
MEDEAnet Workshop "Flip your classroom with animated videos using Moovly" on 9 october 2014 in Estonia
MEDEAnet Workshop "Flip your classroom with animated videos using Moovly" on 9 october 2014 in Estonia
Prochain SlideShare
Chargement dans…5
×

MEDEAnet Workshop "Flip your classroom with animated videos using Moovly" on 9 october 2014 in Estonia

826 vues

Publié le

This workshop first took the participants through the basics of Moovly and let them create their first animated videos in just minutes. Next, an easy but straightforward methodology was discussed and applied to get from script to animation in the most effective way. This workshop covered many real application examples with students of all ages, from primary school to university and even adult education.

Publié dans : Formation
  • Soyez le premier à commenter

MEDEAnet Workshop "Flip your classroom with animated videos using Moovly" on 9 october 2014 in Estonia

  1. 1. Creating Animated Content with Moovly Training Workshop Geert Coppens Co-Founder, Moovly October 2014
  2. 2. Agenda Part 1: Working with Moovly • The Moovly Editor • Styles and colors • Uploading media • Advanced Features • The Moovly Marketplace Part 2: From Script to Animation • The creation process from A to Z • Writing scripts • Production • Content distribution Part 3: Using Moovly in Education • Flipping your classroom with animated video • The role of text books and publishers • Practical cases and examples • Q&A
  3. 3. Introduction • About Moovly • The power of animation • Democratizing animation • Application areas – Company and product videos (online, mobile, offline) – Communication, presentations – Tutorials, explainers, e-learning, education – Banners, narrowcasting, events – Contests, co-creation, brand activation – E-cards, job applications, info graphics, …
  4. 4. What can you make with Moovly? Animations, videos, banners, music video clips, commercials, info graphics, photo animations, presentations and other multimedia content = Moov(s)
  5. 5. Requirements • Moovly is browser-based • Windows-PC or Mac • Chrome, Internet Explorer, Firefox, Safari • Moovly Editor is Flash-based – > Editor does not (yet) work on iPad • Internet connection
  6. 6. PART 1: Working with Moovly
  7. 7. Getting Started • Creating an account • Managing your profile via Manage -> Profile
  8. 8. Moovly Licenses Free Plus Pro Business Agency INDIVIDUALS ORGANIZATIONS
  9. 9. Creating a new Moov
  10. 10. The Moovly Editor Libraries The “Stage” Timeline Save Properties Tips Thumbnails and scenes Upload pictures and sound
  11. 11. Adjusting the Editor ZoomMoving the Stage
  12. 12. The Libraries • The Moovly Libraries – Doodle Marker – Info graphics – Colorful Cartoon (Plus) – Cut-Out (Pro) • Personal Library – Individual uploads • Marketplace Objects Filter and search
  13. 13. Manipulating Objects Flip Rotate Resize Cut and paste UNDO
  14. 14. Selecting and aligning multiple objects Click on the first object, hold Shift and click on the second object
  15. 15. Working with Text Text background can be filled with color and be made transparent
  16. 16. The Color Picker Last used colors Pick (copy) existing color Exact color code
  17. 17. Layers on the Timeline Objects in higher layers are in front of lower ones
  18. 18. Animations on the Timeline Direction: in Properties
  19. 19. The Move and Zoom animation Starting position End position - Intermediate positions also possible! - Rotations too - Remove an intermediate position: Click position point in timeline + Delete
  20. 20. Upload media to your Personal Library Video Picture Sound Record using microphone Refresh after import of objects from Marketplace Remove
  21. 21. Advanced Moovly Features • Editing Sound • Working with scenes – Simplifying the Timeline – Inserting and removing “time” – Cut and paste scenes • Presentation Mode • Other dimensions/resolutions • Replacing Objects (swap) • Upload video clips
  22. 22. Managing Sound Adjust length Adjust volume level Right-click to split sound
  23. 23. Adding Voice-Over • Record yourself or have it recorded • OR: first record yourself, later: – Voice of a colleague – Professional voice
  24. 24. Locking an Object/Layer • Lock = no changes possible • Object not clickable • Use when an object is covering others or should remain untouched
  25. 25. Selecting multiple objects on the Timeline • Hold Shift and click • Shift horizontally: relative timing is respected
  26. 26. Working with Scenes • What is a Scene? – A short piece of content – Typically an isolated part, a chapter, a complex animation – Can be moved, copied or deleted as a whole Remove scene Add scene
  27. 27. Adjusting the scene length All objects starting on the right-hand side of the edge shift with it Objects left of the border stay untouched • Dragging the scene edge to the right = insert time • Dragging the scene edge to the left = remove time
  28. 28. What sits within a scene? • All objects (graphics, sound…) of which the start and end falls between the scene edges When moving, cutting or copying a scene, only those objects that are fully inside the scene are included.
  29. 29. Splitting scenes Click right in the thumbnail zone:
  30. 30. Moving, cutting, copying and pasting scenes Or use Ctrl-C, Ctrl-X, Ctrl-V
  31. 31. Copy Scenes to Personal Library • = Pro feature • Save scenes for later use • Copy content from one moov to another
  32. 32. Use Saved Scenes
  33. 33. Simplifying the Timeline Remove to only show the objects of the active scene
  34. 34. Presentation Mode Pins indicate where video will pause Click here to insert a pin (= a stop) at the Timeline marker. Presentation mode requires downloading as a Flash-file
  35. 35. Dimensions and resolutions
  36. 36. Dimensions and resolutions 1920 x 1080 1280 x 720 720 x 480 480p 720p 1080p
  37. 37. Replacing Objects (Swap Object) While keeping (standard) animations, color, position and timing
  38. 38. Uploading video Max size per clip: 15MB = typically 30 to 45 sec in MP4 (compressed) Formats: FLV, MOV, MP4, AVI, WMV, M4V
  39. 39. Using the Moovly Marketplace • Graphical Objects • Music and Sounds • Templates • Future: – Voice-over services – Other services (copywriting, production…) – Clips
  40. 40. Using or earning credits
  41. 41. The Details Screen Changing title and description:
  42. 42. Exporting (Download/Publish)
  43. 43. Sharing moovs (including source)
  44. 44. PART 2: From Script to Animation
  45. 45. Storyboard Animation Programming Production process Voice over Analysis Script Professional/Custom made Script AnimationVoice over Moovly Design/L&F
  46. 46. Linear content processing Chapter 1 Chapter 3 Chapter 5Chapter 2 Chapter 4 User progress Drop-off point
  47. 47. Helicopter view CONTENT
  48. 48. Elevator pitch Most important CONTENT
  49. 49. Secundary info CONTENT Secondary Most important
  50. 50. Pyramid model Key information Secondary information Background info – reference material
  51. 51. Put the most important information in the strongest/richest format Text Multimedia High impact Low
  52. 52. The Script • = most important messages in powerful wording • = your voice-over text – 120 to 140 words per minute – 3 minutes = 1 A4 • Approach: 1. Brainstorm, snippets, ideas, post-its, mind-map 2. Organize and structure 3. Write out in full sentences
  53. 53. Example structure of a script • Introduction: context or case: 1 or 2 sentences • What is this video about: 1 sentence • Middle part: detailed story • Conclusion: what to remember
  54. 54. Example Wireless networks are everywhere: at work, at home or in public places. We usually talk about “Wifi”. This video explains what Wifi stands for and how the common Wifi standards differ from each other. Local area networks – abbreviated as LAN – have been wired networks for many years. Wiring became a requirement for many years, and the introduction of higher speeds meant … … So if you buy a new smartphone, tablet, computer or router, make sure to check the supported Wifi standards, as these determine the speed and reliability of your network connections. Also don’t forget to verify the security standards that your device supports. Happy surfing! Introduction Middle part Conclusion
  55. 55. The Production Process • Choose a style • Assemble your media and upload to Moovly – Pictures – Sound (voice, music, sounds) – Video clips • Compose your content and synchronize • See Part 1
  56. 56. Styles and Colors
  57. 57. PART 2: Using Moovly in Education
  58. 58. Using Moovly in Education • Flipping your classroom with animated video – Editable educational videos – Project work, assignments, book reviews, translation exercises, media literacy… • The role of text books and publishers – > Moovly theme libraries in line with text books • Practical cases and examples
  59. 59. The Teacher as a Moovly Group Manager • Add, remove and manage Moovly accounts in your group • Control rights • Start page: https://editor.moovly.com/en/edu/start
  60. 60. Contact details • www.moovly.com • gcoppens@moovly.com • Twitter: @moovly - @moovly4edu • Facebook, Google+, LinkedIn…

×