Een beperkt kleurenpalet kiezen voor een kleine dieren-sprite

Bepaal wat het dier in één oogopslag moet overbrengen. Een piepklein pictogram heeft misschien alleen een duidelijke lichaamsvorm en één onderscheidend kenmerk nodig; een groter personage kan ook aparte kleuren nodig hebben voor de buik, oren, poten of accessoires. Noteer alleen de kenmerken die op de beoogde grootte van de sprite herkenbaar moeten blijven. Zo koppel je kleurkeuzes aan zichtbare functies in plaats van aan een streefaantal kleuren.

Een gespecialiseerde gids over pixel art adviseert ongeveer 4–8 kleuren, inclusief de contour, voor een personage van 16×16 en 8–16 voor een personage van 32×32. Zie dit als praktische uitgangspunten: een dier van één materiaal kan minder kleuren nodig hebben, terwijl meerdere materialen of bijzonder belangrijke markeringen er meer nodig kunnen maken. Het gaat erom of elke kleur een zichtbaar onderscheid oplevert. Tsubu’s gids voor kleurenpaletten in pixel art

Bepaal voordat je exacte tinten kiest wat het belangrijkste materiaal van het lichaam is en wat het meest herkenbare secundaire kenmerk van het dier is. Een kleine vos kan bijvoorbeeld één kleurreeks voor het lichaam gebruiken en een lichte kleur reserveren voor de snuit en borst; een donkere kat kan een lichtere kleur voor het gezicht of de ogen gebruiken om de uitdrukking herkenbaar te maken. Dit zijn ontwerpvoorbeelden, geen verplichte kleurenschema’s voor dieren. Als twee delen op ware grootte in elkaar overlopen, hebben ze mogelijk een duidelijker verschil in helderheid nodig. Als ze al als één vorm worden gelezen, kunnen aparte kleuren rommel toevoegen zonder nuttige informatie op te leveren.

Een contour kan dezelfde donkerste tint als het lichaam gebruiken of een eigen kleur krijgen. Door een donkere tint te delen, bespaar je een plek in het palet en kunnen vormen beter op elkaar aansluiten. Een aparte contour is handig wanneer de sprite een duidelijke rand tegen de achtergrond nodig heeft. Controleer het resultaat op de echte gameachtergrond of exportachtergrond: een contour die daarin wegvalt, markeert de omtrek niet duidelijk.

Een kleurreeks is een kleine reeks tinten voor één materiaal, gerangschikt van donker naar licht. Begin met drie functies: schaduw, basiskleur en licht. Voeg alleen een diepere schaduw of felle highlight toe als de sprite die nodig heeft. In richtlijnen voor pixel art worden vaak reeksen van drie tot vijf stappen genoemd, waarbij de donkerste stap soms ook als lijnkleur dient. Pixors gids voor kleurreeksen

Kies een basiskleur die de gewenste uitstraling ondersteunt en voeg vervolgens een donkerdere en een lichtere tint toe. Elke stap moet op de sprite zichtbaar verschillen van de volgende. Een rij kleurstalen kan er gevarieerd uitzien, terwijl er in een klein cluster pixels nauwelijks zichtbaar verschil ontstaat; beoordeel de reeks daarom in de context van de sprite. Ga er niet van uit dat elk materiaal een volledig aparte reeks nodig heeft: met een gedeelde schaduw of highlight kan een compact palet meerdere gebieden inkleuren.

Als je een schaduw maakt door alleen de basiskleur donkerder te maken, kan de reeks vlak of modderig ogen. Probeer de kleurschakering licht te verschuiven wanneer de helderheid verandert: een warme basiskleur kan bijvoorbeeld een koelere schaduw en een warmer licht hebben. De richting hangt af van de beoogde belichting en stijl, dus blauwviolette schaduwen en geel-oranje highlights zijn veelgebruikte opties, geen verplichte formule. Pixors gids over verschuivingen in kleurschakering

Houd de verschuiving beperkt genoeg zodat de reeks nog steeds als één materiaal wordt gelezen. Pas een vergelijkbare lichtrichting toe op het lichaam, gezicht en eventuele secundaire kleurreeks van het dier; niet op elkaar afgestemde verschuivingen kunnen de indruk wekken dat een piepkleine sprite van meerdere kanten wordt belicht. Pixelartkunstenaar Raymond Schlitter bespreekt in zijn palettutorial ook verschuivingen in kleurschakering binnen kleurreeksen en het aanpassen van verzadiging. Daarbij benadrukt hij dat je het visuele resultaat van de reeks moet beoordelen in plaats van een vaste wiskundige formule te volgen. Slynyrds Pixelblog over kleurenpaletten

