REC

Tips om videoinspelning, produktion, videoredigering och underhåll av utrustning.

 WTVID >> Videoproduktionsguide >  >> Videoredigering >> Videoredigeringsprogramvara

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

När du vill animera linjer, former eller konturer i After Effects måste du veta hur du lägger till och använder Trim Path. Det här verktyget används för att styra hur ett streck visas, försvinner eller rör sig längs en bana, vilket ofta syns i logotypanimationer eller kartrutter i en rörlig grafikvideo.

Om du har svårt att förstå eller ställa in After Effects Trim Path, kommer vår handledning nedan att förenkla stegen och till och med ge en enklare lösning som kanske passar dig bättre.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Del 1. Hur man använder Trim Paths i After Effects

För att lägga till en Trim Path i After Effects, låt oss börja med grunderna först. I det här exemplet skapar vi en enkel linjeanimation som ritar sig själv från en punkt till en annan på skärmen.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Hur man lägger till en trimningsbana i After Effects

Steg 1

Skapa Shape Layer

Skapa först en ny komposition och lägg sedan till ett formlager. Efter det kan du skapa den form som du vill animera först.

  • Om du vill rita en anpassad bana eller linje, välj och använd pennverktyget från verktygsfältet. Du kommer att ha full kontroll över att skapa valfri form eller riktning för din animering.
  • Om du föredrar att använda en grundläggande form, välj formverktyget och välj den form du vill ha, till exempel en cirkel, rektangel eller polygon.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Rita din linje eller form på duken för att skapa banan du ska animera. Se till att stroken är synlig så att linjen syns tydligt. Och om du inte behöver någon färg i formen kan du stänga av fyllningen genom att klicka på fyllningsikonen och välja Ingen.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Med ditt Shape Layer valt, öppna Lägg till-menyn bredvid "Innehåll" i tidslinjepanelen och välj Trim Paths.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Om du gör det på rätt sätt kommer du att se ett nytt "Trim Paths"-lager visas under lagrets innehåll.

Steg 3

Ställ in start- och slutpunkter och animera banorna

Öppna nu lagerinställningarna för Trim Paths. Du hittar två reglage:Start och Slut. De styr hur mycket av vägen som är synlig. För att få linjen att dra sig själv:

  • Sätt startvärdet på 0 %
  • Ställ in slutvärdet på 0 % och klicka på nyckelbildsikonen.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Flytta spelhuvudet framåt och ändra slutvärdet från 0 % till 100 %. När du spelar upp det kommer din linje eller form att ritas smidigt på skärmen. För att få det att försvinna kan du vända på dessa värden.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Tips:Om du vill anpassa linjen eller formen kan du öppna Shape Layer-inställningarna på tidslinjen, där du kan justera linjebredden, färgen och cap-stilen, eller till och med justera banpunkterna för att förfina utseendet.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Hur man gör en smidigare trimningsbana i After Effects

När du har skapat en grundläggande Trim Paths-animation i After Effects kanske du märker att linjen rör sig med konstant hastighet. Om du vill få det att röra sig smidigare kan du få hjälp av Keyframe Assistant.

  1. I tidslinjen markerar du nyckelbildrutorna du skapade för trimningsvägarna (till exempel egenskapen End).
  2. Högerklicka på de valda nyckelbildrutorna och gå till Keyframe Assistant> Easy Ease. Det kommer att jämna ut början och slutet av animeringen så att den känns mer flytande.
After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Del 2. Snabbfixar när trimbanor inte fungerar

Om du har följt alla steg om hur du använder trimningsbanor i After Effects, men ingenting verkar röra sig, kan du ha stött på några installationsproblem. Trim Paths kan vara känsliga för hur ditt lager och din bana är strukturerade. Du kan prova några lösningar här och se om de löser ditt problem.

