Hvordan lage en enkel animasjon ved hjelp av Adobe Illustrator og After Effects

Har du noen gang laget en fantastisk illustrasjon med Adobe Illustrator og lurt på hva mer du kan gjøre med den? Du kan importere den til After Effects og gjøre den om til en fantastisk animasjon. Følg med for å se hvor enkelt det kan være.

Lag en illustrasjon i Adobe Illustrator

Det er forskjellige måter å lage en illustrasjon for en fremtidig animasjon. Ved å bruke Adobe Illustrator får du intuitive illustrasjonsløsninger som enkelt kan importeres og forstås i After Effects. Du kunne også bruk Photoshop til å lage en komposisjon for After Effects, men vi skal fokusere på å jobbe med Illustrator.

Når du oppretter Illustrator-dokumentet ditt, sett det til størrelsen på den tiltenkte videoen (vi bruker 1920 x 1080). For å starte et nytt dokument, klikk Ny fil og velg dimensjonene dine. Klikk OK og du er klar til å begynne å designe.

Bruk enkle former

En reell fordel med å bruke Illustrator for animasjonsdesignet er stifinneralternativene. Du kan designe ved hjelp av enkle former, som en ellipse eller rektangel, og ved å bruke stifinnerfunksjonene kan du enkelt forvandle disse enkle formene til mer kompliserte illustrasjoner.

Å bruke enkle, minimalistiske former for illustrasjonen din vil også hjelpe deg når det kommer til animasjon. En enkel illustrasjon er lettere å animere enn noe langt mer komplekst. Du vil sannsynligvis legge merke til at de fleste animasjoner du finner på nettet er ganske enkle.

En minimalistisk fargepalett vil utfylle den enkle animasjonen din – vi har skrevet en veiledning for å lage en automatisert fargepalett i Illustrator.

Arbeid med separate lag

Å jobbe med separate lag i Illustrator er ikke bare god praksis, men det er integrert for å importere illustrasjonen til After Effects senere. Lagene vil bli beholdt, og du kan enkelt animere lag for lag.

Hvert element i designet som du vil animere – eller ikke animere – må være på et eget lag. Hvis et element er komplekst, men ikke har individuelle deler som kan animeres, bør hele den delen være på samme lag. Hvert lag bør gis nytt navn slik at du kan holde styr på dem alle i AE. For å gi nytt navn til et lag, dobbeltklikk på dets gjeldende navn.

Når du importerer illustrasjonen til AE, vil ikke bare fil- og lagdimensjonene forbli de samme – og dermed hold elementene i riktig posisjon – men de animerende elementene vil alle være riktig atskilt også.

Lagre Illustrator-filen din

Med illustrasjonen ferdig, gå til Fil > Lagre som og lagre den som en AI-fil. Etter at du har klikket Lagre, vil en popup vises. Sørg for at Lag PDF-kompatibel fil er merket av, og klikk deretter OK.

Grunnen til å lagre illustrasjonen din som en AI-fil er at den blir en levende fil. Hvis du opprettet animasjonen med den samme filen, men senere innser at du vil endre fargen eller et aspekt av illustrasjonen, kan du. Eventuelle endringer som er lagret i AI-filen vil umiddelbart reflekteres i After Effects-animasjonen, så lenge du bruker AI-filen.

Dette er et alternativ du forhåpentligvis ikke trenger hvis du har laget illustrasjonen slik du vil ha den. Men det er flott å ha muligheten til å endre aspekter i fremtiden om nødvendig.

Importere designet ditt til Adobe After Effects

Med AI-filen din lagret, er det på tide å importere illustrasjonen til After Effects. AE har tre hovedområder: Prosjektpanel, Tidslinje og Komposisjon. Dobbeltklikk i prosjektpanelet og en popup vises. Finn Illustrator-filen din, velg Importer som > Sammensetning – Behold lagstørrelser, og klikk Import. Forsikre Lag komposisjon er sjekket.

Når den åpnes, vil du se to filalternativer i prosjektpanelet. Den ene vil være komposisjonsfilen og den andre vil være en mappe med de separate lagene. Du trenger ikke bruke mappen. Dra komposisjonsfilen ned til tidslinjen, og illustrasjonen din vises i komposisjonsområdet. Du vil se alle lagene dine på tidslinjen.