Alleen kleurnamen zeggen niet of aangrenzende gebieden van elkaar te onderscheiden zijn. Een roodbruin lichaam en een groen accessoire kunnen bijvoorbeeld even helder zijn en op kleine schaal in elkaar overlopen. Bekijk de sprite tijdelijk in grijstinten of vergelijk de gebieden op het oog: kun je het silhouet, gezicht en belangrijkste kenmerk nog steeds onderscheiden? Pixor raadt aan de helderheid van kleurreeksen in grijstinten te controleren; ook Tsubu’s gids benadrukt dat je aangrenzende gebieden op de werkelijke grootte van de sprite moet testen. Pixor over kleurreeksen, Tsubu over contrast in helderheid

Als twee belangrijke gebieden in elkaar overlopen, pas dan eerst de helderheid van één kleur aan of kies een aangrenzende tint uit de reeks met meer verschil. Als ze nog steeds moeilijk te onderscheiden zijn, verander dan de kleurschakering of reserveer een aparte accentkleur. Voeg niet alleen een nieuwe kleur toe omdat een detail moeilijk te zien is; misschien is het detail zelf te klein om op de uiteindelijke grootte zichtbaar te blijven. In dat geval kan het effectiever zijn de vorm te vereenvoudigen of groter te maken dan een extra kleurstaal toe te voegen.

Pas de kleuren toe op het daadwerkelijke ontwerp en bekijk het op ware grootte. Inzoomen helpt bij het plaatsen van pixels, maar kan verhullen of de kleuren goed werken wanneer de sprite klein wordt weergegeven. Controleer de omtrek tegen de achtergrond en bekijk daarna het gezicht en andere kenmerkende details. Is het dier geanimeerd, bekijk dan een paar frames: een kleur die in één pose werkt, kan met een ander kenmerk samenvallen wanneer het silhouet verandert.

Hanteer een eenvoudige revisieronde: noteer de functie van elke kleur, bekijk de sprite op 1×, bepaal welk kenmerk als eerste onduidelijk is en wijzig zo weinig mogelijk kleurstalen om het te verduidelijken. Als een kleur geen zichtbare functie heeft, probeer die dan te verwijderen of samen te voegen. Vermeld bij het toevoegen van een kleur wat die mogelijk maakt, zoals het onderscheiden van een lichte buik en de romp, en controleer vervolgens of dat onderscheid werkelijk zichtbaar is. Met deze functiegerichte controle voorkom je dat het palet uit gewoonte steeds groter wordt.

Een communitypalet kan een samenhangende reeks kleuren bieden om snel uit te proberen. Kies een selectie die bij de materialen en beoogde sfeer van het dier past; het totale aantal kleuren in een palet is geen streefaantal voor elke sprite. Maak je zelf een palet, begin dan met de kleurreeks voor het lichaam en voeg alleen kleuren toe voor kenmerken die van elkaar onderscheiden moeten worden. Bouw en test de sprite voordat je extra tinten toevoegt.

In Aseprite kun je in de RGB-modus ook kleuren gebruiken die niet in de paletbalk staan. In de geïndexeerde modus wordt elke pixel aan een paletkleur gekoppeld en kun je alleen met die kleuren tekenen. Als je een kleur in een geïndexeerd palet bewerkt, veranderen de pixels die die index gebruiken; dat kan handig zijn om een hele kleurreeks tegelijk aan te passen. In de geïndexeerde modus wordt voor transparantie ook een paletindex gebruikt. Dit zijn werkwijzen die bij deze software horen, geen vereisten voor het kiezen van een beperkt palet. Documentatie van Aseprite over kleurmodi

Controleer voordat je het palet definitief maakt of het silhouet en kenmerkende detail van het dier op de beoogde weergavegrootte herkenbaar zijn; de kleurreeks voor het lichaam duidelijke functies heeft voor schaduw, basiskleur en licht; belangrijke aangrenzende gebieden in grijstinten van elkaar te onderscheiden blijven; de contour de sprite van de achtergrond scheidt; en elk kleurstaal een zichtbare functie heeft. Als een controle niet slaagt, pas dan die specifieke verhouding aan en bekijk de sprite opnieuw. Houd het palet zo klein als het ontwerp toelaat en behoud de kenmerken die dit dier herkenbaar maken.

• Kleurenpaletten voor pixel art: kleuren kiezen die goed leesbaar zijn en ze daarna op een sprite testen — https://tsubu.art/blog/pixel-art-color-palettes

• Kleurreeksen in pixel art: kleurverlopen opbouwen — https://pixor.art/learn/palette-ramps/

• Verschuivingen in kleurschakering in pixel art: warmere lichten, koelere schaduwen — https://pixor.art/learn/hue-shifting/

• Pixelblog - 1 - Kleurenpaletten — https://www.slynyrd.com/blog/2018/1/10/pixelblog-1-color-palettes

• Aseprite: kleurmodus — https://www.aseprite.org/docs/color-mode/