1. Trimbanor används inte i formlager

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Trim Paths fungerar bara med Shape Layers, inte masker eller importerad grafik. Om du av misstag applicerade den på en maskbana kommer den inte att animeras. Så du måste se till att din väg är inuti ett Shape Layer, inte ett solidt lager eller bildlager.

Om du ritade en mask av misstag, kopiera maskvägen (Ctrl/Cmd + C) och klistra in den (Ctrl/Cmd + V) i en ny formlagerbana. Applicera sedan Trim Paths igen i After Effects.

2. Trimma banor placerade utanför gruppen

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Trim Paths måste också placeras i samma grupp som den form du vill animera. Om det sitter utanför den gruppen kommer det inte att påverka någonting, även om du har ställt in alla nyckelbildrutor korrekt.

Om du inte är säker på hur du kontrollerar detta:

  • I tidslinjepanelen expanderar du ditt formlager.
  • Se till att Trim Paths är kapslad under samma grupp som din form (till exempel Innehåll> Form 1> Trim Paths 1).

Om du ser Trim Paths direkt under Contents medan din form sitter i Shape 1, dra bara Trim Paths till den gruppen.

Del 3. Enklare lösning för trimningsbanor utan komplex installation

Trim Paths är inte något du bara kan göra i professionella verktyg som After Effects. Om du behöver arbeta på linje- eller linjeanimationer men tycker att Trim Paths i After Effects är för tekniskt kan du enkelt skapa liknande bananimationer med Wondershare Filmora.

Filmoras penna och ritverktyg låter dig rita anpassade banor, linjer eller former direkt inuti videoredigeraren. Och använd sedan Trim Paths-funktionen om du vill göra dragrörelser. Jämfört med After Effects är arbetsflödet mycket enklare, med en förhandsvisning i realtid som låter dig se varje förändring när du gör den.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide Säker nedladdning

Vad du kan göra med Filmoras pennverktyg

Rita anpassade banor och former fritt med lätthet

När du börjar designa ger Pennverktyget i Filmora (finns under Ritverktyget) dig friheten att rita en anpassad bana, vare sig det är en rak linje eller en kurva. Du kan justera varje detalj, som tjocklek, färg och transparens, och till och med välja från inbyggda förinställningar för att omedelbart lägga till glöd och stil till strecken.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Animera Strokes &Elements med Real-Time Preview

Med din bana på plats, justera Trim Path-inställningarna om du vill animera linjen smidigt längs linjen. Medan du redigerar kan du finjustera och förhandsgranska resultaten direkt utan att behöva ta itu med komplexa nyckelbildrutor i förväg. Sedan kan du också binda ett objekt att följa längs vägen, allt inom bara några få klick.

Hur man använder trimningsvägar i Filmora

Steg 1

Skapa banor med hjälp av ritverktyget

Starta ett nytt projekt i Filmora, välj sedan ritverktyget och välj Pensel för att börja din anpassade sökväg.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Klicka var som helst i förhandsgranskningsfönstret för att börja rita. Klicka sedan på en annan punkt för att skapa en rak linje. Om du vill skapa en kurva, håll och dra innan du släpper musen för att forma linjen.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Tryck på Esc på ditt tangentbord för att avsluta banan och avsluta ritläget.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide Säker nedladdning

När din ritning är klar, förfina den genom att justera ankarpunkterna. Sedan kan du utforma din väg i egenskapspanelen till höger under Stroke> Effekter, som:

  • Använd inbyggda förinställningar som glöd, eld och mer.
  • Justera linjetjocklek.
  • Ändra streckfärgen.
  • Lägg till oskärpa för mjukare kanter.
  • Ändra möss- och fogstilar.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Steg 3

Använd Trim Path för att animera den

För att animera din linje, gå till alternativet Trim Path och följ sedan stegen nedan:

  • Flytta spelhuvudet till början av tidslinjen, ställ in startvärdet till 0 % och slutpunkten till 0 % och lägg till en nyckelbild på slutpunkten.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

  • Flytta spelhuvudet till den punkt där du vill att animeringen ska sluta, ställ in End-värdet till 100 % och lägg till ytterligare en nyckelbildruta på Slutpunkten.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Om du vill göra en omvänd animering byter du nyckelbildrutorna:ställ in End-värdet till 100 % i början och 0 % i slutet.

