Velkommen til træningen "Animation i After Effects" fra PSD-Tutorials.de. Jeg er Philipp Sniechota og vil guide jer gennem træningen.

Animation let at gøre: Koncept - tekst og lyd


Jeg vil gerne dykke ned i animationens verden med jer ved hjælp af et praktisk projekt og se, hvad der kendetegner god animation.

Vi vil bruge After Effects som et toolkit, et værktøj, og ikke fokusere på grundlæggende færdigheder. Vi vil ikke lære at oprette kompositioner, bruge farveflader eller anvende effekter, men i stedet have fokus på, hvad der udgør en god animation. De færdigheder, I opnår her, kan overføres til mange områder. I behøver ikke engang tænke på 2D-After Effects-arbejde. Det strækker sig helt til 3D og endda karakteranimation.

Denne træning vil være interessant for enhver, der interesserer sig for motion design og arbejder med animation i sit arbejde.


Sammen skal vi lave et projekt, som jeg har kaldt "Animation made easy". Vi laver en kort trailer, som beskæftiger sig med animation. Vi vil gradvist identificere, hvad smukke bevægelser er, hvad der er vigtigt, og hvilke regler man skal overholde og implementere i After Effects. Det handler om, hvordan denne implementering fungerer, hvilke tip og tricks jeg har, og hvad der skal være opmærksom på.

Det praktiske projekt er meget stilistisk reduceret. Jeg har kun arbejdet med to farver, ikke oprettet store illustrationer og holdt alt generelt meget simpelt. Stilmæssigt er jeg også gået tilbage til tiden, hvor billederne begyndte at bevæge sig.

Animationens færdigheder, som jeg underviser jer i, har faktisk eksisteret i næsten 100 år, og de er blevet brugt siden da af Walt Disney, Pixar og de andre store animationsstudier.

Jeg vil opdage denne verden præcist med jer og på en så nedbrudt måde som muligt, så I til sidst forstår essensen af god animation. Med tilstrækkelig øvelse, for det er også en del af det, kan I i sidste ende berige jeres bevægende projekter meget.

På den måde ønsker jeg jer meget sjov med denne træning, en lærerig tid, og vi ses igen snart, når vi skal tale om grundlæggende animation, nemlig Walt Disneys hovedværk, "Disney Regler - Del 1", og derefter fortsætter vi med farvekonceptet.

Før vi går i gang og kaster os ud i After Effects, vil jeg tabe et par ord om konceptet, altså et par ord om, hvad man gør, inden man begynder.

Man bør overveje, hvilken stil man vil gå efter, og hvilket udtryk eller hvilken stemning man vil formidle.

Jeg har tænkt, at vi i dette tilfælde skal gå væk fra disse High Glossy Motion Graphics og Shiny Spheres, som man kender i dag fra himlen og amerikansk tv. Lad os tage et skridt tilbage til tiden, hvor animation begyndte, til tegnefilmsæraen og Disney-reglerne, og give vores video et lille udtryk, der går i den retning.

Vi vil naturligvis ikke lave tegnefilm, fordi det ville være alt for omstændeligt, og vi ønsker også at arbejde med After Effects. Så vi vil bruge tegnefilmens stil og implementere den i After Effects. Hvad kan hjælpe os med det?

Trin 1

I dette tilfælde har jeg allerede valgt en håndskrevet skrifttype. Denne skrift er ikke håndtegnet af mig, men er en skrifttype, som I finder under navnet Amatic på fontsquirrel.com. Tak til skaberen Vernon Adams.

Animation let at lave: Koncept - skrift og lyd.



Vi har store og små bogstaver, de er alle skrevet med versaler, men vi har derved to skriftvarianter. De små bogstaver er nytegnede versioner af de store bogstaver.

En smuk skrifttype, der fungerer meget godt animatiseret.

Animation let at gøre: Koncept - skrift og lyd.



Jeg vil vise jer i en af de kommende tutorials, hvordan I gør det, så det ser ud som om, hver enkelt frame virkelig er håndtegnet.

Derfor downloader og installerer jeg først denne skrifttype.

Trin 2

For at fange stemningen yderligere, hvor billederne begyndte at bevæge sig, og filmen også begyndte, omkring 1900, har jeg besluttet at gå musikalsk i samme retning. En Ragtime minder om Charly Chaplin, om Stan & Ollie og alle disse tidlige forsøg på fjernsynsfilm og naturligvis også animationsindustrien.

