Een eenvoudige animatie maken met Adobe Illustrator en After Effects

Heb je ooit een geweldige illustratie gemaakt met Adobe Illustrator en vroeg je je af wat je er nog meer mee kunt doen? Je kunt het importeren in After Effects en er een fantastische animatie van maken. Volg mee om te zien hoe gemakkelijk het kan zijn.

Een illustratie maken in Adobe Illustrator

Er zijn verschillende manieren om een ​​illustratie te maken voor een toekomstige animatie. Het gebruik van Adobe Illustrator biedt u intuïtieve illustratieoplossingen die gemakkelijk kunnen worden geïmporteerd en begrepen in After Effects. Je zou ook kunnen gebruik Photoshop om een ​​compositie te maken voor After Effects, maar we gaan ons concentreren op het werken met Illustrator.

Wanneer u uw Illustrator-document maakt, stelt u het in op de grootte van uw beoogde video (we gebruiken 1920 x 1080). Om een ​​nieuw document te starten, klik op Nieuw bestand en kies uw afmetingen. Klik Oké en je bent klaar om te beginnen met ontwerpen.

Eenvoudige vormen gebruiken

Een echt voordeel van het gebruik van Illustrator voor uw animatieontwerp zijn de pathfinder-opties. U kunt ontwerpen met eenvoudige vormen, zoals een ellips of rechthoek, en door de pathfinder-functies te gebruiken, kunt u die eenvoudige vormen gemakkelijk omzetten in meer gecompliceerde illustraties.

Het gebruik van eenvoudige, minimalistische vormen voor uw illustratie zal u ook helpen bij het animeren. Een eenvoudige illustratie is gemakkelijker te animeren dan iets veel complexer. Je zult waarschijnlijk merken dat de meeste animaties die je online vindt vrij eenvoudig zijn.

Een minimalistisch kleurenpalet vormt een aanvulling op uw eenvoudige animatie - we hebben een handleiding geschreven voor het maken een geautomatiseerd kleurenpalet in Illustrator.

Werken aan afzonderlijke lagen

Werken aan afzonderlijke lagen in Illustrator is niet alleen een goede gewoonte, maar het is ook een integraal onderdeel om uw illustratie later in After Effects te importeren. De lagen blijven behouden en u kunt eenvoudig laag voor laag animeren.

Elk element van je ontwerp dat je wilt animeren (of niet animeren) moet op een aparte laag staan. Als een element complex is maar geen afzonderlijke delen heeft die kunnen worden geanimeerd, moet die hele sectie samen op dezelfde laag staan. Elke laag moet worden hernoemd, zodat u ze allemaal in AE kunt volgen. Dubbelklik op de huidige naam om de naam van een laag te wijzigen.

Bij het importeren van uw illustratie naar AE blijven niet alleen de afmetingen van het bestand en de laag hetzelfde - dus je elementen op hun juiste positie houden, maar de bewegende elementen worden allemaal correct gescheiden ook.

Uw Illustrator-bestand opslaan

Als je illustratie compleet is, ga naar Bestand > Opslaan als en sla het op als een AI-bestand. Nadat u op. hebt geklikt Opslaan, verschijnt er een pop-up. Zorg ervoor dat de PDF-compatibel bestand maken vakje is aangevinkt, klik dan op Oké.

De reden om uw illustratie als AI-bestand op te slaan, is dat het een live-bestand wordt. Als u uw animatie met hetzelfde bestand hebt gemaakt, maar later beseft dat u de kleur of een aspect van de illustratie wilt wijzigen, dan kan dat. Alle wijzigingen die in het AI-bestand zijn opgeslagen, worden onmiddellijk weergegeven in de After Effects-animatie, zolang u het AI-bestand gebruikt.

Dit is een optie die je hopelijk niet nodig hebt als je de illustratie hebt gemaakt zoals jij dat wilt. Maar het is geweldig om de mogelijkheid te hebben om aspecten in de toekomst te veranderen als dat nodig is.

Uw ontwerp importeren in Adobe After Effects

Nu je AI-bestand is opgeslagen, is het tijd om de illustratie in After Effects te importeren. AE heeft drie hoofdgebieden: Projectpaneel, Tijdlijn en Compositie. Dubbelklik in het Project-paneel en er verschijnt een pop-up. Zoek uw Illustrator-bestand, kies Importeren als > Samenstelling – Laaggroottes behoudenen klik op Importeren. Zorg ervoor dat Compositie maken is nagekeken.

Wanneer het wordt geopend, ziet u twee bestandsopties in het deelvenster Project. De ene is het compositiebestand en de andere is een map met de afzonderlijke lagen. U hoeft de map niet te gebruiken. Sleep het compositiebestand naar de tijdlijn en je illustratie verschijnt in het compositiegebied. Je ziet al je lagen in de tijdlijn.

