Reader Animatie Klassenboek Digitale Vormgeving Periode 8 Fons Goosen MARKETING & COMMUNICATIE - DIGITALE VORMGEVING 1
Voorwoord Animatie Veel bedrijven maken tegenwoordig gebruik van animaties om hun verhalen te vertellen. Beweging trekt aandacht. Je wilt de mensen kunnen bereiken, boeien en raken met een verhaal dat inspireert, motiveert en aanzet tot actie. Een korte online video of animatie kan die belevenis versterken. Eén beeld zegt meer dan 100 woorden, een animatie vertelt een boek. In de oefening die we deze periode gaan maken, leggen we een basis om later dit promotiemiddel verder in te zetten bij een promotionele activiteit. Klassenboek, klassen foto en gezichten verwisselen. Om het schooljaar op een leuke manier af te sluiten gaan we aan de gang met foto s van jezelf, de klas waar je een jaar hebt in gezeten. Bekende selectietechnieken ga je toepassen om het theoretisch gedeelte van de opleiding op een leuke manier af te sluiten. Veel plezier met alle opdrachten. Fons Goosen 2
Inhoudsopgave Inleiding blz 2 Inhoudsopgave blz 3 Animatie blz 4-11 1. Opdracht blz 4 2. Wolken en voertuig blz 4 3. Animatie omzetten in Frames blz 6 4. Zes Frames blz 7 5. Animatieframes tussenvoegen blz 8 6. Geluid Converteren blz 9 7. Geluid in Photoshop blz 9 8. Geluid in Bestand blz 10 9. Video renderen blz 10 Klassenboek blz 11 1. Opdracht blz 11 Klassenfoto blz 12/13 1. Opdracht blz 12 2. Ontbrekende klasgenoten, Selectie, Lijst blz 12 3. Aangepaste Vormen blz 13 4. 10 tips voor een goede groepsfoto blz 13 Vervreemding blz 14 1. Opdracht blz 14 Beoordeling Periode 8 blz 15 Planning Periode 8 blz 16 3
1. Opdracht Animatie Maak een Animatie van een voertuig dat beweegt, verwerk muziek in de animatie en rendeer het tenslotte als video. Hieronder heb ik gekozen voor een vliegtuig maar je mag ook een auto of een ander voertuig nemen dat beweegt van de ene kan t van het beeld naar de andere kant en terug. Geavanceerd zoeken Zoek in Google twee foto s voor het maken van de Animatie namelijk een Lucht met wolken en een Vliegtuig. Zoek Geavanceerd en stel het formaat in op Groter dan 800 x 600 px. Wolken Neem de Toverstaf van de gereedschapsbalk en klik op het witte gedeelte van de wolk. Klik daarna met Shift ingedrukt op de andere witte gedeelten. Kopieer hierna met CTRL + J de selectie naar een nieuwe laag. Vliegtuig Maak een selectie van het vliegtuig met het gereedschap Snelle Selectie. Met de Alt ingedrukt kun je delen eruit halen. Met shift ingedrukt kun je delen toevoegen. Met het Vergrootglas ingezoomd kijk je of alle delen zijn geselecteerd. 4
Rand verfijnen en Ctrl+J In de optiebalk klik op Rand verfijnen. Controleer daar of het vliegtuig goed is geselecteerd. Rand kun je aanpassen o.a. bij Vloeiend. Kopieer met Ctrl+J het vliegtuig nu naar een nieuwe Laag. Lucht en Vliegtuig Sleep de laag van het vliegtuig naar de bestand met de wolken Dupliceer de laag van het vliegtuig. Sleep de kopie laag van het vliegtuig onder de wolken laag. Resolutie aanpassen Verklein nu de afbeelding. Zet de resolutie op 72 pixels/inch. Zet de breedte bovenaan op 1000. 5
Dekking Zet de laag van het bovenste vliegtuig op een Dekking van 25%. Selecteer beide vliegtuigen met de Ctrl-toets. Schuif met het gereedschap Verplaatsen beide vliegtuigen naar links tot je alleen nog lucht ziet. Animatie, Omzetten in Frames Ga naar Venster en selecteer Animatie. Aan de onderkant van Photoshop zie je nu een Tijdslijn. Als je de tijdslijn ziet, kun je rechtsonder op een driehoekje klikken. Hier selecteer je Omzetten in frameanimatie, waardoor de frames zichtbaar worden. Ga nu naar het Animatiegedeelte van Photoshop. Selecteer de twee lagen van het vliegtuig en sleep deze buiten beeld. Zet de tijd onder het frame op 0,1 sec door te klikken op het driehoekje. Dupliceer het frame onderin Photoshop, door te klikken op: Dupliceert geselecteerde frames, en sleep de twee vliegtuiglagen naar links. Dupliceer het frame en sleep dan de vliegtuigen nog een stukje verder naar links. 6
Zes Frames Doe dit tot je zes frames hebt. Eerst dupliceren, daarna het vliegtuig verplaatsen. Verplaats het vliegtuig van de ene naar de andere kant. In het eerste frame zie je niets en het laatste ook niet. De tussenliggende frames zien er dan uit zoals hieronder te zien is in het voorbeeld. Laatste Frame Dupliceer het laatste (zesde) frame 2x. Zet de tijd in de eerste kopie op 2 seconden. Het tweede kopie op 0,1 sec. Zet in de laatste kopie de twee bovenste vliegtuiglagen aan en de onderste twee uit.. Voor de terugweg gebruik je de bovenste lagen. Draai met Ctrl+T, rechtermuis, Horizontaal omdraaien het vliegtuig om. Herhaal de stappen zoals bij het begin. 7
Tussenvoegen Om het vliegen geleidelijk te laten verlopen voeg je frames toe. Voeg nu tussen frame 1 en 2 vijf frames tussen. Ga op frame één staan en klik op Voeg animatieframes toe tussen andere frames. Bij tussenvoegen: volgend frame; Toe te voegen frames: 5. Animatieframes tussenvoegen Vervolgens ga je op frame 7 staan en voeg je weer vijf frames tussen. Dan ga je op frame 13 staan en voeg je weer vijf frames tussen. Vervolgens op frame 19, 25, en 31. Terugweg Ga naar frame 33 en herhaal de stappen. Frame 39, 45, 51, 57, 63 Eindframe 64. Ga nu naar Frame 1 en druk op de afspeelknop.. 8
Geluid Converteren Voor deze animatie ga je op zoek naar vliegtuiggeluiden in YouTube. Klik in YouTube onder het filmpje op Delen. Daarna kopieer de URL: http://youtu.be/... Ga naar een side waar je filmpje kunt omzetten naar een mp3. De site die ik heb gebruikt heet YouTube-mp3. Kopieer de URL naar http://www.youtube-mp3.org/nl en plak hem bovenin. Klik op Video Converteren en de video wordt geconverteerd naar mp3. Geluid in Photoshop Ga naar bestand en klik op Openen als (dus niet alleen Openen). Selecteer onderaan bij Openen als: Quick Time-film. Selecteer dan het mp3-bestand met vliegtuiggeluiden. In je Lagenpalet zie je een transparante Laag met een klein vierkantje rechtsonder.. 9
Geluid in bestand Sleep dan met het Gereedschap Verplaatsen de laag van het muziek document muziek in je document met je foto s. Zorg dat de muzieklaag helemaal bovenaan in je lagenpalet komt. Ga naar het Animatiegedeelte en klik rechtsonder op Omzetten in Tijdlijnanimatie. Luidsprekertje Klik nu op het luidsprekertje wat links onderaan, om de geluidsweergave te activeren en speel je animatie af en geniet van je slideshow met geluid. Video Renderen Om je bestand op te slaan ga je in menu Bestand naar Exporteren, Video renderen, sla het op in het voor jouw gewenste formaat. Ik heb in Photoshop CS6, H.264 genomen waardoor het bestand wordt opgeslagen als MP4. Controleer of het bestand werkt. Het bestand heb ik afgedraaid in Windows Media Player. 10
2.Opdracht Klassenboek: Maak twee pagina s op A5-formaat voor het klassenboek van jouw klas. Als aandenken aan de afgelopen twee jaar gaan we een klassenboek maken. Iedereen krijgt twee pagina s. Op de eerste pagina verwerk je foto s en achtergrond, je naam, woonplaats Op de tweede pagina verwerk je teksten. De onderwerpen van de teksten worden in de les afgesproken. Formaat: A5: 10,5 cm (hoog) x 14,85 cm (breed. Resolutie is 300 pixels/inch, kleurmodus CMYK. Opslaan en Opsturen Sla de pagina op. Stuur jouw pagina als PSD-bestand op naar f.goosen@kw1c.nl. 11
3.Opdracht Klassenfoto: Verwerk in de klassenfoto de leerlingen die niet aanwezig waren bij de groepsfoto. Maak een selectie van de klas en plaats deze op een aparte Laag (Ctrl+J) zodat de achtergrond verwijderd of vervaagd kan worden. Verwerk de klassenfoto in een passende lijst. Geef het geheel een passende achtergrond. Ontbrekende klasgenoten: Verwerk in de klassenfoto de leerlingen die niet aanwezig waren bij de groepsfoto. Selectie Maak een selectie van de klas en plaats deze op een aparte Laag (Ctrl+J) zodat de achtergrond verwijderd of vervaagd kan worden. Lijst: Verwerk de klassenfoto in een passende lijst. Geef het geheel een passende achtergrond. Zoek op internet of kijk bij aangepaste vormen. 12
Aangepaste vormen: 10 Tips voor het maken van een groepsfoto 1. Ga naar buiten Maak bij voorkeur de foto buiten. Probeer direct zonlicht te voorkomen, dat levert harde schaduwen op en daarnaast staat de groep al snel te knijpen met hun ogen. Kies daarom een plek die in de schaduw ligt. En die saaie bewolkte dag is juist perfect voor groepsfoto's! 2. Uitsnijden mag Bij groepsfoto s waar iedereen volledig opstaat, hebben meestal veel ruimte om de foto. Zoom daarom ook eens in en maak een uitsnede. 3. Neem afstand tot de achtergrond Zorg dat de personen niet tegen een achtergrond staan en vraag ze iets naar voren te komen. Dit voorkomt schaduwen op de muur. 4. Hoog standpunt Kies een hoog standpunt waardoor je beter alle gezichten erop krijgt. Bijvoorbeeld door een (meegebracht) trapje te gebruiken. Een bijkomend voordeel; doordat iedereen omhoog kijkt verdwijnt de zogenaamde tweede kin. 5. Varieer in hoogte Vooral nuttig bij kleinere groepjes; zorg ervoor dat niet iedereen met zijn/haar hoofd op één lijn zit. Daardoor wordt een foto al snel saai. Probeer dus in hoogte te variëren. Bijvoorbeeld door iemand iets door zijn knieën te laten zaken. 6. Zorg dat je gezien wordt Vraag iedereen, vooral bij grotere groepen, om ervoor te zorgen dat ze je goed zien. Als zij immers de camera zien, dan ziet de camera hun ogen ook. 7. Dichter bij elkaar Afstand tussen twee personen die naast elkaar staan, zorgt voor een gat in je foto. Laat iedereen dus goed aanschuiven. Bij een kleine groep kun je daarnaast ook prima vragen bijvoorbeeld de hoofden naar elkaar te draaien of om iemand nek te gaan hangen. Voor een leuke foto kun je bijna niet dicht genoeg op elkaar staan. 8. Houd contact Zorg ervoor dat je tijdens het opstellen en het maken van de groep contact blijf houden met de aanwezigen. Duidelijk praten, maar houd het luchtig. 9. Maak meerdere foto's Maak meerdere foto s achter elkaar. Na de eerste klik zullen mensen zich wat meer ontspannen. In de nabewerking kun je meerdere groepsfoto s combineren. 10. Wees creatief Probeer ook zo nu en dan eens wat anders dan de standaard groepsfoto. 13
4.Opdracht: Vervreemding Over deze opdracht krijg je in de les nader uitleg. 14
Beoordeling Naam: Opdrachten Gereedschappen Te behalen Behaald Animatie voertuig 10 Vloeiende beweging animatie 10 Animatie met geluid/video 10 Pagina Klassenboek Beeld 10 Pagina Klassenboek Tekst 10 Klassenfoto 10 Klassenfoto aanpassingen 10 Vervreemding 10 Totaal 80 Eindcijfer Periode 8 15
Planning: Wk 16, 15/16 april Wk 17, 22/23 april animatie animatie Wk 18, meivakantie Wk 19, 06/07 mei Wk 20, 13/14 mei klassenboek klassenfoto Wk 21, community week Wk 22, 27/28 mei Wk 23, 03/04 juni Wk 24, 10 juni Wk 25, 17 juni Wk 26, 24 juni Wk 27, 01 juli gezichten verwisselen beoordeling herkansing herkansing overgangsvergaderingen Zomervakantie 16