Illustrator Tips – Forberedelse af aktiver til animation
I dette indlæg vil vi se, hvordan vi kan bruge Adobe Illustrator til udvikling af 2-d karakterer, som kan eksporteres til et program som After Effects for at blive ført ud i livet – pro illustrator tips!
En video, hvor vi demonstrerer dette, er Shippo-videoen. Før en animator kan udføre sit arbejde, har han brug for noget at arbejde med, så vi opbygger aktiverne i Illustrator.
Et af de vigtigste aspekter af karakterudvikling til animation er at tage hensyn til, at vi arbejder i lag, og at hver ting, vi animerer, er på sit eget individuelle lag.For at en karakter kan gå, har den brug for to ben, og disse to ben kan oversættes i Illustrator som to separate lag, så når vi skaber disse ben, skal vi være meget specifikke ved at navngive disse lag venstre og højre, fordi vi har et venstre ben og et højre ben. Det er vigtigt for os at opstille en sammenhængende lagstruktur, så når vi giver vores arbejde videre til en animator eller en person, der har erfaring med Adobe After Effects, vil vide præcis, hvad de skal gøre med dem, og de kan arbejde mere effektivt.
Der er de trin, du skal tage, når du designer dine figurer til animation.
Den komplette figur i Illustrator, som ses på lagpanelet, består af individuelle elementer, der alle er skabt i programmet og derefter omhyggeligt placeret for at give figuren form,
Rækkefølgen af lagene er meget vigtig, da den måde, de er ordnet på, vil påvirke, hvordan figuren ses. For at øjnene f.eks. kan ses, skal de være på et lag, som er over hovedet. Så hvis man ser på billedet ovenfor, er de øverste lag øjnene og munden, da de er de vigtigste elementer, der skal animeres. Armene og fødderne er blevet oprettet på separate lag og er navngivet venstre og højre for at skabe en vis forskel mellem dem.
Skabelse af kropsdele og navngivning af dem.
Hovedet og håret kan slås sammen til ét lag.
På lagpanelet kan du kalde dette HEAD.
Øjne & Mund
Øjnene er to simple cirkler skabt med ellipseværktøjet
I dette tilfælde skaber vi det ene øje efter det andet og navngiver dem højre øje og venstre øje, øjnene må ikke flettes sammen for at danne et lag, de skal være separate.
Når du har skabt øjnene, skal du navngive dem højre og venstre. Hvis du er skabt mere komplekse karakter øjne med hornhinde skal du også bruge den samme reference være venstre og højre.
Munden på karakteren er ret simpel. For at skabe munden skal vi bruge pen-værktøjet til at skabe en kurve. Kurven kan ligne et smil eller en rynke panden, alt efter hvilken retning den går.
Hvis du er bekendt med pen-værktøjet i Adobe Illustrator vil du vide, at det at tegne kurver er et spørgsmål om at holde musetasten nede for at få den ønskede kurve og derefter tegne et punkt, hvorfra du vil have kurven til at slutte.
At lave en kurve er meget enkelt. Ovenfor har vi to punkter A og B, kurven vil være en linje, der forbinder punkt A og B.
Vælg dit penværktøj i Illustrator.
Med penværktøjet ved punkt A klikker du og flytter musen i en lige linje over til punkt B. Når den lige linje er dannet, klikker du og holder derefter museknappen inde og flytter musen i den ønskede retning, som du ønsker, at kurven skal gå i dette tilfælde vil flytning af kurven nedad give et smil, og flytning af musen i en opadgående retning vil skabe en trist rynken. Det endelige resultat skal se sådan her ud. Glem ikke at slå dine fyldningsindstillinger fra og giv stregen en vægt, helst en kraftig vægt på 2-4pts, afhængigt af hvor tyk du vil have din streg.
Det endelige resultat skal se nogenlunde sådan ud.
Her er en mund, jeg lavede tidligere, som vil fungere godt med figurer.
Når vi kombinerede munden og øjnene får vi noget som dette.
Disse er alle på separate individuelle lag, og de vil blive placeret over hovedlaget.
Lagene er angivet ved farver
Blå lag – venstre øje
Grønt lag – højre øje
Lilla lag – hoved og hår (HEAD)
Rødt lag – mund
Hvis du kigger på lagpanelet har vi hvert element af karakteren på et lag repræsenteret af en farve. Som nævnt ovenfor sidder munden
på et rødt lag, du bør se den farvede linje ved siden af dit lag og yderst til højre for laget vil du se en farvet firkant… Under munden sidder det højre øje på et grønt lag, det venstre øje på et mørkeblåt lag, og hovedet, som omfatter håret, sidder også på et lilla lag.
Lagene kan til enhver tid omarrangeres, så hvis dine lag er rodet, skal du ikke bekymre dig, bare husk at arrangere lagene efterhånden, så gør du det nemt for dig selv.
Hovedet skal se sådan her ud.
Dette er en sammensætning af lag, der er blevet ordnet på en måde, så det giver et karakteransigt. Når man ser på billedet er det simpelt at sige, at det nederste lag er hovedet, og øjnene og munden er over hovedet.
Resten af karakteren er designet efter de samme principper som hovedet.
Vi har to arme, ben og to fødder. Og kroppen. Hvis vi skulle skabe mere komplekse kropsbevægelser, ville vi være nødt til at skabe pivots, der ville fungere som led, for armene ville de
være albuer, og for benene ville de være knæ. Hvis du nogensinde ønskede, at din figur skulle have naturlige menneskelige bevægelser som f.eks. at gå, så er det her, de ville være nødvendige.
Hvis armene skulle bevæge sig separat, så skulle de sættes på separate lag og gives navnene venstre og højre.
I henhold til lagpanelet er højre arm på et cyanfarvet lag og venstre arm på et gråt lag.
Kroppen er en hvid/grå t-shirt. den er repræsenteret af et gult mærke på lagpanelet. Når den er markeret i
artwork, vil den have gule markeringer på den.
Endeligt skulle vi have noget som dette.
Benene på denne karakter bevæger sig ikke, men som nævnt ovenfor, hvis vi skulle skabe gående, ville de have brug for drejepunkter til knæ .
Fødderne er dog lagdelt til venstre og højre.
Hvis man ser på lagkompositionerne kan man se, at alle lagene er farvekodet og ordnet, så de ikke støder sammen.
Her er alle lagene i denne figur. Du kan se, at visse lag er blevet navngivet til højre og venstre, det er øjnene, armene og fødderne.
Når det kommer til at animere denne figur, vil det på grund af den måde, filen er blevet arrangeret på, være meget sammenhængende for animatoren, hvilke elementer der kan animeres. Primært selv om benene ikke er designet med bevægelse i tankerne, er der masser af effekter til at få denne animation til at fungere.