Tips:Bind ett objekt att följa längs vägen

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Om du vill binda ett objekt att följa längs vägen kan du använda funktionen "Följ sökväg". För objektet kan du antingen använda en av de tillgängliga förinställningarna, importera från din dator eller välja från tidslinjen. Klicka på Verkställ för att spara ändringarna.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

Del 4. Vanliga användningsfall av trimningsbanor

Trimbanor är verktyget du behöver för att skapa alla linjebaserade rörelser. Nu när du har lärt dig hur du använder det i både After Effects och Filmora kan du börja experimentera och implementera det i dina projekt.

Användningsfall AE Filmora Anteckningar
Animering av logotyp eller ikon Rita Shape Layer-banan, använd Trim Paths-modifierare och nyckelbilds start-/slutvärden Rita en anpassad bana med Pen/Brush Tool och aktivera Trim Path-verktyget Utmärkt för att skapa rena logotyper eller minimalistiska rörelseintros
Handskriftseffekt Rita text/signatur med Pen Tool, använd Trim Paths på strecket Använd inbyggda titelanimeringsmallar eller rita en anpassad linje med pennverktyget Utmärkt för signatureffekter eller personliga varumärkeseffekter
Animering av väg eller resväg Rita kartrutt med Pen Tool, animera med Trim Paths, och sedan manuellt keyframe/länka ikonens position till sökvägen Rita banan, använd verktyget Trim Path och välj alternativet för att binda ett objekt (ikon) för att följa banan Perfekt för resor och vloggar
Cirkulära eller Progress-animationer Skapa ett cirkelformlager, använd trimningsbanor och animera slutvärdet till 100 % Lägg till en cirkelform, justera utseendet och ställ in inställningarna för Trimbanor. Enkla UI eller infografiska animationer

Slutsats

Om du lär dig rörelsedesign är att använda Trim Paths i After Effects en av de första sakerna du bör veta. Det är särskilt användbart när du arbetar med linjeanimationer, logotyper eller formkonturer. Du kan använda den för att få streck att rita sig själva, avslöja text eller skapa mjuka banbaserade rörelser för dina mönster.

Även om du tycker att Trim Paths i After Effects är lite komplext kan du börja med en enklare redigerare som Filmora för att uppnå samma resultat. Filmoras Pen Tool och Trim Path-funktion gör det enkelt att rita, animera och anpassa banor, med realtidsresultat som hjälper dig att se varje justering när du skapar.

After Effects Trim Paths:Animate Lines &Strokes - En komplett guide

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


  1. Topp 10 videospelare för slow motion

  2. Hur gör man Jump Cuts som ett proffs i Final Cut Pro X?

  3. Intervju med undervattensfotografen Elena Kalis [+12 vackra undervattensbilder]

  4. Tekniker för hastighetsändring i DaVinci Resolve

  5. Den definitiva guiden till de 10 bästa videokamerorna 2025 – från sport till livestreaming

Videoredigeringsprogramvara
  1. Hur man fotograferar den magiska mikroskopiska världen - Fotomikroskopi

  2. Hur man får Creative Lightroom att utveckla förinställningar för porträtt

  3. Hur man fixar ett felaktigt turistfoto i Photoshop

  4. ActionVFX. Det bästa biblioteket för visuella effekter online (gratis och betald)

  5. 7 lite kända Lightroom-verktyg och tips för att förbättra ditt redigeringsarbetsflöde

  6. Hur man redigerar företagens huvudskott i Lightroom

  7. Bästa videobildfrekvensomvandlare för smidig video 2024

  8. Hur man skapar ett videomästerverk med dina foton (och få 100 000 Youtube-visningar)