Essential Graphics: De achtergrond dynamisch

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 deze video ga ik verder waar ik was gebleven.

Ik zit nu in AEP---.aep.

Ik ga er nu voor zorgen dat de rechthoek achter de tekst,

hetzelfde formaat krijgt als de tekst.

Ik moet er dus achter komen hoe groot de tekst is.

After effects heeft in de expressions een functie hiervoor.

De sourceRectAtTime() geeft je de breedte en hoogte van text en shape lagen.

De Source Rectangle ken je vanuit Adobe pakketten.

Ook wel de Bounding Box genoemd.

Zodra ik een Text of Shape element selecteer in After Effects...

verschijnen er schaal punten.

De vier hoekpunten is de SourceRectangle.

Doordat zowel de tekst als rechthoek staat gecentreerd,

...zullen zowel de tekst als rechthoek vanuit het midden schalen.

Ik ga naar de Size eigenschappen van de Rectangle.

Daarvoor ga ik naar: Contents > Rectangle > Rectangle Path > Size.

Ik ALT+klik op de Stopwatch.

Ik moet allereerst zorgen dat ik de maten van de Tekstlaag krijg.

Ik begin met een variabele aan te maken: L

Ik type in: L =

en deze link ik nu naar de tekstlaag, die er boven ligt.

en laat los. Ik sluit af met een ;.

In dti geval is de L een snelle notatie voor de naam van laag.

Van deze laag wil ik in eerste instantie de breedte weten.

Deze noem ik X.

In X is L.sourceRectAtTime().width;

Ik zeg hier; geef mij de sourceRectangle en daarvan de breedte van de tekstlaag.

Met deze regel krijg ik iedere frame een update van de breedte van de tekst.

Voor de hoogte kan ik deze kopieren en de X Y maken

en in plaats van width type ik height; Dat ga ik nu doen.

Nu nog stap: Ik moet beide waardes nu doorgeven aan de Size.

Dat doe ik door de blokhaken.

Ik type dus: [X,Y];

Ik klik er buiten en het kader is nu net zo groot als de tekst.

Hij zit wel heel krap nu in zijn vel, laat ik hem als eerste nog een padding geven.

Ik klik achter de X en type: +.

Dat type ik ook achter de Y

Hij heeft nu een marge om de tekst.

Maar deze ruimte wil ik ook dynamisch maken.

hier voor ga ik een Controller inzetten.

Ik ga naar Layer > New > Adjustment Layer.

Deze Laag heeft maar doel: het kunnen plaatsen van een Controller.

Zo ga ik de laag ook noemen in de tijdlijn Controller.

In Effects & Presets ga ik naar Expression Controls > Slider Control

En deze sleep ik op de Controller laag.

De Slider Control ga ik hernoemen: Ik klik op de naam en druk op Enter.

en deze noem ik: Padding.

Ik zorg dat het Effect Paneel vast blijft staan, zodat ik er zo bij kan.

En nou ga ik in de code: ik selecteer de achter de X+

Met de PickWhip selecteer ik de Padding Slider en laat los.

Hetzelfde ga ik doen bij de achter de Y.

Ik selecteer het en met de Pickwhip ga ik naar de Slider toe en laat los.

Ik klik er buiten.

en als ik nu aan de Slider zit, zul je zien dat de Padding groter of kleiner wordt.

Je ziet het, het wordt realtime geupdate.

Zo dat waren regels code om dit aan de praat te krijgen.

In de volgende video ronden we het geheel af.