Beeldbewerking met Gimp Animated GIFs maken Vandaag maken we een bewegende afbeelding (om specifiek te zijn: een animated GIF) in GIMP. Niet alle programma s geven Animated GIFs correct weer. Veel programma's tonen een stilstaand beeld in plaats van een animatie, zelfs als de GIF werkelijk een animatie bevat. De gemakkelijkste manier om je Animated GIF te bekijken is het te openen in je browser (een programma om te surfen, zoals Mozilla Firefox, Internet Explorer,...) maar ook Faststone geeft bewegende GIF s weer. Hoe zit een animated GIF in elkaar? Zo een filmpje is eigenlijk opgebouwd uit een opeenvolging van beelden (frames), zoals een tekenfilm is gemaakt, die achter elkaar weergegeven worden zodat het lijkt dat ze bewegen. Wat we gaan doen is dus eigenlijk die afzonderlijke beelden tekenen. Als ik dus "beeldje" zeg bedoel ik dus 1 beeld van een animatie. Hoe tekenen we nu die afzonderlijke beelden? Elk afzonderlijk beeld van de animatie wordt getekend in een afzonderlijke laag. Dus we maken een nieuwe afbeelding, daarin tekenen we elk beeldje in een afzonderlijke laag en het resultaat is een filmpje waarin al die lagen achter elkaar weergegeven worden. De meeste Animated GIF s zijn bewegende tekeningen of teksten omdat daarbij gemakkelijk een reeks beeldjes te tekenen zijn. Als we met foto s willen werken, moeten we speciaal daarvoor een reeks foto s nemen. We gaan een bewegende GIF maken van een tekst. We beginnen met een nieuwe afbeelding te maken van 600 pixels breed en 300 pixels hoog. We gaan eerst een hulplijn tekenen waarop we de tekst gaan zetten. De exacte positie van de hulplijn is hier niet belangrijk. Je kan dus een hulplijn slepen uit de bovenste liniaal. Laat ze los op ongeveer 240 pixels van de bovenste rand van de afbeelding. Vervolgens kiezen we een voorgrondkleur en een achtergrondkleur om een kleurverloop te maken als decor voor onze bewegende GIF. Daarna selecteren we het tekstgereedschap en tekenen een eerste letter. In dit voorbeeld teken ik links een "G". Ik gebruikte het lettertype: Bookman Old style semi bold lettergrootte: 150 punten kleur: #8435d5
Door het tekstgereedschap te gebruiken hebben we automatisch ook een nieuwe laag gemaakt. (tekstlaag = herkenbaar aan de letter T in het laagminiatuur) Zorg ervoor dat de laag die we zojuist hebben gemaakt actief is. De laag is actief als hij blauw gekleurd is in het lagenpalet en je kan hem activeren door er even op te klikken. Het zorgt ervoor dat de volgende laag boven de vorige zal worden geplaatst. Teken nu de letter "I". Op dezelfde manier gaan we verder met telkens nieuwe lagen te maken voor elke letter. Teken nu de letter "M" en tot slot de P. We kunnen nu de letters uitlijnen op de hulplijn door de betreffende laag van de letter te verplaatsen met het verplaatsgereedschap. Klik eerst op de juiste laag alvorens je ze gaat verplaatsen.
En nu gaan we eens bekijken hoe ons filmpje er uit ziet: ga naar het menu Filters>Animatie>Afspelen Hier kunnen we op "Afspelen" klikken om onze animatie te laten spelen of te pauzeren. Voila! Je hebt je eerste animatie al gemaakt! In plaats van op elke laag een letter te zetten, kan je natuurlijk ook op elke laag een woord zetten als de gehele tekst uit meerdere woorden bestaat. Natuurlijk willen we onze animatie als animated GIF exporteren: ga naar het menu Bestand>Exporteren in het venster van je afbeelding, kies een bestandsnaam, geef de extensie.gif en klik op exporteren. Dan komt een heel belangrijke stap: Gimp kan de afbeelding als een 'gewone.gif afbeelding' exporteren (daarbij worden alle lagen samengevoegd), of "als animatie". In het tweede geval wordt elke laag als een beeldje (frame) van de animatie opgeslagen. We kiezen dus voor dit laatste, zetten een 'vinkje' bij As animation.
Dan zijn er nog enkele instellingen voor 'Opties voor geanimeerde GIFs'. Zet een vinkje bij 'Blijven afspelen' anders stopt onze tekenfilm na één keer afspelen; dat wensen we niet. Dan moeten we de tijd van elke frame nog instellen: Vul bijvoorbeeld 600 in bij "Vertraging tussen frames, indien niet opgegeven:" zodat de animated gif wat minder snel afspeelt. Voorlopig willen we eerst zien of het werkt, dus trekken we ons niet te veel van de andere instellingen aan en klikken we op Exporteren. Sluit je animatie en open ze opnieuw (Bestand Onlangs geopend). Bekijk het lagenpalet! Je ziet dat de laagnamen gewijzigd zijn in Frame en een volgnummer en ook de tijdsduur van elke frame is tussen haakjes (600ms) in de laagnaam aangegeven. Door erop te dubbelklikken, kun je die tijdsduur per frame gaan wijzigen, juist zoals we de laagnaam zouden wijzigen. Er zijn verschillende manieren om je animatie af te spelen: Je kan ervoor kiezen dat de vorige letters blijven staan wanneer de volgende letter verschijnt, of je kan de lagen apart tonen, zodat je dus telkens maar 1 letter ziet. Daarvoor moeten we onze animatie opnieuw exporteren (via Menu: Bestand Exporteren...) Probeer het eens uit door Overgang tussen frames, indien niet opgegeven: te wijzigen Kies eerst eens voor "Cumulatieve lagen (combineren)" en daarna voor "Een frame per laag (vervangen). Zet dan wel een vinkje bij Bovenstaande overgangsmethode voor alle frames gebruiken. Als we de animatie bekijken die we met "vervangen" geëxporteerd hebben, zien we dat in het tweede beeldje nu de letter "G" en "I" niet tegelijk zichtbaar zijn, maar enkel de letter "I". Als we kiezen voor vervangen hebben we nog een extra probleempje: de decorlaag met kleurverloop die we zo mooi gemaakt hadden, is slechts in het begin van de animatie te zien; daarna verdwijnt ze. Als we hier ook onze decorlaag willen behouden, moeten we zorgen dat elke laag ook een kleurlaag heeft. We kunnen dit realiseren door onze kleurverlooplaag te dupliceren (zoveel maal als er lagen zijn) en telkens een letterlaag te verenigen met een decorlaag. Doe dit door telkens de laag met de letter die vlak boven een kleurlaag staat samen te voegen door rechtermuisklik in het lagenpalet en dan kiezen voor neerwaarts samenvoegen. Sleep dan de samengevoegde laag naar onder in het lagenpalet. Herhaal dit zoveel keer als er letters zijn.
Nog de volgende tip: Als je verschillende bestanden op je computer hebt staan, en je wilt daar een filmpje van maken, gebruik dan "Openen als lagen" i.p.v. Openen.