Animatie gemakkelijk gemaakt: concept - tekst en geluid

Welkom bij de training "Animatie in After Effects" van PSD-Tutorials.de. Ik ben Philipp Sniechota en zal jullie door de training begeleiden.




Ik wil samen met jullie aan de hand van een praktijkproject de wereld van animatie induiken en kijken waar goede animatie om draait.

We zullen After Effects als toolkit, als gereedschap gebruiken en ons niet bezighouden met de basisprincipes. We zullen niet leren hoe composities te maken, kleurvlakken te gebruiken of effecten toe te passen, maar ons richten op wat goede animatie definieert. De kennis die je hier opdoet, is van toepassing op vele gebieden. Je hoeft niet eens te denken aan 2D-After Effects-projecten. Het gaat zelfs verder tot 3D en zelfs karakteranimatie.

Deze training is interessant voor iedereen die geïnteresseerd is in motion design en te maken heeft met animatie in zijn werk.


We gaan samen aan de slag met een project dat ik "Animatie gemakkelijk gemaakt" heb genoemd. We maken een korte trailer die zelf over animatie gaat. Stap voor stap zullen we vaststellen wat mooie bewegingen zijn, waar het om draait en welke regels je in acht moet nemen en kunt toepassen in After Effects. Het gaat om hoe deze implementatie werkt, welke tips en trucs ik heb en waar je op moet letten.

Het praktijkproject is stilistisch zeer minimaal. Ik heb slechts met twee kleuren gewerkt, geen grote illustraties gemaakt en alles in het algemeen zeer eenvoudig gehouden. Ik ben ook qua stijl teruggegaan naar de tijd waarin beelden begonnen te bewegen.

De kennis van animatie die ik jullie leer, bestaat namelijk al bijna 100 jaar en wordt sindsdien gebruikt door Walt Disney, Pixar en de andere grote animatiestudio's.

Ik wil deze wereld met jullie ontdekken en dat op zo'n eenvoudig mogelijke manier, zodat jullie aan het eind de essentie van goede animatie begrepen hebben. Met voldoende oefening, want dat hoort er ook bij, kunnen jullie uiteindelijk jullie bewegende beeldprojecten aanzienlijk verrijken.

In deze zin wens ik jullie veel plezier met deze training, een leerzame tijd, en we zien elkaar zo meteen weer als het gaat om de basisprincipes van animatie, namelijk het basiswerk van Walt Disney, de "Disney Rules - Deel 1" en daarna gaan we verder met het kleurconcept.

Voordat we nu beginnen en ons in After Effects storten, wil ik een paar woorden wijden aan het concept, dus een paar woorden over wat je doet voordat je begint.

Je moet nadenken over welke stilistische richting je wilt ingaan en welke uitstraling of welke sfeer je ermee wilt communiceren.

Voor dit geval dacht ik, laten we eens helemaal weggaan van deze hoogglanzende motion graphics en glanzende bolletjes die men tegenwoordig kent, van Sky en Amerikaanse televisie. Laten we een stap terug zetten naar de tijd waar animatie begon, de tijd van de tekenfilms en de Disney Rules, en geven we onze video een kleine knipoog naar tekenfilms.

We willen natuurlijk geen tekenfilm maken, want dat zou veel te arbeidsintensief zijn en we willen uiteindelijk ook met After Effects werken. Dus laten we ons inspireren door de stijl van tekenfilms en passen we die toe in After Effects. Hoe kunnen we daarbij helpen?

Stap 1

In dit geval heb ik al gekozen voor een handgeschreven lettertype. Deze tekst is niet door mij met de hand getekend, maar is een lettertype dat je kunt vinden onder de naam Amatic op fontsquirrel.com. Met dank aan de maker Vernon Adams.





We hebben hoofdletters en kleine letters, ze zijn allemaal in hoofdletters geschreven, maar daardoor hebben we twee lettervarianten. De kleine letters zijn opnieuw getekende versies van de hoofdletters.

Een mooi lettertype dat zeer goed geanimeerd werkt.





Ik laat jullie in een van de volgende tutorials zien hoe je dit doet, zodat het lijkt alsof elk frame echt nieuw getekend is.

Daarom download en installeer ik dit lettertype eerst.

Stap 2

Om nog meer de sfeer te proeven van waar beelden begonnen te bewegen en ook de film begon, rond 1900, heb ik besloten om ook muzikaal die kant op te gaan. Een ragtime doet denken aan Charly Chaplin, Laurel & Hardy en al die eerste pogingen van de televisiefilms en natuurlijk de animatie-industrie.

