Läs om hur för att spara lite tid med animationsloopcykler i Adobe After Effects med den här enkla handledningen.
För just detta projekt kommer jag att skapa en animerad platsmarkör som jag kan använda över en kartgrafik. Jag vill att platsmarkören ska ha en subtil blinkande effekt, som en radarskärm. Det kommer att se ut ungefär så här:
Så låt mig visa dig hur vi kan sätta ihop detta mycket snabbt med bara några få nyckelrutor och ett enkelt uttryck.
Steg 1 — Skapa din animation
Min platsmarkör består av två ellipsformer. Jag använder en för att skapa animationseffekten, medan den andra är stationär. Till en början behöver jag bara animera den första cykeln av animeringen. För att göra detta kommer jag att animera skala och opacitetsattribut för min andra ellipsform. Jag nyckelbildar skalan så att den går upp medan opaciteten kommer att minska. Den här första animationscykeln tar bara 4 nyckelbildrutor att skapa och kommer att ge mig min radarblip-effekt. Jag kommer att tajma animeringen så att den varar i en sekund.
Steg 2 — Slinga animeringen
För att loopa den här animationen kunde jag helt enkelt kopiera formlagret och sedan klistra in det så många gånger som jag behöver - och kanske till och med förkomprimera det för att göra saker mer organiserade. Denna metod har dock några nackdelar. Först och främst, om jag vill ändra tidpunkten för animeringen eller färgen eller positionen på markören, kan det snabbt bli komplicerat med så många lager och nyckelrutor. En mycket enklare metod är att använda ett uttryck.
Om du inte är bekant med dem kan uttryck vara ganska skrämmande. Även om du vet hur man använder dem, kan de fortfarande vara förvirrande. Hur vet du vad du ska använda om du inte förstår språket?
Tja, ett sätt att tillämpa uttryck är med Expression Language Menu. Jag kommer att använda detta för att enkelt applicera en loop på min animation. För att göra detta kommer jag helt enkelt att alt+klicka på scale-attributet och sedan öppna Expression Language Menu via den lilla pilen i uttryckskontrollerna. Sedan väljer jag följande:
Egenskap> loopOut(typ =“cykel”, numKeyframes =0)
När jag väl applicerat kan jag nu göra samma sak med opaciteten. Nu kommer båda dessa egenskaper att loopa så länge som lagret är på tidslinjen.
Steg 3 — Anpassa slingan
Det briljanta med att använda det här uttrycket är mångsidigheten det erbjuder när jag vill anpassa animationen eller grafiken. Till exempel, om jag vill påskynda effekten kan jag helt enkelt flytta slutnyckelbildrutorna antingen framåt eller bakåt. Nu kommer animeringen att loopa med den nya hastigheten. (Detta skulle vara mycket mer komplicerat med ett stort antal nyckelbildrutor.) Dessutom, om jag vill ändra positionen eller något annat attribut är det väldigt enkelt.
Återigen, med loop-uttrycket behöver jag bara lägga till några nyckelrutor för att få liv i den här animationen och få den att loopa. Om jag vill göra detta utan uttrycket skulle det kräva nästan 40 nyckelbildrutor för bara ett 10-sekunders klipp. (Och att manipulera alla dessa nyckelbildrutor skulle vara ganska tråkigt.)
Som en sista touch duplicerar jag den animerade ellipsen och flyttar sedan dupliceringen något i tiden. Detta kommer att ge mig en mer dynamisk platsmarkeringsanimering med två överlappande blips.
