Illustrator Tips – Förberedelser för animation
I det här inlägget kommer vi att se hur vi kan använda Adobe Illustrator för att utveckla 2-d karaktärer som kan exporteras till ett program som After Effects för att levandegöras – pro illustrator tips!
En video där vi demonstrerar detta är Shippo video. Innan en animatör kan utföra sitt arbete behöver han eller hon något att arbeta med, så vi bygger upp tillgångarna i Illustrator.
En av de viktigaste aspekterna av karaktärsutveckling till animation är att ta hänsyn till att vi arbetar i lager och att varje sak som vi animerar finns på ett eget individuellt lager, i enkla termer för att en karaktär ska kunna gå behöver den två ben, dessa två ben kan översättas i Illustrator-termer som två separata lager, så när vi skapar dessa ben måste vi vara mycket specifika när vi namnger dessa lager som LEFT och RIGHT, eftersom vi har ett vänster ben och ett höger ben. Det är viktigt för oss att skapa en sammanhängande lagerstruktur så att när vi överlämnar vårt arbete till en animatör eller någon som har erfarenhet av att arbeta med Adobe After Effects vet exakt vad de ska göra med dem, och de kan arbeta mer effektivt.
Här är de steg som du måste ta när du utformar dina karaktärer för animation.
Den kompletta karaktären i Illustrator som syns på lagerpanelen består av enskilda element som alla skapats i programmet och sedan placerats noggrant för att karaktären ska få form,
Ordningen av lagren är mycket viktig eftersom hur de är ordnade kommer att påverka hur karaktären ses. För att ögonen ska synas måste de till exempel finnas på ett lager som ligger ovanför huvudet. Om man tittar på bilden ovan är de översta lagren ögonen och munnen, eftersom det är de viktigaste funktionerna som ska animeras. Armar och fötter har skapats på separata lager och har fått namnen vänster och höger för att skapa en viss distinktion mellan dem.
Skapa kroppsdelarna och namnge dem.
Huvudet och håret kan slås ihop till ett lager.
På lagerpanelen kan du kalla detta för HEAD.
Ögon &Mun
Ögonen är två enkla cirklar som skapas med ellipsverktyget
I det här fallet skapar vi ett öga efter det andra och ger dem namnen höger öga och vänster öga.Ögonen får inte slås ihop till ett lager, de måste vara separata.
När du har skapat ögonen måste du ge dem namnen höger och vänster. Om du skapar mer komplexa karaktärsögon med hornhinnor ska du också använda samma referens som vänster och höger.
Munnen på karaktären är ganska enkel. För att skapa munnen måste vi använda pennverktyget för att skapa en kurva. Kurvan kan likna ett leende eller en rynka på pannan beroende på åt vilket håll den går.
Om du är bekant med pennverktyget i Adobe Illustrator vet du att det att rita kurvor är en fråga om att hålla ner musknapparna för att få den önskade kurvan och sedan plotta en punkt från vilken du vill att kurvan ska sluta.
Att göra en kurva är mycket enkelt. Ovan har vi två punkter A och B. Kurvan blir en linje som förenar punkterna A och B.
Välj pennverktyget i Illustrator.
Med pennverktyget vid punkt A klickar du och flyttar musen i en rak linje över till punkt B. När den raka linjen har bildats klickar du och håller sedan kvar museklicket och flyttar musen i den önskade riktningen som du vill att kurvan ska gå i det här fallet: om du flyttar kurvan nedåt får du ett leende, och om du flyttar musen uppåt får du en sorgsen rynka. Slutresultatet ska se ut så här. Glöm inte att stänga av dina fyllningsalternativ och ge strecket en vikt, helst en tung vikt på 2-4 pkt beroende på hur tjock du vill att linjen ska vara.
Slutresultatet ska se ut ungefär så här .
Här är en mun som jag gjorde tidigare och som kommer att fungera bra med karaktärer.
När vi kombinerar munnen och ögonen får vi något som ser ut så här.
Dessa ligger alla på separata individuella lager och de kommer att placeras ovanför huvudlagret.
Lagren indikeras av färger
Blått lager – vänster öga
Grönt lager – höger öga
Lila lager – huvud och hår (HEAD)
Rött lager – mun
Om du tittar på lagerpanelen har vi varje del av karaktären på ett lager som representeras av en färg. Som nämnts ovan sitter munnen
på ett rött lager, du bör se den färgade linjen bredvid ditt lager och längst till höger om lagret ser du en färgad fyrkant. Under munnen sitter det högra ögat på ett grönt lager, det vänstra ögat på ett mörkblått lager och huvudet som inkluderar håret sitter också på ett lila lager.
Lagren kan ordnas om när som helst så om dina lager är röriga behöver du inte oroa dig, kom bara ihåg att ordna lagren efter hand, så gör du det enkelt för dig själv.
Huvudet ska se ut så här.
Det här är en sammansättning av lager som har ordnats på ett sätt som gör att man får ett karaktärsansikte. Om man tittar på bilden är det enkelt att säga att det nedersta lagret är huvudet och att ögonen och munnen är ovanför huvudet.
Resten av karaktären är utformad enligt samma principer som huvudet.
Vi har två armar, ben och två fötter. Och kroppen. Om vi skulle skapa mer komplexa kroppsrörelser skulle vi behöva skapa pivoter som skulle fungera som leder för armarna skulle de
vara armbågar och för benen skulle de vara knän. Om du någonsin vill att din karaktär ska ha naturliga mänskliga rörelser som att gå så är det här som de skulle behövas.
Om armarna skulle röra sig separat så skulle de behöva läggas på separata lager och ges namnen vänster och höger.
Enligt lagerpanelen ligger den högra armen på ett cyanfärgat lager och den vänstra armen på ett grått lager.
Kroppen är en vit/grå t-skjorta och representeras av en gul markering på lagerpanelen. När den är markerad i
artwork kommer den att ha gula markeringar på sig.
Slutligt bör vi ha något som liknar detta.
Benen på den här karaktären rör sig inte, men som nämnts ovan om vi skulle skapa gående skulle de behöva pivot för knäna .
Fötterna är dock lagrade till vänster och höger.
Om du tittar på lagersammansättningen kan du se att alla lager är färgkodade och ordnade så att de inte krockar.
Här är alla lager i den här karaktären. Du kan se att vissa lager har namngetts till höger och vänster, dessa är ögon, armar och fötter.
När det gäller att animera den här karaktären på grund av hur filen har arrangerats skulle det vara mycket konsekvent för animatören om vilka element som kan animeras. Även om benen inte har utformats med rörelse i åtanke finns det gott om effekter för att få denna animation att fungera.