Så gör du en djursilhuett i pixelgrafik igenkännbar med 16×16 pixlar

Innan du placerar ut pixlar bör du ringa in den egenskap som tydligast skiljer motivet från en generisk fyrbent form. En kanin kan behöva långa öron, en fågel en näbb och en tydlig vingprofil och en katt spetsiga öron och en upplyft svans. Välj ett huvudsakligt kännetecken och, om rutnätet tillåter, ytterligare ett som stödjer det. Se det som ett designval, inte som en universell formel för arten: posen, synvinkeln och stilen påverkar vilka egenskaper som syns.

Formulera en plan för miniatyren: ”räv i sidovy, spetsig nos, stor yvig svans” eller ”uggla framifrån, brett huvud, kort näbb”. Om beskrivningen innehåller många detaljer bör du begränsa den till de två som rimligen kan påverka konturen. Då går den begränsade pixelbudgeten till igenkänning i stället för dekoration.

Börja med en enda färg på ett rutnät med 16×16 pixlar. Skissa bålen och huvudet som sammanhängande former och ta sedan bort pixlar för att forma konturen. En enkel grundform består av en bred kropp, ett huvud som skjuter ut i den riktning djuret är vänt åt och korta benformer längs undersidan. Lämna plats för det kännetecken du har valt: en svans som ska synas separat behöver utrymme bakom kroppen, och upprätta öron behöver höjdutrymme.

Hoppa över ögon, ränder, päls, fläckar och skuggning i det här skedet. Sådana markeringar kan inte rädda en kontur som skulle kunna föreställa flera olika djur. I handledningar om pixelgrafik rekommenderas att man tidigt kontrollerar en enfärgad silhuett och förenklar detaljer som försvinner i spritebildens faktiska storlek. Waylines spritelektion beskriver den arbetsgången, medan en guide till djursprites särskilt lyfter fram öron, halsens tjocklek, svansar och lemmar som flyter ihop till en enda form. Silhuetthandledningen för monstersprites

Ett tydligt bihang hjälper bara om betraktaren kan se var det börjar och slutar. Titta på det tomma utrymmet runt och mellan djurets delar. En fördjupning på en pixel mellan två ben, ett mellanrum under en upplyft svans eller en liten glipa mellan öronspetsarna kan göra en enda klump till tydligare delar. Om det valda kännetecknet vidrör bålen längs hela sin längd kan du prova att ändra vinkeln eller flytta ut det en pixel.

Skapa mellanrum med måtta. Små glipor kostar pixlar som behövs för formen, och om de blir för stora kan en kroppsdel se avbruten ut. På en räv kan en bred svanssilhuett vara viktigare än att skilja tårna åt. På en fågel kan näbbens utskjutande form vara ett tydligare kännetecken än mellanrummen mellan benen. Behåll tillräckligt av kroppens grundform för att den ska gå att läsa som en kropp och använd inskärningar där de tydliggör en viss del. Handledningen om monstersprites varnar för att en svans som sitter för tätt intill kroppen kan flyta ihop med konturen och att tunna former kan tryckas ihop när bilden förminskas.

När den grova konturen fungerar bör du göra dess trappstegsmönster medvetet. Använd diagonalt pixelmönster med steg som förändras gradvis i stället för godtyckliga enpixelknölar. En jämn pixelkurva är inte en matematiskt perfekt kurva, utan en följd av steg vars längd ser avsiktlig ut i spriteskalan. Använd kantiga steg där de beskriver en egenskap hos djuret, till exempel ett spetsigt öra eller en näbb, och bredare steg för rundad rygg eller bakdel.

Granska alla knölar som inte förmedlar anatomi eller silhuett. En ensam pixel kan antyda en pälsbuske, men också se ut som brus eller en trasig kant. Clip Studios handledning om pixelgrafik förklarar att ojämna linjemönster kan se ut som oavsiktliga hack, medan medvetna ojämnheter kan tydliggöra separata hårstrån eller kroppsdelar. Avsnittet om linjearbete handlar om en större karaktärssprite, så använd idén om pixelriktning i skalan för ditt eget djur i stället för att kopiera proportionerna.

