Så skapar du en tydlig djursprite inom gränsen 24×24 pixlar

Välj vy innan du börjar rita: sidovy, framifrån eller trekvartsvy. För en första sprite gör en sidovy ofta svans, öron, näbb eller nos lättare att skilja från kroppen. Det är ett praktiskt designval, ingen regel; välj den vinkel som bäst visar det drag du vill att läsaren ska lägga märke till.

Skriv ner ett huvudsakligt kännetecken och högst ett stödjande drag. För en katt kan det vara spetsiga öron och en svans; för en fågel, en näbb och en kompakt kropp; för en sköldpadda, formen på skalet. Den här begränsningen är ett användbart arbetsvillkor, inte en föreskriven standard. Den hjälper dig att undvika att lägga pixlar på generisk struktur innan djurets identitet är tydlig.

Öppna en arbetsyta på 24×24 och låt pixelrutnätet vara synligt medan du ritar. En sprite-editor som Aseprite behandlar dokumentet som en bild med pixelmått, och dokumentationen beskriver indexerad färg som pixlar som hänvisar till palettposter. Rutnätet gör det lättare att bedöma hur många rader eller kolumner ett drag tar upp. Aseprites dokumentation om sprites och guide till färglägen

Lämna lite luft vid kanterna, särskilt där öron, horn eller en svans riskerar att kapas. Blocka sedan in de största formerna: kropp, huvud och eventuella karaktäristiska utskott. Som en illustrativ utgångspunkt kan du reservera ungefär 15×10 pixlar för kropp och huvud tillsammans och sedan få in svans, ben och öron på den återstående ytan. De måtten är ingen mall; ett långsmalt djur, ett runt djur och ett djur vänt rakt framifrån behöver olika proportioner.

Fyll djuret som en enda enfärgad form mot en kontrasterande bakgrund. Strunta i ögon, teckning och skuggor. Fråga dig i det här skedet om det går att skilja djuret från en formlös klump. Om inte, ändra konturen: förläng nospartiet, separera öronen, ändra ryggens kurva eller ge svansen en tydligare riktning.

Var uppmärksam på smala mellanrum. En öppning på en pixel kan räcka för att skilja ett öra från huvudet eller ett ben från magen, men den kan försvinna när spriten visas i liten storlek eller placeras mot en rörig bakgrund. Om två drag flyter ihop kan du prova att ändra deras vinkel eller silhuett innan du lägger till en konturfärg. Lospecs introduktionsguide betonar kontroll pixel för pixel och hänvisar nybörjare till handledningar om spriteskapande. Den praktiska slutsatsen här är att bedöma enskilda pixelval i stället för att förlita sig på automatisk utjämning. Lospec, ”Pixel Art: Where to Start”

När silhuetten fungerar placerar du ut ansiktet och det särskiljande draget. I en liten sprite kan ett enda mörkt öga räcka. En nos, näbb, ett horn eller kanten på ett skal kan ofta antydas med en liten ändring av form eller färg i stället för en detaljerad teckning. Håll ansiktsmarkeringar borta från konturen om de skulle göra huvudets form svårare att urskilja.

Gör ett snabbt borttagningstest: dölj tillfälligt varje liten markering. Om det inte blir svårare att känna igen djuret eller förstå posen när den tas bort, utelämna den. Det här är en tumregel för redigering, ingen universell konstlag. Den hjälper dig att spara utrymme åt de viktigaste dragen.

Börja med några få funktioner: genomskinlig bakgrund, kroppens huvudfärg, en mörkare ton för avskiljning eller skugga och en ljusare ton för en enda högdager. Lägg bara till en accentfärg om den hjälper till att identifiera djuret. Det finns inget obligatoriskt antal färger för en sprite på 24×24. Färre funktioner gör det helt enkelt lättare att se om färgen förtydligar formen eller skapar brus.

Kontrollera både valörerna och nyanserna. Två färger kan ha olika nyans men liknande ljusstyrka, vilket gör en färgyta svår att urskilja i liten storlek. Visa tillfälligt spriten i gråskala eller byt till en enkel mellangrå bakgrund för att kontrollera att kroppen, ansiktet och det viktigaste draget fortfarande går att skilja åt. En handledning om spriteskapande från Pinnguaq rekommenderar också att bedöma färgkontrast och synlighet mot flera bakgrunder, även om dess exempelarbetsyta är större än 24×24. Pinnguaq, ”Pixel Power: Sprite Creation”

I Aseprite kan varje pixel ha sin egen färg i RGB-läget, medan pixlar i indexerat läge är kopplade till palettposter, så palettändringar påverkar pixlar som använder dessa poster. Indexerat läge kan hjälpa dig att hålla en liten palett enhetlig; RGB-läget är praktiskt när du utforskar färger. Båda fungerar för den här uppgiften. Aseprites guide till färglägen

Lägg till skuggor först när silhuetten och kännetecknet fungerar. Använd en skuggad yta för att beskriva en form eller skilja överlappande delar åt, inte för att konturera varje yta. En bred, sammanhängande yta är oftast lättare att läsa än utspridda enstaka pixlar. Använd högdagrar sparsamt; i den här storleken kan flera ljusa prickar se ut som oavsiktligt brus i stället för struktur.

Om en skuggad kant får ett ben, en svans eller ett öra att flyta ihop med kroppen ska du ta bort eller flytta skuggan. Låt silhuetten vara din viktigaste referens: de inre färgerna ska stödja konturen, inte konkurrera med den.

Förstoring hjälper dig att placera pixlar, men kan dölja problem som syns i normal storlek. Granska spriten både förstorad och i den storlek den kommer att ha i spelet eller gränssnittet. Kontrollera tre saker i faktisk storlek: Kan du identifiera djuret? Ser du åt vilket håll det är vänt? Är posen fortfarande tydlig mot den avsedda bakgrunden?

Testa också spriten mot mer än en enkel bakgrund om den kan förekomma i olika scener. Om en mörk kontur försvinner mot en av bakgrunderna kan du justera konturen eller lägga till en liten avskiljande färgyta. Om djuret bara går att urskilja när det är förstorat kan du förenkla en detalj eller förstora draget som gör det igenkännbart. De här kontrollerna är praktiska felsökningsmetoder, ingen garanti för att alla betraktare tolkar bilden likadant.

Arbeta med ändringarna i den här ordningen: silhuett, pose, kännetecken, valörskillnad och sedan utsmyckning. Ändra en sak i taget så att du kan avgöra om ändringen hjälpte. Om djuret fortfarande är svårtolkat kan du jämföra med ett andra, förenklat utkast där det karakteristiska draget överdrivs. Behåll det utkast som är tydligast i faktisk storlek.

Den färdiga spriten behöver inte använda alla 576 tillgängliga pixlar eller varje färg i paletten. Sluta när djuret, riktningen det är vänt åt och det viktigaste kännetecknet går att urskilja i avsedd storlek och fler markeringar inte längre förbättrar dessa kontroller.

• Aseprite, ”Sprite”

• Aseprite, ”Color Mode”

• Lospec, ”Pixel Art: Where to Start”

• Pinnguaq, ”Pixel Power: Sprite Creation”