Photoshop en Illustrator teksten in after effects

uit de cursus Motion infographics maken met After Effects

Photoshop en Illustrator teksten 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

perm_identity Harry de Lange | video_library 49 video's | query_builder 04:06:59

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.

 

Zodra je met data in aanraking komt, heb je ook te maken met teksten.

Dit kunnen labels, een omschrijving of waardes zijn.

Sommige teksten zullen statisch zijn, oftewel ze veranderen niet.

Maar bijvoorbeeld percentages of jaartallen...

... kunnen wel in de loop van de animatie veranderen.

Deze noem ik vanaf nu variabele teksten.

Het zou handig zijn als je de illustrator artboard in After Effects kunt importeren

en dat je sommige teksten variabel kunt maken.

Laat ik je gelijk maar teleurstellen: dit is niet mogelijk.

Ik heb AEP---.aep geopend.

Ik heb hier een Illustrator artboard in After Effects geimporteerd.

Dit is het Illustrator bestand: AEP---.ai.

Hierin zitten lagen, netjes genoemd.

Ik focus op de cijfers laag.

In After effects zit een handeling om lagen om te zetten naar tekst.

Ik selecteer de Cijfers laag

en ga ik naar Layer > Create > Convert to Editable Text.

Alleen: deze werkt niet!

Hoe krijg ik het voor elkaar om de cijfers in dit geval variabel te krijgen.

Ik kan natuurlijk naar de Tekst tool toe gaan.

en type % in

En pas het font, kleur en grootte aan.

Dit is een manier!

Wat ik ook kan gaan doen, ik ga terug naar Illustrator

Ik selecteer hier de Tekst Tool.

en selecteer de % en met CTRL+C of CMD+C...

kopieer ik de tekst

Ik ga terug naar After Effects

Ik selecteer ook hier de Text Tool.

en plak de tekst hierin.

Zoals je ziet, heeft hij het font en de kleur overgenomen.

Ik ga hem omhoog slepen.

en ik kan hem nu redelijk goed positioneren met de cursor toetsen.

Dit is methode .

Een ander methode is meer een “Hack”.

Ook op deze manier kun je tekst variabel binnen krijgen.

Ik ga terug naar Illustrator.

Ik zorg dat ik alle teksten die variabel moeten worden in laag zitten.

In dit geval de laag cijfers

Ik zorg er ook voor dat er een achtergrond laag in zit.

die net zo groot is als het artboard.

Hier de BG laag.

Ik ga dit illustrator bestand exporteren via: File > Export > Export as…

In het Export venster zie ik dat hij automatisch de naam

van mijn Illustrator bestand heeft overgenomen

en ik sla het op als een PSD bestand

Mocht je meerdere Artboards hebben, dan moet je deze aanvinken.

en welke Artboard je specifiek wilt gaan exporteren.

In dit geval is er maar en dus niet nodig

Ik klik op Export

Een Photoshop Exports Options venster opent zich.

Waar je even goed naar moet kijken is dat de resolutie op PPI staat

Dat Write Layers staat aangevinkt

en Preserve Tekst Editability en Maximum Editability

staan aangevinkt.

De rest kun je zo laten zoals het was en ik klik op Ok.

Ik ga terug naar After Effects.

InAfter Effects dubbel klik in het Project venster.

en het import vernster opent zich

Ik navigeer naar de map waarin de AEP---.psd staat.

en ik ga het importeren als een Composition

Wat ie nu doet is dat hij het importeert als Composition met iedere laag...

dezelfde grootte heeft als het Artboard, in dit geval bij .

Ik heb hier Create Composition niet aangevinkt, dat is niet nodig

Ik klik op Import

Hij vraagt mij nu nog bij het Import venster, hoe wil ik de laagstyle hebben?

Die laat ik staan op Editable Layer Styles, voor maximale Flexibiliteit.

Ik klik op Ok.

Ik ga nu naar de Composition toe, in het Project venster dubbel klik ik

op de AEP---

En hier in, in deze Compositon zie ik dat de cijfers een eigen Compostion hebben

Hier dubbelklik ik op.

In deze Composition zitten nu PSD lagen.

Ik selecteer alle vier en kopieer ik ze met CTRL+C of CMD+C.

Ik ga terug naar de AEP--- Compostion

Ik gooi de % van de vorige handleing weg

En Plak ze hier.

Ze zijn bijna niet zichtbaar maar dat komt omdat ze exact gepositoneerd zijn.

Met de lagen geselecteerd ga ik naar Layers > Create > Convert to Editable Text.

In de Timeline zijn alle lagen nu omgezet naar tekst.

Ik kan de Phtotoshop composition en de mappen eventueel weggooien.

Deze heb ik niet meer nodig.

Conclusie: je kunt Photoshop lagen wel kunt laten omzetten naar Text

En dat Illustrator bestanden dit dus niet ondersteunen.