Trin 3

Fra et farveteknisk synspunkt har jeg besluttet, at vi holder det relativt reduceret i blå i kombination med gul, altså kun bruger to farvetoner, som også er komplementære og dermed skiller sig godt ud fra hinanden.

Dette fungerer også rigtig godt begge veje, altså gul skrift på blå baggrund eller blå skrift på gul baggrund. På den måde kan jeg lege, opdele videoen og skabe kapitler, hvor jeg midt i animationen skifter mellem de to farver for eksempel for at skabe en visuel adskillelse mellem forklarende og spørgende positioner. Det egner sig godt til sådanne tilfælde.

Animation let at gøre: Koncept - skrift og lyd.

Trin 4

Vi vil gerne oprette en opsætning og først oprette projektfilen, så vi kan animere pænt og fokusere på det.

Vi åbner After Effects og henter "Fig Leaf Rag" direkte fra lyd-mappen og importerer den til After Effects.

Animation let at lave: Koncept - skrift og lyd



Varigheden vises her som 3:29, men videoen vil selvfølgelig ikke vare så længe. Vi vil afslutte stykket efter omkring et halvt minut.

Trin 5

Til at begynde med trækker vi "Fig Leaf Rag" til kompositionsikonet og genererer dermed en komposition.

Jeg tjekker kompositionens indstillinger ved at højreklikke eller trykke på Ctrl+K. Alt ser fint ud: Vi vælger standardindstillingen: 720 25, det vil sige Halv-HD med 25 billeder pr. sekund (billedfrekvens), fordi vi befinder os i Europa.

Vi lader længden være som den er, så har vi plads til at udvide bagud. Vi behøver ikke tage stilling til det endnu. Det bekræfter vi med OK.

Animation let at gøre: Koncept - Skrift og lyd

Trin 6

Skrifttypen er installeret og indstillet: Amatic SC.

Jeg skriver "Animation let gjort" og øger skriftstørrelsen lidt.

Et lille tip på dette tidspunkt: Jeg vil altid anbefale at indstille skriftstørrelsen i kontrolpanelet. Jeg ser nemlig ofte folk, der skriver tekst og derefter trækker i anføringspunkterne og skalerer tekststørrelsen ved at trykke på Shift--tasten. Det fraråder jeg, fordi det faktisk kun ændrer lagets skalering. Det er ikke et problem med hensyn til kvaliteten, da tekster i After Effects er vektorbaserede, men det kan være lidt svært, hvis du vil skabe ensartede tekststile - for du bør ikke have alt for mange skriftstørrelser. Og det kan være svært at få dem alle til at være samme størrelse.

Animation let at lave: Koncept - skrift og lyd



Jeg vil reservere skaleringen til at forstørre eller zoome ind. Til layout og design anbefaler jeg penne_paletten og skriftstørrelsen.

Til arbejde med tekst har jeg endnu et tip til dig:

Når du går ind i teksten med markøren, kan du justere afstanden mellem de enkelte bogstaver, altså sporingen (også kaldet spatsiering eller kerning), super nemt og individuelt.

Jeg ser ofte folk, der bruger skyderen i kontrolpanelet - når jeg markere alt, har jeg her den samlede bredde - og forsøger at justere teksten. Det er en masochistisk måde at gøre det på. Med Alt+pil venstre eller højre kan jeg virkelig bekvemt gøre det og samtidig forblive midt i teksten. Jeg kan virkelig pænt justere afstanden mellem bogstaverne, indtil jeg er tilfreds.

Animation let at gøre: Koncept - skrift og lyd



I vores tilfælde gør en lidt mislykket sporing ikke den store forskel, fordi vi alligevel er i håndskrifts-looket, og en perfekt sporing er ikke så nødvændig som det ville være med en Sans Serif.

Trin 7

Nu vil jeg gerne ændre linjeafstanden. Der er igen en skyder, eller du kan dobbeltklikke på anden linje for at markere hele linjen.

Og så kan du nemt med Alt--tasten holdt nede og pilene op eller ned justere linjen, som du ønsker.

Derefter tages den automatiske størrelse direkte og justeres gradvist nedad, hvilket personligt er meget mere behageligt for mig.

Animation let at lave: Koncept - skrift og lyd