Presentatie over animeren met de applicatie 'Moovly'.

1. I Like Animatievideo
13 juni 2019

2. c
Verspreiding
Planning
PlatformenStorytelling (cases)

3. Wie ben jij?

4. Agenda
DEEL 1:
• Introductie
• Video essentials
• Van script tot geanimeerde video
DEEL 2:
• Overzicht Moovly
• Tips and tricks

5. Agenda

6. Wat is Moovly?
• Een makkelijk te gebruiken applicatie om video’s te maken
• Skill level: PowerPoint gebruiker
• Browser based – geen installatie van software nodig
• Inbegrepen >1M rechtenvrije media assets in verschillende
stijlen
• iStock (Getty) geïntegreerd (>75M media assets)
• Persoonlijke media (afbeeldingen, geluiden,
videos)

8. Wie gebruikt Moovly Studio, en waarvoor?
• Corporate enterprises (professionals in HR, IT, financiën, interne communicatie…):
Video’s voor communicatie, e-learning, events, explainer, nieuws…
• Start-ups:
Branding video, bedrijfsfilm, product video, tutorials,…
• Individual professionals (zelfstandigen):
Training, consulting, promotie eigen zaak…
• Educatie: Studenten, leerkrachten, professors:
E-learning, projecten, thesis video’s, research video’s…
• Consumenten/anderen:
Persoonlijke verhalen, uitnodigingen evenementen, hobby video's, wensen,
social media video’s, testimonials, …

9. Wat is video?
Video is meer dan footage die je met je camera
schiet

10. Een stukje video terminologie
• Streaming: Afspelen zonder op te slaan, rechtstreeks van de site
• Frames: Afzonderlijke afbeeldingen die snel afgespeeld een video vormen
• Rendering: frame per frame een video genereren
• Resolution: aantal pixels (horizontaal x verticaal)
• Format: de manier/de structuur waarop de informatie wordt opgeslagen
• Player: een media player = software waarmee je je video afspeelt

11. Resoluties
1920 x 1080
1280 x 720
720 x 480
480p
720p
1080p
Full HD
HD Ready
SD

12. UHD – 4K
2160
SD
HD 720p
DVD
HD 1080p
480
720
1080
3840

13. https://www.youtube.com/watch?v=CkYe-sr4t10
Bekijk deze iPhone X launch video en bepaal de gebruikte objecten

14. Camera footage Motion graphicsFoto’s en illustraties
Tekst
Muziek Stem
Geluid
Animatie
Achtergrond

15. Camera footage Motion graphicsFoto’s en illustraties
Tekst
Stem
Geluid
Animaties
Achtergrond
OBJECTS
Muziek

16. TIMING

17. Object libraries

18. Objects: Drag & Drop

19. Elke stijl

20. De Storyblocks library: meer dan 1 miljoen rechtenvrije objecten

21. De iStock library: >75 miljoen aan te schaffen objecten

22. Van script tot video

23. Storyboard Animation
Geanimeerde video’s: productieproces
Voice over
Analysis
Script
Professional
Script AnimationVoice over
Moovly
Design

24. Storytelling: Het piramide model
Prioritary
information
Secondary
information
Details, background info,
reference material
The helicopter view
The elevator pitch

25. De belangrijkste informatie gebruik je binnen het krachtigste
format
Text
Video
High impact
Low

26. Het script
• De belangrijkste boodschap vertaal je in krachtige woorden
• = jouw voice-over tekst
– 120 tot 140 woorden per minuut
– 3 minutes = 1 A4
• Aanpak:
1. Brainstorm
2. Organiseer en structureer
3. Schrijf je script uit in volle zinnen

27. Voorbeeld structuur script: The Explainer video
• Waar gaat de video over: 1 zin
• Introductie: Context: 1 tot 2 zinnen
• Midden: Gedetailleerd verhaal
• Einde: Wat te onthouden

28. Voorbeeld Explainer script
Intro
Middle
End
Draadloze netwerken zijn overal: Op het werk, thuis en op publieke
plaatsen. We spreken bijna altijd over Wifi.
Deze video legt uit waar Wifi voor staat en hoe de meest voorkomende Wifi-
standaarden van elkaar verschillen.
Lokale netwerken - afgekort als LAN - zijn al vele jaren bedrade netwerken.
Bedrading werd al jaren een vereiste en de introductie van hogere
snelheden betekende ...
…
Dus als je een nieuwe smartphone, tablet, computer of router koopt,
controleer dan de ondersteunde wifi-standaarden, want deze bepalen de
snelheid en betrouwbaarheid van je netwerkverbindingen. Vergeet ook niet
om de beveiligingsstandaarden te controleren die uw apparaat ondersteunt.
Veel plezier met surfen!

