Kinetisk typografi, i sin kärna, är konsten (och tekniken) att animera texter på ett sätt som ger den liv, lägga till rörelse till bokstäver, ord eller fraser för att förmedla känslor, berätta historier eller förmedla ett meddelande på ett visuellt fängslande sätt.
Till en början innebar textredigering helt enkelt att välja ett teckensnitt, skriva ett meddelande och förmodligen justera teckensnittstyp, storlek och färg. Men allt eftersom designverktyg och koncept har utvecklats har grundläggande textredigering utvecklats till en engagerande kombination av text, design och animation.
Ett typiskt exempel på kinetisk typografi är titeln på en film som dansar, flyter eller kommer från former och bilder, vilket skapar en upplevelse innan filmen ens börjar. Du kan använda videoredigeringsverktyg som After Effects för att skapa vanliga kinetiska typografieffekter som denna.
Den här artikeln visar hur du skapar kinetisk text på After Effects, några förinställningar du kan använda och populära webbplatser där du kan ladda ner dem.
I den här artikeln
-
- Kinetiska typografieffekter för textanimationer på After Effects
- Kinetisk typografiförinställningar för Adobe-effekter
Exempel på kinetisk typografi
Från varumärkeskommunikation till underhållning och utbildning, kinetiska typografieffekter har skapat ett sätt att få textmeddelanden att sticka ut. Vi kan hitta dessa i varumärkesmeddelanden som vi ser varje dag.
Ta Apple till exempel.
Apple förmedlade företagets avsikter att bli koldioxidneutral starkt med hjälp av kinetisk typografi. De kinetiska texterna, färgpaletten och de starka bilderna gjorde ett bra jobb för att förmedla berättarens budskap samtidigt som de resonerade med varumärkets identitet.
Burger King förstår också tydligt kraften i kinetiska texter i varumärkeskommunikation.
Deras rebranding-video leker med texter och tar med tittarna så sömlöst. De kinetiska texterna betonar varumärkets grundläggande konst och kreativitet samtidigt som de presenterar matvarumärket som roligt och välsmakande.
Så skapar du din egen kinetiska typografi i After Effects
Några av de senaste trenderna med typografianimering i After Effects innebär att ge rena texter liv med subtila animationer, kombinera förvrängda texter med visuella effekter och skapa 3D-texter som kan animeras och manipuleras för att förmedla mer än ett budskap.
Dessutom har varumärken börjat integrera kinetisk typografi med rörlig grafik för att skapa varumärkesinnehåll på sociala medier, särskilt på Instagram och TikTok – ett drag som har hjälpt flera varumärken att sticka ut med sina varumärkesmeddelanden på en mättad marknad.
Detta visar hur enkelt du kan skapa din egen kinetiska typografi med After Effects.
Metod 1:Grundläggande multipla titelblock med swingeffekt
Denna metod innebär att animera flera textlager tillsammans – för att skapa ett kontrasterande textblock som kallas ett titelblock – och lägga till en svängeffekt till dem.
Steg 1:Skapa en ny komposition. Kopiera och klistra in ditt första textelement och ställ in det på sin första position.
Steg 2:I rullgardinsmenyn Textegenskaper väljer du Animera> Opacitet.
Steg 3:I rullgardinsmenyn Range Selector minskar du opaciteten till 0 %. Skapa en nyckelbildruta på tidslinjen, i början av animeringen, och ändra Start till 0%.
Steg 4:Kopiera och klistra in de andra textelementen på kompositionen och placera den på sin första position. Aktivera nyckelbildrutor för rotation, position och skala på ditt första lager och flytta sedan texten på skärmen till dess andra position.
Steg 5:Välj det andra textlagret och klicka på Animera> Spårning.
Steg 6:Lägg till nyckelbildrutor till spårningsvärdena; justera dem så att de passar ditt önskade resultat.
Steg 7:Lägg till en intoningseffekt med alternativet Opacitet. På så sätt kommer ditt andra lager att tona in samtidigt.
Steg 8:Lägg sedan till swingeffekten. Gå till Lager> Nytt> Null.
Steg 9:Använd Whip från dina två textlager och fäst dem på Null-lagret. Detta gör att du kan flytta om textlagren genom att flytta nolllagret.
Steg 10:Aktivera alternativen Position, Skala och Rotation i Null-lagret och lägg till nyckelbildrutor när du justerar deras olika inställningar. Flytta Null-lagret till den nya positionen.
Steg 11:Kopiera och klistra in ditt sista textlager. Gå till Animera> Position.
Steg 12:Använd menyalternativen för områdesväljare och flytta texten nedåt på skärmen. Klicka på Animera> Opacitet och justera så att det passar dig. Använd menyn Avancerat för att välja om du vill animera tecken, ord eller textrader.
Metod 2:Kinetisk typografikolumnanimering
Steg 1:Animera först dina titlar. Skapa ett textlager med ditt första ord. Klicka på Animera> Spårning.
Steg 2:Lägg till en nyckelbild vid din första animeringspunkt, beroende på din hastighet. Flytta längs tidslinjen och justera spårningsvärdet så att det passar dig.
Steg 3:Välj tidslinjens textlager, gå till Redigera> Dela lager. Här kan du ändra det nya bricklagret till ditt andra ord.
Steg 4:Välj det andra textlagret. Klicka på "U" på ditt tangentbord för att se nyckelbildrutorna du placerade. Flytta om nyckelbildrutorna genom att flytta den första nyckelbildrutan förbi den andra. På så sätt vänds spårningseffekten.
Steg 5:Välj båda textlagren och skapa ett sammansatt klipp; trimma änden av de kombinerade klämmorna, om det behövs. Duplicera det sammansatta klippet och placera det så att det spelas direkt efter det första.
Steg 6:Vänd det andra klippet så att det spelas i en kontinuerlig slinga. Högerklicka på textlagret och välj Time> Time Reverse Layer. Detta gör att du kan duplicera lagren för att matcha längden på sekvensen. Kom ihåg ordningen – klipp, vänd klipp, klipp, vänd klipp.
Steg 7:Välj alla lager och skapa ett enda sammansatt klipp. Du kommer att ha ett enda lager med en looping-animation i full längd.
Steg 8:För att skapa kolumneffekten, duplicera lagret och duplicera så många gånger du vill.
Adobe After effects är ett förstklassigt verktyg när det gäller att leka med animationer, särskilt textanimationer. Den har omfattande funktioner som gör att du kan få kreativ och designa kinetisk typografi från grunden med olika tekniker.
Här är vanliga kinetiska textanimationer i After Effects som du kan skapa och replikera för dina kreativa projekt. Jag menar, du kan aldrig gå fel med många alternativ!
10 kinetiska typografieffekter för textanimationer på After Effects
-
Textskuggor
Textskuggor lägger till text och dimension till din typografi. Du kan animera skuggor för att flytta, öka eller minska när texten rör sig på skärmen.
-
Handskrivna texter
Handskriven typografianimering med After Effects efterliknar handskrivna texter. Den använder streck och matta lager för att skapa en unik typografi som lämpar sig för förklarande videor. Så här gör du.
-
Smidiga texter
Detta animerade stavfel After Effect är subtilt och fokuserar på sömlösa flytande rörelser. Allt du behöver för att lägga till text först och leka med textinställningar oskärpa, rotera bild, glida, textfärg och så vidare.
-
3D-extrudering
3D-teckensnitt är så mångsidiga att de kan modifieras genom att lägga till extruderingsgradienter och avfasningar. Detta gör det mer tilltalande och ger mer djup till texten. Så här gör du.
-
Integrera former i texter
Denna typografieffekt från After Effects innebär att du integrerar former med dina textanimationer. Här avslöjar du långsamt typsnitten, skapar spänning och gör tittarna upphetsade. Denna effekt fungerar utmärkt med alla typsnitt, färger eller former.
-
Flytande texter
Flytande texters flytande text bidrar till mångsidigheten i denna After Effects-typografi. Du kan skapa bubbeleffekter, vågformer eller vilken vattenliknande rörelse som helst med ett valfritt typsnitt. Följ stegen i den här videon för att replikera.
-
Jittery texter
"Nervösa effekter", som det brukar kallas, kan användas för att skapa hipstereffekter för läskiga filmklipp och trailers. Så här skapar du skakiga texter.
-
3D-kinetiska effekter
Ändra din 2D-text till en kinetisk 3D-text genom att leka med rotation, lagersnäpp och andra effekter.
-
Kombinera texturer till texter
Lägg till texturer, infoga tecken och förbättra vanliga texter för att förbättra den estetiska känslan.
-
Den mjuka övergången från punkter till bokstäver
Denna kinetiska typografieffekt animerar prickar smidigt för att skapa dynamiska textanimationer som får dina tittare att förutse vad som kommer att dyka upp härnäst. Videor som använder denna kinetiska typografi har bättre retentionsgrader. Så här gör du.
Kinetisk typografiförinställningar för Adobe Effects
Även om det finns mycket roligt och kreativitet i att skapa typografiska animationseffekter från grunden, kan det vara lättare att använda förinställningar på After Effects och effektivisera din redigeringsprocess. Några av webbplatserna där du kan få kinetiska typografimallar inkluderar Envato Elements och Motion Array. Du kan ladda ner animerade titlar som Typoking-titelanimering kinetisk typografitext på Videohive.
Bonus:Ett enklare sätt att göra kinetisk typografi på Filmora
Wondershare Filmora är ett videoredigeringsprogram som låter dig skapa fascinerande textanimationer. Med integrerade fotoredigerings- och textmanipuleringsverktyg får Filmora dina textanimationer att dyka upp och framstå.
Skapa fantastisk kinetisk typografi i Filmora
- Animera enkelt text med olika förinställda effekter.
- Importera och använd unika typsnitt för kreativ design.
- Justera timing och rörelse med nyckelbildsprecision.
- Synkronisera textrörelser med videoelement sömlöst.
- Justera textanimationer med ljud för effekt.
Steg för att skapa kinetisk typografi med Filmora
Steg 1:Gå till Media> Projektmedia> Provfärg i verktygsfältet. Dra valfri färg till tidslinjen.
Steg 2:Gå till fliken Titlar. Dra en Basic Title-mall och placera den ovanför Sample Color-klippet på tidslinjen.
Steg 3:Högerklicka på titelklippet på tidslinjen och välj Redigera egenskaper från listan med alternativ. Klicka på Avancerat. Här kan du ändra teckensnittstyp och storlek för att passa dig.
Steg 4:På tidslinjen, börja från det andra lagret och flytta varje textlager 5 ramar framåt från föregående lager. Detta kommer att visa varje ord några millisekunder efter det andra. Klicka på Ok.
Steg 5:Exportera tidslinjen och spara din textanimering som ett nytt klipp. Ta sedan bort alla klipp från tidslinjen och importera textvideon du just exporterade. Dra den till tidslinjen.
Steg 6:Högerklicka på klippet på tidslinjen och välj Redigera egenskaper.
Steg 7:Klicka på Animation> Anpassa i verktygsfältet. Justera skalinställningarna till 120 %.
Steg 8:Flytta spelhuvudet till slutet av klippet på tidslinjen. Återställ skala och klicka på Ok.
Slutsats
Kinetisk typografi är ett roligt och kreativt sätt att justera dina videor. Följ stegen i den här artikeln för att skapa kinetisk text med After Effects. Utforska också några mallar för typografianimering efter effekter gratis från någon av de givna webbplatserna. Eller ännu bättre, njut av en strömlinjeformad redigeringsprocess och inbyggda mallar på Filmora.