Animation Info-animation Explanimation
1 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2013
Promo Opdracht Animatie Promo In de vorige periode heb je voor Promo.nl 2 x een banner gemaakt. Verwerk de twee banners in een animatie in Photoshop. De animatie moet bestaan uit: - 2 Banners - 10 Tussenframes met waarin de dekking verandert - 4 Maal een herhaling van de animatie Menu Animatie - Om een Animatie te kunnen maken, moet je in Venster het menu Animatie openen. - In het Animatievenster zie je een Tijdlijn.
-
Rechtsonder kun je de Tijdlijn-animatie met onderstaand icoontje omzetten in een Frame-animatie en weer terug.
Frames - Kies voor Frame-animatie. Je ziet een venster met een frame met daarin weergegeven wat er op de zichtbare laag te zien is.
-
Dupliceer dit frame door op het Kopieericoontje te klikken. Klik in het 1e frame. Maak de Groep Banner2 Onzichtbaar en Banner1 Zichtbaar. Klik in het 2e frame. Maak de Groep Banner1 Onzichtbaar en Banner1 Zichtbaar..
2 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2013
Speeltijd - Tijd per frame: deze kun je instellen door het aantal seconden per frame te veranderen. Je kunt ook ineens beide frames een andere afspeelduur geven: Selecteer de frames en verander bij 1 van de frames het aantal seconden. - Speelduur van de animatie is in te stellen door bij Herhalingsopties te kiezen voor 1 maal, 3 maal, altijd, etc. Meerdere Frames Om de veranderingen tussen de frames vloeiend te laten verlopen kun je Extra Frames tussenvoegen: Dit doe je door te klikken op Tussenvoegen frames. - Voeg 10 frames tussen de twee banners voor een mooi verloop. - Kies voor Dekking
Opslaan - Klik op Play om je animatie te bekijken en eventueel aan te passen. - Geef de animatie de naam promo_eigennaam - Sla de animatie op als PSD zodat je nog wijzigingen kunt aanbrengen. - Sla je animatie op als Gif in het menu Bestand, Opslaan voor web en apparaten. - Sla het bestand op als HTML en afbeeldingen, met standaardinstellingen.
Afvinklijst Promo Onderwerp
Criteria
Animatie
Inhoud bestaande uit 2 banners 10 Tussenframes met verandering van dekking Juiste keuze tempo / tijdsduur Herhaling 4 keer Opgeslagen met juiste naam als PSD, GIF en HTML
Afvinken
3 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2013
Jumbojetje Opdracht Jumbojetje Op de site Jumbojetje.nl vind je bij het tabblad Animatie een aantal animaties met daarbij een instructie hoe je ze kunt maken. In plaats van de opdracht promo mag je ook kiezen voor 1 van de animaties op Jumbojetje.nl. De beoordeling wordt afgestemd op de stappen / aanwijzingen in de instructie.
Info-animation / Explanimation Wat is een Info-animation Een Info-animation is een Grafische animatie van complexe data. Het belangrijkste doel van een goede info-animation is om ingewikkelde informatie aantrekkelijk en begrijpelijk te presenteren met illustratieve beelden. In een info-animation wordt gebruikgemaakt van illustraties, vormen, pijlen, kleurcoderingen, teksten, cijfers en een voice-over of muziek.
Wat is een Explanimation In60seconds introduceerden de term Explanimations; animatievideo’s die verklaren, uitleggen of promoten.
4 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2013
In een explanimation gaat het om het overbrengen van een complexe boodschap in korte tijd. Er wordt gewerkt volgens het ‘60 seconden principe’ dat uitgaat van de bereidheid van internet gebruikers om ongeveer een minuut tijd te investeren om een boodschap te ontvangen. De combinatie van tekst, beeld en geluid maakt het mogelijk om veel informatie in korte tijd en met grote impact te communiceren. Een grappig of leuk filmpje maken is niet het doel. Het gaat om de meest effectieve en originele manier om de boodschap van opdrachtgevers over te brengen. Uiteraard binnen de stijl die past bij het merk en de positionering van de onderneming. Daarom moet veel aandacht worden besteed aan het analyseren van informatie, de beoogde doelgroep en het gewenste effect. Resultaat is een helder en afgemeten verhaal in een aantrekkelijke visuele stijl passend bij de boodschap en de achterliggende organisatie.
Opdracht Explanimation In deze opdracht is het de bedoeling dat je zelf een Info-Animatie of Explanimation gaat maken. De inhoud hiervan bepaal je zelf, maar moet wel gerelateerd zijn aan je toekomstige beroep. Denk aan het promoten van een evenement, een handleiding voor een huisstijl, een instructie voor een te verkopen product. De info-animatie moet bestaan uit minimaal 20 originele frames/beelden en een ondersteunende voice-over.. Gebruik geen tussenframes. Gebruik zoveel mogelijk grafische (dus geent fotografische) beelden.
5 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2013
Van idee naar Animatie-ontwerp -
-
-
Kies een Evenement, Product, etc. Bijvoorbeeld de open dag op Marketing en Communicatie. Bedenk een korte Boodschap (uitleg, promotie, stappenplan, etc.). Bijvoorbeeld het programma voor de open dag. Bedenk wie je Doelgroep is. Bijvoorbeeld potentiële nieuwe leerlingen en hun ouders/verzorgers. Maak in steekwoorden een opsomming van je verhaal. Bijvoorbeeld waar, wanneer, verschillende presentaties,uitleg uitstroomprofielen, kennismaking met studenten en docenten, speciale voorlichtingspresentaties, bezichtigen van lokalen, inschrijfmogelijkheden, etc. Zet de ingrediënten uit je verhaal op volgorde. Maak een Schematisch overzicht . Denk daarbij aan de AIDA-formule. Bijvoorbeeld: Attention: Begin met de naam van een bekende persoon die ook op M en C heeft gezeten en eindig met : Blok 31 januari in je agenda! Maak van bovengenoemd verhaal een Beeldverhaal van minimaal 20 originele beelden. Beschrijf de begeleidende tekst (Voice-over) per beeld.
6 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2013
Beeldverhaal maken in Photoshop Lagen en groepen - Maak op Aparte lagen de verschillende onderdelen van een beeld. - Maak een Nieuwe groep aan in het menu Lagen
-
Schuif de lagen die gezamenlijk een beeld (frame) vormen in een groep. Nummer de groepen in de volgorde van je beeldverhaal.
Animatie Menu Animatie - Om een Animatie te kunnen maken, moet je in Venster het menu Animatie openen. - In het Animatievenster zie je een Tijdlijn.
-
Rechtsonder kun je de Tijdlijn-animatie met onderstaand icoontje omzetten in een Frame-animatie en weer terug.
Frames - Kies voor Frame-animatie. Je ziet een venster met een frame met daarin weergegeven wat er op de zichtbare laag te zien is. - Dupliceer dit frame door op het Kopieericoontje te klikken. - Klik in het 1e frame. Maak Groep 1 Zichtbaar. - Klik in het 2e frame. Maak Groep 2 Zichtbaar. - Ga door tot alle groepen in frames gezet zijn. 7 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2013
Speeltijd - Zet deTijd per frame op Geen vertaging.. Selecteer alleframes en verander bij 1 van de tijd naar geen vertraging. - Zet de Speelduur van de animatie op 1 maal,. Opslaan - Klik op Play om je animatie te bekijken en eventueel aan te passen. - Geef de animatie de naam eigennaam- info-animation - Sla de animatie op als PSD zodat je nog wijzigingen kunt aanbrengen. Exporteren van de beelden voor Moviemaker Om geluid aan je animatie toe te kunnen voegen gaan we de gemaakte frames Importeren in Moviemaker. Daarvoor moeten we ze eerst Exporteren uit Photoshop. - Maak een Nieuwe map (animatieframes) waarnaar je de frames kunt exporteren. - Kies voor Bestand – Exporteren – Video renderen – Beeldvolgorde –Jpeg – Alle frames
8 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2013
Voice-over Geluidsrecorder - Op de meeste laptops zit een geluidsrecorder (zie afbeelding hierna). - Als je niet weet waar je geluidsrecorder zit, typ je bij Zoeken: Geluidesrecorder. - Spreek je teksten Beeld voor Beeld in en sla ze op als WAV of als Windows Media Audiobestand.
Moviemaker Windows Movie Maker is Microsoft's gratis software voor videobewerking. Op veel computers vind je Windows Live Moviemaker. Als dat niet zo is kun je het downloaden op : http://windows.microsoft.com/nl-NL/windows7/products/features/movie-maker Animatiebeelden importeren in Moviemaker - Open Moviemaker. - Klik op Video of foto toevoegen. - Blader naar de juiste bestanden. - Klik op Openen. Voice-over importeren in Moviemaker - Open Moviemaker. - Klik op Muziek toevoegen. - Blader naar de juiste bestanden. - Klik op Openen. - Sleep het audiobestand naar de juiste plaats op het storyboard.
9 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2013
Effecten - In het menu Animatie kun je een effect (een overgang) tussen 2 /beelden/clips kiezen:
-
In her menu Visuele effecten kun je voor een effect op een beeld/clip Kiezen:
Project opslaan - Kies voor Project opslaan als: eigennaam_infographic_animation. In een project kun je later nog wijzigingen aanbrengen
Info-animation op Youtube -
Ga naar www.youtube.com Kies voor Account maken.
-
Vul de gevraagde gegevens in. Ga terug naar je project in Moviemaker. Kies voor Youtube door op de Youtubebutton te klikken.
10 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2013
Afvinklijst Info-animation Onderwerp
Criteria
Inhoud animatie
Gerelateerd aan toekomstig beroep Geschikt als instructie – promotie – voorlichting Korte pakkende teksten Originaliteit Duidelijk en volledig verhaal
Vormgeving animatie
Kwaliteit afbeeldingen Originaliteit afbeeldingen Eigen beelden Aantal afbeeldingen (minimaal20) Layout Kleurgebruik Juiste bestandsgrootte Totaalbeeld / eenheid Lagen geordend in groepen
Voice-over
Inhoud passend bij en ondersteunend aan de boodschap Montage (kloppend met animatiebeelden) Stemgebruik, taalgebruik en intonatie.
Montage
Correcte combinatiie van beeld en geluid Eventuele overgangen en effecten Juiste naam en bestandsformaten Plaatsing op Youtube
Afvinken
11 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2013
