Du har förmodligen sett lägre tredjedelar på nästan varje YouTube-video du har sett, de där banners som ber dig att prenumerera eller följa deras sociala medier, eller lägga till roliga fakta om videon.
Nedre tredjedelar är lätta att skapa och det tillför en känsla av professionalism till alla videor när de görs rätt. I den här handledningen visar vi hur du skapar en enkel nedre tredjedel-grafik och hur du animerar den i Adobe After Effects.
Vad är en lägre tredjedel?
Nedre tredjedelar är olika grafik som visas inom den nedre tredjedelen av videoskärmen i videor och på tv. De behöver inte ta upp hela den nedre tredjedelen av utrymmet, men all grafik som visas i den här nedre delen kvalificeras som en lägre tredjedel.
Lägre tredjedelar kan vara textning, informationsbanderoller, logotyper eller interaktiva meddelanden. Vanligtvis ger det information till tittaren, men det kan också vara för underhållningsvärde. Om du inte vill göra en lägre tredjedel grafik själv i After Effects kan du hitta animerade grafiska element med hjälp av Jitter.
Hur man skapar en lägre tredjedel i After Effects
Börja med att skapa en ny komposition. Gå till Sammansättning > Ny komposition och ställ in videostorleken; standard är 1920 x 1080 px. Klick OK när du är klar.
Aktivera transparens genom att klicka Växla genomskinlighetsrutnät i kompositionspanelen. Eftersom den nedre tredjedelen ligger ovanpå videomaterial måste den renderas med en genomskinlig bakgrund så att bilderna kan vara synliga, men du kan designa med en färgad bakgrund och ändra genomskinligheten senare.
Gå till Lager > Ny > Fast för att lägga till en solid färg. Välj en färg för din nedre tredje grafik. Klick OK. Hela din komposition kommer att ha en solid färg som också visas som ett lager i tidslinjen. Du kan ändra färgen på den här bilden när som helst genom att välja grafiken och gå till Lager > Solida inställningar.
Klicka och dra i hörnen för att ändra storlek på den enfärgade färgen till en mer lämplig storlek. När den är lika stor som en bannergrafik flyttar du den till - du gissade rätt - den nedre tredjedelen av skärmen.
Slå på Titel/åtgärd säker vägleder genom att trycka på apostrof på ditt tangentbord (‘) som hjälper dig att rada upp din nedre tredjedel, så att den inte skärs av. Den behöver inte vara centrerad, så placera den där du föredrar i den nedre delen av din komposition men håll den borta från säkerhetsriktlinjerna.
Hur man animerar en lägre tredjedel i After Effects
En lägre tredjedel måste animeras för att övergå smidigt in och ut ur bilden. Öppna det fasta lagrets egenskaper på tidslinjen och öppna Omvandla. Vi kommer att använda Placera alternativ för att animera den nedre tredje bannern på och utanför skärmen. Det bör vara en relativt enkel övergång för att inte distrahera tittaren från resten av videoinnehållet.
Flytta tidsindikatorn till 00:02s och välj Stoppur bredvid Placera för att aktivera nyckelbildrutorna Position. Arbetar du bakåt lägger detta till en ny nyckelbildruta på tidslinjen för att indikera den slutliga positionen för grafiken.
Flytta sedan tillbaka tidsindikatorn till 00:00s och ändra X-axel bredvid Placera, eller så kan du klicka och dra bilden utanför ramen. Flytta din nedre tredjedel helt utanför ramen till där du vill att grafiken ska komma in från.
Nu har du två nyckelrutor i tidslinjen. Markera nyckelbildrutorna genom att klicka och dra över dem för att välja båda samtidigt. Klicka sedan Grafredigerare överst på tidslinjen. Detta ger dig en visuell representation av hur nyckelbildrutorna flyttar din animation.
I diagrammet markerar du alla nyckelrutor som du vill ändra inställningarna för. Till höger, under tidslinjen, hittar du alternativ för hur rörelserna reagerar. Här hittar du Lätt Lätthet. Easy Ease lägger till en subtil kurva i varje rörelse, så den är inte lika abrupt. En Easy Ease-nyckelbild ändras till ett timglas på tidslinjen.
Du kan också högerklicka på en nyckelbildruta och välja Keyframe Velocity. Här kan du mata in belopp för både inkommande och utgående hastighet. En inkommande ingång av 80 och en utgående ingång av 20 kommer att ta in grafiken snabbt men lösa det långsamt.
Flytta tidsindikatorn till för att förhandsgranska dina nyckelbildsändringar 00:00s och tryck Mellanslagstangenten för att starta och stoppa uppspelningen. När du har ställt in dina ingångsnyckelrutor väljer du dem alla. Kopiera nyckelbildrutorna—Ctrl + C (Windows) eller Cmd + C (Mac)—och klistra in dem några sekunder senare i din tidslinje—Ctrl + V (Windows) eller Cmd + V (Mac).
Ordna om de inklistrade nyckelbildrutorna så att de blir den omvända ordningen. Detta skapar utgående rörelser för din nedre tredjedel på motsatt sätt, så bannern flyttas ut från skärmen istället för att komma in.
Lägg till detaljer till din nedre tredjedel
Många YouTube-vloggare använder en lägre tredjedel för att uppmuntra människor att prenumerera på sin kanal eller följa deras sociala medier. Så låt oss göra det.
Välj Skriv Verktyg—Ctrl + T (Windows) eller Cmd + T (Mac) – och skriv dina handtag för sociala medier. Om det inte redan är öppet, gå till Fönster > Karaktär att öppna Karaktär panel. Markera sedan texten för att ändra typsnitt, färg eller storlek.
När din text är formaterad som du vill, använd Urvalsverktyg (V) för att dra texten ovanpå den solida färgen. Placera den som du vill; det behöver inte vara centrerat om det inte är din stil.
Eftersom du redan har ställt in Position-animationen för enfärgad, kan du enkelt bifoga texten för att flytta med samma attribut.
Om du vill att texten ska stanna ovanpå färgblocket och övergå med det, ändra sedan textens överordnade bakgrund till det enfärgade lagret. Detta behåller texten och den solida färgen som separata lager, men grupperar dem tillsammans för animeringsändamål. Du behöver inte lägga till nyckelrutor i textlagret.
Vi kommer också att använda Spår Matte funktion. Högerklicka Källnamn ovanför lagren och välj Kolumner > Lägen.
Klicka på det enfärgade lagret Spår Matte. Du kan välja något av alternativen för olika effekter, men vi går med Alpha inverterad matt. Detta inverterar din textfärg, vilket – om du använder en transparent bakgrund – betyder att texten är genomskinlig. Tryck Mellanslagstangenten för att förhandsgranska den nya effekten. Du kan göra en liknande maskerad textanimering med Canva.
Välj det enfärgade lagret och kopiera och klistra in det (Ctrl + C och Ctrl + V för Windows, eller Cmd + C och Cmd + V för Mac). Välj det nedre färglagret och gå sedan till Lager > Solida inställningar för att ändra färgen till en accentfärg. Växla Track Matte till No Track Matte på detta lager.
Du kan lägga till andra element i din nedre tredjedel på samma sätt, eller så kan du lämna den som den är. Du kan till och med importera Illustrator-grafik för att animera i After Effects eller gå den extra milen och synkronisera din nedre tredjedel för att reagera på ett ljudspår för visuell spänning.
Gör din animation med en genomskinlig bakgrund och lägg sedan till den som ett lager när du redigerar en video du vill använda den på.
Skapa en professionell Lower Third-grafik med After Effects
Att skapa en lägre tredje-grafik är enklare än du tror. Det började med en rektangel av färg, och om du följde den här handledningen har du nu en cool animerad banner att lägga till dina videor i After Effects.
