Een klok maken met expressions: Time

uit de cursus Motion infographics maken met After Effects

Een klok maken met expressions: Time
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.

 

Sommige animaties kunnen aardig complex worden als je met keyframes aan de slag gaat.

De frustratie neemt pas toe als de klant de animatie anders wil zien

Bijvoorbeeld de timing.

Expressions kunnen je leven als animator een stuk makkelijker maken.

Ik begin met de meest simpele maar veel gebruikte expression: time

Zoals de naam al vermoedt geeft deze de tijd weer in seconden.

In dit project heb ik al een klok getekend volledig in Shape Layers.

Als je het vorige hoofdstuk hebt bekeken is het misschien interessant...

hoe ik deze heb opgebouwd.

Ik ga me bemoeien met de gele lagen, de rest staat op slot.

Ik ga de seconden wijzer laten draaien, in eerste instantie in werkelijke tijd.

Ik selecteer de seconden wijzer en toets de R in.

Hierdoor opent zich de Rotation.

Als ik de hoek verander zie ik dat hij de correcte draaipunt heeft.

Ik Alt- klik nu op de Stopwatch van de Rotation.

De expression editor opent zich onder de Rotation.

Als code staat: transform.rotation

Wat wil de code hiermee zeggen?

Het zegt: geef mij de waarde die ik kan vinden in mijn laag...

...laag in de groep transform en daarvan de Rotation.

Dat is dus de waarde die hier staat.

Ik verwijder de code en vervang deze met time.

Ik klik buiten de editor om te sluiten.

IK zie dat er al iets gebeurd is met de Seconden wijzer.

Ik druk op de spatiebalk om het deze composition te testen.

Ik zie dat de wijzer draait, alleen heel langzaam.

Ik stop de animatie en kijk wat er op de seconde gebeurt.

Ik zie hier staan dat de rotatie op graden staat.

Dat komt overeen met de time van de tijdslijn.

Als ik naar seconden ga zie ik dat hij op graden staat.

Dus de Time werkt wel!

Alleen ik wil dat de wijzer op seconde wijst.

Het wordt tijd voor wat rekenwerk:

seconden is minuut,

minuut is rotatie,

rotatie is graden.

Dus ik moet delen door

en het resultaat daarvan is .

Als ik de wijzer op seconde wil krijgen moet hij graden gedraaid zijn.

Ik klik weer in de Expressions Editor.

Ik deselecteer time en achter time type ik: * (boven de toets )

en daar achter :

Ik zeg nu: tijd keer

Ik klik nu buiten de Editor.

Nu is de wijzer versprongen.

Hij staat nu op seconden en de wijzer wijst seconden.

Ik test hem nog even door op de spatiebalk te drukken.

Deze loopt nu goed

maar ik wil er nog meer controle over hebben.

Dat kan ik doen door er een Expression Control op te zetten.

Ik ga naar het Effects & Presets paneel

Ik open de Expression Controls.

Voor dit doel gebruik ik de Slider Control.

Ik selecteer de Slider Control en sleep hem op de SecondenWijzer laag

Ik zie in de Effect Controls dat de Slider Control is toegevoegd.

Voordat ik de slider verbind, zorg ik dat de waarde van seconde wordt behouden

en daarna mag hij pas worden vermenigvuldigd.

Ik klik in de Editor en ga met de cursor helemaal naar voren...

Ik type hier een (

en na de een )

Hiermee verzeker ik dat ik de tijd correct heb.

achter de haakjes type ik een *, ik wil weer vermenigvuldigen...

en Ik pak nu de Pickwhip en deze sleep ik naar de Slider...

...van de Slider Control.

Ik zie nu in de code staan:

(time*)*effect("Slider Control").("Slider")

Ik klik nu buiten de editor

Ik zie dat de wijzer op staat: recht naar boven.

Hoe komt dit?

Dat komt doordat de waarde van de Slider op staat.

Dus alle waardes die de time geeft zal worden vermenigvuldigd met .

Ik verander de waarde naar

dus ik ga nu de tijd, de originele tijd, keer versnellen.

Ik toets op de Spatiebalk om deze te testen.

In het eind resultaat zul je zien dat ik ook de minutenwijzer...

...aan de secondenwijzer heb gekoppeld.

Bekijk hier eens goed de Rotation...

en de code die ik heb geplaatst op de minutenwijzer

en vooral ook de gebruik van de haakjes.