Att skapa ett slag i After Effects är en av de första teknikerna som många av er kanske har lärt sig när de började med programvaran. Nu, vad händer om du istället vill förvandla det vanliga strecket till en streckad eller prickad linje i After Effects?
Den här gången visar vi dig hur du skapar en streckad eller prickad linje i After Effects, anpassar utseendet, animerar det och till och med provar ett annat sätt att skapa och animera en streckad eller prickad linje som du förmodligen gillar bättre utanför AE.
Att skapa alla slag, inklusive streckade eller prickade linjer, i After Effects börjar med att använda pennverktyget i ett formlager. Det är här du kan rita din linje, applicera en linje och senare animera den med hjälp av Trim Paths.
För den här handledningen kommer vi att följa guiden skapad av Ben &Jack Studio med After Effects 2020. Samma steg gäller dock även för andra versioner av After Effects, så att du kan följa med oavsett vilken version du använder.
Steg 1. Skapa ett formlager och en bana
Välj pennverktyget (eller tryck på G) och rita din väg på förhandsgranskningspanelen. I samma ögonblick som du klickar skapar After Effects automatiskt ett Shape Layer.
Klicka en gång för att placera den första punkten, klicka sedan igen för att skapa den andra. After Effects kommer att rita en rak linje som förbinder dem.
Tips:Om du vill göra en krökt bana, klicka och dra när du ställer in din andra punkt istället för att bara klicka en gång. Det kommer att skapa Bezier-handtag som låter dig forma din kurva.
Steg 2. Lägg till en streckad eller prickad linje
Öppna ditt formlager i tidslinjepanelen och navigera till Innehåll> Form 1> Fyll 1.
Ställ in Opaciteten till 0 % för att ta bort fyllningsfärgen. Detta håller bara strecket synligt, vilket är viktigt för att skapa en streckad eller prickad linje.
Gå sedan till Innehåll> Form 1> Stroke 1. Hitta avsnittet Dashes under Stroke-inställningarna och klicka på ikonen + för att skapa en strecklinje i After Effects.
Justera Dash-värdet för att kontrollera hur det ser ut. Lägre värden skapar fler streck eller punkter.
Använd förskjutningskontrollen för att finjustera streckpositionen längs banan.
Så här skapar du en prickad linje i After Effects:
I avsnittet Bindestreck klickar du på +-ikonen igen för att lägga till en Gap-egenskap.
Justera Gap-värdet för att kontrollera avståndet mellan prickarna. Mindre värden gör prickarna närmare varandra, medan större värden sprider dem isär.
Ställ in alternativet Line Cap på Round Cap så att slagändarna är rundade.
Ställ in streckvärdet till 0, vilket gör varje streck till en perfekt prick.
Du kan också anpassa den streckade eller prickade linjen ytterligare genom att ställa in linjefärgen och justera linjebredden baserat på hur fet du vill att linjen ska se ut.
Steg 3. Animera den streckade linjen med trimningsbanor
För att skapa en streckad linjeanimering som rör sig längs linjen, lägg till en Trim Paths-animation till ditt formlager.
Med Shape Layer markerat, klicka på Add> Trim Paths.
Expandera menyn Trim Paths och du kommer att se två skjutreglage:Start och End. De styr hur mycket av linjen som är synlig.
Ställ in Start på 0 % och Slut på 0 %, klicka sedan på nyckelbildsikonen bredvid Slut för att skapa din första nyckelbildruta.
Flytta spelhuvudet framåt på tidslinjen till där du vill att animeringen ska avslutas och ställ in slutvärdet från 0 % till 100 %.
Spela upp din komposition. Du kommer att se den streckade linjen smidigt rita sig själv längs banan. Du kan använda samma steg för att skapa en streckad linjeanimation i After Effects.
Obs:Denna handledning fokuserar på att få själva linjen att dra (från osynlig till synlig). Om du vill skapa den omvända effekten, där linjen sakta försvinner istället, byter du bara nyckelbildrutorna. Ställ in slutvärdet på 100 procent i början och 0 procent i slutet.
Del 2. Vanliga problem och hur man åtgärdar dem
Stötte du på problem när du skapade eller animerade din streckade linje i After Effects? Vi har samlat några av de vanligaste problemen som vanligtvis dyker upp när du arbetar med streck eller banor i AE, tillsammans med enkla lösningar som du kan försöka åtgärda dem snabbt.
1. Den streckade linjen ser avpixlad ut när den renderas
Om den streckade eller prickade linjen du skapade ser suddig eller ojämn ut efter export, beror det vanligtvis på att kompositionsupplösningen är för låg eller att linjen har skalats upp från ett mindre formlager.
Snabbfix:
- På förhandsgranskningspanelen ställer du in Upplösningen till Full innan du renderar.
- Undvik att skala hela formlagret. Du kan öka Stroke Width eller återskapa banan i rätt storlek istället.
- Välj en högre bithastighet eller ett förlustfritt format vid export, som QuickTime Animation, ProRes 4444 eller AVI (okomprimerad), för att bevara kanternas skärpa.
2. Sökvägen visar inte streck
Kan du inte se något streck eller punktmönster även efter att du lagt till en linjebana i After Effects? Du kan kontrollera om fyllningen fortfarande är aktiv eller om linjeegenskaperna inte tillämpades korrekt.
Snabbfix:
- Öppna inställningarna för formlager och kontrollera om du har ställt in fyllningsopaciteten till 0 % så att strecket är synligt.
- Gå till Innehåll> Form 1> Stroke 1 och se till att värdena för Dash och Gap läggs till.
En annan möjlig orsak är att sökvägen du använder inte är en del av ett Shape Layer, utan istället en Mask Path. Stroke-effekten som tillämpas på en mask stöder inte egenskaper för streck eller mellanrum. Bindestreck i After Effects visas bara när sökvägen finns i ett Shape Layer som har sin egen Stroke-egenskap.
Snabbfix:
- Kopiera maskbanan och klistra in den i ett Shape Layer istället.
- Följ stegen för hur du skapar en streckad eller prickad linje i After Effects ovan.
3. Bindestreck rör sig för snabbt eller för långsamt när de animeras
Om din streckade linjeanimering känns för snabb eller för långsam, beror problemet vanligtvis på hur nyckelbildrutorna är fördelade eller hur Offset-värdet ställs in i Stroke-alternativen.
Snabbfix:
- Öppna Trim Paths-inställningarna på ditt Shape Layer.
- Flytta nyckelbildrutorna närmare varandra för att göra rörelsen snabbare, eller sprid dem längre isär för att sakta ner.
- Använd Graph Editor för att jämna ut hastighetskurvor för en mer naturlig animering.
4. Kanterna ser hårda eller ojämna ut
När kanterna på din streckade eller prickade linje verkar grova beror det vanligtvis på låga kantutjämning eller förhandsgranskningskvalitetsinställningar. Att skala formlagret för mycket kan också orsaka synliga kantartefakter.
Snabbfix:
- Aktivera Continuously Rasterize (den lilla solikonen) för ditt Shape Layer för att hålla linjer skarpa i alla storlekar.
- På förhandsgranskningspanelen ställer du in kvaliteten på Bästa istället för Utkast.
- Justera streckbredden om du behöver en tjockare linje istället för att skala formlagret direkt.
- Om kanterna fortfarande ser grova ut, applicera en Gaussian Blur-effekt med ett litet värde, tillräckligt för att försiktigt jämna ut dem.
Del 3. Enkelt sätt att skapa och animera streckade linjer utan eftereffekter
För något enklare och mer nybörjarvänligt än After Effects kan du också prova att göra streckade linjeanimationer direkt i en videoredigerare som Wondershare Filmora. Filmora erbjuder dig ett mer intuitivt sätt att skapa anpassade vägar och förvandla dem till dynamiska animeringar utan att behöva göra komplexa inställningar.
Säker nedladdning
Du är inte begränsad till att göra enkla prickade linjer — Med Pen Tool kan du enkelt förvandla banan du skapade till ett glödande spår, en eldliknande animation, eller till och med binda ett objekt att följa längs vägen med bara några klick. Det är tillräckligt enkelt för nybörjare, men ändå flexibelt för att skapa imponerande resultat.
Varför vi rekommenderar Filmora:
- Applicera snabbt stilar och effekter som glöd, brand eller oskärpa på dina streckade eller prickade linjer för en omedelbar makeover.
- Fäst enkelt vilket objekt som helst (eller använd en inbyggd förinställning) för att följa din linjeanimation smidigt längs banan.
- Njut av ett mer intuitivt gränssnitt som är nybörjarvänligt och mycket enklare att navigera än After Effects.
Hur man skapar streckade eller prickade linjer i Filmora
Steg 1
Rita en anpassad bana med hjälp av pennverktyget
Öppna ett nytt projekt i Filmora, gå sedan till ritverktyget och välj pennverktyget för att börja skapa din anpassade rörelsebana.
Klicka var som helst i förhandsgranskningsfönstret för att ställa in din första punkt. Klicka igen för att ansluta en annan punkt och bilda en rak linje. För att skapa en kurva, klicka och dra innan du släpper.
När du är klar trycker du på Esc på tangentbordet för att slutföra sökvägen och avsluta ritläget.
Steg 2
Förfina och utforma din väg
När du har ritat din väg, gå till Stroke> Effektinställningar på egenskapspanelen och ändra stilen till streckad linje.
Nu har du lyckats skapa en streckad linje. Du kan anpassa den ytterligare genom att ändra banan Cap and Join, eller justera viktreglaget för att göra linjen tunnare eller tjockare.
Steg 3
Animera den streckade linjen med Trim Path
För att få din streckade linje att röra sig längs banan kan du också använda Trim Path-funktionen i Filmora.
Flytta spelhuvudet till början av din tidslinje.
Ställ in både start- och slutvärdena till 0 %. Lägg till en nyckelbildruta för egenskapen End för att markera början av animeringen.
Flytta spelhuvudet dit du vill att animeringen ska stoppa, ändra slutvärdet till 100 % och lägg till ytterligare en nyckelbildruta.
När du spelar upp den kommer den streckade linjen att dra sig själv smidigt från början till slut.
Steg 4
Få ett objekt att följa vägen
Om du vill att ett objekt ska flyttas längs banan du har ritat, aktivera alternativet Path Follow. Välj det objekt du vill bifoga. Du kan välja bland tillgängliga förinställningar, importera din egen fil eller använda den från tidslinjen.
När du är nöjd med installationen klickar du på Apply för att bekräfta. Objektet kommer då automatiskt att följa din banas rörelse under uppspelning.
Bonus:Använd inbyggda dekaler med streckade linjer för omedelbar animering
Om du vill hoppa över ritningsbanor manuellt, erbjuder Filmora en mängd olika förinställda klistermärken med streckade linjer och prickade linjer som du kan använda direkt på dina videor. Dessa är perfekta för kreatörer som vill ha en snabb och visuellt tilltalande animation utan att lägga tid på att skapa anpassade banor.
- Dra och släpp dekalet på din tidslinje.
- Anpassa storlek, färg och animeringshastighet för att passa ditt projekt.
- Kombinera med effekter som glöd, eld eller rörelseoskärpa för en mer dynamisk look.
- Utmärkt för inlägg på sociala medier, introduktioner eller rörlig grafik där hastigheten är viktig.
Slutsats
Nu när du har lärt dig hur du skapar en streckad och prickad linje i After Effects är nästa sak att göra att ta med den färdigheten i dina egna projekt. Prova att använda streckade linjer för att markera rutter på en karta, betona rörelse i infografik eller lägga till rytm till animerade övergångar.
Och eftersom möjligheten att rita och animera anpassade banor inte är något du bara kan göra i After Effects, kan du också skapa samma effekt i Filmora – men med ett mycket enklare arbetsflöde.
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