Ja, je kunt je eigen pixelartanimaties maken voor een Divoom-display, en het proces is toegankelijker dan het lijkt. Je eigen animaties maken draait niet alleen om het vullen van een scherm — het gaat erom een generiek display om te vormen tot een persoonlijke pixelmetgezel op je bureau die jouw verhaal vertelt. De volledige workflow bestaat uit vijf stappen: stem je canvas af op je apparaat, kies een animatietool, teken je frames, exporteer een GIF en importeer deze via de Divoom-app. Of je nu een Pixoo-64 met een ledpaneel van 64×64 bezit, een Pixoo Max van 32×32 of een Ditoo Pro van 16×16, dezelfde frame-voor-frameprincipes zijn van toepassing. In deze handleiding doorlopen we elke stap, met specifieke aanbevelingen voor tools, richtlijnen voor de framesnelheid en het exacte proces om de animatie in de app te importeren.
De video hierboven laat het volledige traject zien, van een leeg canvas tot een werkend display. De maker bouwt een roterende schedelanimatie op een raster van 64×64, exporteert deze en stuurt hem met de Divoom-app naar een Pixoo-64. Dezelfde aanpak werkt voor eenvoudigere animaties op kleinere rasters.
Wat is pixelartanimatie?
Pixelartanimatie is de kunst van het achter elkaar zetten van met de hand getekende pixelbeelden om de illusie van beweging te creëren. Elk frame is een statische afbeelding die op pixelniveau is getekend, en wanneer je ze met een constante snelheid afspeelt, vult je brein de tussenliggende beelden aan. Volgens Wikipedia's definitie van pixelart is het "een vorm van digitale kunst die met grafische software wordt getekend, waarbij afbeeldingen worden opgebouwd met pixels als enige bouwsteen." Animeren betekent simpelweg dat je meerdere van zulke pixelafbeeldingen tekent en ze achter elkaar afspeelt.
Voor Divoom-displays is het eindresultaat een GIF-bestand. De Divoom-app leest de GIF, haalt elk frame eruit en stuurt ze met de door jou ingestelde snelheid naar het ledpaneel. Omdat het display fysieke leds gebruikt in plaats van een scherm, is elke pixel duidelijk zichtbaar. Dat geeft pixelartanimatie een tastbare, gloeiende kwaliteit die schermgebaseerde tools niet kunnen nabootsen.
Stem je canvas af op je Divoom-apparaat
Voordat je ook maar één pixel tekent, moet je de afmetingen van je canvas kennen. Divoom-displays zijn verkrijgbaar in drie primaire rasterformaten, en elk formaat bepaalt welk soort animatie praktisch uitvoerbaar is.
De Pixoo-64 biedt je een raster van 64×64 — in totaal 4.096 pixels. Dat is het grootste canvas in de Pixoo-lijn en maakt gedetailleerde personages, scènes met meerdere elementen en vloeiende rotaties mogelijk. Als je een personage over een klein landschap wilt laten lopen of een wijzerplaat met bewegende tandwielen wilt animeren, is dit het display dat dit aankan.
De Pixoo Max zit ertussenin met een raster van 32×32 — 1.024 pixels. Dit is een goede balans tussen detail en eenvoud. Logo's, stuiterende pictogrammen en korte personageloops werken hier goed. Je kunt er niet zoveel details op kwijt als op het 64×64-formaat, maar je hebt ook minder frames nodig om de ruimte overtuigend te vullen.
De Ditoo Pro heeft een raster van 16×16 — slechts 256 pixels. Hier is efficiënt omgaan met pixels het belangrijkst. Elke pixel is kostbaar en duidelijkheid komt eerder van heldere silhouetten dan van fijne details. Eenvoudige bewegingen werken het best: een knipperend oog, een stuiterende bal, een kleurverandering of een weerpictogram dat van zon naar regen verandert. Voor een overtuigende loop heeft een canvas van 16×16 misschien maar vier tot zes frames nodig, terwijl een canvas van 64×64 voor dezelfde vloeiendheid misschien twaalf tot vierentwintig frames nodig heeft.
Kies je animatietool
Je hebt vier realistische opties om pixelartanimaties te maken. De juiste keuze hangt af van je platform, budget en hoeveel controle je wilt.
Aseprite is de populairste tool voor pixelartanimatie onder indiegameontwikkelaars en liefhebbers van pixelart. Het kost ongeveer €20 en werkt op Windows, Mac en Linux. Je krijgt een echte tijdlijn, onion skin (waarmee je vorige en volgende frames als schimmen ziet), paletbeheer en directe export naar GIF. Als je van plan bent regelmatig animaties te maken, is Aseprite de tool die met je meegroe
Piskel is een gratis alternatief dat in de browser werkt. Je hoeft niets te installeren en het ondersteunt beeld-voor-beeldbewerking, onion skin en export naar GIF. Op grotere canvassen is het trager dan Aseprite, maar om animatie uit te proberen zonder geld uit te geven, is het moeilijk te verslaan. Ga naar piskelapp.com om meteen te beginnen met tekenen.
Procreate op iPad is geen speciale pixelarttool, maar de functie Animation Assist werkt goed voor het maken van animaties frame voor frame. Elke lagengroep wordt één frame en je kunt door de tijdlijn scrollen om je voortgang te controleren. Als je al een iPad en Procreate hebt, is dit een natuurlijk startpunt. De hierboven ingesloten video laat een volledige workflow van Procreate naar Divoom zien.
De ingebouwde editor van de Divoom-app is de eenvoudigste optie. De app is gratis, beschikbaar voor iOS en Android en vereist geen externe software. De bewerkingstools zijn eenvoudig, maar voor simpele animaties zoals een van kleur veranderend pictogram of een knipperanimatie van twee frames volstaan ze. Dit is ook de snelste weg van idee naar scherm, omdat je de export- en uploadstappen volledig overslaat.
Stel je framesnelheid in
De framesnelheid bepaalt hoeveel afbeeldingen er per seconde worden afgespeeld en heeft meer invloed op het gevoel van je animatie dan elke andere instelling. De meeste pixelartanimaties zien er het best uit bij 8 tot 12 frames per seconde (FPS). Twaalf FPS is een gebruikelijk startpunt, omdat dit aansluit bij een techniek die ‘animeren op tweeën’ wordt genoemd — je tekent een nieuw frame op elke tweede positie bij de standaardfilmsnelheid van 24 FPS, waardoor je vloeiende beweging krijgt zonder dubbel zoveel werk.
Lagere framesnelheden (4 tot 8 FPS) zorgen voor een schokkerig, retrogevoel dat bij bepaalde stijlen goed kan werken, vooral op kleine rasters van 16×16, waar minder pixels hoeven te bewegen. Hogere framesnelheden (15+ FPS) zorgen voor vloeiendere bewegingen, maar vereisen meer frames, grotere GIF-bestanden en meer tekentijd. Voor Divoom-schermen is 8 tot 12 FPS de ideale balans, omdat LED-panelen anders verversen dan schermen en de pixelrasters klein genoeg zijn dat hogere framesnelheden nauwelijks voor meer zichtbare vloeiendheid zorgen.
Snelle tip: Het belangrijkste is hoe de beweging aanvoelt, niet het getal op de schuifregelaar. Test je animatie naast elkaar op 8 FPS en 12 FPS — als je het verschil niet kunt zien, kies dan de lagere framesnelheid en bespaar jezelf tekentijd.
Lees onze gids voor de framesnelheid van pixelartanimaties voor meer informatie over het kiezen van de juiste framesnelheid voor verschillende animatietypen.
Teken je animatie frame voor frame
Zodra je canvas is ingesteld en je gereedschap klaarstaat, begint het echte tekenwerk. Het proces is hetzelfde, of je nu een knipperanimatie van vier frames maakt of een loopcyclus van vierentwintig frames. In computergraphics wordt elk frame soms een sprite genoemd — een tweedimensionale afbeelding die in een grotere scène wordt samengesteld. Op Divoom-schermen bevindt je volledige animatie zich binnen dat ene sprite-raster.
Stap 1: Plan je animatie. Bepaal voordat je gaat tekenen wat er beweegt en hoe. Schets de belangrijkste houdingen in gedachten of op papier. Bepaal bij een loopanimatie de begin- en eindposities — die moeten overeenkomen. Een stuiterende bal volgt een eenvoudige boog: boven, midden, onder, midden, boven. Een draaiende schedel heeft een voor-, zij- en achterkant. Met een goede planning hoef je later geen frames opnieuw te tekenen.
Stap 2: Teken je keyframes. Dit zijn de belangrijkste posities in je animatie. Voor een loopcyclus zijn dat de contacthouding (de voet raakt de grond) en de passeerhouding (midden in de pas). Teken bij een rotatie eerst de voor-, zij- en achterkant. Maak je nog geen zorgen over vloeiendheid — zorg eerst dat de belangrijkste posities kloppen.
Stap 3: Vul de tussenliggende frames in. Voeg frames tussen je keyframes toe om vloeiende overgangen te creëren. Gebruik onion skinning om de vorige en volgende frames als vage schimmen te zien; zo houd je de verhoudingen consistent. Het aantal tussenliggende frames bepaalt hoe vloeiend de beweging aanvoelt — meer frames betekent een vloeiendere maar tragere animatie.
Stap 4: Pas easing toe. Objecten bewegen in het echte leven niet met een constante snelheid. Ze beginnen langzaam, versnellen en vertragen weer voordat ze stoppen. In pixelkunst betekent dit dat je je onderwerp aan het begin en einde van een beweging 1 tot 2 pixels per frame verplaatst, en in het midden 8 tot 9 pixels per frame. Deze techniek, die easing in en uit wordt genoemd, maakt het grootste verschil tussen een amateuristische en een overtuigende animatie.
Stap 5: Voeg secundaire animatie toe. Dingen in je scène moeten reageren op de hoofdbeweging. Als een personage springt, moeten het haar of de kleding achterblijven en na de landing tot rust komen. Als een bal de grond raakt, kunnen er stofdeeltjes opvliegen. Dit oorzaak-en-gevolg maakt de animatie levendig in plaats van mechanisch.
Stap 6: Controleer de impact en het smeereffect. Teken bij snelle bewegingen, zoals een zwaai met een zwaard of een stoot, niet elk afzonderlijk frame. Twee of drie frames zijn genoeg voor iets dat zo snel beweegt. Om de snelheid duidelijk te maken, gebruik je een smeereffect — rek het onderwerp uit tot een kleurveeg die de richting aangeeft. Zie het als bewegingsonscherpte voor pixelkunst. Gebruik dit spaarzaam, alleen bij de snelste frames.
Laat het naadloos doorlopen
Een lusanimatie speelt voortdurend af zonder een zichtbare sprong. Het geheim is eenvoudig: het laatste frame moet vloeiend overgaan in het eerste frame. Als je personage uiteindelijk één pixel links staat van waar het begon, zal de lus een sprong vertonen.
Om je herhaling te testen, speel je de animatie af met de gewenste framesnelheid en let je op de overgang van het laatste naar het eerste frame. Als je een sprong ziet, pas dan de pixelposities in het laatste frame aan totdat dit overeenkomt met het eerste. Bij cirkelvormige bewegingen, zoals een draaiend object, moet het laatste frame één stap vóór het eerste frame zijn — niet een duplicaat ervan. Bij stuiterende bewegingen moet het laatste frame een spiegeling van het tweede frame zijn, zodat de stuiter op natuurlijke wijze omkeert.
Sommige typen herhalingen zijn eenvoudiger dan andere. Een kleurverschuiving (van zon naar maan en terug) is het eenvoudigst, omdat de positie er niet toe doet. Een stuiterende bal komt daarna, omdat de beweging symmetrisch is. Een loopcyclus is moeilijker, omdat de ledematen moeten terugkeren naar hun beginposities. Begin met een eenvoudige stuiter of kleurverschuiving van vier frames voordat je personageanimaties probeert.
Exporteren als GIF
Wanneer je animatie klaar is, exporteer je deze als GIF-bestand. GIF is het formaat dat de Divoom-app accepteert voor geanimeerde pixelkunst. Houd rekening met deze instellingen:
- Canvasformaat: Dit moet exact overeenkomen met het raster van je apparaat — 64×64, 32×32 of 16×16. Als je canvas groter is, verklein het dan voordat je exporteert.
- Framevertraging: Stel voor 12 FPS de vertraging in op ongeveer 83 milliseconden (1/12 seconde). Bij de meeste tools kun je dit instellen in het exportdialoogvenster.
- Kleurenpalet: GIF ondersteunt maximaal 256 kleuren. Gebruik gangbare kleuren en vermijd subtiele kleurverlopen, omdat het GIF-formaat deze omzet in dithering, waardoor ze er op een ledpaneel mogelijk korrelig uitzien.
- Bestandsgrootte: Houd het bestand kleiner dan 1 MB voor betrouwbaar uploaden via de Divoom-app. Minder frames en kleinere canvasformaten leveren vanzelf kleinere bestanden op.
- Herhalen: Stel de GIF in om oneindig te herhalen (aantal herhalingen = 0 in de meeste exporttools).
Als je al een spritesheet hebt — één afbeelding met alle frames in een raster — kun je deze met tools zoals Aseprite of onlineconverters omzetten naar een geanimeerde GIF. Bekijk onze handleiding over het omzetten van een spritesheet naar een GIF voor Divoom voor stapsgewijze instructies.
Je animatie importeren in de Divoom-app
Zodra je je GIF-bestand hebt, is de laatste stap om het op je scherm te zetten. De Divoom-app regelt dit proces:
- Open de Divoom-app op je telefoon en controleer of je apparaat via Bluetooth of wifi is verbonden.
- Tik op de knop Galleria (het kubuspictogram onderaan in het midden van het scherm).
- Tik op het pluspictogram (+) om een nieuw item te maken.
- Selecteer 'Animaties converteren' om je GIF-bestand vanuit de opslag van je telefoon te uploaden.
- De app verwerkt de GIF en toont een voorbeeld van hoe deze eruitziet op je scherm.
- Wijs de animatie toe aan een aangepast kanaal — Aangepast 1, 2 of 3. Elk kanaal werkt als een afspeellijst en je kunt je animatie combineren met andere illustraties.
- Stuur het naar je apparaat. De animatie verschijnt binnen enkele seconden op je display.
Als je tijdens het uploaden problemen ondervindt — bijvoorbeeld als de GIF niet wordt geïmporteerd of vervormd verschijnt — controleer dan of de canvasafmetingen exact overeenkomen met het raster van je apparaat en of de bestandsgrootte kleiner is dan 1 MB. Bekijk voor algemene instructies voor het uploaden van kunst (statische afbeeldingen, foto's en andere bestandstypen) onze gids over het uploaden van aangepaste kunst naar Divoom. Voor apparaatspecifieke probleemoplossing bevat de Divoom-producthandleiding installatie- en verbindingsgegevens voor elk model.
Op welk Divoom-display kun je het beste animeren?
Als je specifiek een Divoom-display voor animatie kiest, kun je de drie modellen als volgt vergelijken:
| Functie |
Pixoo-64 Groot creatief canvas 
|
Pixoo Max Gebalanceerde middenweg 
|
Ditoo Pro Compacte uitdagingsmodus 
|
|---|---|---|---|
| Rastergrootte | 64×64 (4.096 px) | 32×32 (1.024 px) | 16×16 (256 px) |
| Beste animatiestijl | Gedetailleerde personages, scènes, rotaties | Logo's, pictogrammen, korte loops | Knipperen, stuiteren, kleurverschuivingen |
| Frames voor een vloeiende loop | 12–24 | 8–12 | 4–6 |
| Moeilijkheidsgraad voor beginners | Gemiddeld — meer ruimte, maar ook meer werk | Laag — een goed startpunt | Hoog — elke pixel telt |
Als je nieuw bent met animatie, is de Pixoo Max met 32×32 de makkelijkste instap — genoeg pixels om herkenbare kunst te maken, maar niet zo veel dat je je overweldigd voelt. De Pixoo-64 is het meest geschikt als je al enige tekenervaring hebt en creatieve vrijheid wilt. De Ditoo Pro is een leuke uitdaging voor minimalistische animators die graag binnen strikte beperkingen werken.
Veelgestelde vragen
Hoeveel frames heb ik nodig voor een pixelkunstanimatie op een Divoom-display?
Voor een 16×16-display zoals de Ditoo Pro zijn 4 tot 6 frames meestal voldoende voor een vloeiende loop. Voor een 32×32 Pixoo Max kun je het beste 8 tot 12 frames gebruiken. Voor een 64×64 Pixoo-64 zorgen 12 tot 24 frames voor vloeiende bewegingen. Begin met minder frames en voeg er alleen meer toe als de animatie schokkerig aanvoelt. Bekijk voor gedetailleerde richtlijnen voor de framerate onze gids voor de framerate.
Kan ik AI gebruiken om pixelkunst voor Divoom te animeren?
Er bestaan AI-ondersteunde tools voor pixelkunstanimaties, maar deze bevinden zich nog in een vroeg ontwikkelingsstadium en leveren vaak inconsistente resultaten op bij de kleine canvasformaten die Divoom vereist. Voorlopig geeft handmatige frame-voor-frame-creatie je meer controle en voorspelbaardere resultaten. Als je wilt experimenteren, gebruik dan AI om statische pixelkunstframes te genereren en voeg ze vervolgens handmatig samen in Aseprite of Piskel.
Waarom wordt mijn GIF niet geïmporteerd in de Divoom-app?
De meest voorkomende oorzaken zijn een niet-overeenkomende canvasgrootte, een bestandsgrootte van meer dan 1 MB of te veel frames. Zorg ervoor dat de afmetingen van je GIF exact overeenkomen met het raster van je apparaat (64×64, 32×32 of 16×16). Verminder het aantal frames of het aantal kleuren als het bestand te groot is. Als de app tijdens het importeren crasht, probeer dan andere apps op je telefoon te sluiten om geheugen vrij te maken voordat je het opnieuw probeert.
Kan ik rechtstreeks in de Divoom-app animeren zonder externe tools?
Ja. De Divoom-app heeft een ingebouwde pixelkunsteditor die animatie frame voor frame ondersteunt. Vergeleken met Aseprite of Piskel is deze basiseditor beperkt, maar hij werkt voor eenvoudige animaties zoals kleurverschuivingen, knipperende ogen of stuiterende pictogrammen. Het voordeel is dat je de stappen voor exporteren en uploaden helemaal overslaat — wat je tekent, gaat rechtstreeks naar het display.
Wat is het beste canvasformaat voor beginners in pixelkunstanimatie?
32×32 is het beste startpunt voor beginners. Je hebt genoeg pixels om herkenbare kunst te maken zonder de overweldigende details van 64×64 of de extreme beperking van 16×16. De Pixoo Max is het display dat bij dit canvasformaat past. Zodra je ermee vertrouwd bent, kun je opschalen naar de Pixoo-64 of verkleinen naar de Ditoo Pro.
Blijf leren
Begin met een eenvoudige lus van vier frames — een stuiterende bal, een knipperend oog of een van kleur veranderend pictogram. Zodra dat natuurlijk aanvoelt, kun je doorgaan met karakteranimatie en langere sequenties. Hier vind je uitgebreidere bronnen over specifieke deelonderwerpen:
- Gids voor de framesnelheid van pixelkunstanimaties — hoeveel frames en FPS je echt nodig hebt
- Een spritesheet omzetten in een GIF voor Divoom — bestaande spritesheets converteren
- Pixelkunst vanuit Aseprite exporteren naar Divoom — gedetailleerde workflow voor export vanuit Aseprite
- Aangepaste kunst uploaden naar Divoom — algemeen uploadproces voor afbeeldingen en GIF's
- Divoom-appsjablonen vinden, opslaan en toepassen — gebruik ontwerpen van de community als inspiratie
De tools en technieken in deze gids werken op elk Divoom-pixeldisplay. Niet de grootte van je canvas of de kosten van je software zijn belangrijk — het gaat om de tijd die je besteedt aan het goed laten aanvoelen van elk frame. Kies je canvas, pak een tool en begin met het tekenen van je eerste frame. Het resultaat wordt een gedenkwaardige animatie die helemaal van jou is en op je bureau oplicht als een pixelmaatje dat je vanaf nul hebt opgebouwd.