29. Andere storytelling formules
• Voor - Na - Hoe kom je tot dit resultaat
• Probleem - Irritatie - Oplossing
• A Hero's Journey (gewone wereld - vechten - beloning …)
• Incident - Actie - Voordeel
• Introductie - Mislukking - Verbetering - Gelukkig einde
• Er was eens…
• Introductie - ontwikkeling - twist - conclusie
• 5 tips om om te gaan met …

30. Werken met Moovly

31. Beste browsers voor Moovly
Chrome Firefox

32. Maak een account

34. Activeren

35. Kies een paswoord

36. Het dashboard

37. 1
Maak een nieuw project
(video of presentatie)
2
Doorzoek de bibliotheken,
drag & drop objecten naar
de stage.
-
Of upload je eigen
objecten
3
Synchroniseer de
tijden waarin je
objecten verschijnen
om er een
aantrekkelijk verhaal
van te maken
Een video maken: Hoe werkt het

38. 1
Maak een nieuw
project

39. 2
Doorzoek de bibliotheken,
drag & drop objecten naar
de stage.

40. 3Synchroniseer de tijden
waarin je objecten verschijnen
om er een aantrekkelijk
verhaal van te maken

41. MOUSE-OVER
Klik op de thumbnail voor een preview

42. Preview
en deel!

43. De Moovly Studio editor
Libraries
Stage
Timeline
Save
Properties
Clips
Upload
Animations
Text

44. Bewerk je scherm

45. Object Libraries
• Personal Library
– Je eigen media uploads
– Meerdere bibliotheken mogelijk (per project, per client, …)
• Stock media
– Storyblocks (>1M gratis afbeeldingen, video’s,
geluiden/muziek)
– iStock (75M aan te schaffen items)
• Graphics libraries
– Infographics (iconen, pictogrammen, vormen)
– Doodle Marker
– Stempels
– Silhouetten
– Motion Graphics

46. Manipuleren van objecten
Flip
Draaien
Afmetingen veranderen
Cut, copy, pasteUNDO

47. Selecteren en uitlijnen van meerdere objecten
Klik op het eerste object, klik Ctrl/Cmd en klik op het tweede object

48. Werken met tekst
Je kan ook de achtergrondkleur van je tekst en
de doorschijnendheid veranderen

49. Kleurenpaneel en -pipet
Laatst gebruikte
kleuren
Kies en kleur van de
stage
Exacte kleur

50. Layers op de tijdlijn
Objecten in hogere
layers gaan boven de
lagere
Klik rechts om de
volgorde te veranderen

51. Animeren op de tijdlijn
De richting bepaal je in object properties
Selecteer een object en kies de animatie

52. The Move & Transform animatie
Startpositie Eindpositie

53. Keypoints
Wat kan je veranderen met een keypoint?
(klik -> blauw)
- Op de Stage: Positie, grootte, hoek
- In Properties: doorschijnendheid
- Voor videos: Pauze/Play
Via Move & Transform menu:
Of klik rechts in de move & transform layer

54. Hand animaties
Enkel bij Doodle
Marker
afbeeldingen
Enkel tekst
op alle afbeeldingen en
video’s

55. Media uploaden naar de persoonlijke bibliotheek
videoAfbeelding
Geluid
Micro voor geluidsopnames
verwijder
selecteer voor een preview

56. Voice-over
• Neem je eigen stem op
• OF: Neem je stem op en
gebruik deze later:
– Stem van een collega
– Professionele stem

57. Gebruik audio objecten
“Een effect toevoegen” -> Fade in of out
Loop (repeat)
Splitten (rechts klikken)

58. Werken met Clips
Clip = groep van objecten (en hun animaties) -
Een clip toevoegen
Clip view: alles compact of alle details
Dubbel klikken om de naam te veranderen

59. Werken met Clips
Sleep objecten naar
andere clips
Rechts klikken om
de klip aan je
persoonlijke
bibliotheek toe te
voegen

60. Moovly Clips
drag & drop
The Clips Library
Doodle Marker Clips
Personal Clips

61. Selecteer verschillende objecten op de tijdlijn
• Druk Shift of Ctrl/Cmd in en selecteer objecten
• Sleep horizontaal: De onderlinge tijd blijft dezelfde

62. Werken met video-objecten
Pause Split
Repeat (loop)
Belangrijk: videos met transparantie werken enkel in Chrome of Firefox!

63. Preview
and Share
Exporteer
je video

64. Preview
and Share

65. Deel projecten met andere Moovly gebruikers
Other Moovly user

66. De Moovly User Gallery gallery.moovly.com

67. Publiceren op YouTube of Vimeo

68. Het Moovly help center
help.moovly.com