Een geanimeerde GIF maken in GIMP

Een geanimeerde GIF kun je overal aantreffen op het internet. Gebruikt in knoppen, links, pictogrammen, achtergronden en reclames kunnen deze opvallende animaties ingezet worden als een uitstekend middel voor de eigen, persoonlijke expressie, maar zijn ze helaas vaak ook gewoonweg irritant. In dit artikel loodsen we je door de basis van het bouwen van je eigen geanimeerde GIF-afbeeldingen van de grond af. Dit doen we met behulp van GIMP, een gratis beeldbewerkingsprogramma voor Mac en Windows. Lees verder bij Stap 1 hieronder om ermee te beginnen.

Stappen

Pdf downloaden

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2f\/Create-an-Animated-GIF-Image-with-GIMP-Step-1-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-1-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2f\/Create-an-Animated-GIF-Image-with-GIMP-Step-1-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

1
Start GIMP en maak een nieuw afbeeldingsbestand via File->New. Download en installeer het programma eerst, mocht je hier nog niet over beschikken .
- De grootte die je selecteert is grotendeels afhankelijk van het doel dat je wilt bereiken. Banners voor reclames zijn meestal tussen de 60 en 120 hoog en 400 tot 800 pixels breed. Verschillende software voor het maken van websites en uitwisselingssystemen voor banners hebben hun eigen eisen. Voor knoppen geldt dat de hoogte over het algemeen niet meer is dan 40 pixels, en de breedte meestal minder dan 300 pixels. Afscheidingen, accenten, widgets, doodads en thingamabobs die je wilt bouwen kennen geen restricties, behalve de vraag hoeveel schijfruimte en bandbreedte je ervoor wilt gebruiken?
- In deze handleiding gaan we uit van 200 pixels voor de breedte en 20 voor de hoogte. GIMP laat nu een kleine, witte rechthoek zien.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/10\/Create-an-Animated-GIF-Image-with-GIMP-Step-2-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/10\/Create-an-Animated-GIF-Image-with-GIMP-Step-2-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Elke laag die we maken wordt een 'frame' in de animatie.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/85\/Create-an-Animated-GIF-Image-with-GIMP-Step-3-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/85\/Create-an-Animated-GIF-Image-with-GIMP-Step-3-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/24\/Create-an-Animated-GIF-Image-with-GIMP-Step-4-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/24\/Create-an-Animated-GIF-Image-with-GIMP-Step-4-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

, zet de waarden voor Horizontal en Vertical op vrij door te klikken op het slotje dat ertussen staat. Vul 3 in als waarde voor horizontaal, en 4 voor verticaal, 0 voor Intersection, 22 voor Horizontal Spacing, 18 voor Vertical Spacing, 2 voor Intersection Spacing, 1 voor Horizontal Offset, 0 voor Vertical Offset en 6 voor Intersection Offset. Selecteer een donkerrode kleur voor de horizontale en verticale rasterlijnen, en klik op OK.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c3\/Create-an-Animated-GIF-Image-with-GIMP-Step-5-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c3\/Create-an-Animated-GIF-Image-with-GIMP-Step-5-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Rechtsklik nu op de laag met de naam 'Background copy' en selecteer Layer Properties om deze een naam te geven als bijvoorbeeld 'Frame 1'.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/4e\/Create-an-Animated-GIF-Image-with-GIMP-Step-6-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-6-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4e\/Create-an-Animated-GIF-Image-with-GIMP-Step-6-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/32\/Create-an-Animated-GIF-Image-with-GIMP-Step-7-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-7-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/32\/Create-an-Animated-GIF-Image-with-GIMP-Step-7-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-7-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Sommige animaties zijn heel geschikt voor het maken van diverse variaties, en het bewaren van een soort framework kan je enorm veel werk besparen. Gebruik het.xcf formaat van GIMP voor de opslag van dit bestand (noem het bijvoorbeeld: "LightBarBase.xcf").
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e4\/Create-an-Animated-GIF-Image-with-GIMP-Step-8-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-8-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e4\/Create-an-Animated-GIF-Image-with-GIMP-Step-8-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-8-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

