Metlivi-bloggen

Så får du små flygande karaktärer att kännas olika med guppande rörelser och vingrörelser

För att små flygande karaktärer ska uppfattas som tydligt olika kan du ge var och en en egen rörelsesignatur: ett återkommande samband mellan vingslagen och hur kroppen stiger, sjunker eller driver iväg. Börja med samma enkla flygloop för varje karaktär och ändra sedan guppets timing och storlek, vingslagens tempo och paus samt fördröjningen mellan vingarna och kroppen. Jämför looparna sida vid sida i samma skala och hastighet. Om du kan se vem som är vem utan att förlita dig på färg eller ansiktsdetaljer gör rörelsevalen nytta.

15 oktober 20267 min läsningAv Metlivi Editorial Team
Avsnitt 1

Börja med en gemensam flygloop

Skapa en neutral loop innan du utformar karaktärernas personligheter. Välj en kort cykel med ett nedåtgående vingslag, ett uppåtgående vingslag och en kroppsbana som mjukt återgår till startpositionen. Håll den horisontella förflyttningen, kameran, karaktärernas storlek och loopens längd konsekventa medan du arbetar. Då får du en rättvis utgångspunkt: om en karaktär känns tyngre eller mer flytkraftig beror det troligare på rörelsen än på en annan position på skärmen eller uppspelningshastighet.

Följ guppet med hjälp av en synlig punkt på kroppen, till exempel bålens mitt. Markera dess högsta och lägsta position och notera var de infaller i vingslagscykeln. Sambandet är viktigare än en fristående rörelseamplitud upp och ned. En uppåtrörelse nära ett nedåtgående vingslag ger till exempel ett annat intryck än en uppåtrörelse som dröjer tills efter vingslaget. Det här är ett designval för stiliserade karaktärer, inte en allmän regel för hur alla verkliga flygande djur måste röra sig.

Avsnitt 2

Välj ett guppmönster som passar karaktären

Välj först den övergripande banan: en grund, jämn svängning, en bredare och långsammare båge eller ett kompakt gupp med en kort paus nära en ytterpunkt. Bestäm sedan om kroppen snabbt når toppen eller botten och mjukt rör sig mot den andra punkten. Dessa val påverkar den upplevda energin och tyngden. Animationsvägledning beskriver timing som ett sätt att förmedla en handlings karaktär och upplevda storlek, medan böjda banor kan få rörelsen att kännas mindre stel. Använd principerna som designverktyg, inte som formler för personlighet. Microsofts animationsprinciper

Ge loopen en särskild känsla genom kontraster. Ett snabbt uppåtsprång följt av en längre avklingning kan kännas fjädrande; en måttlig upp- och nedgång i jämnt tempo kan kännas behärskad. En lös, bred båge kan ge intryck av flytkraft, medan ett litet, snabbt gupp kan kännas alert. Det här är visuella tolkningar, så prova dem i den scen där karaktären ska förekomma. Om karaktären ska sväva håller du dess genomsnittliga position nästan stilla. Om den förflyttar sig låter du guppet följa med ovanpå den framåtriktade banan i stället för att ersätta den.

Avsnitt 3

Forma vingslagen, inte bara deras hastighet

Vingrörelser har flera variabler: cykelhastighet, rörelseomfång, hur lång tid varje vingslag tar samt vad som händer vid bågens topp och botten. Bestäm varje variabel separat. Snabba vingslag kan fortfarande kännas avsiktliga om vingarna stannar kort vid en ytterpunkt; långsammare vingslag kan kännas rastlösa om slagen är ojämna eller vingarna tvärt byter riktning. Se till att cykeln är lätt att läsa innan du lägger till små fjäder- eller vingspetsrörelser.

Undvik att låta alla delar av vingen nå sina ytterlägen exakt samtidigt om du vill ha ett mer organiskt resultat. I en studie av rörelser hos rapphönsvingar nådde olika vingsegment inte alltid sin maximala höjd eller sitt lägsta läge samtidigt, och tidsförskjutningarna varierade mellan olika flygbeteenden. Studien gäller specifika fåglar och flygförhållanden, så dess mätvärden bör inte kopieras som ett universellt tidsschema för tecknade vingar. Den stöder däremot en användbar animationstanke: en vinge kan behandlas som en sammanhängande uppsättning delar med något olika timing, snarare än som en stel paddel. PLOS ONE:s studie av vingkinematik

Avsnitt 4

Ge varje karaktär en egen rörelsesignatur

