Illustrator Tips – Assets voorbereiden voor animatie
In deze post zullen we zien hoe we Adobe Illustrator kunnen gebruiken voor 2-d Karakterontwikkeling die kan worden geëxporteerd naar een programma als After Effects om tot leven te worden gebracht- pro illustrator tips!
Een video waarin we dit demonstreren is Shippo video. Voordat een animator zijn werk kan doen, heeft hij iets nodig om mee te werken, dus bouwen we de assets op in Illustrator.
Eén van de belangrijkste aspecten van karakterontwikkeling tot animatie is rekening houden met het feit dat we in lagen werken en dat elk ding dat we animeren op zijn eigen individuele laag staat, simpel gezegd om een karakter te laten lopen heeft het twee benen nodig, die twee benen kunnen in Illustrator-termen worden vertaald als twee aparte lagen, dus als we die benen maken moeten we heel specifiek zijn in het benoemen van die lagen LINKS en RECHTS, want we hebben een linkerbeen en een rechterbeen. Het is belangrijk voor ons om een coherente lagenstructuur op te zetten, zodat wanneer we ons werk doorgeven aan een animator of iemand die ervaring heeft met Adobe After Effects, precies weet wat hij ermee moet doen, en hij of zij efficiënter kan werken.
Hier zijn de stappen die je moet nemen bij het ontwerpen van je karakters voor animatie.
Het complete teken in Illustrator, zoals te zien op het lagenpaneel, is opgebouwd uit afzonderlijke elementen die allemaal in het programma zijn gemaakt en vervolgens zorgvuldig zijn gepositioneerd om het teken vorm te geven,
De volgorde van de lagen is erg belangrijk, want hoe ze zijn geordend, heeft invloed op hoe het teken wordt gezien. Bijvoorbeeld, om de ogen te kunnen zien, moeten ze op een laag boven het hoofd staan. Kijkend naar de afbeelding hierboven zijn de bovenste lagen de ogen en de mond, omdat dit de hoofdkenmerken zijn die geanimeerd moeten worden. De armen en voeten zijn op aparte lagen gemaakt en hebben de naam links en rechts om onderscheid te maken.
Maken van de lichaamsdelen en ze een naam geven.
Het hoofd en het haar kunnen worden samengevoegd tot één laag.
In het lagen paneel kun je dit HEAD noemen.
Ogen &Mond
De ogen zijn twee eenvoudige cirkels gemaakt met het ellipsgereedschap
In dit geval maken we het ene oog na het andere en noemen ze rechteroog en linkeroog, de ogen mogen niet worden samengevoegd tot een laag maar moeten apart zijn.
Als je de ogen hebt gemaakt moet je ze de naam rechts en links geven. Als u meer complexe karakter ogen met hoornvliezen hebt gemaakt, zou u ook dezelfde referentie gebruiken, zijnde links en rechts.
De mond van het karakter is vrij eenvoudig. Om de mond te maken moeten we de pen tool gebruiken om een curve te maken. De kromme kan op een glimlach of een frons lijken, afhankelijk van de richting waarin hij gaat.
Als je bekend bent met het pen gereedschap in Adobe Illustrator weet je dat het tekenen van krommen een kwestie is van de muisknop ingedrukt houden om de gewenste kromme te krijgen en dan een punt te plotten van waar je de kromme wilt laten eindigen.
Het maken van een kromme is heel eenvoudig. Hierboven hebben we twee punten A en B de kromme zal een lijn zijn die punt A en B verbindt.
Selecteer je pen gereedschap in Illustrator.
Met het pen gereedschap op punt A klik en beweeg de muis in een rechte lijn over naar punt B. Zodra de rechte lijn is gevormd klik en houd dan je muis klik en beweeg de muis in de gewenste richting die je wilt dat de kromme gaat in dit geval zal het bewegen van de kromme naar beneden een glimlach geven en het bewegen van de muis in een opwaartse richting zal een trieste frons creëren. Het eindresultaat zou er zo uit moeten zien. Vergeet niet je vulling opties uit te zetten en geef de lijn een gewicht, bij voorkeur een zwaar gewicht van 2-4pts afhankelijk van hoe dik je de lijn wilt hebben.
Het eind resultaat zou er ongeveer zo uit moeten zien.
Hier is een mond die ik eerder heb gemaakt die goed zal werken met karakters.
Als we de mond en ogen hebben gecombineerd krijgen we iets als dit.
Deze staan allemaal op aparte individuele lagen en ze zullen boven de hoofd laag worden geplaatst.
Lagen worden aangeduid met kleuren
Blauwe laag – linkeroog
Groene laag – rechteroog
Paarse laag – hoofd en haar (HEAD)
Rode laag – mond
Als je naar het lagenpaneel kijkt, hebben we elk element van het personage op een laag die door een kleur wordt vertegenwoordigd. Zoals hierboven vermeld zit de mond
op een rode laag, u zou de gekleurde lijn naast de laag moeten zien en helemaal rechts op de laag ziet u een gekleurd vierkant. Onder de mond zit het rechteroog op een groene laag, het linkeroog op een donkerblauwe laag en het hoofd met het haar zit ook op een paarse laag.
Lagen kunnen op elk moment opnieuw worden gerangschikt, dus als je lagen rommelig zijn, maak je dan geen zorgen, maar schik de lagen terwijl je bezig bent, je maakt het jezelf gemakkelijk.
Het hoofd zou er zo uit moeten zien.
Dit is een compositie van lagen, die zijn gerangschikt om een gezicht te maken. Kijkend naar de afbeelding is het eenvoudig te zeggen dat de onderste laag het hoofd is en dat de ogen en de mond boven het hoofd zitten.
De rest van het karakter is ontworpen volgens dezelfde principes als het hoofd.
We hebben twee armen, benen en twee voeten. En het lichaam. Als we meer complexe lichaamsbewegingen zouden maken, zouden we draaipunten moeten maken die als gewrichten zouden fungeren. Voor de armen zouden dat
ellebogen zijn en voor de benen zouden dat knieën zijn. Als je ooit wilt dat je character natuurlijke menselijke bewegingen heeft, zoals lopen, dan zouden ze hier nodig zijn.
Als de armen apart zouden bewegen, dan zouden ze op aparte lagen moeten worden gezet en de namen links en rechts krijgen.
Volgens het lagen paneel staat de rechter arm op een cyaan laag en de linker arm op een grijze.
Het lichaam is een wit/grijs t-shirt. het wordt weergegeven door een gele markering op het lagen paneel. Wanneer het geselecteerd is in het
tekenwerk zal het gele selectietekens hebben.
Eindelijk zouden we iets als dit moeten hebben.
De benen van dit karakter bewegen niet maar zoals hierboven vermeld als we lopen zouden maken zouden zij draaipunten voor knieën nodig hebben.
De voeten zijn echter links en rechts gelaagd.
Als je naar de lagencomposities kijkt, zie je dat alle lagen kleurgecodeerd en geordend zijn, zodat ze niet botsen.
Hier zijn alle lagen in dit personage. U kunt zien dat bepaalde lagen rechts en links zijn genoemd, dit zijn de ogen, armen en voeten.
Als het gaat om het animeren van dit karakter door de manier waarop het bestand is gerangschikt, zou het zeer coherent zijn voor de animator over welke elementen kunnen worden geanimeerd. Hoewel de benen niet zijn ontworpen met beweging in gedachten, zijn er genoeg effecten om deze animatie te laten werken.