Hoe maak ik een animated gif?

Jairo Pijnacker Hordijk

Er zijn onvoorstelbaar animated gifs te downloaden. Maar waarom zou je niet je eigen maken? Veel leuker toch. Dan heb je bovendien nog eer van je werk.

Wat zijn animated gifs?
Waarschijnlijk weet je dat een GIF-bestand, een afbeelding is met een .gif extensie. Een GIF animatie is een bijzondere afbeelding die meerdere lagen heeft, die na elkaar getoond worden.
Je kunt zelf aangeven hoe lang een plaatje in beeld moet blijven voordat de andere plaatjes getoond worden (frame delay). Ook kun je aangeven of de hele serie herhaald moet worden (loop). Op deze manier creëer je een animatie. Praktisch iedereen is wel eens een GIF animatie tegengekomen op een website. Voorbeelden van animated gifs zijn bijvoorbeeld te vinden op www.animatedgif.net

Software voor het maken van GIF animaties
Voor het maken van een animated GIF heb je diverse programma nodig zoals bijvoorbeeld: UnFREEz. Is een klein freeware programma van minder dan 20 KB! Een ander goed, professioneel programma is Ulead Gif Animator. Hiervan kun je een gratis trial downloaden op de site van Ulead. De nieuwste tekenprogramma's hebben al de mogelijkheid in of bij zich animated gifs te maken zoals Paint Shop Pro met het bijgeleverde Animation Shop of het gespecialiseerde The Gif Contruction Set. De uitleg gaat verder met het programma Unfreez www.whitsoftdev.com

Aan de slag om de animatie te maken

• Maak de animatie in photoshop of in een ander beeldbewerkingprogramma.
• Zorg ervoor dat de plaatjes opvolgbaar zijn en bij elkaar horen.

Aan de slag met Unfreez

1. Download het programma Unfreez en unzip het.
2. Dubbelklik op de bestandsnaam Unfreez.exe.
3. Het bestand opent zich en is er helemaal klaar voor.
4. Als je de gif bestanden hebt gemaakt is het makkelijk om ze op volgorde te nummeren.
5. Selecteer en sleep ze vervolgens - bijvoorbeeld via Windows Verkenner (Explorer) - naar het unfreez-programma vak ‘Frames (drop GIF files here)’.
6. Vink het vakje ‘Loop animation’ aan als je de animatie zich laat herhalen.
7. Stel het ‘frame delay’ in Het getal 100 staat gelijk aan 1 seconde. De afbeelding wordt dan 1 seconde getoond voordat het volgende plaatje wordt getoond.
8. Als je de juiste snelheid hebt gevonden druk je op de knop ‘Make Animated GIF’
9. Geef een bestandsnaam op en test of de gif goed getoond wordt.

Voila, een kind kan de was doen. Ik heb nog wel enkele opmerkingen:

Opmerkingen

• Hou met het opnemen van animated gifs op je homepage er wel rekening mee dat overdaad schaadt. Een flipperkast zoals de homepage van de telegraaf bevordert de chaos.
• Zorg er dat de bestandsgrootte niet de pan uit rijst. Door het gebruik van foto’s ( = veel kleuren) kan de gif behoorlijk groot worden.
• Hou de resolutie en het aantal kleuren zo laag mogelijk. Mocht het bestand te groot worden dan kan het online programma gifcruncher je hierbij helpen.
• Een paard waarvan alleen de mond beweegt hoef je niet van hoofd tot teen in een animated gif op te nemen. Alleen de mond is voldoende. Met behulp van een tabel kan je de rest van de afbeelding tegen de mond aan plakken. Dit vereist wel wat html-kennis.
• Wil je je bepaalde beelden langer willen laten zien? Kopieer de beelden die je langer wilt laten zien, nummer opnieuw en stel de juiste omloopsnelheid in.
• Importeer de gif op je website met het volgende script: <img src="bestandsnaam.gif" width="getal" height="getal" alt="Alternatieve tekst" />

Veel succes en creatie toegewenst!




Aanbevolen links:
http://www.whitsoftdev.com
http://www.animatedgif.net

Datum: 20-8-2008

Aantal keer bekeken: 9137

Abonneren op RSS

Schrijf ook een artikel

---

---

Stuur een reactie naar de auteur

Om te kunnen reageren moet je aangemeld zijn. Meld je gratis aan en profiteer van de voordelen. Of ga naar de homepage om je aan te melden als je al een account hebt.

meer modellen