Expressions: Controllers en linear

uit de cursus Motion infographics maken met After Effects

Expressions: Controllers en linear
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

2 reacties op “Expressions: Controllers en linear

    1. Hallo Josephine,
      De ccoördinaten die je zoekt zijn die van de huisjes. Selecteer één van de huisjes. Klap de laag ervan open in de Timeline kun je de huidige verticale positie van het huisje aflezen bij de Y-Positie. Met het huisje volledig in beeld, dus 100% is dat Y:576. Verplaats je het huisje verticaal naar onderen tot de punt van het dak de 0% raakt dan is dat dus de positie van het huisje als deze op 0% staat, dus Y:1154.
      Het huisje laat je dan met een maskervorm alleen binnen de grafiek verschijnen of verdwijnen.

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.

 

Deze cursus is gericht op Infographics en daarin speelt data een grote rol.

Als je data gaat uitbeelden zoals bijvoorbeeld in deze grafiek is proportie van belang.

Je kunt het op het oog doen, maar dan kun je later in de problemen komen

als de data wordt gewijzigd.

Om meer controle over je data te krijgen, kunnen Expressions en Expression Controls

je helpen.

In dit voorbeeld wil ik alle balken een percentage geven.

bijvoorbeeld %, % en in %

Ik kan nu keyframes aanmaken op de position van ieder balk,

zodat hij moet groeien van naar %.

Zoals ik al zei: om data beter onder controle te krijgen...

zijn Expression Controllers ideaal.

Laat ik eerste een Null aanmaken.

Ik ga naar Layer > New > Null Object

Ik ga deze Nu ll hernoemen

Ik selecteer de null in de tijdslijn en toets enter in.

Ik noem deze laag Controller.

Nulls zijn uitermate gechikt voor Controllers.

Ik zorg ervoor dat de Effect Controls van de Controller op slot staat.

Dat kan mij zometeen helpen

Ik ga naar Effects & Presets

en open daar Expression Controls en selecteer ik de Slider Control

en sleep deze op de Controller laag

Ik ga de Controller hernoemen

Ik toets de enter in en ik noem deze .

Nu ik toch bezig ben: ik dupliceer met CTRL+D of CMD+D op de Mac

IK druk op enter en ik maak hiervan .

en nog een keer dupliceren, ik maak hiervan .

Zo heb ik voor alle nu een Controller

De bedoeling is natuurlijk dat als de Slider op staat...

...de positie van de balk onderaan komt te staan.

Hij staat nu op %.

Ik heb voorwerk gedaan en heb de y coordinaten genoteerd.

Dus bij % is de y-positie.

en bij % is de positie.

De balk gaat tenslotte naar beneden dus de waarde moet hoger worden.

Ik ga nu naar de laag

en toets P in .

Ik zie dat de position nog gekoppeld is. Ik ga met de rechtermuis klikken.

In het venster kies ik Seperate Dimensions.

en zo heb ik de x en y posities los.

Ik ga alleen de Y positie animeren, dus ik ALT klik op de Y Position.

Ik open de Expressions Language Menu.

en ik ga nu naar de categorie In terpolation

Daar kan ik linear vinden. En daar zie ik keer linear staan

Ik selecteer de tweede

In de Editor zie ik nu staan: linear(t, tMin, tMax, value, value)

Ik moet deze parameters allemaal gaan vervangen

Allereerst de t, ik selecteer de t....

De t moet de waarde zijn die moet worden beoordeeld.

en in dit geval is dat de Controller van de Slider.

Dus ik ga nu naar de Pickwhip en sleep deze naar de Slider.

Dan wil After Effects weten wat is de minimum waarde...

...die de slider kan geven.

Het zijn percentages, ik heb het net al genoemd

van tot , dus ik voer hier als minimum waarde in.

Ik zie hier de t-max en dit is dus de maximale waarde

dat is .

Dan zie ik value

dat moet de waarde zijn, die de gaat vervangen.

en ik zie hier staan dat dit is

Dus ik type in .

Als laatste vervang ik de value

Dit moet dus de % waarde zijn

en dat is dus .

Ik klik nu naast de editor.

en Ik zie dat de balk verdwenen is.

dat klopt, want de Slider staat op . Als ik verhoog.

zie je dat de balk zich verplaatst.

en als ik boven de kom, zal hij niet verder gaan

want is voor hem de maximum.

Deze code kan ik kopieren, dus ik klik hierin

Alles is geselecteerd en met CTRL+C of CMD+C kopieer ik deze.

en ga ik nu naar de laag.

Ik toets de P in.

De position moet ik scheiden, dus ik ga naar Seperate Dimensions

Ik ALT klik de Y Position en plak daar de code die ik net gekopieerd heb.

en in plaats van Slider , vervang ik deze met

Als ik nu aan de Slider ga trekken

zie ik dat ook de werkt

Laat ik even Keyframes op beide Controllers zetten

Ik zorg dat beide op staan, ik ga vooruit frames

en ik zet deze op

en deze op

Ik zie dat ik een fout heb gemaakt.

met de U toets kan ik Keyframes zien

en ik moet deze op zetten en deze ook op .

Ik toets nu op de Sptaiebalk

en de balken gedragen zich zoals ze behoren.

gaat naar de en naar %