Textanimation i After Effects: Skapa de första keyframesen

Att animera texter kan ge dina projekt en dynamisk och tilltalande touch. I den här handledningen kommer vi att titta på de inledande stegen för att skapa och animera texter i Adobe After Effects. Du kommer att lära dig hur du använder Keyframes för att låta din text vandra från vänster till höger och tillämpa olika interpolationsmetoder. Låt oss börja och ge liv åt din text!

Viktigaste insikter

• Keyframes är avgörande för animationer i After Effects.
• Du kan justera textens position längs axlarna X och Y.
• Olika interpolationsmetoder kan påverka rörelseschemat för animationen.

Steget-för-steg-guide

För att lära dig grunderna i textanimation i After Effects, följ dessa steg:

Börja med att skapa en ny text i ditt After Effects-projekt. Klicka på textverktyget och skriv in din önskade text. Nu ska vi animera denna text med Keyframes. För att göra detta, titta närmare på positionsvärdena längs X- och Y-axlarna. Vi befinner oss på nolltid i vår tidslinje. För att ställa in den första Keyframen, klicka på stoppuret bredvid positionsinställningen. Nu ser du att den första Keyframen har skapats på positionsplanet. Den här lagrar informationen om din texts position vid den här tiden.

Nu hoppar vi fram till 2 sekunder. Här kommer du att justera positionen längs X-axeln. Flytta texten åt höger; du kommer att märka att en ny Keyframe automatiskt skapas. I förhandsgranskningen ser du textens sträcka över tiden den förflyttar sig. För att granska animationen, dra ut något och flytta tidslinjen till slutet av Keyframen. Genom att trycka på mellanslagstangenten kan du se animationen i rörelse. Texten rör sig nu linjärt från vänster till höger.

För vår exempeltext hade vi i början ett X-värde på 952 och ett Y-värde på 634. Y-värdet förblir detsamma medan X-värdet ökar till 1864. På så sätt har vi fastställt den grundläggande rörelsen från vänster till höger.

För nästa steg vill jag göra animationen lite mer intressant. I början ska texten stå till vänster utanför kompositionen, sedan snabbt flyga in, sakta ner och sedan snabbt försvinna till höger ur bildområdet. För att uppnå detta, markera de två Keyframes och ta bort dem. Du kommer att se att det nu inte finns någon animation och positionen återgår till sitt nuvarande värde. Klicka igen på X-värdet och flytta det med musen åt vänster för att placera det utanför bildområdet. Klicka sedan på stoppuret igen för att ställa in nästa Keyframe.

Gå nu ungefär 10 ramar framåt i tidslinjen. Här kan du se hur texten korsas in i bildområdet igen. Låt texten vara där i en sekund och flytta sedan den väldigt långsamt åt höger - detta kommer automatiskt att aktivera nästa Keyframe. För att avsluta animationen, gå igen ungefär 10 ramar framåt och lämna sedan bildområdet helt åt höger. Om du har gjort allt rätt kan du nu spela upp animationen.

Det kan hända att din animation inte ser så linjär ut och visar någon form av "Bounce-Back" effekt. Det beror på interpoleringen som After Effects använder mellan Keyframes. Om du vill kan du justera detta. Högerklicka på Keyframen, välj "Keyframe-Interpolering" och ändra den rumsliga interpoleringen från "Bézier" till "linear". Detta kan du göra för båda Keyframes för att säkerställa en stram övergång.

För att bättre förstå skillnaden mellan "Bézier" och "linear", skapa en slags triangulär animation. Skala din text och flytta den ner till vänster till nollpunktspositionen. Gå nästan till mitten av animationen, flytta den lite upp till höger och ställ sedan in positionen ned till höger i 2 sekunder. Resultatet kommer att visa Bézier-interpolationen. Om du däremot växlar till linear, kommer du att se inga kurvor, utan en styv övergång från en punkt till en annan.

Det var de viktigaste grunderna för att animera din text i After Effects. Vi kommer i nästa avsnitt att redigera fler parametrar och animera enskilda egenskaper hos vår text.

Summering

I denna handledning har du lärt dig hur du använder Keyframes i After Effects för att skapa smidiga textanimationer. Förståelsen för position, timing och interpolation kommer att hjälpa dig att uppnå visuellt tilltalande resultat.