Sådan laver du en simpel animation ved hjælp af Adobe Illustrator og After Effects

Har du nogensinde lavet en fantastisk illustration med Adobe Illustrator og spekuleret på, hvad mere du kan gøre med den? Du kan importere det til After Effects og gøre det til en fantastisk animation. Følg med for at se, hvor nemt det kan være.

Opret en illustration i Adobe Illustrator

Der er forskellige måder at skabe en illustration til en fremtidig animation. Brug af Adobe Illustrator giver dig intuitive illustrationsløsninger, der nemt kan importeres og forstås i After Effects. Det kunne du også brug Photoshop til at lave en komposition til After Effects, men vi vil fokusere på at arbejde med Illustrator.

Når du opretter dit Illustrator-dokument, skal du indstille det til størrelsen på din tiltænkte video (vi bruger 1920 x 1080). Klik på for at starte et nyt dokument Ny fil og vælg dine dimensioner. Klik Okay og du er klar til at begynde at designe.

Brug simple former

En reel fordel ved at bruge Illustrator til dit animationsdesign er stifindermulighederne. Du kan designe ved hjælp af simple former, som en ellipse eller rektangel, og ved at bruge stifinderfunktionerne kan du nemt forvandle disse simple former til mere komplicerede illustrationer.

Brug af enkle, minimalistiske former til din illustration vil også hjælpe dig, når det kommer til at animere. En simpel illustration er lettere at animere end noget langt mere komplekst. Du vil sikkert bemærke, at de fleste animationer, du finder online, er ret enkle.

En minimalistisk farvepalet vil komplementere din enkle animation - vi har skrevet en guide til at skabe en automatiseret farvepalet i Illustrator.

Arbejd på separate lag

At arbejde på separate lag i Illustrator er ikke kun god praksis, men det er en integreret del af importen af ​​din illustration til After Effects senere. Lagene vil blive bevaret, og du kan nemt animere lag for lag.

Hvert element i dit design, som du vil animere – eller ikke animere – skal være på et separat lag. Hvis et element er komplekst, men ikke har individuelle dele, der kan animeres, skal hele den sektion være på samme lag. Hvert lag skal omdøbes, så du kan holde styr på dem alle i AE. For at omdøbe et lag skal du dobbeltklikke på dets nuværende navn.

Når du importerer din illustration til AE, vil ikke kun fil- og lagdimensionerne forblive de samme – således holde dine elementer i deres korrekte positioner - men de animerende elementer vil alle være korrekt adskilt såvel.

Gem din Illustrator-fil

Med din illustration færdig, gå til Fil > Gem som og gem den som en AI-fil. Efter du har klikket Gemme, vises en pop op. Sørg for, at Opret PDF-kompatibel fil boksen er markeret, og klik derefter Okay.

Grunden til at gemme din illustration som en AI-fil er, at den bliver en live-fil. Hvis du har oprettet din animation med den samme fil, men senere indser, at du vil ændre farven eller et aspekt af illustrationen, kan du. Eventuelle ændringer, der er gemt i AI-filen, afspejles øjeblikkeligt i After Effects-animationen, så længe du bruger AI-filen.

Dette er en mulighed, du forhåbentlig ikke får brug for, hvis du har lavet illustrationen, som du vil have den. Men det er fantastisk at have mulighed for at ændre aspekter i fremtiden, hvis det er nødvendigt.

Import af dit design til Adobe After Effects

Med din AI-fil gemt, er det tid til at importere illustrationen til After Effects. AE har tre hovedområder: Projektpanel, Tidslinje og Komposition. Dobbeltklik i projektpanelet, og en popup vises. Find din Illustrator-fil, vælg Importer som > Sammensætning – Bevar lagstørrelser, og klik Importere. Sørge for at Opret komposition er tjekket.

Når det åbnes, vil du se to filindstillinger i projektpanelet. Den ene vil være kompositionsfilen, og den anden vil være en mappe med de separate lag. Du behøver ikke bruge mappen. Træk kompositionsfilen ned til tidslinjen, og din illustration vises i kompositionsområdet. Du kan se alle dine lag på tidslinjen.

