Pixelkunst beloont terughoudendheid. Een paar pixels kunnen een gezicht, een stap, een stemming of een heel klein wezentje suggereren. Animatie voegt nog een laag toe: nu moeten die pixels bewegen zonder de vorm te verliezen die ze leesbaar maakte.
Deze gids richt zich op de praktische middenweg. Geen gigantische sprite-pijplijn, geen truc met één klik. Gewoon de gewoonten die kleine geanimeerde karakters gemakkelijker leesbaar maken.
Begin met het silhouet
Controleer vóór details de omtrek. Als het personage als een duidelijke vorm in één kleur leest, heeft de animatie veel meer kans.
Goede eerste silhouetten zijn eenvoudig: een ronde klodder, een vierkante robot, een grote paddenstoel, een spookvorm, een kattenkop met oren. Kleine armen, kleine accessoires en kleine gezichtsdetails kunnen later komen.
Beperk het palet
Twee tot vier kleuren zijn voldoende voor de meeste kleine karakters. Een beperkt palet houdt de animatie rustig en zorgt ervoor dat elke pixel zijn plaats verdient.
Als de tekening vlak aanvoelt, probeer dan het contrast te veranderen voordat je meer kleuren toevoegt. Een donkerdere omtrek of een helderdere highlight doet vaak meer dan een vijfde tint.
Plan de hoofdbeweging
Vraag in één korte zin wat het personage doet:
- Het slijm ademt.
- De robot zwaait.
- De paddenstoel stuitert.
- De geest drijft rond.
Die zin is je vangrail. Als een detail dit niet ondersteunt, laat het detail dan weg.
Gebruik minder frames dan je denkt
Voor kleine pixelkunst kan een lus werken met verrassend weinig informatie. Een ademhalingspauze kan twee of drie toestanden hebben. Een stuiter kan een platgedrukte houding, een uitgerekte houding en een rusthouding zijn.
WigglyPaint voegt een beetje levendige beweging toe aan de streken, zodat je de structuur vaak eenvoudiger kunt houden dan bij een met de hand getekende kaderreeks.
Bekijk de ankerpunten
Wanneer een personage beweegt, moeten sommige onderdelen stabiel blijven. Voeten raken de vloer. Er blijft een schaduw onder het lichaam. Het midden van het gezicht mag niet willekeurig ronddwalen, tenzij dat de grap is.
Ankerpunten zorgen ervoor dat de animatie niet het gevoel krijgt dat het personage smelt.
Voeg één secundair detail toe
Zodra de hoofdbeweging werkt, voegt u één ondersteunend detail toe:
- een kleine haarsprong
- een achterblijvende sjaal
- een knipoog
- een sprankeling
- een schaduw die zich uitstrekt
Eén detail zorgt ervoor dat de animatie verzorgd aanvoelt. Vijf details kunnen het lezen moeilijk maken.
Veelvoorkomende fouten
- Omlijnt veranderende dikte zonder reden
- Te veel kleuren in een heel kleine sprite
- Details die het silhouet bestrijden
- Beweging die te snel is om te begrijpen
- Een lus die terugspringt naar het begin
Geen van deze zijn rampen. Het zijn slechts tekenen om het te vereenvoudigen.
Een goed eerste personage
Teken een klodder met twee ogen. Geef het een enigszins afgeplatte onderkant, zodat het geaard aanvoelt. Laat het ademen door de hoogte voorzichtig te veranderen. Voeg een hoogtepunt toe dat iets minder beweegt dan het lichaam.
Dat is genoeg. Als het levend aanvoelt, heb je het geleerd.
Bouw een kleine lus
Houd het karakter klein, houd het idee duidelijk en laat de beweging het charmewerk doen.
Probeer WigglyPaint