Shape Layer Trim Paths

uit de cursus Motion infographics maken met After Effects

Shape Layer Trim Paths
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
Volgende video: Shape Layer Repeaters

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 Trim Paths is een krachtig wapen als je lijn animaties wil maken.

Naar aanleiding van deze grafiek ga ik een paar willekeurige punten tekenen met de Pen

Allereerst selecteer ik de Pen Tool.

Daarna zet ik de Fill op None

En de Stroke zet ik op Solid color.

De kleur zet ik op wit en een lijn dikte van pixels

Ik maak nu ankerpunt in de grafiek met een stijgende lijn.

En ik kijk nu even in de Contents van de Shape

Ik zie dat daar een Shape is aangemaakt met een path, een stroke en een Fill...

...die had ik niet aangegeven, dus weg ermee..

...en ik zie de transform.

Aan deze lijn ga ik nu de Trim Paths toevoegen.

Ik ga naar: Add > Trim Paths.

Als ik die openklap zie ik dat daar een aantal elementen in zitten.

Onder andere de Start, End, Offset en Trim Multiple Shapes

Ik ga even kijken naar de End.

Ik zie dat de start op % begint en de End op %.

Dat betekent dat de lijn voor % getekend is.

Als ik deze nu terug breng naar , zul je zien dat er geen lijn meer is.

En als ik hem naar % sleep is ie volledig getekend.

Ik ga deze animeren: Ik naar frame toe en zet de stopwatch aan bij End.

En zet hem op %

Ik ga naar seconde en zet hem op %.

Ik ga even previewen... Ik zie dat de lijn groeit

Ik zal beide keyframes selecteren en ik wil een Easy-Ease maken.

Dat doe ik door F of Rechtsklikken en Keyframe Assistent > Ease Ease.

Ik zet de CTI halverwege de animatie om het volgende uit te leggen...

...en dat is de Offset.

Ik haal de animatie van de End er af

En ik ga even met de Offset stoeien.

Ik verander de procent in een andere waarde.

En ik zie dat de lijn gaat lopen.

Ook dit kan ik animeren natuurlijk.

Ik zet bij Frame een keyframe.

...en pak hem na seconde en maak volledige rotatie

Als ik nu test, zul je zien dat de lijn gaat lopen.

Om Trim multiple Shapes uit te leggen kan ik beter grijpen naar de grafiek laag.

Deze zit vast dus ik klap de Shape Layer in en zet deze op onzichtbaar.

En haal het hangslotje van de Grafiek laag af

Als ik daar in ga kijken, zie ik in de Contents Shapes zijn aangemaakt.

Dat zijn alle indivuele lijnen.

Ook deze kan ik uiteraard animeren.

Dus Add > Trim Paths

en deze even openklappen.

Zie ik ook hier een Start en End uiteraard en als ik deze ga animeren...

...zie je dat alle lijnen tegelijkertijd groeien

Dat doen ze allemaal simultaan, vandaar Simultaneously

Als ik deze nu ga veranderen naar Individual, krijg je een ander scenario.

Je zult dan zien...

ik zit nu op %, dat de eerste ...

... of in ieder geval de eerste bijna zijn gemaakt.

Maar de derde is in opkomst en de vierde moet nog worden geboren.

Als laatste zie ik dat de lange lijn wordt getekent.

Dat komt omdat dit Shape is en deze staat onderaan de stapel.

Als ik deze nu naar boven sleep...

Krijg je dus een ander scenario.

Als ik nu aan de End draai...

Zul je zien dat Shape als eerste animeert.

Dus ook hier is de stapel volgorde van belang!