Du kan justere varigheten av animasjonen ved å forlenge eller redusere tidsbåndet over tidslinjen. Dette vil være lengden på videoen når den eksporteres, men den kan endres når som helst gjennom hele designprosessen.

Transform i After Effects

I tidslinjen kan hvert lag animeres individuelt med mange forskjellige overgangsalternativer. For å se overgangene, klikk på den lille hvit pil på et lag, og klikk deretter på pilen ved siden av Forvandle for å vise og endre animasjonstypene.

Du vil se disse transformasjonsalternativene:

• Forankringspunkt
• Posisjon
• Skala
• Rotasjon
• Opasitet

Ved siden av hvert av alternativene vil det være et sett med tall. Disse tallene kan være en prosentandel, koordinater eller noe annet. De forholder seg hver til Transform-alternativet de er ved siden av; når du transformerer en del av animasjonen din, vil tallene gjenspeile endringen.

Å endre Transform-alternativene vil ikke gjøre noe uten bruk av keyframes. De er den viktigste delen av animasjon i After Effects.

Arbeid med nøkkelrammer

Keyframes er diamantformede ikoner som representerer et Transform-element for tidsindikatoren. Før du kan bruke nøkkelbildene, må du trykke på stoppeklokkeikonet ved siden av det valgte Transform-alternativet – det fungerer som en bryter og gjenkjenner at Transform-alternativet brukes.

Med stoppeklokken på kan du flytte tidsindikatoren – en vertikal blå linje med en fane øverst – langs animasjonstidslinjen til steder du vil at animasjonselementer skal skje. Endring av tallparametere vil legge til et nøkkelbilde. For noen Transform-alternativer – som Skala eller Posisjon – kan du også manuelt flytte elementet i komposisjonsvinduet i stedet for å endre tallene.

Hver gang du flytter tidsindikatoren og deretter endrer en Transform-parameter, vil den legge til et nøkkelbilde. Du kan flytte nøkkelbilder fra posisjonene deres, og parameteren vil flytte til der du plasserer nøkkelbildet.

Du kan også kopiere og lime inn en nøkkelramme for å bli reflektert på et annet lag. Hvis du for eksempel vil at flere lag skal flyttes samtidig, kan du kopiere ett lags plasseringsnøkkelrammer og deretter lime dem inn i et annet lag. De vil lime til hvor enn tidsindikatoren sitter. Hvis du velger flere lag samtidig og legger til nøkkelbilder til ett, plasseres det samme nøkkelbildet på alle de valgte lagene.

Bruker Easy Ease

Easy Ease-funksjonen brukes ofte, men hva gjør den? Ledetråden ligger noe i navnet - det letter animasjonselementene.

Å legge til Easy Ease til en keyframe gir Transform-alternativet en mer naturlig enkelhet, i stedet for en plutselig slutt (eller begynnelse). Det er en veldig subtil forskjell, men det er en som uten tvil gir et nivå av ekspertise til animasjonene dine.

For å bruke Easy Ease, høyreklikk på hvilken som helst keyframe-diamant og gå til Keyframe Assistant > Enkel enkelhet. Du kan også bruke snarveien F9 å implementere Easy Ease. Keyframe-diamanten blir til en timeglassform for å representere Easy Ease.

Eksporterer animasjonen din

Når du er ferdig med å animere i After Effects, og du er fornøyd med hvordan det hele ser ut, må du lagre videoen din. Du kan bruk plugins som LottieFiles for å lage Lottie-animasjoner fra videoen din, eller du kan eksportere som en video med forskjellige gjengivelsesalternativer.

Gå til Fil > Eksporter > Legg til i gjengivelseskø. Velg en utdatadestinasjon og klikk Gjengi. Du kan la animasjonen gjengis uten tilsyn; avhengig av lengden og antall elementer, kan det ta en stund. Når den er ferdig gjengitt, har du animasjonsvideoen din.

Forvandle Illustrator-kunsten din i After Effects

Du kan maksimere Adobe Illustrator-ferdighetene dine ved å gjøre en enkel illustrasjon om til en imponerende animasjon. Ved å bruke Illustrators stifinnerverktøy og lag, vil du sette pris på verktøyet etter å ha importert det til After Effects. Følg denne guiden og lag en kul animasjon.

75+ Adobe After Effects-snarveier for å gjøre livet ditt enklere

Les Neste

Om forfatteren