Angående fargekonseptet hadde vi tenkt å gjøre det veldig enkelt og redusert med en blå bakgrunn og gul skrift. Blått og gult er komplementærfarger, veldig lett å lese, og skiller seg fint fra hverandre.
Teoretisk sett kunne vi opprette en ny fargeflate som viser blått, og deretter farge teksten gul. Vi kan gjøre det, men så oppstår problemet med hvordan vi midt i animasjonen legger på en visker som inverterer fargene over hele bildet.
Vi kan prøve å opprette en justeringslag gjennom Lag> Nytt> Justeringslag eller Ctrl + Alt + Y og deretter legge til en Inverter kanaler-effekt. Men så ser vi at fargene våre faktisk ikke er helt komplementære. For blå er oransje en komplementærfarge, og det passer ikke helt her, fargene stemmer ikke.
Men jeg vil definitivt gjøre dette, og det finnes en løsning.
Trinn 1
Vi bygger dette opp på følgende måte: Vi tar den kongeblå fargeflaten og trykker på Ctrl + Shift + Y, eller går til Lag> Innstillinger for fargeflater, og justerer fargen til svart.
Dette endres deretter pent, og After Effects omdøper til og med fargeflaten.
Vi skriver teksten "Enkel animasjon" nå bare i hvitt.
Vi har svart og hvitt uten gjennomsiktighet og kan enkelt snu dette.
Men nå har vi svart og hvitt, men jeg vil ha blått og gult.
Trinn 2
Så oppretter vi med Ctrl + Alt + Y et annet justeringslag ("Justeringslag 2") og bruker Effekter> Fargekorrigering> Fargekorrigering på det.
Effekten er veldig enkel og tilordner bare farger på forhånd. Den tar svart og hvitt og tildeler en annen fargeverdi.
Deretter tar vi denne svarte og justerer det tilblå. Jeg hadde allerede notert en fargekode "008FF", som er denne fine blåfargen.
Og vi tilpasser også det hvite til gult, fargeverdien er "FFF000", en virkelig kraftig gul farge.
Trinn 3
Nå har vi brukt dette etter inverteringseffekten. Jeg vil også navngi dette som "Endre farger" og "Fargelegg".
La oss også låse det øverste laget, fordi vi aldri trenger å røre det igjen.
Hvis jeg slår av og på "Endre farger", får vi en fantastisk invertering av fargene, uten å gli over i oransje eller lilla.
Men hvordan lager vi overgangen? Vi kan flytte "Endre farger"-laget fra venstre til høyre eller ovenfra og ned gjennom bildet og lage en overgang slik. Det er imidlertid ikke så interessant.
Jeg vil gjerne gjøre litt mer, for eksempel dele det opp i striper og la disse stripene tørke over bildet for å bryte opp kantene litt mer. Hvordan gjør vi det best?
Trinn 4
Det finnes effekter for dette, for eksempel under Effekter> Overgangseffekter; der har vi Linjesveiping, som går i en slik retning, men det er slik at en linje først er ferdig før den neste starter.
Dette er ikke uregelmessig nok for meg.
Trinn 5
Dette er grunnen til at vi best gjør det med Masker. Jeg dobbeltklikker på maskesymbolet og lager dermed en maske som passer nøyaktig til målene mine. Det er en veldig praktisk funksjon som vi senere vil bruke igjen.
Trinn 6
Jeg vil dele denne masken inn i 20 biter, slik at vi har 20 separate kolonner. Dette kan ikke gjøres med standard After Effects-verktøyene.
I slike situasjoner skriver jeg bare et skript for det. For tingene vi bruker her, har jeg vedlagt skriptene i den respektive opplæringen.
Der finner vi Layer Chainer, Mask Slicer og Sequence Strokes. Mask Slicer er det vi trenger her, som dere sikkert kan tenke dere.
Dette symbolet foran filnavnet tilhører Extendscript Toolkit, kan jeg starte dette her. Når jeg starter det, starter også dette Extendscript Toolkit.
Dette verktøyet må installeres separat, fordi det ikke er installert som standard. Du må gjøre dette selv, det kan gjøres veldig enkelt via CreativeCloud.
I dette skriptet har vi noen innstillinger. Jeg har ikke bygd et brukergrensesnitt for alle disse skriptene, fordi de er for min egen bruk. Det betyr at du må endre alle innstillingene direkte i tekstfilen.
I dette tilfellet kan vi endre to verdier: "Antall delinger", altså hvor mange enkeltdeler vi til slutt vil ha.
Og "separateLayers", der kan det stå true eller false. Ved true legges det til en ny lag for hvert snitt.
La oss prøve det med 4 delinger for å se…
… gå til After Effects og velg masken vi ønsker å slice. Dette er veldig viktig.
Deretter velger vi After Effects CC øverst i applikasjonsmålet. Som dere ser, er det også andre programmer her, dette verktøyet er for å skrive og teste skripter.
I dette tilfellet velger vi altså After Effects, deretter trykker jeg på Spill-knappen ….avif "Animasjon gjort enkelt: Fargene")
… og gå tilbake til After Effects. Der har vi de nye lagene, som hver består av ett lag.
Og når jeg nå genererer en 4-farges gradient, …
… da ser dere at det igjen gir et bilde. Det er egentlig et lag med én koordinat, bare maskene er sliced. Det betyr at vi har individuelle slices av dette laget, noe som kan være veldig praktisk fordi vi kan flytte og rotere dem hver for seg.
Men det trenger vi ikke her. Jeg vil ha noe annet.
Trinn 7
Jeg vil ha alle maskene på ett lag, ikke 4, men 20.
Og seperateLayers setter vi til false. Jeg lagrer, trykker på Spill, …
… og nå har vi alle 20 maskene på ett lag.
Jeg markerer dem fra 1-20 og trykker på Ctrl+C eller cmd+C. Deretter sletter jeg den opprinnelige masken og setter inn alle disse på plassen. Nå er alle der, og dem ønsker jeg å animere i neste steg.
Trinn 8
Maskene har dessverre ikke transformasjonsegenskaper som rotasjon og skalering, bare maskbane. Men det er heller ikke noe problem.
Vi markerer alle maskene og bretter dem ut. Deretter trykker vi på Maskbane, setter en nøkkelramp og går litt senere inn i sammensetningen, deretter beveger vi alle maskene rett nedut av bildet.
Trinn 9
La oss se på det. Musikk spiller i bakgrunnen, det stemmer. Og vi har nå to lineære nøkkelramper, som ikke er veldig spennende.
Jeg vil gjerne ha det litt mer spennende og vil ikke jobbe med lineære nøkkelramper, for vi har allerede hørt det i Disney-reglene: Konstant hastighet skjer ikke i virkeligheten, så det trenger vi heller ikke i animasjonen.
Trinn 10
For å gjøre dette klikker vi på Diagrameditor. Der ser jeg kurvene som vi vil bli veldig kjent med i bouncing ball.
For å begrense dette til maskbane, markerer jeg alle maskene og trykker på U, siden da får jeg alle animerte egenskaper.
Nå ser vi hastighetskurven, speed graph. Det er ikke like enkelt å jobbe med som med verdikurven, det vil vi se. Men man kan godt jobbe med det hvis man vil animere mange egenskaper samtidig.
Først vil jeg gi den en Easy Ease, enten med F9 eller med denne knappen.
Denne grafen har endret seg dramatisk. Till venstre hadde vi konstant hastighet, vi starter med en viss hastighet og stopper brått.
Med Easy Ease starter vi med null hastighet og øker sakte, for deretter å redusere igjen. Det er da en parabelform.
Jeg vil ha det litt mer ekstremt. For dette tar jeg tangensen og drar litt, slik at vi virkelig får en topp på midten.
Litt sånn, la oss se hvordan det ser ut …
La oss la det gå og se: Det glir direkte over. Vi har mye raskere bevegelse i midten enn i begynnelsen og på slutten. Det liker jeg godt.
Trinn 11
Det samme kunne vi også gjort med posisjon - men hvorfor laget vi da slices?
Vi forskyver det nå litt uregelmessig over tid og arrangerer nøkkelramper her tilfeldig, så får vi litt variasjon i utseendet på sluttresultatet. Linjene skal ikke alle gli over samtidig.
Dette ser til slutt litt ut som en skyline. Denne ene linjen som vanligvis ville delt bildet vårt, ønsker vi å bryte opp. Noen ganger er det bare på en side, eller bare foran eller bak. Jeg prøver å unngå at de slutter på samme høyde.
Dette ser bra ut.
Og du ser, når du aktiverer forhåndsvisning - det ser kult ut. Fantastisk.
Trinn 12
Og dette laget kan vi nå ta, rotere, skalere, flytte, og selvfølgelig bruke flere ganger, fordi det bare er omvendt-effekten.
Vi dupliserer det, flytter det i tid og bytter fra gult til blått og fra blått til gult.
I dette tilfellet er det imidlertid vist på forhånd og deretter ikke lenger der. Dette må vi reversere, fordi jeg vil at vi i begynnelsen ikke har et lag og at laget skyver seg fremover.
Så sletter jeg det dupliserte laget igjen og aktiverer laget "Change Colors". Deretter merker vi alle nøkkelruter ved å tegne et rektangel over dem.
Med et høyreklikk går jeg til nøkkelruteassistenten og finner der nederst Reverser nøkkelrute rekkefølge.
Jeg har nettopp trykket på det, og nå beveger den gule fargen seg fra bunnen inn i det blå.
Og nå bør det også fungere hvis jeg dupliserer laget igjen og flytter det litt lenger bakover.
Vi går nå fra den ene fargen til den andre og tilbake igjen. Perfekt.
Dette fungerer allerede. Vårt neste prosjekt i neste del av denne opplæringsrekken er teksten.
