Så planerar du ett första pixelanimationstest med en enkel karaktärsrörelse

Välj en rörelse med en tydlig början och ett slut, eller en som naturligt kan återgå till startposen. En blinkning är enkel; en vinkning kan begränsas till att höja och sänka en arm; ett steg kan fokusera på att flytta fötterna och kroppen. Undvik att kombinera flera separata rörelser i det första testet – till exempel att gå, vända sig och vinka samtidigt – eftersom det då blir svårare att avgöra vilken rörelse som behöver ändras.

Skriv en mening som beskriver uppgiften innan du öppnar tidslinjen: ”Karaktären höjer ena handen, pausar och sänker den sedan.” Beskriv den viktigaste förändringen i karaktärens silhuett. Om rörelsen bygger på en detalj som bara är en eller två pixlar bred bör du kontrollera att den går att urskilja i den avsedda visningsstorleken. Det här är en praktisk designkontroll, inte ett krav på en viss storlek på sprites eller ett visst antal bildrutor.

Välj en canvas som ger karaktären utrymme att röra sig utan att ändra canvasens mått mellan bildrutorna. Håll karaktären på samma plats om rörelsen ska ske på stället. Då blir det lättare att bedöma förändringarna i posen och inte missta en förskjuten teckning för avsedd rörelse.

Börja med en enkel silhuett och ett begränsat antal färger. Lägg bara till detaljer som behövs för att rörelsen ska gå att läsa: vid en vinkning kan armens och handens form vara viktigare än texturen på kläderna. Pixelstorlek, palettens storlek och canvasens mått beror på stil och användningsområde; det finns ingen universell nybörjarinställning. Syftet med testet är att ta reda på om rörelsen går att läsa, så detaljerad återgivning kan vänta.

Skissa de viktigaste poserna i en kort sekvens innan du finputsar dem. Vid en vinkning kan det vara: armen nere, armen höjd, handen vänd utåt och armen på väg ner igen. Vid en blinkning: ögonen öppna, ögonen stängda, ögonen öppna. Vid ett steg: ena foten förs framåt, kroppen lägger tyngden på den och sedan tar den andra foten över. Exemplen hjälper dig att planera; de är inga obligatoriska animationsformler.

Fråga dig vad som förändras mellan varje pose. Om svaret är oklart kan du ta bort en pose eller göra förändringen tydligare. Håll bålen, huvudet och andra delar som inte ska röra sig i linje mellan bildrutorna. I pixelkonst kan en förskjutning på en pixel ändra en kontur eller få en detalj att verka hoppa, så jämför även konturen och inte bara posen.

Skapa den första bildrutan och lägg sedan till bildrutor för de planerade poserna. I Aseprite visar tidslinjen bildrutor och lager, och dokumentationen beskriver hur du lägger till bildrutor, förhandsgranskar uppspelningen, återanvänder bildrutor och justerar visningstiden för en enskild bildruta. Andra animationsverktyg kan ha andra benämningar och reglage, men samma planeringsprincip gäller: håll sekvensen i rätt ordning och gör det enkelt att se vilken funktion varje bildruta har. (Aseprite: Animation)

Använd lökskalsvisning som stöd när du ritar övergångar. Den visar intilliggande bildrutor som referenser, så att du kan jämföra den aktuella teckningen med tidigare eller senare positioner. I Aseprite kan du ställa in hur många föregående och efterföljande bildrutor som visas. (Aseprite: Onion Skinning) Visa bara så många överlagrade bildrutor som behövs för att jämföra rörelsen du justerar. Om flera genomskinliga poser överlappar kan du stänga av funktionen en stund och granska den aktuella bildrutan för sig.

Duplicera en pose i första omgången om du vill lägga in en paus. Justera sedan bildrutans visningstid eller lägg till en separat teckning om uppspelningen behöver en annan rytm. I Aseprite anges hur länge en bildruta visas i millisekunder, så det krävs inte alltid en ny pose för att ändra tajmingen. (Aseprite: Sprite structure) Se den första tajmingen som ett testvärde: det finns ingen visningstid som passar alla rörelser eller stilar.

Spela upp sekvensen i jämn hastighet och titta på karaktären i den avsedda visningsstorleken. Titta först utan att pausa: förstår du vad karaktären gör? Gå sedan igenom bildrutorna en i taget för att hitta posen eller övergången som gjorde rörelsen svår att förstå. Aseprites animationsarbetsflöde innehåller en förhandsgranskning av uppspelningen, och i tidslinjen går det att ändra visningstiden för en bildruta. (Aseprite: Animation)

Ett användbart första test omfattar tre kontroller: rörelsen går att känna igen vid första visningen; de delar av karaktären som ska vara stilla förskjuts inte; och om det finns en loop återgår den utan ett oavsiktligt hopp. De här kontrollerna är ett redaktionellt sätt att diagnostisera testet, inte garantier för hur en publik kommer att reagera.

Om rörelsen känns för abrupt kan du prova att ändra avståndet mellan poserna eller hur länge de visas. Om den känns svag kan du göra nyckelposen tydligare innan du lägger till många mellanliggande teckningar. Om karaktären verkar vackla kan du jämföra fasta referenspunkter – till exempel huvudets mitt eller bålens nederkant – mellan bildrutorna. Ändra en sak i taget och förhandsgranska sedan igen för att se om justeringen hjälpte.

Utöka inte testet till en komplett karaktärsanimation förrän den valda rörelsen fungerar i sin nuvarande omfattning. Spara det redigerbara projektet med bildrutor och lager intakta. Exportera en förhandsvisning bara om du behöver granska eller dela uppspelningen utanför redigeringsprogrammet. Aseprites dokumentation skiljer mellan tidslinjens bildrutor, lager och celler och förklarar att varje bildruta har en visningstid. (Aseprite: Sprite structure)

När rörelsen går att förstå tydligt kan du skriva ner vad du lärde dig: vilka poser som var nödvändiga, vilken bildruta som behövde justerad tajming och vilken detalj som var för liten för att märkas. Anteckningen ger nästa animation en konkret utgångspunkt och bevarar värdet av ett medvetet litet första experiment.

• Animation — Aseprite Documentation

• Onion Skinning — Aseprite Documentation

• Sprite structure — Aseprite Documentation