3D Donut Render klaarmaken

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
Volgende video: Compressie

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 een derde Donut toevoegen

Het lijkt een beetje op de eerste handeling zoals in de vorige video...

...maar deze vereist nog extra stap.

Allereerst dupliceer ik de Donut laag met CTRL+D

Ik selecteer de Controller en in de Effect Controls, deze zet ik weer vast.

Ga ik ook Donut Slider dupliceren

Ik selecteer nu de Donut laag in de Tijdlijn.

En met UU open ik de eigenschappen die veranderd zijn.

Allereerst in Donut ga ik de Trim Paths veranderen.

Bij de End ga ik de Controller veranderen...

...van Donut naar Donut

Bij de Offset van Donut moet ik nu weten waar Donut start...

...en waar Donut eindigt.

Dus ik moet Donut en bij elkaar gaan optellen.

Bij de Offset ga ik nu in het Expressions venster

Zet ik mijn cursor naar voren en met de Pickwhip...

ga ik naar de Donut Slider .

En waar hij het nu heeft geplaats type ik nog een + in.

Ik klik er nu buiten en ik zie dat hij voor een deel verplaatst is.

Maar deze klopt nog niet helemaal, want de berekening klopt nog niet.

After effects moet eerst uitrekenen wat de grootte is van Donut en

Nu gaat After effects eerst uitrekenen wat de grootte van Donut is keer .

En telt daar bij de grootte van Donut erbij op.

Ik kan de berekening veranderen door er haakjes om de optelling te zetten.

Dus ik ga helemaal naar voren in mijn expression.

En type een open haakje in.

en na de afsluitend haakje van de Slider

type ik ook weer een afsluitend haakje in.

Dus nu wordt de optelling eerst berekend en daarna vermenigvuldigd met ..

Ik zie nu dat de cirkel gesloten is.

Laat ik de derde Donut maar even een andere kleur geven.

Daarvoor ga ik naar Stroke en de Color.

Ook dit keer plak ik de code, het is wat Goudkleurig.

Ik klik op Ok en ik ga naar de Side Color en plak hier ook de kleurcode in.

Ik ga de Animatie testen.

Als ik nu bij het einde kom

Zie ik nog steeds dat er een overlap hier is.

Dat komt door de Bevel, als ik deze er af haal sluiten ze wel goed aan.

Maar ik laat het hierbij.

Als laatste Donut kan natuurlijk geen % zijn,

...want dan is de total meer dan .

Dus ik ga de Donut Slider verplaatsen naar

Daarvoor ga ik naar de Controller en met de U toets krijg ik alle Keyframes te zien.

Ik ga naar de laatset keyframe van Donut

en verander deze in

Ik selecteer beide Keyframes en ook deze verplaats ik verder in de tijd.

Nu ga ik de animatie nogmaals testen.

Nu wordt het tijd voor de tekst popups.

Ik ga er eentje maken, maar nummers en zullen hetzelfde zijn..

Ik klap alle lagen dicht en zorg dat er geen lagen zijn geselecteerd.

Ik ga nu naar mijn Pen Tool.

en vanuit het midden

klik ik

en met SHIFT ingedrukt ga ik iets naar boven zodat hij een diagonale lijn tekent.

Ik heb mjn stroke ondertussen op px gezet.

Zodat de lijn minder dik is.

En ik klik nog keer met SHIFT ingedrukt zodat hij een horizontale lijn tekent.

Ik ga naar de Shape Layer toe, open deze.

Ga naar Contents en ik selecteer Shape

Ik klik op ADD en voeg hier een Trim Paths aan toe.

Ik zet de CTI op Frame ; op de allereerste Frame.

Ik klap Trim Paths open en ik maak een Keyframe aan bij de End.

En ik vul hier de waarde in.

Ik ga frames verder en ik zet de End weer terug op %.

Daarnaast ga ik nog een tekst plaatsen.

Dus ik selecteer de Text Tool

Ik ga naar mijn Character Venster

Ik heb Verdana en in Bold, ik maak de Font Grootte op .

De kleur maak ik wit.

Ik ga nog naar de Paragraph venster en zorg dat hij rechts uitgelijnd is.

Ik klik in de Composition venster en type hierin %.

Ik ga naar mijn Selection

en ik verplaats de % achter de lijn.

Ik selecteer de tekst laag en met ALT+ [

zorg ik dat de laag pas na frames begint.

Met de tekstlaag geselecteerd

type ik T in voor Transparency

of Opacity en maak hier een Keyframe aan.

Ik zet de Opacity op .

Ik ga , frames vooruit.

en maak deze %.

Ik heb de Tekstlaag geselecteerd, Ik klap hem keer open en nog keer.

en ga nu naar de Text > Source Text.

De Source Text met ALT ingedrukt...

Koppel ik deze aan de eerste Donut Slider.

En laat los.

Ook dit getal moet ik weer afronden, dit hebben we eerder gedaan.

Dus ik ga in de Expression venster zitten

en ik zet mijn Cursor voor thisComp aan

En ik type in of beter nog:

Ik ga hier met de Expression Language Menu, ga ik naar:

Javascript Math > Math.round

Laten we in dit geval maar Floor doen.

Ik haal value) weg

en het afsluitende haakje type ik er achter.

Nu krijg netjes te zien.

Ik type er nog achter: +"%"

Deze klopt nu

Ik ga tekstlaag weer even dicht maken, de Shape Layer ook.

Ik ga nu de tekstlaag koppelen aan de Shape Layer.

Ik maak nu beide lagen D.

Ik zoom even weer uit.

en ik ga nu de Shape Layer verplaatsen.

Als ik nu de R van Rotatie op roep

en de X-orientation zet ik op graden bijvoorbeeld.

Zie je dat zowel de Shape Layer als de Tekst Layer mee roteert.

Zoals je ziet start de animatie te vroeg.

Dus ik selecteer de Shape en Tekst Layer en verplaats deze verder in de tijd.

Ik kan de rotatie van de Shape layer nog wel groter maken zie ik.

En de tekst layer kan nog wel wat verder naar links.

Zo zie je dat je met simpele grafische elementen

toch een mooi effect kunt krijgen in D.