Illustrator Tutorial: Hur man gör animationer med Illustrator

Illustrator Animation Tutorial

Idag ger jag dig detta enkla och ändå användbara handledning där du kan lära dig att skapa Flash-animationer med endast Illustratör för det. De Illustratör är ett vektorritnings- och designprogram som tillhör precis som Photoshop till de program som Adobe har arbetat med, och ett av de som ledde företaget till att bli standarden i grafikindustrin idag.

Adobe-sviten är mer och mer omfattande och ger oss nya applikationer för nya skapelsegrenar på nivåer som vi för många år sedan bara kunde drömma om, med program som är dedikerade till att skapa formulär till ljud- och videoredigerare. Adobe-program främjar vanligtvis integrationen av de olika plattformarna som sviten ger, inklusive till exempel verktyg från det ena till det andra eller överföring av funktioner från ett program till ett annat. Idag som ett exempel på detta kommer vi att visa dig hur du gör ett enkelt animering med Illustratör och exportera den till Flash. Idag tar jag med dig Illustrator Tutorial : Hur göra animationer med Illustratör.

tutorial-illustrator-how-to-make-animations-with-illustrator-01

Öppna ett nytt dokument

Vi ska göra en animering för webben in Blixt (SWF), men vi ska skapa det med Adobe Illustrator. Till att börja med kommer vi att öppna ett nytt dokument i sökvägen Arkiv-nytt dokument  och vi får en dialogruta med en meny, där vi lägger namnet och ser till att profilen vi väljer är för webben.

Låt oss muntra upp den här kycklingen

Låt oss muntra upp den här kycklingen

Redan i det nya dokumentet kommer vi att börja arbeta med det. För detta animering Jag har valt en vektorritning som jag har laddat ner från Internet, från en sida som vi pratade om i ett tidigare inlägg,Freepik, gratis foto- och vektorsökmotor, och jag har anpassat det lite. Vi går till lagerfönstret och namnge det korrekt. Det är mycket viktigt att vara ordnad med lagren från början, vi kommer att namnge det som Pollo01.

Låt oss ta ut flera kycklingar

Låt oss ta ut flera kycklingar

La animering Det kommer att bli något enkelt, vi tar kycklingen från ena sidan av skärmen till den andra och vi kommer att ge lite rörelse för ögonen. Det första är att duplicera lagret i lagerfönstret, klicka på lagret och placera det till exempel på den nya lagerikonen. Att byta namn på skiktet är viktigt.

Rörliga ögon

Rörliga ögon

Vi väljer de två ögonen på kycklingen som finns i skiktet Pollo02och sedan väljer vi kycklingögonen.

Rullande ögonen.

Rullande ögonen.

Med ögonen på kycklingvektorn i skiktet ovan, Pollo02, valt, klickar vi på höger knapp och motsvarande dialogruta, vi följer vägen Transform-Reflect.

Rullande med ögonen

Rullande med ögonen

Väl inne i alternativet reflektion, tryck på alternativet Vertikal så är du klar. Nu kommer vi att ha ritningen av kycklingen ovan med ögonen på ett sätt och i de lägre andra.

Låt oss nu dubbla fler kycklingar

Låt oss nu dubbla fler kycklingar

Återigen, för att duplicera lager, kommer vi att använda knappen Nytt lager från lagermenyn. Klicka på lagren Chicken01 och Chicken02 medan du håller ned Skift-tangenten och drar på toppen av knappen Nytt lager.

Flera kycklingar till

Flera kycklingar till

Vi måste byta namn på alla kycklingar och se till att följa serien på ett sådant sätt att kycklingen de bildar Chicken01 och Chicken02 är till vänster om arbetsbordet och efter deras numeriska ordning, kycklingen som bildar skikten Chicken03 och Poll04, kommer det att vara den till höger och så vidare, och hålla jämna steg med lagrenas ordning i lagerfönstret. Detta är mycket viktigt, eftersom du måste veta att animering Det kommer alltid att vara i lagrets ordning, med det första lagret som den första ramen och det sista som det sista.

tutorial-illustrator-how-to-make-animations-with-illustrator-15

Exporterar till SWF

När alla kycklingar har placerats på rätt sätt (enligt föregående förklaring) kommer vi in ​​i fönstret Exportera dokument efter filexportvägen, och en gång där väljer vi filtillägget som exportformat SWF o Blixt. Därifrån får vi en annan dialogruta där vi konfigurerar de sista stegen. Med alternativ básica valt, väljer vi att exportera som AI-lager till SWF-ramar och versionen av Blixt att vi väljer kommer att vara den sista som han erbjuder oss, den av Adobe Flash Player 9. Vi markerar också alternativet Beskärstorlek på tavlan. Den har flera fler intressanta alternativ, som vi kommer att analysera i en annan handledning.

Exporterar

Exporterar

Markera sedan alternativet i samma dialogruta advancedväljer vi upplösningen och frekvensen för bilder som vi ska placera den i 15. Som du kan se här kan vi välja ordning på lagren, som, som jag sa tidigare, vi konfigurerar så att animeringen går från botten (1: a lagret) till toppen (sista lagret) i lagerfönstret i ditt gränssnitt. När du har exporterat tittar du på resultatet i valfritt uppspelningsprogram.

Mer information - Freepik, gratis foto- och vektorsökmotor


Innehållet i artikeln följer våra principer om redaktionell etik. Klicka på för att rapportera ett fel här.

En kommentar, lämna din

Lämna din kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *

*

*

  1. Ansvarig för uppgifterna: Miguel Ángel Gatón
  2. Syftet med uppgifterna: Kontrollera skräppost, kommentarhantering.
  3. Legitimering: Ditt samtycke
  4. Kommunikation av uppgifterna: Uppgifterna kommer inte att kommuniceras till tredje part förutom enligt laglig skyldighet.
  5. Datalagring: databas värd för Occentus Networks (EU)
  6. Rättigheter: När som helst kan du begränsa, återställa och radera din information.

  1.   Martin sade

    Kan den slutliga swf användas i efter effekt ??