Så förenklar du skuggningen av pixlar när en sprite blir svår att läsa

Duplicera spriten eller spara en version innan du redigerar. Dölj sedan lagren med högdagrar och skuggor, eller färglägg om de inre pixlarna med grundtonen. Titta på den platta versionen i dess avsedda storlek på skärmen, inte bara förstorad i redigeraren. Om posen, objektet eller den viktigaste detaljen fortfarande är otydlig behöver silhuetten eller avståndet mellan detaljerna justeras; mer skuggning ökar komplexiteten utan att förbättra formen. Adafruits spriteguide presenterar grundformen först och därefter skuggning för att ge den djup, vilket stöder synsättet att skuggning är ett senare steg snarare än grunden för igenkänning (Adafruits guide till pixelart-sprites i MakeCode Arcade).

Fundera på vad varje nyans tillför. Behåll grundfärgen för huvudytan, en mörkare nyans för det största skuggplanet och, endast om det behövs, en ljusare nyans för en högdager. Slå ihop eller ta bort nyanser som inte skiljer former åt, tydliggör ljusets riktning eller markerar en detalj som måste synas. Det finns inget universellt rätt antal färger: små sprites och stilar varierar. Det användbara testet är om varje nyans som finns kvar har ett synligt syfte i originalstorlek. Adafruits guide noterar att en enkel sprite kan använda en begränsad palett, medan mer komplex skuggning kan öka antalet färger rejält (Adafruits guide).

Zooma in och granska varje skugga som en grupp pixlar, eller klunga. Om en skugga har splittrats upp i åtskilda prickar, avgör om pixlarna är nödvändiga accenter. Ta bort oavsiktliga prickar eller sammanfoga dem till en bredare skuggform som följer formen. Saint11 rekommenderar att börja med stora färgklungor och sedan förfina dem. Hen beskriver också isolerade klungor på en pixel som en vanlig källa till visuellt brus, samtidigt som hen konstaterar att en ensam pixel kan vara avsiktlig för struktur eller en tydlig detalj (Saint11:s guide till skissande av klungor).

Ett praktiskt sätt att redigera är att välja ett skuggområde och rita om dess kant till en kompakt yta. Låt inte varje konturdetalj skapa sin egen lilla fläck. Behåll isolerade pixlar när de förmedlar en tydlig signal som går att läsa, till exempel en glimt eller ett öga, och kontrollera dem sedan i den faktiska visningsstorleken. En pixel som försvinner eller ser ut som ett lösryckt märke i den storleken hjälper inte betraktaren att identifiera spriten.

Två intilliggande färger kan skilja sig i nyans men ändå flyta ihop om deras ljushet är likartad. Visa tillfälligt spriten i gråskala, eller kisa mot den, för att se om viktiga plan smälter samman. Om en skuggkant försvinner kan du justera tonvärdet i ett av de angränsande områdena eller förenkla gränsen. Gör inte automatiskt alla skuggor mörkare: det är viktigare att spriten, dess delar och bakgrunden går att skilja åt än att maximera kontrasten överallt.

Om spriten har konturer ska du granska dem mot både spriten och bakgrunden. Lospecs guide förklarar att konturens avskiljande funktion beror på kontrast och att dess färg kan behöva ändras längs en skuggad form eller mot olika bakgrunder (Lospec: ”Pixel Art Outlines Part 2: Using Color”). Om en kontur och en skugga flyter ihop till ett tjockt band kan du prova en ljusare eller mer selektiv kontur, eller ta bort en inre linje som upprepar samma gräns.

Välj den ljusriktning som spriten ska förmedla och kontrollera sedan om de större skuggområdena stämmer överens med den. En skugga längs varje kant kan få formen att se konturerad snarare än belyst ut. Ta bort sekundära skuggor som motsäger huvudriktningen eller delar upp en enkel yta utan att tydliggöra dess volym. En sammanhållen skuggform kan beskriva undersidan, en överlappning eller ett försänkt område; små konturmarkeringar är valfria.

Det här handlar om att förenkla, inte om att varje sprite måste ha realistisk ljussättning. Platta grafiska stilar, kantljus och medvetet ovanliga paletter kan alla fungera. Behåll avsteg från konsekvent ljussättning när de fyller ett tydligt stilistiskt syfte och bedöm dem i den storlek och mot den bakgrund där bilden ska visas.

Återställ den ljusaste färgen sparsamt. Behåll en högdager om den identifierar en reflekterande yta, skiljer ut en viktig detalj eller ger formen en användbar fokuspunkt. Om högdagrarna skapar många konkurrerande ljusa prickar kan du slå ihop dem till färre, större klungor eller ta bort dem som inte syns i originalstorlek.

Struktur och rastrering kräver samma bedömning. De kan antyda ett material eller skapa en övergång med få färger, men upprepade mönster kan konkurrera med silhuetten eller splittra en enkel skugga till brus. Stäng av dem medan du granskar de viktigaste tonformerna och lägg tillbaka dem selektivt där strukturen fortfarande går att urskilja i normal storlek. Målet är inte att ta bort alla små detaljer, utan att hindra dem från att skymma spritens huvudform.

Jämför den förenklade versionen med originalet i avsedd visningsstorlek och granska sedan en förstorad vy efter lösa pixlar och ojämna kanter på klungorna. Kontrollera spriten mot en bakgrund som den sannolikt kommer att visas mot; en kant som syns på en neutral arbetsyta kan smälta in i en mörk scen eller en scen med liknande färger. Om bilden är animerad ska du också jämföra intilliggande bildrutor: en skuggpixel som flimrar eller förändrar formens utseende kan behöva förenklas konsekvent genom hela sekvensen.

Följ den här ordningen om resultatet fortfarande är otydligt: silhuett först, sedan separationen mellan huvudformerna, därefter den största skuggan, sedan nödvändiga högdagrar och sist eventuell struktur. Om ett steg gör det svårare att känna igen spriten i faktisk storlek, ångra det. Sluta när huvudformen och de viktiga detaljerna syns tydligt; mer skuggning är bara användbar när den tillför information som den mindre bilden kan behålla.

• Adafruit Learning System, ”MakeCode Arcade Pixel Art Sprites” — uppbyggnad av sprites, palettstorlek och att lägga skuggning på en grundform.
• Saint11, ”2 - Cluster Sketching and Painting” — att bygga med större klungor och identifiera isolerade pixlar.
• Lospec, ”Pixel Art Outlines Part 2: Using Color” — att behålla kontrasten i konturer på skuggade sprites och mot varierande bakgrunder.