Ik heb het passende stuk gevonden op Incompetech.com van Kevin MacLleod. Een geweldige kerel, actief sinds maart 2006 en biedt op zijn pagina's behoorlijk wat nummers en stijlen aan. Vooral de nieuwste dingen zijn geweldig en hij heeft ook de "Fig Leaf Rag" opgenomen, een klassieker van Scott Joplin, klassiek voor de stomme films.





Dit is precies de stijl die ik zocht. Het stuk heeft ook prachtige accenten, wat altijd goed is voor animaties. We hebben bepaalde delen die met de muziek meegaan. In deze delen kunnen we fantastisch animaties maken en bijna hoofdstukken opbouwen.

Stap 3

Op het gebied van kleur heb ik besloten om het relatief ingetogen te houden in blauw in combinatie met geel, dus slechts twee kleurtinten te gebruiken, die ook nog complementair zijn en zich daardoor goed van elkaar onderscheiden.

Dit werkt in dit geval ook heel goed in de andere richting, dus gele tekst op een blauwe achtergrond of blauwe tekst op een gele achtergrond. Hiermee kan ik spelen, de video verdelen en hoofdstukken maken door midden in de animatie de twee kleuren te wisselen, om bijvoorbeeld een visuele scheiding te creëren tussen een verklarende en vragende positie. Dit werkt hier heel goed voor.

Stap 4

Voor dit doel willen we een opstelling maken en eerst het projectbestand aanmaken, zodat we mooi kunnen aanpassen en ons daarop kunnen concentreren.

We openen After Effects en halen daar nogmaals direct uit de geluidsmap de "Fig Leaf Rag" en importeren deze in After Effects.





De duur wordt hier weergegeven als 3:29, maar de video zal natuurlijk niet zo lang duren. We zullen het stuk na ongeveer een halve minuut beëindigen.

Stap 5

Om te beginnen slepen we "Fig Leaf Rag" naar het compositie-icoon en genereren zo een compositie.

Ik controleer met Rechtsklik oftewel Ctrl+K de Compositie-instellingen. Alles is hier in orde: We kiezen voor de Voorinstelling: 720 25, dus HD met 25 frames per seconde (framerate), omdat we ons in Europa bevinden.

We laten de lengte zoals die is, dan hebben we ruimte aan het einde. Daar hoeven we ons op dit moment nog niet druk om te maken. Dit bevestigen we met OK.

Stap 6

Het lettertype is geïnstalleerd en ingesteld: Amatic SC.

Ik schrijf "Animatie eenvoudig gemaakt" en stel de lettergrootte iets groter in.

Als tip op dit punt: Ik zou altijd proberen de lettergrootte in het bedieningspaneel in te stellen. Ik zie namelijk steeds weer mensen die een tekst typen en vervolgens aan de handgrepen vastpakken en met ingedrukte Shift-toets de tekst groter maken. Daar raad ik af, want op die manier verandert u eigenlijk alleen de schaal van de laag. Dat is op zich geen probleem wat betreft kwaliteit, want teksten zijn in After Effects vectorgebaseerd, maar het wordt een beetje lastig als u verschillende teksten uniform wilt opmaken - want u moet niet te veel lettergroottes hebben. En dan is het moeilijk om ze allemaal op dezelfde grootte te krijgen.





Het schalen zou ik bewaren voor het vergroten en inzoomen. Voor het vormgeven en het basislayout raad ik aan om het tekenpalet en de lettergrootte te gebruiken.

Voor het werken met tekst heb ik nog een tip voor jullie:

Als u met de cursor in de tekst gaat, kunt u de afstand tussen de individuele letters, dus de spatiering, eenvoudig individueel aanpassen.

Ik zie altijd mensen die de schuifregelaar in het bedieningspaneel gebruiken - als ik alles selecteer, heb ik hier de hele breedte - en die proberen de tekst te laten verspringen. Dat is een masochistische manier om dit te doen. Met Alt + pijltje naar links of naar rechts kan ik het heel eenvoudig en comfortabel doen en tegelijkertijd midden in de tekst blijven. Ik kan de tekst netjes spatieren totdat ik tevreden ben.





In ons geval maakt een wat mislukte spatiëring geen verschil, want we zijn hier sowieso in een handschrift-look en een perfecte spatiëring is hier niet zo nodig als bij een Sans Serif.

Stap 7

Als laatste wil ik nog graag de regelafstand aanpassen. Ook hiervoor is er weer een schuifregelaar, of u kunt met een driedubbelklik op de tweede regel klikken, dan wordt de hele regel geselecteerd.

En dan kunt u comfortabel met ingedrukte Alt-toets en de pijltjestoetsen omhoog of omlaag de regel positioneren zoals u dat wilt.

Daarbij wordt direct de automatische grootte overgenomen en gaat geleidelijk naar beneden, wat voor mij persoonlijk weer aanzienlijk handiger is.