Source Text: Teksten variabel maken.

uit de cursus Motion infographics maken met After Effects

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.

 

In de vorige video heb ik je geleerd om Illustrator teksten om te zetten...

...naar variabele tekst.

Ik ga verder in AEP---

Ik heb hier een aantal aanpassingen sinds de vorige video gedaan .

Ik heb allereerst de Illustrator bestanden van de meters omgezet naar paden.

Deze lagen hebben de kleur Cyaan.

Ik heb in al deze lagen in de Contents de Group uitgezet.

Dit was vloeistof laag in de meter.

Ik heb van deze lagen kopieen gemaakt.

deze gaan als maskeres dienen.

Deze heb ik de kleur paars gegeven.

In deze maskers is alleen Group actief.

Dat is de ring.

Deze wordt gebruikt als masker voor de laag die er onder zit.

En dat is de belangrijkste laag, dat zijn de Oranje lagen.

Ik heb hier in de oranje laag, in de Contents...

Rectangle > Transform Rectangle aan de schaal een Expression gekoppeld.

De x-schaal blijft ongewijzigd door value[] te gebruiken.

Het tweede getal krijgt de schaal van de Controller laag...

...en dat is in dit geval de LPG slider.

Er worden waardes doorgegeven dus er staan blok haken omheen.

Als ik nu de LPG Slider verander...

in de Effect Controls, vult de meter zich.

Ik wil nu dat de tekst zich aanpast aan de percentage die wordt weergegeven.

Daarvoor ga ik naar de % laag,

Ik klap deze open en Ik zie dat er naast de Transform

ook een tekst categorie is.

En in de ze tekst categorie ga ik me focussen op Source Text.

Allereerst ALT klik ik op de Source Text

De Expression Editor opent zich en daar zie ik staan: text.sourceText

Deze wil ik gaan vervangen.

Dat doe ik door de Pickwhip te slepen naar de LPG Slider.

En ik laat deze los. Ik klik nu buiten de Editor

en ik zie dat de waarde bij LPG nu op staat.

en dat komt overeen met de LPG Slider.

Ik wil hier nu percentages achter gaan zetten.

Ik klik in de Expressions Editor en type hierachter:

+”%”

Als ik er nu buiten klik, zie ik dat er een foutmelding is

Hij zegt dat hij de waardes niet bij elkaar kan optellen

En dat klopt: je kunt geen cijfers met percentage teken optellen.

After Effects neemt namelijk aan dat je wilt optellen.

Maar ik wil een zogenaamde String samenstellen.

Dat wil zeggen dat de Source Tekst alleen maar uit leestekens mag bestaan.

Om tegen After Effects te zeggen dat alles leesteken moet zijn...

...begin ik vooraan te typen: Ik zet de Cursor helemaal vooraan

“”+

Eigenlijk een lege String

Hiermee zeg je tegen After Effects dat hij het letterlijk moet nemen,

alles wat achter deze lege String komt.

Ik klik er buiten en ik zie nu de waarde met percentages sraan.

Nu kan het voor komen dat er getallen achter de komma staan.

Soms kan After Effects waardes geven met meerdere cijfers achter de komma.

Ik zal het even demonstreren.

Ik type achter de een aantal getallen achter de komma.

Zoals je ziet is deze percentge belachelijk,

Maar als je bijvoorbeeld van de Time gebruik maakt, kun je dit soort waardes verwachten.

Maar in dit geval wil ik hele waardes, hoe kan ik dat doen?

Daarvoor ga ik de code een beetje aanpassen.

Ik klik in de Editor en ga met de cursor tussen de plus...

...en de Code van de pickWhip staan.

Ik ga naar de Expressions Language Menu, klik deze open...

...en ga naar Javascript Math.

En hier zie ik een heleboel functies staan.

In deze categorie zitten een paar handige reken methodes.

Ik wil gaan afronden, after Effects kent methodes hiervoor.

Math.round rond af naar beneden als hij onder de % zit

en naar boven als hij boven de helft zit.

Math.ceil rond altijd naar boven af

En Math.floor naar beneden.

Ik kies voor Math.ceil

Ik haal het achterste haakje en value weg.

En plaats het afsluitende haakje achter de pickwhip code.

dus na de Slider haakje

Ik klik weer naast de Editor

En nu zie ik dat hij het getal netjes heeft afgerond naar boven.

Probeer voor jezelf om de andere meters ook zo te vullen...

..en ga deze animeren met Keyframes.