X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Kostenlose Premium-Zugang

Rufen Sie unsere gesamte Bibliothek von Premium-Hub Artikel, Projekt-Dateien und die ersten 10% des jeweiligen Tutorial-Video aus dem Online-Tutorial-Bibliothek .

Erstellen Sie jetzt Ihren kostenlosen Zugang!

Designing Lower Thirds in After Effects, dokumentarischen Stil
Übersetzt von Google Translate

"Untere Drittel" ist die gemeinsame Broadcast-Video-Begriff für etwas, das man hunderte Male gesehen haben: ein animiertes grafisches Element, das in den unteren Teil des Video-Frame (in der Regel im unteren Drittel des Bildschirms, daher der Name) angezeigt wird, enthält Text, der erklärt, oder gibt die Aktion auf dem Bildschirm. Man sieht sie regelmäßig in Nachrichtensendungen oder Dokumentarfilme, wo sie einen Sprecher zu identifizieren, und sie bestehen typischerweise aus einer größeren obere Element mit dem Sprecher der Name, und eine kleinere untere Element mit mehr Informationen über den Sprecher: "Charles Morris" in der oberen und "Director of Sales" darunter, zum Beispiel. Die Suche nach "unteren Drittel" auf YouTube wird zeigen viele Beispiele und zeigen Ihnen die große Vielfalt der Stile im Einsatz jetzt.

In dieser Funktion Tutorial werden wir Ihnen zeigen, wie man zusammen eine grundlegende news-Stil animierte unteren Drittel in After Effects . Lassen Sie uns anfangen.


Schritt 1 - Einrichten der After Effects-Projekt

Erstellen Sie zunächst eine 640x480 10-Sekunden-Komposition, mit einem grauen Hintergrund zu erleichtern, unsere Elemente zu sehen:

gray background


(Wir werden in diesem Standard mit niedrigerer Auflösung hier zu arbeiten, um unseren Screenshots ein wenig mehr beherrschbar zu machen, aber Sie können leicht Scale-up, was ich Ihnen zu jedem HD-Format zu zeigen.)

Achten Sie darauf, auf den Titel / Action Safe Guides für comp wiederum, wir müssen unsere unteren Drittel Text innerhalb des geschützten Titel-Bereich zu halten, um sicherzustellen, dass sie gesehen werden:

Turn on Title/Action safe guides


Schritt 2 - Add ersten Element

Anschließend erstellen Sie eine neue solide, 450 x 50 Pixel, und machen es zu einem dunkelrot (die Sie verwenden können, was Farbe Sie möchten, natürlich, aber es sollte nicht zu hell oder hell):

Create a new solid, 450x50 pixels


Position der Feststoff im unteren Drittel des Rahmens und damit deutlich über dem inneren Titel sicher zu führen und richten Sie ihn auf die linke Seite des Rahmens:

align to left side of frame


Schritt 3 - Maske des Ersten Element

Nächstes werden wir eine einfache Maske, um die roten Balken hinzugefügt, um einen Winkel in die vordere Kante geschnitten, dies wird uns mehr aus einem Gefühl der Bewegung, wenn wir die Bar zu animieren. So, mit dem festen gewählt, doppelklicken Sie auf das Rechteck-Werkzeug:

Double-click rectangle tool


Dies wird eine rechteckige Maske auf das gesamte feste hinzuzufügen. Dann wählen Sie den Zeichenstift-Werkzeug (G), und klicken Sie mit ihm auf den unteren Rand der Maske, vielleicht 50 Pixel in der rechten Ecke der Maske, um einen weiteren Punkt, um die Maske hinzufügen:

Adding another point to the mask


Wählen Sie das Auswahl-Werkzeug wieder (V), in der rechten unteren Maske Punkt klicken, und klicken Sie auf Löschen, um diesen Punkt zu entfernen - die feste haben nun eine abgewinkelte Vorderkante:

The lower-third now has an angled edge


Schließlich wählen Sie die feste im Ebenenfenster, Typ T, um solo Deckkraft, und stellen Sie die feste die Deckkraft auf 60%. Wir wollen sicherstellen, dass wir die zugrunde liegenden Video über das untere Drittel sehen:

Set the opacity to 60%


Schritt 4 - Animieren Sie die erste Element

Nächstes werden wir die feste auf den Bildschirm zu animieren. Typ P, solo die feste Position der

Wählen Sie nun die beiden Positions-Keyframes Sie gerade erstellt haben, auf der einen Control-Klick, und wählen Sie Keyframe-Assistent

[Video id = "8352"]


Schritt 5 - Animate dem ersten Textelement

Unser nächster Schritt besteht darin, in unserem ersten Textelement, den Namen unseres Themas, für die wir eine Animation Preset verwenden werden zu animieren. So wählen Sie das Text-Werkzeug (Command-T), und in der Zeichen-Palette, wählen Sie eine starke serifenlose Schrift, es weiß oder hellgrau, und

Using an Animation preset


Als nächstes öffnen oder vorverlegen die Effekte

[Video id = "8356"]


Jetzt wird standardmäßig der Smooth Move In Animation ein wenig zu langsam ist, also lasst uns diese Keyframes in allen bis die Geschwindigkeit einzustellen. Mit der Text-Ebene ausgewählt haben, geben U solo all ihren animierten Keyframes. Wählen Sie den zweiten Keyframes (die, die bei 02:20) für Start, Position, skalieren, neigen und Opazität (alle Eigenschaften unter Bereichsauswahl 1), indem Sie einen Auswahlrahmen um sie herum, dann ziehen sie alle nach links, um über die 1.15 Punkt in der Timeline. Preview, dass, und Sie sollten eine sehr viel schnellere Text Animation zu sehen:

