Illustrator Tutorial: Hur man gör animationer med Illustrator

Idag ger jag er den här enkla men användbara handledningen där du kan lära dig att skapa Flash-animationer med enbart Illustrator . Illustrator är ett vektorgrafik- och designprogram som, liksom Photoshop, tillhör Adobes programsvit och ett av de viktigaste verktygen som hjälpte företaget att bli branschstandarden inom grafisk design idag.

Adobe-sviten expanderar ständigt och ger oss nya tillämpningar för nya områden inom kreativt arbete på nivåer vi bara kunde drömma om för flera år sedan, från program dedikerade till formulärskapande till ljud- och videoredigerare. Adobes program uppmuntrar ofta integrationen av de olika plattformarna inom sviten, till exempel genom att inkludera verktyg från ett program i ett annat, eller genom att överföra funktioner från ett program till ett annat. Idag, som ett exempel på detta, ska vi visa dig hur du skapar en enkel animation med Illustrator och exporterar den till Flash. Idag ger jag dig: Illustrator-handledning : Hur man skapar animeringar med Illustrator.

Vi ska skapa en webbanimation i Flash ( SWF ), men vi kommer att använda Adobe Illustrator . Börja med att öppna ett nytt dokument genom att gå till Arkiv > Nytt dokument . En dialogruta med en meny visas; ange namnet och se till att du väljer webbprofilen.

Nu, i det nya dokumentet, ska vi börja arbeta med det. För den här animationen har jag valt en vektorteckning som jag laddade ner från internet, från en webbplats vi diskuterade i ett tidigare inlägg, Freepik, en sökmotor för gratis foton och vektorer , och jag har anpassat den något. Vi går till lagerpanelen och namnger den korrekt. Det är mycket viktigt att vara organiserad med lagren från början. Vi döper den till Chicken01.

Animationen kommer att vara ganska enkel; vi flyttar kycklingen från ena sidan av skärmen till den andra och ger dess ögon lite rörelse. Först duplicerar du lagret i lagerpanelen genom att klicka på lagret och dra det till ikonen för det nya lagret, till exempel. Att byta namn på lagret är viktigt.

Vi väljer de två ögonen på kycklingen som finns i Chicken02- lagret , och sedan väljer vi kycklingens ögon.

Med ögonen på kycklingvektorn i lagret ovanför, Pollo02 , valda, högerklickar vi och från motsvarande dialogruta följer vi sökvägen Transform-Reflect.

När du är i Spegelalternativet trycker du på Vertikal så är du klar. Nu har du ritningen av kycklingen högst upp med ögonen åt ett håll och de längst ner med ögonen åt ett annat håll.

Låt oss nu dubbla fler kycklingar

Återigen, för att duplicera lager använder vi knappen Nytt lager i Lager-menyn. Klicka på lagren Chicken01 och Chicken02 medan du håller ner Skift-tangenten och dra över knappen Nytt lager.

Vi behöver byta namn på alla kycklingar och se till att följa sekvensen så att kycklingen som bildas av Chicken01 och Chicken02 är på vänster sida av ritytan, och enligt dess numeriska ordning kommer kycklingen som bildas av lagren Chicken03 och Chicken04 att vara på höger sida, och så vidare, i takt med lagrens ordning i lagerpanelen. Detta är mycket viktigt, eftersom animationen alltid kommer att följa lagrens ordning, där den första bildrutan är det första lagret och den sista bildrutan den sista.

När alla kycklingar är korrekt placerade (som förklarats ovan) kommer vi åt fönstret Exportera dokument genom att gå till Arkiv > Exportera. Där väljer vi SWF eller Flash som exportformat . En annan dialogruta visas där vi konfigurerar de sista stegen. Med alternativet Grundläggande valt väljer vi att exportera som AI-lager till SWF-ramar , och Flash- versionen vi väljer är den senaste tillgängliga, Adobe Flash Player 9. Vi markerar också alternativet "Beskär till ritytestorlek". Det finns flera andra intressanta alternativ, som vi ska utforska i en annan handledning.

I samma dialogruta väljer du sedan alternativet Avancerat och väljer upplösning och bildfrekvens till 15. Som du kan se kan vi här välja lagerordningen, vilken vi, som jag nämnde tidigare, konfigurerade så att animationen går från botten (1:a lagret) till toppen (sista lagret) av lagerpanelen i ditt gränssnitt. När den har exporterats kan du visa resultatet i valfritt videouppspelningsprogram.

Mer information – Freepik, sökmotor för gratis foton och vektorer