I vår senaste videosjälvstudien, lär dig hur du kan använda cirkelburst-animationer för att snabbt piffa upp ett rörligt grafikprojekt.
Du kan kasta dessa element bakom en animerad logotyp för att illustrera rörelse, eller lägga till dem i textgrafik för dynamiska och intressanta resultat. Cirkelbursten är extremt lätt att skapa och den är otroligt mångsidig. Låt oss ta en steg-för-steg titt på hur du skapar en i Adobe After Effects.
Steg 1:Skapa en Ellips
Först använder jag Ellipsverktyget för att skapa en enkel cirkel. För att få det utseende jag vill ha, stänger jag av fyllningen och ställer in strecket på vitt, med en bredd på 35 pixlar. Det är viktigt att centrera ankarpunkten till ellipsformen så att den animeras ordentligt. Om det inte redan är centrerat, välj helt enkelt lagret och gå till Layer> Transform> Center Anchor Point i lagerinnehåll. Använd sedan panelen "Justera" för att centrera cirkeln i kompositionen. Nu är formen förberedd för animering.
Steg 2:Animera formen
För att skapa en cirkelskur behöver jag bara animera två egenskaper - "Stroke Width" och "Scale". Jag vill att animeringen ska vara ungefär en sekund lång, så jag lägger till en sekvensmarkör för att snabbt visualisera var de slutliga nyckelbildrutorna ska placeras. Först ska jag animera linjens bredd. Jag vill att den ska försvinna, så jag animerar bredden från 30 ner till 0. Därefter öppnar jag "Transform"-egenskaperna för ellipsen och animerar "Skalan" från 0 till 100. Det är viktigt att inte animera skalan på formlagret, eftersom du vill ha kontroll över detta attribut senare.
För att jämna ut animeringen och ge den ett mer naturligt utseende kommer jag att ändra de första nyckelbildrutorna till "Easy Ease Out" och de sista nyckelbildrutorna till "Easy Ease In." Sedan kan jag öppna grafredigeraren och öka hastigheten i början, sakta ner den mot slutet. Nu ser det mer ut som att det följer fysikens lagar.
Jag kan snabbt få variationer av min cirkel att sprängas genom att duplicera och justera nyckelbildrutorna eller andra inställningar något. Jag kan till exempel ändra skalan på ett eller lägga till en liten rotation. Jag kan till och med lägga till streck i slaget för att ge skuren ett helt annat utseende. Nu är jag redo att ta in dessa och använda dem med andra element.
Steg 3:Inkorporera i ett projekt
Så här har jag en animerad titel som jag vill piffa till lite. Texten har en enkel skala och rotationsanimering som flyger upp den på skärmen. Jag kan ta in min cirkel för att lägga till lite extra rörelse och detaljer. För just den här grafiken kommer jag att placera två stora cirkelskurar bakom min text. Jag ska överordna cirklarna till texten, så att den följer texten när den rör sig. Jag kommer också att lägga till mindre cirklar på textens kanter, och även lägga till dem i textlagret.
Nyckeln till att få den här animationen att fungera är att justera varje cirkelburst och se till att de inte matchar. Det är en enkel regel för duplicering, ompositionering och omtidning. Upprepa dessa steg tills du får en look som du är nöjd med.
Ta en titt på min sista animation.