door op het oogje te klikken naast de desbetreffende laag.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/99\/Create-an-Animated-GIF-Image-with-GIMP-Step-9-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-9-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/99\/Create-an-Animated-GIF-Image-with-GIMP-Step-9-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-9-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d3\/Create-an-Animated-GIF-Image-with-GIMP-Step-10-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-10-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d3\/Create-an-Animated-GIF-Image-with-GIMP-Step-10-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-10-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a7\/Create-an-Animated-GIF-Image-with-GIMP-Step-11-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-11-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a7\/Create-an-Animated-GIF-Image-with-GIMP-Step-11-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-11-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

, en laat de rechthoek 'terug stuiteren' naar de linkerkant wanneer je de rechthoek, uiterst rechts hebt bereikt.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8a\/Create-an-Animated-GIF-Image-with-GIMP-Step-12-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-12-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8a\/Create-an-Animated-GIF-Image-with-GIMP-Step-12-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-12-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

"LightBarSave.xcf"
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/23\/Create-an-Animated-GIF-Image-with-GIMP-Step-13-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-13-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/23\/Create-an-Animated-GIF-Image-with-GIMP-Step-13-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-13-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Door dit als laatste te doen kun je eventuele fouten vervangen en de animatie uitbreiden, als je dat wil, door de achtergrondlaag te dupliceren.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3d\/Create-an-Animated-GIF-Image-with-GIMP-Step-14-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-14-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3d\/Create-an-Animated-GIF-Image-with-GIMP-Step-14-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-14-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

GIMP vraagt nu of je de zichtbare lagen wilt samenvoegen middels Merge Visible Layers of Save as Animation. Selecteer "Save as Animation" en klik op "Export"(Let op: In een nieuwe versie van GIMP is het niet mogelijk om de opdracht "Save As" te gebruiken voor het opslaan van het GIF-formaat (Je kunt ook het exportmenu gebruiken in plaats van Save As).
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0b\/Create-an-Animated-GIF-Image-with-GIMP-Step-15-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-15-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0b\/Create-an-Animated-GIF-Image-with-GIMP-Step-15-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-15-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

geeft je de mogelijkheid om een opmerking te plaatsen bij de .gif, en een standaardvertraging aan te geven tussen de frames. Hogere getallen staan gelijk aan een meer langzame animatie. (Let op: In een nieuwe versie van GIMP, zijn deze opties beschikbaar in het dialoogvenster).
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/11\/Create-an-Animated-GIF-Image-with-GIMP-Step-16-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-16-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/11\/Create-an-Animated-GIF-Image-with-GIMP-Step-16-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-16-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Je nieuwe geanimeerde GIF is klaar om te gebruiken!

Advertentie

Tips

Vergeet niet dat GIF-afbeeldingen slechts 256 kleuren beschikbaar hebben, en "transparantie" is daar een van, zodat je beter niet teveel kleurverlopen kunt gebruiken. Deze gaan verloren in de uiteindelijke animatie.
Iets schattigs of grappigs is vaak meer effectief dan grote, schreeuwende blokken om een boodschap op de juiste manier over te brengen.
Enkele zeer mooie effecten kun je bereiken door het combineren van de mogelijkheden voor animatie en transparantie van een GIF-indeling.
Het toevoegen van 'aanhoudend' gedimd licht achter het felle licht maakt dit beeld een beetje mooier.

Advertentie

Waarschuwingen

Zeer drukke afbeeldingen of berichten kunnen leiden tot hoofdpijn, misselijkheid en worden algemeen niet als positief of creatief ervaren.

Advertentie

Benodigdheden

GIMP is een gratis, opensource-programma voor het bewerken en maken van afbeeldingen en draait op de meeste besturingssystemen, waaronder Mac, Linux en Windows.

Aanmelden

Een geanimeerde GIF maken in GIMP

Stappen

Tips

Waarschuwingen

Benodigdheden

Gerelateerde artikelen

Over dit artikel

Was dit artikel nuttig?

Gerelateerde artikelen

Meld je aan voor de gratis nieuwsbrief van wikiHow!

Volg ons

Delen

Explore Categories