U kunt de duur van de animatie aanpassen door de tijdband boven de tijdlijn te verlengen of te verkorten. Dit is de lengte van je video wanneer deze wordt geëxporteerd, maar deze kan tijdens het ontwerpproces op elk moment worden gewijzigd.

Transformeren in After Effects

In de tijdlijn kan elke laag afzonderlijk worden geanimeerd met veel verschillende overgangsopties. Om de overgangen te zien, klik op de kleine witte pijl op een laag en klik vervolgens op de pijl naast Transformeren om de animatietypes te bekijken en te wijzigen.

Je ziet deze Transform-opties:

• Ankerpunt
• Positie
• Schaal
• Rotatie
• dekking

Naast elk van de opties staat een reeks cijfers. Deze getallen kunnen een percentage, coördinaten of iets anders zijn. Ze hebben elk betrekking op de Transform-optie waar ze naast staan; wanneer u een deel van uw animatie transformeert, geven de cijfers de verandering weer.

Het wijzigen van de Transform-opties zal niets doen zonder het gebruik van keyframes. Ze vormen het belangrijkste onderdeel van animatie in After Effects.

Werken met keyframes

Keyframes zijn ruitvormige pictogrammen die een Transform-element voor de tijdindicator vertegenwoordigen. Voordat u de keyframes kunt gebruiken, moet u op het stopwatch-pictogram naast de door u gekozen Transform-optie drukken. Het fungeert als een schakelaar en herkent dat de Transform-optie wordt gebruikt.

Als de stopwatch is ingeschakeld, kunt u de tijdindicator (een verticale blauwe lijn met een tabblad bovenaan) langs uw animatietijdlijn verplaatsen naar plaatsen waar u animatie-elementen wilt laten plaatsvinden. Als u de nummerparameters wijzigt, wordt een keyframe toegevoegd. Voor sommige transformatie-opties, zoals Schaal of Positie, kunt u het element ook handmatig in het compositievenster verplaatsen in plaats van de getallen te wijzigen.

Elke keer dat u de tijdindicator verplaatst en vervolgens een Transform-parameter wijzigt, wordt een keyframe toegevoegd. U kunt keyframes van hun positie verplaatsen en de parameter wordt verplaatst naar de plaats waar u het keyframe plaatst.

U kunt ook een keyframe kopiëren en plakken om het op een andere laag weer te geven. Als u bijvoorbeeld meerdere lagen tegelijkertijd wilt verplaatsen, kunt u de Positie-hoofdframes van een laag kopiëren en deze vervolgens in een andere laag plakken. Ze zullen plakken waar de tijdindicator zit. Door meerdere lagen tegelijk te selecteren en er keyframes aan toe te voegen, wordt hetzelfde keyframe op alle geselecteerde lagen geplaatst.

Easy Ease gebruiken

De Easy Ease-functie wordt vaak gebruikt, maar wat doet het? De aanwijzing zit enigszins in de naam - het vergemakkelijkt de animatie-elementen.

Het toevoegen van Easy Ease aan een keyframe geeft de Transform-optie een natuurlijker gemak, in plaats van een plotseling einde (of begin). Het is een heel subtiel verschil, maar het is er een die aantoonbaar een niveau van expertise toevoegt aan je animaties.

Om Easy Ease te gebruiken, klikt u met de rechtermuisknop op een keyframe-diamant en gaat u naar Keyframe-assistent > Gemakkelijk. U kunt ook de snelkoppeling gebruiken F9 Easy Ease implementeren. De keyframe-diamant verandert in een zandlopervorm om de Easy Ease te vertegenwoordigen.

Uw animatie exporteren

Als je klaar bent met animeren in After Effects en je bent tevreden met hoe het eruit ziet, moet je je video opslaan. Jij kan gebruik plug-ins zoals LottieFiles om Lottie-animaties te maken van uw video, of u kunt exporteren als een video met verschillende weergave-opties.

Ga naar Bestand > Exporteren > Toevoegen aan weergavewachtrij. Kies een uitvoerbestemming en klik op Veroorzaken. U kunt uw animatie zonder toezicht laten renderen; afhankelijk van de lengte en het aantal elementen kan het even duren. Zodra het renderen klaar is, heb je je animatievideo.

Transformeer uw Illustrator-kunst in After Effects

U kunt uw Adobe Illustrator-vaardigheden maximaliseren door van een eenvoudige illustratie een indrukwekkende animatie te maken. Door het hulpmiddel en de lagen van Illustrator te gebruiken, zult u het hulpmiddel waarderen nadat u het in After Effects hebt geïmporteerd. Volg deze handleiding en maak een toffe animatie.

75+ Adobe After Effects-sneltoetsen om uw leven gemakkelijker te maken

Lees volgende

Over de auteur