Sie haben wahrscheinlich bei fast jedem YouTube-Video, das Sie sich angesehen haben, untere Drittel gesehen, diese Banner, die Sie auffordern, ihre sozialen Netzwerke zu abonnieren oder ihnen zu folgen, oder lustige Fakten über das Video hinzuzufügen.
Untere Drittel sind einfach zu erstellen und verleihen jedem Video einen Hauch von Professionalität, wenn es richtig gemacht wird. In diesem Tutorial zeigen wir Ihnen, wie Sie eine einfache untere Drittel-Grafik erstellen und diese in Adobe After Effects animieren.
Was ist ein unteres Drittel?
Untere Drittel sind verschiedene Grafiken, die in Videos und im Fernsehen im unteren Drittel des Videobildschirms erscheinen. Sie müssen nicht das gesamte untere Drittel des Platzes einnehmen, aber jede Grafik, die in diesem unteren Abschnitt erscheint, gilt als unteres Drittel.
Untere Drittel können Untertitel, Informationsbanner, Logos oder interaktive Nachrichten sein. Typischerweise gibt es dem Betrachter Informationen, aber es könnte auch Unterhaltungswert haben. Wenn Sie in After Effects keine untere Drittelgrafik selbst erstellen möchten, können Sie dies tun
Finden Sie animierte Grafikelemente mit Jitter.So erstellen Sie ein unteres Drittel in After Effects
Beginnen Sie mit dem Erstellen einer neuen Komposition. Gehe zu Komposition > Neue Komposition und stellen Sie die Videogröße ein; der Standardwert ist 1920 x 1080 px. Klicken OK wenn du fertig bist.
Schalten Sie die Transparenz ein, indem Sie darauf klicken Transparenzraster umschalten in der Kompositionstafel. Da das untere Drittel das Videomaterial überlagert, muss es mit einem transparenten Hintergrund gerendert werden So kann das Filmmaterial sichtbar sein, aber Sie können mit einem farbigen Hintergrund entwerfen und die Transparenz später umschalten.
Gehe zu Schicht > Neu > Fest um eine Volltonfarbe hinzuzufügen. Wählen Sie eine Farbe für Ihre Grafik im unteren Drittel. Klicken OK. Ihre gesamte Komposition hat eine durchgehende Farbe, die auch als Ebene in der Zeitachse erscheint. Sie können die Farbe dieser Grafik jederzeit ändern, indem Sie die Grafik auswählen und zu gehen Schicht > Solide Einstellungen.
Klicken Sie auf die Ecken und ziehen Sie sie, um die Größe der Volltonfarbe auf eine geeignetere Größe zu ändern. Sobald es die Größe einer Bannergrafik erreicht hat, verschieben Sie es in das – Sie haben es erraten – untere Drittel des Bildschirms.
Schalten Sie die ein Titel/Aktion sicher Hilfslinien durch Drücken des Apostrophs auf Ihrer Tastatur (‘), was Ihnen hilft, Ihr unteres Drittel auszurichten, damit es nicht abgeschnitten wird. Es muss nicht zentriert sein, platzieren Sie es also an der gewünschten Stelle im unteren Bereich Ihrer Komposition, aber halten Sie es von den Sicherheitsrichtlinien fern.
So animieren Sie ein unteres Drittel in After Effects
Ein unteres Drittel muss animiert werden, damit es reibungslos in den und aus dem Rahmen übergeht. Öffnen Sie auf der Zeitleiste die Eigenschaften der soliden Ebene und öffnen Sie sie Verwandeln. Wir werden die verwenden Position Option zum Animieren des Banners im unteren Drittel auf und neben dem Bildschirm. Es sollte ein relativ einfacher Übergang sein, um den Betrachter nicht vom restlichen Videoinhalt abzulenken.
Bewegen Sie die Zeitanzeige auf 00:02s und wählen Sie die aus Stoppuhr neben Position, um die Positions-Keyframes zu aktivieren. Wenn Sie rückwärts vorgehen, fügt dies einen neuen Keyframe auf der Zeitachse hinzu, um die endgültige Position der Grafik anzuzeigen.
Bewegen Sie dann die Zeitanzeige zurück auf 00:00s und ändere die X-Achse neben Position, oder Sie können auf die Grafik klicken und sie aus dem Rahmen ziehen. Bewegen Sie Ihr unteres Drittel vollständig aus dem Rahmen heraus, wo Sie die Grafik einfügen möchten.
Jetzt haben Sie zwei Keyframes in der Timeline. Heben Sie die Keyframes hervor, indem Sie darauf klicken und darüber ziehen, um beide gleichzeitig auszuwählen. Dann klick Diagramm-Editor ganz oben auf der Zeitachse. Dadurch erhalten Sie eine visuelle Darstellung, wie die Keyframes Ihre Animation bewegen.
Markieren Sie im Diagramm alle Keyframes, deren Einstellungen Sie ändern möchten. Rechts unter der Zeitleiste finden Sie Optionen, wie die Bewegungen reagieren. Hier finden Sie Leichte Leichtigkeit. Easy Ease fügt jeder Bewegung eine subtile Kurve hinzu, damit sie nicht so abrupt ist. Ein Easy Ease-Keyframe ändert sich auf der Timeline in eine Sanduhr.
Sie können auch mit der rechten Maustaste auf einen Keyframe klicken und ihn auswählen Keyframe-Geschwindigkeit. Hier können Sie Beträge sowohl für die eingehende als auch für die ausgehende Geschwindigkeit eingeben. Eine eingehende Eingabe von 80 und eine ausgehende Eingabe von 20 wird die Grafik schnell einbringen, aber langsam beruhigen.
Um eine Vorschau Ihrer Keyframe-Änderungen anzuzeigen, verschieben Sie die Zeitmarke auf 00:00s und drücke Leertaste um die Wiedergabe zu starten und zu stoppen. Sobald Sie Ihre Eingangs-Keyframes festgelegt haben, wählen Sie sie alle aus. Kopieren Sie die Keyframes—Strg + C (Windows) bzw Bef + C (Mac) – und fügen Sie sie ein paar Sekunden später in Ihre Timeline ein –Strg + v (Windows) bzw Bef + v (Mac).
Ordnen Sie die eingefügten Keyframes in umgekehrter Reihenfolge an. Dies erzeugt entgegengesetzte ausgehende Bewegungen für Ihr unteres Drittel, sodass sich das Banner aus dem Bildschirm herausbewegt, anstatt hereinzukommen.
Fügen Sie Ihrem unteren Drittel Details hinzu
Viele YouTube-Vlogger verwenden eine Grafik im unteren Drittel, um die Leute zu ermutigen, ihren Kanal zu abonnieren oder ihren Social-Media-Handles zu folgen. Also lass uns das tun.
Wähle aus Geben Sie Werkzeug ein—Strg + T (Windows) bzw Bef + T (Mac) – und geben Sie Ihre Social-Media-Handles ein. Wenn es noch nicht geöffnet ist, gehen Sie zu Fenster > Charakter die zu öffnen Charakter Tafel. Markieren Sie dann den Text, um Schriftart, Farbe oder Größe zu ändern.
Sobald Ihr Text wie gewünscht formatiert ist, verwenden Sie die Auswahlwerkzeug (v), um den Text auf die Volltonfarbe zu ziehen. Positionieren Sie es, wie Sie möchten; Es muss nicht zentriert sein, wenn das nicht Ihr Stil ist.
Da Sie die Positionsanimation bereits für die Volltonfarbe festgelegt haben, können Sie den Text ganz einfach mit denselben Attributen anhängen, um sich zu bewegen.
Wenn Sie möchten, dass der Text über dem Farbblock bleibt und mit ihm übergeht, ändern Sie den übergeordneten Hintergrund des Textes in die Volltonebene. Dadurch bleiben der Text und die Volltonfarbe als separate Ebenen erhalten, sie werden jedoch zu Animationszwecken zusammen gruppiert. Sie müssen der Textebene keine Keyframes hinzufügen.
Wir werden auch die verwenden Track-Matte Besonderheit. Rechtsklick Quellenname über den Schichten und wählen Sie Säulen > Modi.
Klicken Sie auf die Volltonebene Track-Matte. Sie können eine der Optionen für verschiedene Effekte auswählen, aber wir machen mit Alpha-invertierte Matte. Dadurch wird Ihre Textfarbe invertiert, was – wenn Sie einen transparenten Hintergrund verwenden – bedeutet, dass der Text transparent ist. Drücken Sie Leertaste um eine Vorschau des neuen Effekts anzuzeigen. Sie können ein ähnliches machen maskierte Textanimation mit Canva.
Wählen Sie die Volltonebene aus und kopieren Sie sie und fügen Sie sie ein (Strg + C und Strg + v für Windows bzw Bef + C und Bef + v für Mac). Wählen Sie die untere Farbebene aus und gehen Sie dann zu Schicht > Solide Einstellungen um die Farbe in eine Akzentfarbe zu ändern. Schalten Sie die Spurmaske auf um Keine Spurmaske auf dieser Schicht.
Sie können Ihrem unteren Drittel auf die gleiche Weise andere Elemente hinzufügen oder es so lassen, wie es ist. Du kannst sogar Importieren Sie Illustrator-Grafiken, um sie in After Effects zu animieren oder gehen Sie die Extrameile und Synchronisieren Sie Ihr unteres Drittel, um auf eine Audiospur zu reagieren für visuelle Aufregung.
Rendern Sie Ihre Animation mit einem transparenten Hintergrund und fügen Sie sie dann als Ebene hinzu, wenn Sie ein Video bearbeiten, für das Sie sie verwenden möchten.
Erstellen Sie mit After Effects eine professionelle Grafik für das untere Drittel
Das Erstellen einer Grafik für das untere Drittel ist einfacher als Sie denken. Es begann mit einem farbigen Rechteck, und wenn Sie diesem Tutorial gefolgt sind, haben Sie jetzt ein cooles animiertes Banner, das Sie Ihren Videos in After Effects hinzufügen können.
