att arbeta med keyframes i Adobe After Effects är ett av de enklaste och mest grundläggande sätten att lägga till mer dynamiska åtgärder i dina projekt och få dem att dyka upp. Du kan skapa dem med bara ett klick och justera dem nästan lika enkelt. Eftersom de är så värdefulla kan du göra dig mer värdefull som konstnär genom att lära dig att använda dem för dina projekt. Här är hur.
Keyframe översikt
eftersom videor och animeringar består av ramar är en keyframe ett märke (en diamantsymbol i de flesta fall) som skapas vid en viss tidpunkt för en viss lageregenskaps värde. Detta kan vara för position (genväg = P), skala (s), rotation (R), opacitet (T), ankarpunkt (a) eller andra egenskaper i effekter och plugins. Vanligtvis används minst två nyckelrutor för att skapa en förändring med en egenskaps värde över tiden. En placeras i början av din förändring och en i slutet med det nya värdet.
lägga till nyckelrutor
för att skapa en nyckelruta, välj layer-egenskapen och klicka på stoppuret.* En nyckelbildruta visas vid aktuell tidsindikator (CTI) på den valda egenskapen. Nu är din egendom aktiv, betecknad med en blå stoppur. När en lageregenskap är aktiv justerar alla ändringar du gör i lagervärdet automatiskt den aktuella nyckelrutan eller skapar en ny nyckelruta med den ändringen.
när det är inaktivt finns det inga nyckelrutor, och eventuella justeringar kommer att hålla värdet detsamma under hela lagrets varaktighet. För att skapa en nyckelbildruta utan att ändra ett värde, kopiera/klistra in nyckelbildrutan på din nya position, eller klicka på den grå nyckelbildnavigeringsknappen (den grå diamanten till vänster om ditt lager).
*Tips: Du kan också skapa en nyckelbildruta genom att trycka på alt / option + (genväg till egenskapen), eller så kan du gå upp till animera > Lägg till (egenskapsnamn) nyckelbildruta.
ta bort och flytta nyckelrutor
för att ta bort en enda nyckelruta, helt enkelt välja den och ta bort, eller markera den och klicka på den blå nyckelruta navigeringsknappen (den blå diamanten till vänster om ditt lager) och det kommer att tas bort. För att ta bort alla keyframes, klicka på den blå stoppuret och varje keyframe kommer att raderas.
du kan flytta nyckelrutan åt höger eller vänster i tidslinjen genom att bara klicka och dra den till önskad plats.
justera Nyckelbildsvärden
snurra ner trianglarna bredvid lagret och transformera egenskaper. De blå siffrorna är varje egenskaps värden, liksom värdet på nyckelramen vid den tiden (om det finns en). Du kan klicka och dra dem åt vänster eller höger för att öka eller minska värdet*, eller så kan du klicka och manuellt skriva in det värde du vill ha.
om du bara ser en egenskap eller ett värde kan du slå Skift + (egenskapsgenväg) för att ta upp den, förutom den du ser. Visa alla dina nyckelrutor genom att slå U (aka. och visa alla modifierade nyckelrutor i ditt projekt genom att slå U+U (det är U två gånger).
*Tips: Du kan justera värdena långsammare genom att hålla kommando/kontroll medan du drar, och du kan justera dem snabbare genom att hålla Skift medan du drar.
Keyframe Interpolation
Interpolation (aka ”tweening”) låter snyggt, men det är i grunden vad After Effects Gör mellan nyckelrutor på en animering, rörelse eller annan värdeförändring. För det mesta gör AE ett bra jobb med att ta reda på vad som ska hända mellan nyckelrutor, men ibland kan dina media driva eller röra sig i oönskade riktningar eller hastigheter på grund av interpoleringsproblem. Det finns mycket att gå över med interpolering, men här är de breda sträckorna:
rumslig interpolering är hur ditt objekt rör sig i rymden och justeras i huvudkompositionsfönstret. Temporal interpolation är hur ditt objekt rör sig i tid och justeras i tidslinjen (högerklicka på nyckelrutor). Det finns flera typer av interpoleringsmetoder för båda, och AE ställer automatiskt in rumslig interpolering till Auto Bezier (du kan ändra detta i dina inställningar).
Spatial Interpolation
om du vill ändra spatial interpolation väljer du en nyckelruta i tidslinjen. Det bör ta upp keyframe (s) som en ruta på din huvudsakliga sammansättning fönster. De streckade linjerna är rörelsevägarna. Om du vill hålla rörelsen rak och enhetlig, håll sedan den rumsliga interpoleringen linjär. För icke-linjär rörelse högerklickar du på nyckelramen och väljer ett av de andra alternativen tills två heldragna linjer med prickar (aka bezier-handtag) visas i ändarna. Dra de små prickarna för att skapa önskad vägform.
Föreställ dig att du vill animera det här barnet nerför den här bilden och sedan flyga ut i luften. Varje interpoleringsmetod gör att barnet tar en annan väg. Här är alternativen:
här är de i rörelse:
du kan se att en krökt bana matchar formen på bilden mycket bättre. Detta gör att animationen ser mycket mer naturlig ut, så använd den som passar bäst med ditt projekt.
Temporal Interpolation
för temporal interpolation kan du hålla tidsändringen enhetlig med den linjära (standard) inställningen, eller så kan du högerklicka på nyckelrutan i tidslinjen och ställa in var och en för att gradvis starta och/eller stoppa med olika hastigheter. Detta styrs med de andra inställningarna (Bezier, kontinuerlig Bezier, linjär, Auto Bezier). Du kan också skapa ett grepp för att hålla det på plats tills nästa, om det finns en. Så här ser varje metod ut:
slutligen, högerklicka och välja ”rove över tiden” kommer att jämna ut eventuella inkonsekventa hastigheter mellan dina valda nyckelrutor. Välj bara någon / alla keyframes du vill ändra och du ser dem förvandlas till små cirklar. Spela upp det för att se till att det ser snyggt och smidigt ut.
exempel #1: Ken Burns-effekten
dokumentärfilmaren Ken Burns är berömd för att animera stillbilder i sina filmer. De rör sig från sida till sida, upp och ner, eller skala upp eller ner när berättelsen diskuterar ämnet på bilden. Vi kommer att efterlikna detta genom att lägga till några vanliga nyckelrutor.
importera ditt klipp till ditt projekt och skapa sedan en ny komposition baserat på klippets inställningar. Ställ sedan in CTI till den första ramen i videon och öppna Transform-kontrollerna. Skapa nya nyckelrutor för skala och position.
flytta nu till den sista bilden i videon, skala klippet upp 5% och ändra positionen med minst 20-30 pixlar för att kunna märka ändringen. Spela upp det och se vad du har.
exempel # 2
för nästa exempel kommer vi att lägga till lite tidsmässig interpolering. Ta samma klipp som du redan har nyckelrutor och välj och högerklicka på den första uppsättningen nyckelrutor. Gå till Keyframe Assistant > lätt lätt ut. Gå sedan till den sista uppsättningen och välj ”Easy Ease In.”
detta kommer att göra rörelserna mer gradvisa och naturliga, vilket är mycket viktigt när du vill att din grafik ska se väl integrerad ut. Tänk på animation som en bil-bilar går från 0 sedan gradvis hastighet upp till marschfart,sedan gradvis sakta ner och stoppa. Utan interpolering blir animationerna mer styva. Du kan använda detta som en guide.
för att göra rörelsen böjd, klicka på positionsnyckelramen och gå till huvudkompositionsfönstret. Högerklicka på nyckelrutan och öppna fönstret keyframe interpolation. Ställ in den rumsliga interpolationen till Bezier och dra sedan den lilla punkten för varje nyckelruta för att skapa den rörelsebana du vill ha. Spela upp det med de böjda banorna och se vad du tycker.
nu när du har gjort några grundläggande keyframing kan du experimentera med andra interpoleringstyper och mer komplexa rörelser och animationer. När du blir mer bekväm med keyframing kan du i princip flytta och animera allt du kan tänka dig!
toppbild: bild från Crawl Construction på Modern Kids Playground av joshhhab och Superhero Kid av alphaspirit