Du kan justere varigheden af ​​animationen ved at forlænge eller reducere tidsbåndet over tidslinjen. Dette vil være længden af ​​din video, når den eksporteres, men den kan ændres når som helst under hele designprocessen.

Transform i After Effects

På tidslinjen kan hvert lag animeres individuelt med mange forskellige overgangsmuligheder. Klik på den lille for at se overgangene hvid pil på et lag, og klik derefter på pilen ved siden af Transform for at se og ændre animationstyperne.

Du vil se disse transformationsmuligheder:

• Ankerpunkt
• Position
• vægt
• Rotation
• Gennemsigtighed

Ved siden af ​​hver af mulighederne vil der være et sæt tal. Disse tal kan være en procentdel, koordinater eller noget andet. De forholder sig hver især til den Transform-indstilling, de er ved siden af; når du transformerer en del af din animation, vil tallene afspejle ændringen.

Ændring af Transform-indstillingerne vil ikke gøre noget uden brug af keyframes. De er den vigtigste del af animation i After Effects.

Arbejde med Keyframes

Keyframes er diamantformede ikoner, der repræsenterer et Transform-element for tidsindikatoren. Før du kan bruge keyframes, skal du trykke på stopursikonet ved siden af ​​din valgte Transform-indstilling – den fungerer som en kontakt og genkender, at Transform-indstillingen bliver brugt.

Med stopuret tændt kan du flytte tidsindikatoren - en lodret blå linje med en fane øverst - langs din animationstidslinje til steder, hvor du gerne vil have animationselementer til at ske. Ændring af talparametrene tilføjer en keyframe. For nogle Transform-indstillinger – som Skala eller Position – kan du også manuelt flytte elementet i kompositionsvinduet i stedet for at ændre tallene.

Hver gang du flytter tidsindikatoren og derefter ændrer en Transform-parameter, tilføjer den en keyframe. Du kan flytte keyframes fra deres positioner, og parameteren flyttes til det sted, hvor du placerer keyframen.

Du kan også kopiere og indsætte en keyframe for at blive reflekteret på et andet lag. Hvis du f.eks. ønsker, at flere lag skal flyttes på samme tid, kan du kopiere et lags positionsnøglerammer og derefter indsætte dem i et andet lag. De vil indsætte hvor som helst tidsindikatoren sidder. Hvis du vælger flere lag på én gang og tilføjer keyframes til et, placeres den samme keyframe på alle de valgte lag.

Brug af Easy Ease

Easy Ease-funktionen er almindeligt brugt, men hvad gør den? Ledetråden ligger noget i navnet - det letter animationselementerne.

Tilføjelse af Easy Ease til en keyframe giver Transform-indstillingen en mere naturlig lethed i stedet for en pludselig slutning (eller begyndelse). Det er en meget subtil forskel, men det er en, der uden tvivl tilføjer et niveau af ekspertise til dine animationer.

For at bruge Easy Ease skal du højreklikke på en hvilken som helst keyframe-diamant og gå til Keyframe Assistant > Nem nemhed. Du kan også bruge genvejen F9 at implementere Easy Ease. Keyframe-diamanten bliver til en timeglasform for at repræsentere Easy Ease.

Eksport af din animation

Når du er færdig med at animere i After Effects, og du er tilfreds med, hvordan det hele ser ud, skal du gemme din video. Du kan brug plugins som LottieFiles til at lave Lottie-animationer fra din video, eller du kan eksportere som en video med forskellige gengivelsesmuligheder.

Gå til Fil > Eksporter > Føj til gengivelseskø. Vælg en outputdestination, og klik Render. Du kan lade din animation blive gengivet uden overvågning; afhængigt af dens længde og antallet af elementer, kan det tage et stykke tid. Når den er færdig med gengivelsen, har du din animationsvideo.

Transformer din Illustrator-kunst i After Effects

Du kan maksimere dine Adobe Illustrator-færdigheder ved at forvandle en simpel illustration til en imponerende animation. Ved at bruge Illustrators stifinderværktøj og lag, vil du sætte pris på værktøjet efter at have importeret det til After Effects. Følg denne guide og lav en fed animation.

75+ Adobe After Effects-tastaturgenveje for at gøre dit liv lettere

Læs Næste

Om forfatteren