När konturen fungerar kan du lägga till ett fåtal inre markeringar. Ett öga kan visa åt vilket håll huvudet är vänt, en vingkontur kan skilja en fågel från ett däggdjur och en ljus svansspets kan göra det tydligare att det är en rävsvans. Se till att markeringarna är tillräckligt stora för att synas i visningsstorleken 1×. Om en egenskap behöver färg för att synas bör du kontrollera att kontrasten mot intilliggande pixlar är tillräcklig.

Silhuetten är ett användbart test när du förenklar bilden, men den bevisar inte att ett objekt alltid kan identifieras utan information inuti formen. I en liten perceptionsstudie jämfördes igenkänning av naturföremål i silhuett-, kontur- och halvtonsbilder vid kort visningstid och maskering. I försöket kändes konturer igen bättre än silhuetter. PubMed-sammanfattningen handlar inte om pixelgrafik och kan därför inte ge en färdig mall för sprites. Den ger däremot stöd för en praktisk försiktighetsregel: behåll en användbar inre gräns om konturen ensam lämnar flera rimliga tolkningar.

Zooma ut till den storlek där spriten faktiskt ska visas, eller visa den i 100 % om det är dess ursprungliga storlek. Bedöm den inte bara kraftigt förstorad: förstoring gör det lättare att se enskilda pixelval, men döljer om helheten snabbt går att tolka. Kontrollera bilden mot en bakgrund som liknar den den ska visas mot. Om ytterkanten försvinner bör du justera konturen eller kontrasten runt den. Även vägledning för pixelgrafik rekommenderar att man ofta kontrollerar bilden i spelets skala och tar bort detaljer som blir till en grötig massa. Waylines lektion

Gör tre snabba kontroller. Dölj först alla inre färger och fråga dig om konturen fortfarande föreställer det avsedda djuret. Visa den sedan i faktisk storlek och kontrollera om dess viktigaste kännetecken fortfarande syns tydligt. Jämför till sist kort med en enkel formbeskrivning som du skrev innan du började rita. Om spriten ser ut som ett annat djur bör du först ändra det tydligaste kännetecknet, till exempel huvudets utskjutande form, öronprofilen eller svansens placering, innan du lägger till fler markeringar. Om du är osäker kan du visa den lilla spriten för någon utan att säga vilket djur den föreställer och fråga vad de ser. Se svaret som användbar återkoppling, inte som ett formellt test.

Vissa motiv får inte plats på ett bra sätt med 16×16 pixlar. Ett långbent djur i en komplicerad pose kan förlora benen, två öron kan flyta ihop i en framifrånvy och en böjd svans kan bli en otydlig knöl. Du kan ändra posen, överdriva ett kännetecken, välja en större arbetsyta eller acceptera att färg och sammanhang får bidra mer till igenkänningen. Det här är avvägningar, inte misslyckanden: pyttesmå sprites kan inte bevara alla anatomiska detaljer samtidigt.

Innan du blir klar bör du ta bort alla pixlar som varken förstärker konturen eller skiljer en viktig kroppsdel från resten. Behåll den version som går att tolka i ursprunglig storlek, även om proportionerna är mindre realistiska än i förlagan. Målet är en kompakt bild där de få synliga kännetecknen stämmer överens.

• ”Making a game-ready sprite”, Wayline

• ”How to Create Monster Sprites ①: First, Let’s Refine the Silhouette!”, Alpha@gopokenohito

• ”Creating Pixel Character Art: from Sketch to Sprite ‘Pixel art #1’”, Clip Studio Tips

• ”Recognition of halftone, contour, and silhouette figures under conditions of their masking”, PubMed