Je hebt waarschijnlijk lagere derden gezien op bijna elke YouTube-video die je hebt bekeken, die banners die je vragen je te abonneren of hun socials te volgen, of leuke feiten over de video toevoegen.
Lagere derden zijn eenvoudig te maken en het voegt een vleugje professionaliteit toe aan elke video als het goed wordt gedaan. In deze zelfstudie laten we u zien hoe u een eenvoudige onderste derde afbeelding kunt maken en hoe u deze kunt animeren in Adobe After Effects.
Wat is een lager derde?
Onderste derde zijn verschillende afbeeldingen die in het onderste derde deel van het videoscherm verschijnen in video's en op televisie. Ze hoeven niet het hele onderste derde deel van de ruimte in beslag te nemen, maar elke afbeelding die in dit onderste gedeelte verschijnt, komt in aanmerking als een lager derde deel.
Lagere derden kunnen ondertitels, informatiebanners, logo's of interactieve berichten zijn. Meestal geeft het informatie aan de kijker, maar het kan ook voor amusementswaarde zijn. Als u niet zelf een lagere derde afbeelding wilt maken in After Effects, kunt u:
vind geanimeerde grafische elementen met Jitter.Hoe maak je een lager derde deel in After Effects
Begin met het maken van een nieuwe compositie. Ga naar Samenstelling > Nieuwe compositie en stel het videoformaat in; de standaardwaarde is 1920 x 1080 px. Klik Oké wanneer je klaar bent.
Schakel transparantie in door te klikken op Toggle Transparantieraster in het compositiepaneel. Aangezien het onderste derde deel over videomateriaal heen ligt, moet het worden weergegeven met een transparante achtergrond zodat het beeldmateriaal zichtbaar kan zijn, maar u kunt ontwerpen met een gekleurde achtergrond en later de transparantie wijzigen.
Ga naar Laag > Nieuw > Stevig om een effen kleur toe te voegen. Kies een kleur voor je onderste derde afbeelding. Klik Oké. Je hele compositie krijgt een effen kleur die ook als een laag in de tijdlijn verschijnt. U kunt de kleur van deze afbeelding op elk moment wijzigen door de afbeelding te selecteren en naar. te gaan Laag > Solide instellingen.
Klik en sleep de hoeken om de effen kleur te verkleinen tot een geschikter formaat. Zodra het de grootte van een bannerafbeelding heeft, verplaatst u het naar - u raadt het al - het onderste derde deel van het scherm.
Schakel de. in Titel/actie veilig gidsen door op de apostrof op uw toetsenbord te drukken (‘) waarmee u uw onderste derde deel kunt uitlijnen, zodat het niet wordt afgesneden. Het hoeft niet gecentreerd te zijn, dus plaats het waar je wilt in het onderste gedeelte van je compositie, maar houd het uit de buurt van de veiligheidsrichtlijnen.
Een lagere derde animeren in After Effects
Een lager derde deel moet worden geanimeerd om soepel in en uit het frame te gaan. Open op de tijdlijn de eigenschappen van de effen laag en open Transformeren. We gaan de gebruiken Positie optie om de onderste derde banner op en buiten het scherm te animeren. Het moet een relatief eenvoudige overgang zijn om de kijker niet af te leiden van de rest van de video-inhoud.
Verplaats de tijdindicator naar 00:02s en selecteer de Stopwatch naast Positie om de Positie keyframes te activeren. Achterwaarts werkend, voegt dit een nieuw keyframe toe aan de tijdlijn om de uiteindelijke positie van de afbeelding aan te geven.
Verplaats vervolgens de tijdindicator terug naar 00:00s en verander de X-as naast Positie, of u kunt op de afbeelding klikken en deze uit het frame slepen. Verplaats uw onderste derde deel volledig buiten het frame naar waar u de afbeelding wilt laten verschijnen.
Nu heb je twee keyframes in de tijdlijn. Markeer de hoofdframes door erover te klikken en te slepen om beide tegelijk te selecteren. Dan klikken Grafiekeditor bovenaan de tijdlijn. Dit geeft u een visuele weergave van hoe de keyframes uw animatie verplaatsen.
Markeer in de grafiek alle keyframes waarvoor u de instellingen wilt wijzigen. Aan de rechterkant, onder de tijdlijn, vind je opties voor hoe de bewegingen reageren. Hier vind je Gemakkelijk gemak. Easy Ease voegt een subtiele curve toe aan elke beweging, dus het is niet zo abrupt. Een Easy Ease keyframe verandert in een zandloper op de tijdlijn.
U kunt ook met de rechtermuisknop op een keyframe klikken en kiezen voor Sleutelframesnelheid. Hier kunt u bedragen invoeren voor zowel de inkomende als de uitgaande snelheid. Een inkomende invoer van 80 en een uitgaande invoer van 20 zal de afbeelding snel binnenhalen, maar het langzaam oplossen.
Als u een voorbeeld van uw keyframe-wijzigingen wilt bekijken, verplaatst u de tijdindicator naar 00:00s en druk op spatiebalk om het afspelen te starten en te stoppen. Nadat u uw toegangssleutelframes heeft ingesteld, selecteert u ze allemaal. Kopieer de keyframes—Ctrl + C (Windows) of cmd + C (Mac)—en plak ze een paar seconden later in je tijdlijn—Ctrl + V (Windows) of cmd + V (Mac).
Herschik de geplakte keyframes in de omgekeerde volgorde van de oorspronkelijke volgorde. Dit creëert uitgaande bewegingen voor uw onderste derde deel op de tegenovergestelde manier, zodat de banner uit het scherm beweegt in plaats van binnen te komen.
Voeg details toe aan uw lagere derde
Veel YouTube-vloggers gebruiken een lagere derde afbeelding om mensen aan te moedigen zich op hun kanaal te abonneren of hun sociale media-handvatten te volgen. Dus laten we dat doen.
Selecteer de Type gereedschap—Ctrl + T (Windows) of cmd + T (Mac)—en typ uw social media-handvatten. Als het nog niet open is, ga dan naar Venster > Karakter om de te openen Karakter paneel. Markeer vervolgens de tekst om het lettertype, de kleur of de grootte te wijzigen.
Zodra uw tekst is opgemaakt zoals u wilt, gebruikt u de Selectietool (V) om de tekst bovenop de effen kleur te slepen. Positioneer het zoals je wilt; het hoeft niet gecentreerd te zijn als dat niet jouw stijl is.
Omdat je de Positie-animatie al hebt ingesteld voor de effen kleur, kun je de tekst eenvoudig bijvoegen om te verplaatsen met dezelfde attributies.
Als u wilt dat de tekst bovenop het kleurblok blijft en ermee overgaat, wijzigt u de bovenliggende achtergrond van de tekst in de effen kleurlaag. Dit houdt de tekst en de effen kleur als afzonderlijke lagen, maar groepeert ze voor animatiedoeleinden. U hoeft geen keyframes aan de tekstlaag toe te voegen.
We gaan ook de gebruiken Track mat voorzien zijn van. Klik met de rechtermuisknop Bron naam boven de lagen en kies Kolommen > Modi.
Klik op de laag met effen kleuren op Track mat. Je kunt een van de opties voor verschillende effecten kiezen, maar we gaan met Alpha omgekeerd mat. Dit keert uw tekstkleur om, wat - als u een transparante achtergrond gebruikt - betekent dat de tekst transparant is. druk op spatiebalk om een voorbeeld van het nieuwe effect te bekijken. Je kunt een soortgelijke maken gemaskeerde tekstanimatie met Canva.
Selecteer de effen kleurlaag en kopieer en plak deze (Ctrl + C en Ctrl + V voor Windows, of cmd + C en cmd + V voor Mac). Selecteer de onderste kleurlaag en ga dan naar Laag > Solide instellingen om de kleur te wijzigen in een accentkleur. Schakel de Track Matte naar Geen Track Matte op deze laag.
Je kunt op dezelfde manier andere elementen aan je onderste derde deel toevoegen, of je kunt het laten zoals het is. Je kan zelfs Illustrator-afbeeldingen importeren om te animeren in After Effects of ga die extra mijl en synchroniseer je onderste derde deel om te reageren op een audiotrack voor visuele opwinding.
Geef uw animatie weer met een transparante achtergrond en voeg deze vervolgens toe als een laag bij het bewerken van een video waarop u deze wilt gebruiken.
Maak een professionele onderste derde afbeelding met After Effects
Het maken van een lagere derde afbeelding is eenvoudiger dan u zou denken. Het begon met een rechthoek van kleur, en als je deze tutorial hebt gevolgd, heb je nu een coole geanimeerde banner om toe te voegen aan je video's in After Effects.
