Expressions: animatie scripts van internet

uit de cursus Motion infographics maken met After Effects

Expressions: animatie scripts van internet
4 (80%) 1 stem[men]

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.

 

De afgelopen video’s heb ik een aantal expressions onder de loep genomen.

Maar dit is het tipje van de ijsberg.

Op internet zijn er genoeg plekken waar je voor complexe animaties terecht kan.

Dit kan in de vorm van een expression of script zijn.

Als eerste is Motionscript .com een goede bron als je meer wilt weten over expressions

Het heeft een uitgebreide uitleg over Expressions

En er is een expressions lab.

Ik ga hier een aantal stukken expressions vandaan halen.

Als eerste de Pendulum.

Ik kopieer de code in het groen.

Ik ga naar After Effects en ik heb AEP---.aep open.

Ik werk nu in de Pendulum Composition.

Volgens de beschrijving moet ik de Expression op de rotatie plaatsen.

Allereerst moet ik kijken of de rotatiepunt goed is.

En dan bedoel ik de rotatie punt van de shape.

Ik open de Pendule laag en ga naar Contents > Group > Transform Group

Ik selecteer de Anchor point

Ik zoom in en ik zie dat hij net niet goed staat.

maar voor dit doeleinde is dit goed genoeg.

Als ik bij Rotation ga kijken zie ik een uitklap icoon staan.

Ik klap hem open en ik zie dat er code in staat.

Deze code heb ik al voor je gekopieerd en geplakt van de motionscript site.

Alleen de code doet nog niks.

Dat komt omdat ik de Expression heb uitgezet met het = teken.

Als ik hier nu op klik, wordt de Expression actief.

Ik druk op de spatiebalk om te testen.

Ik zie de pendulem slingeren.

Als ik de code ga bekijken bestaat deze uit regels.

In de eerste regels worden waardes bepaald.

Deze mag ik aanpassen, hier door zal de animatie veranderen

Zoals de snelheid: veloc

En de amplitude is de sterkte van de trilling

en Decay is het verval van de animatie.

Daaronder wordt de waarde berekend.

Hier moet je niet aankomen tenzij je weet wat je doet.

Pauzeer de video en probeer eens andere waardes in te voeren.

Ik ga nu naar de Grid Movement Composition.

Ook hier heb ik al code gekopieerd

Hier heb ik de grid movement script gepakt van de motionscript site

Als je naar de code kijkt zie je dat ook hier variabelen zijn die je kunt aanpassen.

Als ik de composition start zie je wat het doet, de vierkant beweegt zich in een grid

Als ik zo’n animatie moet maken zitten hier minstens Keyframes in.

Ik dupliceer de laag een aantal keren met CTRL+D

Iedere keer als ik een laag plaats staat het vierkant ergens anders in het grid.

Als laatste ga ik naar Squash & Stretch

Hier is de animatie opgedeeld:

Ik start de animatie

De gele laag is het vallende blok.

En de rode laag bevat de trilling.

Ik klap de rode laag open en ga naar de scale.

Hierin staat de code.

Ik selecteer de Scale en ga kijken in de graph editor.

Er loopt een rechte lijn, oftewel er is geen animatie volgens de Graph editor.

Als ik wil zien wat voor invloed de expression heeft op de schaal

Ga ik naar de Post-Expression Graph

Het grafiek icon.

Ik klik hierop en nu zie ik de invloed van de Expressions.

Ik hoop met dit hoofdstuk een beetje het koudwatervrees...

...bij je weg te hebben gehaald wat betreft de Expressions

In het volgende hoofdstuk ga ik met tekst aan de slag.