Bananimering är ett kraftfullt sätt att väcka rörlig grafik till liv – som att animera logotyper, guida pilar längs en rutt eller få ikoner att sväva naturligt över skärmen.
I After Effects kan du bygga dessa mjuka böjda rörelser med hjälp av pennverktyget, som låter dig rita anpassade banor och fästa objekt till dem.
I den här guiden får du lära dig hur du animerar längs en väg steg för steg, plus en alternativ redigerare som ger samma resultat med färre steg. Låt oss komma igång...
Del 1. Innan du gör ett objekt Följ en väg i After Effects
När du ställer in en animation måste du förstå arbetsflödet som gör att ett objekt följer en väg i After Effects. Börja med att bestämma vilken typ av innehåll du vill skapa. Planera sedan din väg och objektet som ska röra sig längs den.
1. Huvudverktyget:Pennverktyget
Pennverktyget är huvudverktyget för att rita rörelsebanor i After Effects. Du kan också komma åt den genom att trycka på G på tangentbordet. Pennverktyget låter dig rita ankarpunkter som formar hur objektet färdas när After Effects animerar längs en bana.
Varje punkt definierar en del av vägen, och att förstå hur varje klick fungerar kommer att göra animeringsprocessen smidigare. Här är de tre huvudsakliga klicklägen att känna till:
- Enkelklick:Lägger till raka ankarpunkter för linjära banor. Detta fungerar bra när du vill ha en stadig eller mekanisk rörelse, till exempel en bil som kör på en rak väg.
- Klicka och dra:Skapar böjda ankarpunkter för jämnare bågar. Dra justerar riktningshandtagen, vilket ger dig mer kontroll över hur banan böjer sig mellan punkter.
- Hold Option (eller Alt i Windows):Justerar kurvhandtaget eller ändrar kurvan till ett spetsigt hörn. Detta hjälper dig att styra hur banan böjer eller svänger.
När du ritar, försök att visualisera hur ditt objekt rör sig genom utrymmet. När banan ser rätt ut kommer du att använda den för att få After Effects att flytta ett objekt längs en bana (detta kommer att förklaras i del 2).
After Effects har också ett Autoorienteringsalternativ som du kan aktivera för att få objektet att vända sig mot rörelseriktningen. Det håller rörelsen jämn och hjälper varje sväng eller kurva att flyta naturligt längs banan.
2. Förbered objektet att animera
Innan du får objektet att följa en bana i After Effects, ställ in objektet du vill flytta. Du kan animera vilket element som helst, som en pil, ett flygplan, en bil eller en textikon, så länge det passar din scen.
Använd en enkel grafik som passar ditt projekts stil. För tydliga resultat, använd en .PNG-fil med en genomskinlig bakgrund så att den smälter in snyggt med dina bilder. Om du inte har rätt ikon ännu kan du hitta massor av gratis tillgångar av hög kvalitet online.
Här är några pålitliga källor:
- Flatikon – Perfekt för ikoner, symboler och enkla illustrationer i platt stil.
- Pixabay – Erbjuder många foton, ikoner och transparenta PNG-filer som lämpar sig för olika teman.
- Freepik – Perfekt för redigerbar vektorgrafik, ikoner och designpaket som fungerar bra i After Effects.
Kontrollera alltid varje webbplatss licensvillkor innan du använder tillgångarna i din video. När ditt objekt är klart, låt oss fortsätta till del 2, där du flyttar det längs en väg i After Effects.
Del 2. Hur man animerar ett objekt längs en väg i After Effects
Nu när du har förberett din ikon eller objekt, låt oss animera den längs en väg i After Effects. I det här avsnittet kommer du att lära dig hur du ritar rörelsebanan med pennverktyget. Plus, hur du styr hur ditt objekt färdas över scenen.
Följ instruktionerna nedan för att få ett objekt att flytta längs en bana i After Effects:
Steg 1
Rita rörelsebanan
När du har infogat ditt objekt i tidslinjen, se till att inga andra lager är valda. Detta säkerställer att du ritar på ett nytt lager istället för att ändra ett befintligt.
Välj pennverktyget (eller genvägen G) från verktygsfältet. Ställ Fill till Ingen och Stroke till enfärgad. Justera streckbredden till cirka 10-12 pixlar så att det är lätt att se.
Så här ritar du banan:
- Klicka på kompositionen för att placera ankarpunkter och rita din väg.
- Klicka en gång för att göra raka punkter, eller klicka och dra för att skapa kurvor för jämnare svängar.
Upprepa att placera punkterna varje gång du vill göra en sväng. Du kan justera ankarpunkter och kurvhandtag när som helst med hjälp av urvalsverktyget (V) för renare rörelser.
Välj Shape Layer som innehåller din sökväg.
Utöka dess alternativ genom att klicka på pilen bredvid den och gå sedan till Innehåll> Form 1> Sökväg 1. Klicka på Sökväg för att markera den.
Tryck på Kommando + C (eller Ctrl + C i Windows) för att kopiera den. Detta steg kommer att spara rörelsebanan så att du kan tillämpa den på ditt objekt senare.
Steg 3
Använd sökvägen till ditt objekt
Välj ditt objektlager och tryck på P på tangentbordet för att visa egenskapen Position. Klicka på egenskapen Position och klistra in sökvägen med Kommando + V (eller Ctrl + V i Windows).
När du har klistrat in ser du en linje i din komposition; det är rörelsevägen. Nyckelrutor kommer också att visas på din tidslinje automatiskt.
Tryck på mellanslagstangenten för att spela upp animeringen, och du kommer att se After Effects flytta objektet längs banan du ritade.
Du kan dölja eller ta bort Shape Layer tidigare eftersom du inte behöver det längre.
Steg 4
Justera hastighet och timing
Längden på din animation beror på avståndet mellan den första och sista nyckelbildrutan. Så här ändrar du tidpunkten:
- Flytta den sista nyckelbildrutan längre längs tidslinjen för att sakta ner rörelsen.
- Flytta den närmare för att påskynda animeringen.
Denna kontroll låter dig matcha objektets rörelse med andra element i ditt projekt.
Så här får du objektet att vända mot färdriktningen automatiskt:
- Högerklicka på objektlagret och välj Transformera> Autoorientera.
- Välj Orientera längs vägen i popup-fönstret och klicka på OK.
Den här inställningen håller objektet vänt mot färdriktningen när After Effects animerar längs banan. Det hjälper till att göra rörelsen mer realistisk, vilket är perfekt för saker som flygplan, bilar eller pilar som ska peka framåt.
När du har slutfört dessa steg har du lyckats få animeringen av ett objekt att följa en väg i After Effects. Du kan använda samma teknik för att animera ikoner, text eller andra designelement för titlar, kartor eller rörliga grafiksekvenser.
Bonus:Alternativ redigerare för att animera ett objekt längs en väg
Har du försökt animera ett objekt längs en bana i After Effects men stött på problem? Adobes ekosystem har länge varit ett riktmärke i designvärlden. Men för nybörjare kan det kännas komplicerat och svårt att lära sig.
Här är några vanliga problem som människor möter när de får ett objekt att följa en väg i After Effects:
- Förankringspunkter landar på fel plats,
- Beziers handtag gör svängarna svåra att kontrollera,
- Autoorientering pekar ikonen åt fel håll,
- Objektet snurrar i skarpa hörn och
- För många justeringar behövs för en enkel ruttanimering.
Om dessa problem låter bekanta, prova ett enklare alternativ. Wondershare Filmora inkluderar nu ett pennverktyg i version 15. Det låter dig skapa och animera rörelsebanor som när du animerar ett objekt längs en bana i After Effects, men med färre steg.
Säker nedladdning
Varför välja Filmora för Path Animation
Så här jämför Filmora med det typiska After Effects-arbetsflödet för objektföljningsväg:
- Enkel installation:I After Effects måste du rita, kopiera och klistra in sökvägen innan du länkar den till objektet. I Filmora kan du ansluta objektet direkt från sökvägsinställningarna i Shape-redigeringspanelen.
- Inbyggda förinställda objekt:Filmora innehåller färdiga objekt som passar bananimationer, som flygplan, bilar, skotrar och kartmarkörer.
- Lätt att lära sig:Filmora har alla kontroller, drag, effekter och inställningar för trimbana i en panel. Du kan se allt medan du arbetar istället för att hoppa mellan menyerna.
- Organiserad tidslinjeredigering:Filmora har en enkel tidslinje där du kan rita, animera, lägga till text och använda effekter på ett ställe. Du behöver inte förkomponera eller öppna flera paneler som i After Effects.
- Automatisk ansiktsriktning:Aktivera Följ sökväg för att få ditt objekt att vända sig åt rätt håll när det rör sig. Det är ett klick istället för flera menysteg.
Hur man får ett objekt att röra sig längs en väg i Filmora
Följ stegen nedan för att lära dig hur du använder Filmoras pennverktyg för att rita och animera en bana så här:
Steg 1
Starta projektet och lägg till tillgångar
Skapa ett nytt projekt i Filmora, importera din video eller bild och dra den till tidslinjen. Justera dess skala och position så att din scen ser tydlig ut.
Säker nedladdning
Steg 2
Rita rutten med pennverktyget
Gå till Ritverktyg> Pennverktyg och rita din väg direkt i förhandsgranskningsfönstret.
Klicka för att lägga till punkter, eller klicka och dra för att skapa kurvor för jämnare svängar.
När du är klar med att konturera din linje högerklickar du var som helst i förhandsgranskningsfönstret och väljer Stopp för att slutföra ritningen.
Steg 3
Justera Stroke Style
När du ritar en form med pennverktyget visas panelen Formredigering till höger. Rulla till avsnittet Stroke för att ställa in färg, linjetjocklek (vikt) och opacitet. Du kan också välja mellan förinställda slagstilar för att spara tid.
Steg 4
Lägg till en Trim Path Effect
Gå till panelen Trim Path och ställ in Path Follow till Preset. Välj ett objekt från listan med förinställningar och klicka på Länk för att koppla det till din sökväg.
Steg 5
Animera med nyckelbildrutor
För att animera linjen, välj Pen Path-spåret på tidslinjen och gå till Trim Path-inställningarna.
- Flytta spelhuvudet till början av klippet och ställ in slutvärdet på 0 %, lägg sedan till en nyckelbildruta.
- Flytta sedan spelhuvudet till slutet av klippet, ändra slutvärdet till 100 % och lägg till ytterligare en nyckelbildruta.
- Spela upp videon för att förhandsgranska rörelsen.
Steg 6
Justera objektets riktning
Om ditt objekt inte är vänt åt rätt håll, klicka på det i förhandsgranskningsfönstret och rotera det tills det matchar sökvägen.
Slutsats
Att animera ett objekt för att följa en bana i After Effects är en användbar färdighet för att skapa smidiga rörelser i dina projekt. Med pennverktyget kan du designa rutter, kurvor eller former och få ikoner, pilar eller text att flytta precis dit du vill.
Om After Effects-animeringsprocessen känns för komplex, erbjuder Filmora ett enklare tillvägagångssätt. Du kan uppnå liknande resultat utan att hantera flera lager eller detaljerade inställningar.
Prova Filmora först och se om du verkligen behöver After Effects-rörelsen längs vägen för din nästa animering.
Filmora
AI-videoredigeringsapp och programvara
Bästa verktyget för att göra videor var som helst för alla kreatörer!
Din perfekta första videoredigering börjar här - ingen erfarenhet behövs