Ändra få variabler åt gången. För en svävande design kan du prova en långsam, bred båge för kroppen och vingslag som mjukt byter riktning vid ytterlägena. För en kvick design kan du prova ett snävare kroppsgupp, snabbare vingslag och en tydligare paus innan riktningen ändras. För en karaktär som känns målmedveten kan du prova en taktfast rytm där kroppen följer efter en aning. Det här är utgångspunkter för designen, inte påståenden om fasta känslomässiga betydelser. Förhandsgranska dem i sitt sammanhang och anpassa efter scenens ton.

En användbar jämförelse är ett rörelseblad med tre kolumner: anteckna varje karaktärs guppstorlek, guppets tempo, vingslagens tempo och fördröjningen mellan vingar och kropp. Se till att skillnaderna är meningsfulla i stället för att ändra alla egenskaper på en gång. Om två loopar till exempel båda har snabba vingar och skarpa kroppssprång ger enbart olika färger inte rörelsen en tydlig identitet. Behåll i stället en gemensam egenskap och ändra resten: en karaktär kan vara snabb men kompakt, en annan bred och långsam och en tredje stadig med en fördröjd kroppsreaktion.

Avsnitt 5

Förskjut kropp och vingar med kontroll

Kroppen behöver inte stiga i exakt samma ögonblick som vingarna trycker nedåt. Prova att flytta kroppsrörelsen några bildrutor framåt i tiden och jämför sedan versionen med en synkroniserad. En liten förskjutning kan få kroppens delar att röra sig i ett sammanhängande flöde. En för lång fördröjning kan få karaktären att se frånkopplad ut från sina egna vingar. Microsofts vägledning om efterrörelser och överlappande rörelser beskriver hur olika rörelsehastigheter mellan kroppsdelar kan skapa ett flöde. Adobe beskriver också överlappande rörelser som att kroppsdelar rör sig i olika takt. Microsoft och Adobes animationsprinciper

Använd förskjutningar med en tydlig hierarki. Börja med att fastställa bålens bana, lägg sedan till vingarnas timing och därefter en mindre fördröjning för vingspetsarna eller andra flexibla delar om designen tillåter det. Håll de sekundära rörelserna diskretare än huvudvingslagen så att de inte konkurrerar om uppmärksamheten. Om kroppens gupp är karaktärens signatur minskar du vingspetsarnas fladder. Om vingarna är signaturen håller du bålens bana enkel.

Avsnitt 6

Skapa en loop som fungerar vid upprepning

En rörelsesignatur måste fungera vid loopens skarv. Jämför slutposen med den första: kroppens höjd, vingarnas riktning och hastighet bör övergå mjukt, annars ser återställningen ryckig ut. Cykeln måste också fungera i den faktiska uppspelningsstorleken. Små vingrörelser kan försvinna när bilden förminskas, medan ett stort gupp kan få karaktären att verka studsa ur sin bana. Granska en närbild för att se hur kroppsdelarna rör sig och en liten bild för att bedöma silhuetten och rytmen som helhet.

Om flera karaktärer flyger tillsammans bör looparna inte ha samma fas. Förskjut cykelstarterna så att de inte stiger och sjunker unisont, såvida synkronisering inte är den avsedda visuella effekten. Se till att deras hastighet framåt och position på skärmen fortfarande är tydliga när du gör förskjutningarna. En tydlig loop ska inte göra karaktären svårare att följa.

Avsnitt 7

Gör en praktisk jämförelsegranskning

Skapa en kort checklista för varje version: Är det lätt att se var bålen når sin högsta punkt? Syns det när vingslagen byter riktning? Reagerar kroppen på ett konsekvent sätt i förhållande till vingslagen? Går loopen runt utan ett ryck? Kan du identifiera varje karaktär i en tyst förhandsvisning sida vid sida utan att titta på ytmässiga detaljer? De här kontrollerna gör vaga intryck till konkreta ändringar: öka guppets båge, sakta ned vingslagscykeln, förskjut kroppens reaktion eller förenkla extrarörelser.

När en design inte fungerar, ändra en variabel och förhandsgranska igen. Spara en fungerande version som utgångspunkt så att du kan jämföra i stället för att förlita dig på minnet. Undvik att driva alla egenskaper till ytterligheter: överdrivna rörelser kan tydliggöra en handling, men ojämna överdrifter kan få rörelserna att kännas orelaterade mellan karaktärerna. De bästa rörelsesignaturerna är tydliga i den färdiga scenens storlek och hastighet, med tillräcklig variation för att skilja karaktärerna åt och tillräcklig återhållsamhet för att deras banor ska vara lätta att följa.

Avsnitt 8

Källor

Relaterad läsning

Fortsätt utforska detta ämne