Maak zelf bewegende gifjes
Ook in het tijdperk van Flash zijn bewegende gifplaatjes nog steeds mateloos populair bij chatsoftware, op websites en in e-mails. U kunt ze natuurlijk kant-en-klaar van internet plukken, maar het is veel leuker om ze zelf te maken, of bestaande exemplaren naar eigen hand te zetten.
Ook in het tijdperk van Flash zijn bewegende gifplaatjes nog steeds mateloos populair bij chatsoftware, op websites en in e-mails. U kunt ze natuurlijk kant-en-klaar van internet plukken, maar het is veel leuker om ze zelf te maken, of bestaande exemplaren naar eigen hand te zetten.
Stap 1
De benodigde software is Beneton Movie GIF. Download het zip-bestand van www.benetonsoftware.com/Beneton_Movie_GIF.php, pak het uit en installeer het programma. Klik in de installatiewizard niet te snel door, want zo'n beetje aan het eind van de installatieprocedure wordt u gevraagd of u een of andere toolbar wilt installeren. Op dergelijke pc-vervuiling zit u vast niet op te wachten, uitschakelen dus!
Stap 2
Eigenlijk wijst Movie GIF zich vanzelf, de opties zijn vrij simpel. Zodra u het programma kent, althans. Vandaar dat we eerst eens aan de slag gaan met het bewerken van een van de meegeleverde voorbeeld-gif'jes. Klik daarvoor op de knop Openen (tweede knop van links op de werkbalk) en dubbelklik op een van de categoriemappen. Wij kozen voor een kuiken, maar uiteraard staat het u geheel vrij om een ander slachtoffer voor het experiment te kiezen. Selecteer de afbeelding en klik op Openen.
Stap 3
U ziet het bewegende gifje - in dit geval dus een kuiken - in het grote voorbeeldpaneel. Onder dit paneel vindt u de gebruikelijke afspeel- en stopknop om de animatie in volle glorie te bekijken. De afspeelknop functioneert tevens als pauzeknop. Onder in beeld staat een zogenoemde filmstrip met alle afzonderlijke beeldjes uit de animatie op een rij. Aan de rechterkant staan twee tabbladen met effecten.
Stap 4
De eerste zijn 'normale' effecten die op elk frame apart of op alle frames tegelijk worden toegepast. Wilt u het wat artistiekeriger maken, klik dan op Oil paint (olieverf ). In het dialoogvenster dat daarop opent, selecteert u de optie All frames (alle beelden) en klikt u aansluitend op OK. Na even wachten is ons kuiken getransformeerd tot een ware Rembrandt. Nou ja, omdat bewegende gif's over het algemeen bescheiden afmetingen hebben, blijft er niet veel meer over dan een vage gele vlek die nog het meest weg heeft van een dansende pinda, maar het gaat om het idee. Probeer gerust ook de andere 'statische' effecten eens uit! Mocht een effect niet bevallen, dan is-ie zo verwijderd door te klikken op de knop Ongedaan maken in de werkbalk.
Stap 5
Op het tabblad Animated effects wordt het een stuk interessanter; we willen immers zoveel mogelijk beweging in onze animatie! Nu loopt het kuiken al heen en weer te ijsberen, maar er kan best nog wat extra's bij. Door de optie Shrink/ Grow te kiezen wordt het kuiken tijdens het lopen groter (of kleiner).
Stap 6
In het dialoogvenster dat bij dit effect hoort kiest u een start- en eindgrootte; bedenk echter dat de fysieke afmetingen van het plaatje niet veranderen. U kunt dus wel een waarde opgeven die groter is dan de originele omvang, maar dan bereikt u een soort extreme close-up met een - in dit geval - kuiken dat u vol enthousiasme met een oog aanstaart. Zorg dat de optie Keep aspect ratio is ingeschakeld om vreemde vervormingen te voorkomen. Achter Inititial width, Initial height en Final width geeft u de gewenste begin- en eindgrootte op. Zorg tot slot dat de optie Automatic achter Outside color is ingeschakeld. Daarmee bent u er zeker van dat een transparante animatie (waarbij dus de oorspronkelijke achtergrond te zien is) behouden blijft na toepassing van het effect. Dan nog even de optie Whole animation selecteren en op OK klikken waarna het effect wordt toegepast.
Stap 7
Het is mogelijk om per frame zelf iets creatiefs toe te voegen, daarvoor is een simpel tekenprogrammaatje in Beneton Movie GIF aanwezig. Klik eerst op het beeldje dat u wilt bewerken en daarna op de tekenknop. Het daarop geopende tekenprogramma oogt op het eerste gezicht wellicht wat vreemd, maar werkt heel praktisch.
Stap 8
Zoals we al vermeldden, zijn bewegende gifjes vaak erg bescheiden van omvang, uiteraard om de bestandsgrootte zo klein mogelijk te houden. Immers: hoe kleiner het bestand, hoe sneller het geladen wordt. Daardoor wordt tekenen vaak een ernstige vorm van gepriegel, maar daar heeft deze tekenhulp wat op gevonden: een digitaal vergrootglas. Niet zo heel wereldschokkend, maar u kunt behalve op het kleine origineel rechtsboven in beeld ook rechtstreeks in het vergrootglas tekenen! Zo ziet u zowel het vergrote origineel als het oorspronkelijke formaat, waarin uw creatie in de juiste verhoudingen is te bewonderen. Op de knoppenbalk onder in beeld zijn alle bekende tekengereedschappen beschikbaar en het is handig om ze allemaal eens uit te proberen. Daarmee leert u de software goed kennen en maakt u straks in een handomdraai uw eigen bewegende gif's! Is een frame af en voorzien van de gewenste extra’s, dan klikt u op de groene V links bovenaan op de knoppenbalk van het tekenprogramma. Op deze manier doorloopt u desgewenst alle frames en voegt u bijvoorbeeld een zelfgetekend effect toe.
Stap 9
Hebt u uw animatie lekker opgepimpt, dan is het tijd hem op te slaan. Klik daarvoor op de knop Opslaan in de knoppenbalk van Movie GIF (knop in de vorm van een kleine diskette). Allereerst verschijnt weer een dialoogvenster, schakel hier de optie Automatic (hierbij kiest de software zelf een transparantiekleur; weet u precies wat u aan het doen bent, dan kunt u zelf ook een kleur opgeven die aangeeft op welke plekken de animatie doorzichtig moet zijn. Om de animatie in een oneindige lus af te laten spelen (wel zo leuk), schakelt u de optie Loop the animation forever in.
Stap 10
Klik dan op OK, geef een logische bestandsnaam en bewaar het geheel middels de knop Opslaan op een logische plek die u later nog eens terug kunt vinden. Beneton Movie GIF is gelukkig zo slim om niet automatisch het bestaande bestand te overschrijven; u moet altijd zelf een bestandsnaam invoeren. Veilig en praktisch. Ter informatie verschijnt nog een venster dat de bewaaractie is geslaagd.
Stap 11
Nog leuker is het om een eigen animatie vanaf de grond op te bouwen. Als u de werking van Movie GIF aardig onder de knie hebt, is dat eigenlijk een vrij simpele aangelegenheid (waarbij uiteraard geldt dat uw eigen creativiteit het meest belangrijke is). Klik daarvoor op de knop Nieuw en kies de gewenste afmetingen in pixels door de optie Custom te selecteren en dan de afmetingen achter Width (breedte) en Height (hoogte) in te voeren. Bedenk daarbij dat een animatie qua afmetingen redelijk klein moet blijven, 128 x 128 is voor een simpel plaatje al vrij groot. U hoeft trouwens geen perfect vierkant te maken, een liggende rechthoek voor bijvoorbeeld tekst is ook een prima optie. Door de optie Transparent aan te zetten maakt u een doorzichtige gif die op elke achtergrond past. Klik op OK en accepteer de eventuele waarschuwing dat niet opgeslagen wijzigingen van de nog geopende animatie (het kuiken) verloren gaan. Die hebt u immers in Stap 10 al veilig gesteld.
Stap 12
Klik op het eerste en vooralsnog enige frame in de filmstrip en daarna weer op de knop die bij het tekengereedschap hoort (zie Stap 7). Heel praktisch en snel zijn tekstanimaties te produceren, klik daarvoor op de tekstknop (deze is voorzien van een A) en kies een aardig lettertype. Helaas blijkt nu dat Movie GIF niet perfect is, want een voorbeeldje van het gekozen lettertype verschijnt helaas niet in het daarvoor bestemde vlakje. Ook de letterkleur is naar wens te kiezen, wij gaan voor rood. Klik dan op OK.
Stap 13
Typ vervolgens de gewenste tekst en klik op weer op OK.
Stap 14
Zolang er nog een dik kader om de tekst staat, kunt u deze naar elke gewenste plek op het tekenvlakje slepen. Wilt u nog verder bewerken, dan kunt u het vergrootglas ook van positie veranderen door op het kleine, naar beneden gerichte pijltje naast de vergrootglasknop te klikken en vervolgens de optie Change zoom position te selecteren. Wat ons betreft is de basis voor de animatie echter gelegd en volstaat een klik op de bekende groene V linksboven in beeld.
Stap 15
Om heel snel een praktisch effect toe te voegen klikt u allereerst op het tabblad Animated effects en dan op Rotate. In het bijbehorende instellingenvenster vult u achter Angle (hoek) de gewenste draaihoek in, van begin tot eind. Van 0 to 180 graden betekent bijvoorbeeld een halve draai, 360 graden een volle draai. Zorg dat achter Outside color de optie Automatic is gekozen en geef achter Selected frame (1) and stretch to de waarde 15 op. Daarmee wordt het draai-effect over vijftien beeldjes verspreid, meer dan voldoende. Geef nooit een te grote waarde op, want meer beeldjes betekent een groter uiteindelijk bestand en een langere laadtijd. Klik op OK en de animatie wordt gegenereerd.
Stap 16
Als u de animatie afspeelt, zal blijken dat deze wel heel snel doorlopen wordt. Om dat euvel te verhelpen klikt u op het eerste beeldje in de filmstrip. Druk dan op de toetscombinatie Ctrl + A om alle beeldjes op de filmstrip te selecteren. Klik dan met de rechtermuisknop op één van de geselecteerde beeldjes en daarna in het geopende contextmenu op Change delay.
Stap 17
Geef dan de waarde 10 op, dat staat voor een tiende seconde. Mocht u een langzamere of juist snellere animatie willen, dan verhoogt of verlaagt u deze waarde. Klik op OK om de wijziging door te voeren.
Stap 18
U kunt weer allerlei effecten toevoegen, zoals het inmiddels bekende Shrink/grow-effect. Let daarbij op dat u in het instellingenvenster zorgt dat de optie Center is ingeschakeld, anders groeit de animatie vanuit een hoekpunt.
Stap 19
Is uw animatie klaar, dan moet deze uiteraard weer bewaard worden. Klik daarvoor op de inmiddels bekende opslagknop op de knoppenbalk.
Stap 20
Zorg er daarbij voor dat de Transparancy mode in het bijbehorende instellingevenster op Automatic staat én dat de optie Loop the animation forever is ingeschakeld. Klik dan op OK en bewaar uw creatie op een makkelijk terug te vinden plek. U kunt de op deze manier gemaakte animatie bijvoorbeeld gebruiken in een mailtje, of op uw homepage. Er zijn nog veel meer leuke dingen mogelijk met Beneton Movie GIF, maar dat is een kwestie van uitproberen. Denk bijvoorbeeld eens aan het importeren van een foto om daarop vervolgens allerlei effecten los te laten!