Illustrator artwork in After Effects

uit de cursus Motion infographics maken met After Effects [in ontwikkeling]

Illustrator artwork in After Effects
Geef een waardering

Hallo vreemdeling,

wat leuk dat je onze site bezoekt. Bekijk gerust een paar video's en als het je bevalt kun je altijd abonnee worden.

Automatisch afspelen

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Motion infographics maken met After Effects [in ontwikkeling]

perm_identity Belinda | video_library 24 video's | query_builder 01:49:35

Om het maximale uit deze cursus te halen heb je kennis van Adobe Illustrator en animatievaardigheden nodig van Adobe After effects.

Cursus Motion Infographics met After Effects

Beeld en kleur communiceren sneller dan geschreven teksten. We leven in het informatietijdperk en de vraag naar efficiënt en snel communiceren is enorm toegenomen. Na de Infographic neemt de motion infographic alleen maar toe in populariteit. Ideaal om te publiceren op websites en via socialmedia is deze vorm van communiceren uiterst krachtig en effectief.

After Effects biedt onbegrensd veel mogelijkheden.

After Effects is hèt programma waarmee je trailers, animaties, commercials, motion infographics en promotievideo’s kunt maken. In After Effects kun je alles met elkaar combineren en verweven wat je maar wilt. Geanimeerde tekst, Illustraties, videobeelden, audiofragmenten, tekeningen, animaties. Je kunt het zo gek niet bedenken. Je kunt met dit programma geheel je eigen creativiteit, ideeën en stijlen verwezenlijken.

Juist vanwege de onbegrensde mogelijkheden die het programma After Effects biedt is een gedegen cursus om al deze opties goed onder de knie te krijgen onontbeerlijk. Laat je creativiteit de baas zijn en niet de overweldigende mogelijkheden van het programma. Leer hoe je op de meest efficiënte wijze je producties opbouwt. Dat levert niet alleen enorm veel tijdwinst op maar zorgt er ook voor dat jij je ideeën daadwerkelijk optimaal kunt realiseren.

Doelgroep

Je bent DTP’er vormgever of webdesigner maar bovenal ben je creatief en heb je goed gevoel voor illustratie en verbeelding. Je bent een beelddenker en kunt conceptueel denken. Je wilt jouw illustraties en verbeelding naar een hoger plan tillen met het maken van motion infographics. Je hebt al ruime ervaring en kennis van Adobe Illustrator en beheerst de basis animatietechnieken in Adobe After Effects.

 

After effects kent een paar basis tools als het gaat om vectoren tekenen.

Een programma als Illustrator is natuurlijk veel geschikter voor het tekenen in vector

Vaak worden storyboards al getekend in Illustrator.

Het zou natuurlijk zonde van de tijd zijn om deze over te tekenen in After effects.

Nu zijn er een paar handige truukjes om het illustrator materiaal...

...zoveel mogelijk als vector te kunnen behandelen.

Ik begin met een Artboard in Illustrator.

Ik heb hier het Logo.ai geopend.

In het Layers paneel zie ik dat alle elementen netjes een eigen laag hebben.

Ze hebben ook keurig een naam gekregen.

Dit helpt mij straks de lagen te kunnen identificeren in After Effects.

Ik ga weer terug naar After Effects.

Ik importeer het illustrator bestand. Ik ga naar File >Import > File

Of ik gebruik de sneltoets: CTRL+I of CMD+I voor de Mac.

Ik navigeer naar de map waarin het Logo.ai bestand staat.

En ik ga het bestand importeren als Composition – Retain Layer Sizes

Ook heb ik hier het Create Composition vinkje aangevinkt.

Ik klik op import.

Ik dubbelklik de Logo Composition

en hij opent zich in de tijdslijn.

Ik wil nu op de Logo laag een Deformer gaan toepassen.

Deformers heb je geleerd, kun je toepassen op een Shape Layer.

Maar dit is geen Shape Layer, het is een Illustrator Layer.

Als ik de laag openklap heeft hij alleen een Transform Groep.

Ik ga de laag nu omzetten naar een Shape Layer.

Ik selecteer de Logo laag

en ik ga naar Layer > Create > Create Shapes from Vector Layer.

Ik zie dat After effects een nieuwe Shape Layer heeft aangemaakt

en hij heeft ook nog de oude laag behouden... de Illustrator laag.

Alleen op onzichtbaar gezet.

Ik klik de Logo Outlines open en bekijk de contents.

En hierin zie ik groepen.

Ik klik groep open om te zien wat daar allemaal in zit.

Ik zie daar een aantal paden, Merge Paths en groepen.

Vrij complex dus.

Als ik op het oogje ervoor klik, kan ik zien naar welk deel ik kijk.

In dit geval het "ogo" deel.

Ik klik de groep weer even dicht en ga naar contents

Ik wil nu een Deformer op de Logo toepassen.

Ik ga naar Add > Twist, ik ga een twist op de logo loslaten.

Ik klik op Twist.

De Twist groep is toegevoegd onder aan, ik klap hem open...

...en ik ga met de Angle en de Center aan de slag.

Ik zorg ervoor dat de CTI op de allereerste frame staat...

...en ik klik op beide stopwatches.

De Angle ga ik verhogen naar een hoog getal in dit geval

En de Center ga ik naar rechts verplaatsen, buiten beeld, op X.

Je ziet het effect al, ik ga nu naar de seconde toe...

...door de CTI naar seconde toe te slepen.

en ik zet beide weer op .

Zowel de Angle op als de Center op .

Om de animatie nog wat spannender te maken...

...versleep ik de CTI naar het midden van de animatie.

en ga ik met de Center aan de slag.

Ik zorg ervoor dat hij totaal de andere kant op gaat....

...dus in plaats van maak ik er - van.

Om de animatie nog even helemaal af te maken...

...selecteer ik alle keyframes van zowel de Angle als de Center.

Rechtsklik > Keyframe Assistent > Easy Ease of F

Ik zet de CTI terug naar en druk op de Spacebar om de animatie te starten.

Ik haal de contouren even weg.

En zo zie je dat je ook prima Illustrator lagen kunt animeren met een Deformer.