[Video id = "8354"]


Schritt 6 - Fügen Sie einen Schlagschatten auf die Elemente

Next, um nur ein wenig Tiefe, um die Animation hinzufügen, werden wir einen Schlagschatten auf beide der festen und der Text hinzufügen. So, mit dem festen ausgewählt haben, wählen Effect

[Video id = "8353"]


Schritt 7 - Erstellen Sie die Secondary Lower Third Elements

Na gut, wir sind in den letzten Innings unserer Lower Third-Tutorial. Das letzte, was wir tun müssen, ist zu schaffen die sekundären Elemente unserer Animation und füllen Sie das untere Drittel. Um das zu tun, anstatt von vorne anfangen, werden wir einfach duplizieren und modifizieren unsere bestehenden Elementen. So wählen Sie den Text und feste Schichten und geben Sie Command-D, um sie zu duplizieren. Denn jetzt, schalten Sie die Sichtbarkeit der duplizierten Textebene.

Als nächstes wählen Sie die duplizierten feste Schicht, und wählen Sie Ebene

Changing the duplicated lower third's solid settings


Nun bewegen Sie Ihre CTI voraus, um 00:20, solo Position für den duplizierten solide (was ich werde die orange Schicht aus rufe nun alle), und passen Sie die X-und Y-Werte für die solide, so dass es direkt unter der rot ist Schicht, und seine schrägen Vorderkante einer Linie mit dem abgewinkelten Rand der roten Schicht:

Adjust X and Y values for the orange layer


Notieren Sie den Wert der Y-Eigenschaft an dieser Stelle; Mine ist 389. Nächstes bewegen Sie CTI wieder auf 00:00, und stellen Sie die Y-Wert in diesem Schlüsselbild 389 (oder was auch immer Ihr Wert muss, so dass die horizontale Bewegung wird auf einer geraden Linie wieder), und ziehen Sie den X-Wert, so dass die Orange Schicht liegt etwas außerhalb des sichtbaren Rahmen. Wenn Sie eine Vorschau, sollten Sie nun eine Animation der orangen Schicht bewegt in der gleichen Geschwindigkeit und Zeit als die rote Schicht, sondern knapp darunter:

[Video id = "8355"]


Lassen Sie uns nun den sekundären Text zu fixieren. Schalten Sie es wieder an, schalten Sie die Original-Textebene, und mit dem Text-Werkzeug, wählen Sie den sekundären Text und ändern Sie es auf etwas anderes. Ich bin mit "Director of Sales". Nun bewegen Sie Ihre CTI zu 01:15, das ist, wo der Text Animation endet, Typ P auf Solo Position für den Text, und ziehen Sie den Y-Wert nach unten, so dass die sekundäre Text auf die orange Schicht sitzt. Schalten Sie den ursprünglichen Text wieder, und stellen Sie die horizontale Position des sekundären Text, um ihn Line-Up mit dem Original, es sollten alle in etwa so aussehen:

The final look of the Lower-Third


Schritt 8 - Einstellen der Animation Zeitmessung

Und hier ist der letzte Schritt: Wir müssen den Zeitpunkt der sekundären Schichten einzustellen, damit sie ein wenig später als die primären Elemente geben. Optisch dies nur hilft, die wichtigsten Elemente zu betonen, und es ist ein Standard unteren Drittel Technik.

So wählen Sie die orangefarbene Schicht und dem Director of Sales Textebene, bewegen Sie Ihren CTI bis 00:20, und ziehen Sie die rote Schicht Bars in der Timeline so ihren Anfängen um 00:20 Uhr beginnen (achten Sie auf die Körper der Bars ziehen selbst, nicht der Anfang der Bars, oder du wirst den Schichten, anstatt sie Trim):

Adjusting the animation timing of both layers


Jetzt haben wir die Animationen für die sekundären Elemente verzögert, und Ihre endgültigen Ergebnisse sollte wie folgt aussehen (ich habe ein Bild von einem Kerl aufgenommen, so dass Sie die Transparenz im unteren Drittel Elemente sehen können):

[Video id = "8357"]


Und dort haben Sie es! Wie ich bereits erwähnt, gibt es eine unendliche Vielzahl von unteren Drittel: Sport, Nachrichten, Reality-, Wetter-und moreand war dies ein recht simpler. Die meisten unteren Drittel in diesen Tagen, in der Tat enthalten animierte Elemente in den Hintergrund Bars und so ein wenig länger dauern einzurichten. Aber ich hoffe, dass auch dieses Tutorial hat Ihnen geholfen, bei der Gestaltung und Animation von Ihrer eigenen Motion Graphics loslegen. Und wie immer, zu experimentieren, und haben Sie Spaß in After Effects !

Richard Lainhart

Richard Lainhart | Articles by this author

Richard Lainhart is an award-winning composer, filmmaker, and author. His compositions have been performed in the US, Europe Asia, and Australia, and recordings of his music have appeared on the Periodic Music, Vacant Lot, XI Records, Airglow Music, Tobira Records, Infrequency, VICMOD, and ExOvo labels. His animations and short films have been shown in festivals in the US, Europe, and Asia, and online at ResFest, The New Venue, The Bitscreen, and Streaming Cinema 2.0. He has authored over a dozen technical manuals for music and video hardware and software, served as Contributing Editor for Interactivity and 3D Design Magazines, and contributed to books on digital media production published by IDG, Peachpit Press, McGraw Hill, and Miller Freeman Books. Previously an Adobe Certified Expert in After Effects and Premiere, a demo artist for Adobe Systems, and co-founder of the official New York City After Effects User Group, he was, from 2000-2009, Technical Director for Total Training Productions, an innovative digital media training company based in New York and California.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link