Animiertes lyrisches Musikvideo – After Effects

1. 1 Einleitung: In diesem Video werde ich Ihnen zeigen, wie Sie diese Animation aus dem Zeitlupen-Musikvideo von Marsh Mellow and the Jonas Deshalb werden wir uns mit einigen Teilen des Videos befassen, in denen es darum geht wie es in After Effects bearbeitet wurde Deshalb habe ich den G Drive-Link bereitgestellt , der aus der Photoshop-Datei und der PNG-Datei besteht. Sie können das also einfach in das After Effects-Projekt importieren. 2. 2 Eröffnungssequenz (Teil 1): Das erste, was wir tun werden, ist, diese Eröffnungssequenz genau hier neu zu erstellen Was wir jetzt haben, ist eine leere Komposition für die Eröffnungssequenz Wie Sie also für die Eröffnungssequenz sehen können, haben wir einen Text in Zeitlupe, der erscheint Also gehen wir zum Text und tippen langsam. Also müssen wir die Position anpassen. Für die Schrift werden wir also etwas verwenden, das der Schrift, die im offiziellen Lyric-Video verwendet wird, näher kommt oder ihr etwas ähnlicher ist Was wir also für die Schrift haben, ist Canada Gothic Bold. Und dann passen wir einfach die Größe des Textes an, machen ihn auf 190 und passen ihn dann einfach wieder an, indem wir die Hilfslinien in After Effects verwenden. Und dann sind wir mit Slow fertig. Wir werden das kopieren und ein anderes einfügen. Und das wird ein Antrag sein. Passen Sie es einfach im Raster an. Also werden wir das verschieben, weil langsam zuerst vor der Bewegung erscheint. Und dann legen wir Keyframes fest , um den Echo-Trail-Effekt für den Text zu erzeugen Gehen Sie zum Effekttyp Echo. Anzahl der Echos 15. Also legen wir den Keyframe fest, klicken auf P für die Position und stellen den Als Nächstes folgt dieses Mal ein Echo für die Bewegung. 15 und legen Sie dann hier einen Keyframe für die Position fest. Dort. Ordnung, also diese Zeitlupen-Text-Echospur ist 3. 3 Eröffnungssequenz (Teil 2): Als Nächstes erstellen wir das Bild von vier mal vier hier in der Mitte des Textes. Das wurde also so erstellt, dass wir hier einen Einblendungseffekt haben. Und wenn es dann ausgeblendet wird, hat es einen roten Farbton und es geht runter Also wieder habe ich die Photoshop-Datei und die PNG-Dateien in der Beschreibung im G Drive-Link platziert die PNG-Dateien in der Beschreibung im G Drive-Link Klicken Sie einfach darauf, damit Sie alle Dateien abrufen können , die Sie benötigen. Wir gehen zu Datei und Datei importieren und klicken einfach auf diese Datei und importieren sie einfach. Die Art des Imports ist also Komposition. Behalten Sie die Ebenengrößen bei und achten Sie darauf, dass Sie auf diesen bearbeitbaren Ebenenstil klicken , damit er nicht zu einer Datei zusammengeführt wird, sodass Sie jeweils ein Bild bearbeiten können, da die Übergänge pro Bild getrennt sind Klicken Sie also einfach auf Okay, und es wird eine neue Komposition erstellt, nur diese Und wenn Sie dann darauf doppelklicken, gehen wir in diese Komposition ein. Hier möchten wir die Keyframes und die Änderungen vornehmen Als Nächstes möchten wir, da ich nicht EBO war, die Ebenen benennen, werden wir sie nacheinander benennen , damit wir wissen, mit welcher Ebene wir arbeiten Ordnung, also nachdem wir die Ebenen benannt haben, werden wir sie entsprechend anordnen, damit wir sie leichter bearbeiten können Also der erste, der auftauchte, ist Marshmallow und dann Kevin und dann Nick und dann Joe Gehen wir also nach rechts, weil sie nicht gleichzeitig auftauchen, also machen wir Opazität für alle, um hier einen Keyframe zu setzen, und ihn dann nach rechts zu verschieben und diesen dann auf Null zu setzen, dann kopieren wir ihn einfach in den dann kopieren wir ihn einfach Es ist also einfacher und du verschiebst sie einfach. Ordnung. Das sieht gut aus. Und jetzt fügen wir die Unschärfe hinzu. Was wir also verwenden werden , ist Gagen Blur. Also gut, jetzt musst du das nochmal kopieren und dann die anderen Ebenen einfügen , damit es schneller und einfacher Verschiebe es einfach dem Timing entsprechend. EZ Es F Nine ist die Abkürzung für die EZ Es. Also das ist gut. Also werden wir die Opazität wieder hinzufügen, 100 und dann Null Dann fügen wir einen Farbton hinzu. Verwenden wir eine dunklere Farbe Rot. Das ist also der rote Code, den wir verwenden werden. Ordnung. Also werden wir die Farbe einrahmen Wir werden für alle genau dasselbe kopieren. Dann werden wir jetzt den Farbton und die Deckkraft für alle Ebenen anwenden den Farbton und die Deckkraft für alle Ebenen Hier positionieren. Ordnung, jetzt, wo wir den Farbton, die Deckkraft und die Positionsanpassung angewendet haben , werden wir sie jetzt anordnen Kevin wird also zuerst ausgeblendet und dann und dann Nick Alright. Jetzt haben wir also die Keyframes erstellt So würde es jetzt aussehen. In Ordnung. Jetzt, wo das erledigt ist, öffnen wir die Hauptkomposition, um die Eröffnungssequenz, die wir erstellt haben, zu kombinieren, sie hierher zu ziehen, die Komposition hierher zu ziehen Mal sehen, wie das aussehen würde. Das ist die Komposition für die Eröffnungssequenz. Wie Sie sehen können, ist ein Abstand nicht richtig, also werden wir ihn jetzt anpassen. Also werden wir die offene Sequenzkomposition für Zeitlupen-Text und einige Anpassungen vornehmen Vergewissern Sie sich, dass Sie sich auf dem richtigen Keyframe befinden, damit kein weiterer Keyframe entsteht wenn Sie Anpassungen Beweg das ein bisschen. Mal sehen, wie das aussehen würde. Ordnung. Also das ist die Eröffnungssequenz. 4. 4 Lyrischer Text und Animation: Wir werden die lyrischen Textanimationen erstellen. Also das werden wir neu erstellen. Also der Texthintergrund und da ist ein Teil eines Bildes Also lass uns das jetzt machen. Erstelle einen Text. Also, die Schriftart, die wir gerade verwenden , ist die Kanda Gothic Bold Dann passen wir einfach die Schriftgröße an. Das ist der Text im Moment. Die Animation für den Text ist also pro Wort und sie steigt. Gehen Sie hier zu Effekte und Voreinstellungen, klicken Sie auf die Animationsvoreinstellungen und -vorgaben und gehen Sie dann zu Text, und dann gehen wir zu Animieren, Slide und Pop-In Slide So läuft die Animation also ab. Also werden wir die Animation replizieren da sie pro Wort abnimmt, werden wir diesen W-Positionsversatz auf 94 anpassen, das Negativ entfernen und es wird so aussehen Das ist es also, was wir wollen. Aber der erste Teil ist auf diese beiden Wörter gezoomt Also, was wir hier machen werden , ist Strg- Shift, also für diesen Teil ich die erste Hälfte der Ebene auf, weil dieser Teil der Teil ist, den wir auf die Wörter vergrößert haben die normalerweise nicht vorkommen Und dann entferne ich einfach den Text, um sie warten zu lassen , weil das im verkleinerten Teil angezeigt wird , und passe dann einfach den Keyframe für die erste Hälfte Also haben wir die Ebene einfach aufgeteilt, weil das erste nur aus zwei Wörtern bestand, was dieses ist, normalerweise nicht, und es wurde vergrößert Also passen wir jetzt den Maßstab an und passen dann die Position an, weil sie sich in der Mitte befand Aber nur die Keyframes, also wird es so aussehen. In Ordnung Wie Sie sehen können, ist die Animation für Normalerweise nicht hier. Also wie wir das machen werden, ist, dass wir das kopieren werden. Dieser hat keine Animation, also müssen wir die Animation für diesen entfernen. Und dann werden das einfach die Worte sein, die normalerweise nicht vorkommen. Also werden wir den großen ändern, den mit dem Heranzoomen, normalerweise nicht. Und dann ist das die kleine, damit wir wissen, welche Ebenen welche sind, und dann hilft das, indem man einfach die andere Hälfte löscht und sie einfach so lässt, wie sie ist. Lösche einfach die normalerweise nicht hier und behalte dann einfach das Leerzeichen. Es wird also so aussehen. Also passe einfach das Timing an. Es würde also perfekt zum Timing des Originals passen, oder? Das sieht gut aus. Und jetzt fügen wir das Bild hinzu, das wir hier in der Hauptkomposition hinzufügen werden , weil wir dieser Komposition wiederum einen Wackeleffekt hinzufügen müssten, wir später hinzufügen werden In Ordnung, also haben wir Vers eins erstellt. Das ist also eine Komposition aus Vers eins, die wir in die Hauptkomposition ziehen werden. Und dann müssen wir einen Festkörper als Hintergrund dafür erstellen Und gleichzeitig würden wir für diese Komposition einen farbigen schwarzen Festkörper benötigen. Also werden wir diese erstellen, zur Ebene gehen, zu neu gehen und auf Vollton klicken. Wenn Sie sicher sind, dass es schwarz ist und die richtige Breite und Höhe hat, klicken Sie auf Okay. Das ist also ein schwarzer Festkörper für diese Sequenz. Und dann werden wir für den anderen einen roten Farbkörper erzeugen. Also nochmal, Layer Solid. Und der rote Code , den wir dafür verwenden werden , ist dieser Code hier Klicken Sie einfach auf Okay und überprüfen Sie ihn dann einfach am Ende des ersten Verses. Stellen Sie einfach sicher, dass es genau dort ausgerichtet ist. Schauen wir uns also an, wie es aussieht. Richtig? Bisher sieht es wirklich gut aus. Also beim nächsten dafür fehlt das Teilbild. Also ich glaube, das ist Joe. Also werden wir entweder Photoshop oder PNG hinzufügen. Also ziehen wir es hierher in die Hauptkomposition, weil wir auch hier später den Wackeleffekt hinzufügen hier später den Wackeleffekt werden, damit sich das Bild nicht mit dem Bild oben bewegt, sodass es sichtbar ist. Dann passen wir den Maßstab an und passen dann die Position Da hast du's. Jetzt erstellen wir die Echospur, die nach dem Wort Warten führt. Also werden wir wieder zum ersten Vers zurückkehren , der Komposition. Wir werden zu Kindern gehen, und das wird in Waiting Text Trail umbenannt. Also entfernen Sie einfach die Effekte für diese Effekte und Animationen, entfernen Sie sie, lassen Sie das Wort warten und passen Sie dann die Position des Wortes an. Stellen Sie sicher, dass es mit demselben Wort übereinstimmt. Und dann fügen wir wieder Echo für dieses Wort hinzu. Stellen Sie sicher, dass Sie es hierher verschieben, damit es nicht früher als nötig erscheint. Passen Sie die Dauer mit dem an. Dafür werden wir also viele Echos benötigen. Versuchen wir es mit 200, bearbeiten Sie die Position. Und dann passen wir die Opazität an. Oh. Füge auch eine Gaußsche Unschärfe Das ist also für den Textrail. Der nächste ist also der Übergang von dieser zur ersten Strophe Einstellungsebene hinzufügen Da der Übergang einen Weichzeichnungseffekt hat, müssten wir für diesen Teil eine und ihr eine Gaußsche Unschärfe hinzufügen und Keyframes verwenden Also machen wir das, indem wir wieder zur Ebene gehen, auf die neue Einstellungsebene klicken auf die neue Einstellungsebene klicken und sie dann einfach zwischen diese Ebenen platzieren Ich werde es hier hinstellen. Aber das ist der Übergang von der Eröffnungssequenz zur ersten Strophe, richtig? Also müssten wir das in Blur-Übergang umbenennen und dazu Gaußsche Unschärfe hinzufügen , den Effekt öffnen Und ich müsste das mit einem Keyframe versehen. Also von Null, vielleicht zehn bis 20, dann wieder Null. Stellen Sie hier einen anderen Keyframe ein, um dieselbe Unschärfe zu erzielen , damit es länger hält Ordnung, das sieht gut aus. Also das ist ein verschwommener Übergang. Mm hmm 5. 5 Textüberlagerung auf Bild: Das nächste, was wir machen werden, ist die Textüberlagerung auf dem Foto von Nick Ordnung, also werden wir die Textüberlagerung über dem Bild erstellen Also, was wir tun werden, ist einen Text zu erstellen und den roten Festkörper von vorhin zu kopieren Also werden wir das unter die Textebene legen und es einfach ausrichten. Und dann fügen wir entweder DPNG oder die Photoshop-Datei hinzu. Wir werden das in die Mitte legen, es einfach anpassen. Wir arbeiten also mit der Hauptkomposition. Also passen wir einfach alles an und stellen sicher , dass der Text in der Mitte ausgerichtet ist. Das sieht gut aus, und dann passen wir das Bild an. Und das werden wir bei Stencil Alpha einstellen . Damit du den roten Festkörper darunter, den Text und das Bild siehst, gehst du zum Bild und gehst zu Trap Mat und stellst sicher, dass es auf den Text geklickt ist. Das ist genau hier Beim Verkleinern hatten wir dort also wieder einen verschwommenen Übergang. Also werden wir einfach den Text und das Bild kopieren, denn mit dem Festkörper werden wir es einfach erweitern Das ist also der zweite. Es wird den Unschärfeübergang genau hier kopieren und ihn dazwischen platzieren. Verschiebe es in die Mitte. Und dafür passen wir einfach die Skala an. Nur das Bild, stellen Sie sicher, dass der Text in der Mitte ist. Stellen Sie also sicher, dass das Bild nicht zu klein ist, sonst bekommen Sie es. Der Text wird an einigen Stellen nicht zu sehen sein. Lassen Sie uns sehen, wie es aussehen würde. Passen Sie einfach die Keyframes an. Da es sich also um einen schnellen Übergang handelt, werden wir die Keyframes genau dort anpassen 6. 6 Textanimation auf Bild: Ordnung, hier wird es also hingehen mit dem Bild auf der Rückseite. Also, da es immer noch ein rotes Bild hat, werden wir es einfach wieder verwenden und die Dinge einfach oben platzieren und es einfach verlängern. Also werden wir eine andere Komposition verwenden. Ich nenne diese Komposition einfach Kurs zweite Zeile und passe die Dauer einfach an. Jetzt sind wir also in der neuen Komposition. Verwenden Sie auch hier einfach entweder PNG oder eine Photoshop-Datei und passen Sie den Maßstab an. In Ordnung, jetzt werden wir Text hinzufügen. Alles läuft gut, also passen wir nur die Schriftgröße und den Maßstab an Es ist also in der Mitte, wie Sie hier sehen können Lassen Sie uns die Opazität anpassen Und dann werden wir wieder die voreingestellte Animation hinzufügen. Sie schieben es hinein und ziehen es per Drag-and-Drop den Text. Dann passen Sie einfach wieder den Y-Positionsversatz an, indem Sie das Negativ entfernen. Ich habe die erste Zeile vergessen. Mir gefällt, wo. Das tut mir leid. Also nochmal, ich habe vergessen, die erste Zeile hinzuzufügen. Um dem entgegenzuwirken, habe ich einfach die zweite Zeile, die wir gerade gemacht haben, kopiert und eingefügt und die Länge der Ebene angepasst Auch hier passe ich nur die Ebenen und Keyframes an das Timing der Animation an hier einfach Anpassungen vor und kopieren Sie dann einfach die Komposition, die wir erstellt haben, in die Hauptkomposition, platzieren Sie sie an der Spitze des Volumenkörpers und passen Sie sie an Ordnung, also nehmen Sie einfach hier Anpassungen vor . Das sieht gut aus. 7. 7 'Langsamer' animierter Text nebeneinander: Ordnung, jetzt werden wir diese Animation genau hier erstellen Wir haben den Text langsam nebeneinander, und dann hat diese linke Seite die rote Volltonfarbe, und dann hat die rechte Seite die schwarze Farbe, und die Animation geht in die Mitte Also werden wir das jetzt machen. Also erstelle einfach eine neue Komposition und genau das haben wir hier. Und dann geh einfach zum Text, tippe das Wort Slow ein und stelle sicher, dass es sich in der Mitte oder in der Zeile genau hier befindet, wo du den Titel in Aktion sehen kannst, speichern wir hier. Es ist also gleichmäßig. Passen Sie dann einfach die Position an diese Linie an und gehen Sie dann zu Effekten und Voreinstellungen vom Typ Echo Wir werden es hier hinstellen. Die Anzahl der Echos ist zehn. Der Zerfall beträgt 0,70. Diese Animation ist also von unten nach oben gerichtet. Klicken wir also hier auf den Keyframe und verschieben ihn nach rechts, weil wir wollen, dass er dort landet Sie dann von unten Stellen Sie dann von unten einen weiteren Keyframe ein. Es sieht also so aus Wenn Sie möchten, dass die Animation viel flüssiger abläuft, klicken Sie auf F neun oder auf Ihre Tastenkombination für es Es. Es sieht also so aus Und jetzt für die rechte Seite, wir werden sie einfach kopieren und einfügen. Jetzt werden wir die Ebene umbenennen , damit wir wissen, an welcher Ebene wir gerade arbeiten. Das ist also die linke Seite und das ist die rechte Seite. Wir entfernen hier einfach den Keyframe und passen ihn dann an die rechte Seite an Sie auch hier sicher, dass es sich im gleichen Rahmen befindet , sodass es gleichmäßig ist, und bewegen Sie sich dann einfach nach rechts, damit es nicht angezeigt Das animiert. Klicken Sie dann erneut auf den Positions-Keyframe hier auf der rechten Seite , weil wir wollen, dass er dort landet, und dieser kommt von oben, geht nach unten Richtig. Das sieht also gut aus und ist auch einfach zu handhaben. Und es sieht ungefähr so aus. Ordnung, wenn Sie es also früher animieren möchten , damit es nicht stagniert, passen Sie einfach den Keyframe passen Sie einfach In Ordnung, das ist es, was du hast. Und jetzt zur Hauptkomposition, wir sind jetzt bei der Hauptkomposition. Wir werden das hier runterziehen. Ordnung. Also, wie Sie sehen können, haben wir jetzt keinen Hintergrund. Wir haben nur den Text. Um das zu korrigieren, klicken wir einfach auf den schwarzen und den roten Festkörper und kopieren ihn und duplizieren ihn, platzieren ihn dann unten und verschieben ihn dann einfach an die Stelle, an der sich die Komposition befindet. Stellen Sie sicher, dass es richtig ausgerichtet ist. In Ordnung. Stellen Sie also sicher, dass der rote Festkörper oben ist. In Ordnung. Stellen Sie also sicher, dass die Festkörper übereinander liegen , denn wir werden nur die Position des anderen Festkörpers verschieben. Sie können das Schwarz sehen. Achten Sie darauf, dass das Rot auf die gerade Mitte ausgerichtet ist. Es sieht also so aus. Da hast du's. In Ordnung. Als Nächstes werden wir die Bewegungsanimation machen , sie in der Hauptkomposition bearbeiten, damit es einfacher ist. Also noch einmal, wir werden hier Text in Bewegung eingeben und sicherstellen, dass er sich in der Mitte befindet. Und ich werde einfach den schwarzen Festkörper wiederverwenden, den ich zuvor hatte. Stellen Sie also sicher, dass sich der schwarze Festkörper unten befindet, oder? Also das ist Bewegung, und dann stellen Sie sicher, dass Sie den Maßstab vergrößern , nur die Position. Um sicherzugehen, dass es sich in der Mitte befindet und dann diese Ebene ausschneiden, drücken Sie die Controller-Umschalttaste. Wir haben diesen, also das ist Bewegung. Nochmals, die Ebene umbenennen, damit wir nicht verwirrt sind, an welcher Ebene wir gerade arbeiten Diese wird kleiner sein, passen Sie also den Maßstab an Sie auch hier sicher, dass es sich in der Mitte befindet, richten Sie es aus, nehmen Sie die Anpassung und wir werden einen weiteren Unschärfeübergang haben, der sich jedoch nicht auf diesen auswirkt Also kopiere das nochmal. Leg es hier hin. Der Gotham-Blur-Keyframe ist 50, und dann habe ich gerade ein weiteres Keyframe erstellt , bei dem die Unschärfe ausgeblendet wird. Also, wenn Sie einen Filmbrand oder Filmleck oder ein Lichtleck haben, können Sie das verwenden. Also platziere ich hier einfach einen Filmbrand oder ein Lichtleck. Also gut, stellen Sie sicher, dass das der Bildschirm ist, damit es weder den Text noch die Ebene verdeckt Stellen Sie sicher, dass Sie es vergrößern. Mal sehen, wie das aussieht. 8. 8 zweifarbige nebeneinander animierte Texte: In Ordnung, das ist also der nächste, den wir machen werden. gibt es also wieder den unscharfen Übergang Hier gibt es also wieder den unscharfen Übergang zum Vergrößern und Verkleinern und dann zum erneuten Vergrößern dieses Teils Und dann gibt es hier eine Markierung, und diese linke Seite ist rot Dieser ist autoweiß. werden wir jetzt replizieren Da es dort einen Unschärfeübergang gab, habe ich hier einfach einen Unschärfeübergang hinzugefügt Und da es wieder ein schwarzer Festkörper für den Hintergrund ist, habe ich den, den wir zuvor verwendet haben, gerade aus diesen Teilen erweitert zuvor verwendet haben, gerade aus diesen Also habe ich gerade eine neue Komposition für all das erstellt. Geben Sie einfach den Text ein. Ordnung, also da das die Farbe Rot ist, werden wir hier den Code für die Farbe Rot verwenden , also das ist Rot. Die Animation für den Text erscheint gerade auf dem Bildschirm. Also werden wir dafür eine andere Textanimation verwenden dafür eine andere Textanimation Also möchte ich zuerst daran arbeiten , bevor wir zum zweiten übergehen. Die Animation für diese ist, dass wir eine Schreibmaschine verwenden werden Gehen Sie also zu FX und Presets, Animation-Presets, Text, Animate in Geh rein. Die Animation für die Schreibmaschine ist anders Sie animiert oder zeigt die Animation pro Buchstabe, nicht pro Wort Das werden wir also ändern. Gehen Sie also einfach zu Text Animator One, in der Auswahl, Erweitert, und ändern Sie Gehen Sie statt zu Zeichen zu Wörtern. Und so würde es aussehen. Und dann machen wir den zweiten, kopieren und einfügen. Ordnung, verschiebe diesen nach rechts, also stelle sicher, dass sich die Position auf der rechten Seite befindet, ändere die Ausrichtung und dann ändere die Position sowie die Farbe. Verwenden Sie also einfach diesen Weißcode und ändern Sie dann den Text. Dann verschiebe die Position einfach etwas weiter nach rechts. Jetzt fügen wir den Marker ein, den Swish Marker. Also nochmal, es ist in den Assets zu finden, die ich mit weißer Markierung unterstrichen angegeben habe Wir werden es hierher nach rechts verschieben. Passen Sie einfach die Skala und die Drehung an der Position an. Ordnung, also müssten wir dieses Bild genau hier maskieren , um diesen Swoosh-Effekt zu erzielen Also werden wir das Maskierungswerkzeug verwenden. Lassen Sie uns also dieses Rechteckwerkzeug genau hier verwenden. Gehe zu Maske eins, Maskenpfad. Damit wollen wir enden. Das ist auf der rechten Seite. Bewege es einfach nach links und sieh dann, wie es aussehen wird. Ordnung, das ist der Swoosh-Effekt, aber wir sind noch nicht fertig Das müssten wir glätten. Wir müssten Maskenfedern hinzufügen. Ordnung, das ist also viel besser als zuvor, und dann müssten wir diesen Easy Ease da haben Es ist jetzt also viel glatter und es gab früher keine ausgefranste Kante. Passen Sie einfach das Keyframe an, um es schneller zu machen . Da hast du's Ordnung. Jetzt müssten wir also die Keyframes an das Timing der Animation anpassen oder an den Zeitpunkt, an dem die Wörter auftauchen Ordnung, also können wir das Animations-Timing mit der Startbereichswahl anpassen . Wie Sie sehen können, steigen die Zahlen auf 100 und die Animation folgt Stellen Sie also sicher, dass Sie sehen , welche Zahl auf das richtige Wort fällt. Lassen Sie uns hier also Frame 43 eingeben. Mach es ein bisschen schneller. Dann 43 Keyframe hier. Um es langsamer zu machen, die Keyframes. Nochmals nur die Keyframes. Keyframe da. In Ordnung, also das Gleiche hier, um das richtige Timing der Animation Also für diesen Teil richte ich Keyframes ein und passe Keyframes an, wenn ich möchte, dass die Wörter auftauchen Wie Sie an der Bereichsauswahl sehen können, können Sie die Zahl am Anfang sehen, die sich bewegt , wenn Sie es abspielen, und Sie können anhand der Zahl sehen, wie viele Teile es gibt oder welches Wort auftaucht Ich folge also dem Keyframe, damit ich steuern kann, wann die Wörter angezeigt werden sollen Das ist nur eine Komposition ohne das Ein- und Auszoomen. Wir werden das später tun, wenn wir diese Grundlage schaffen können. Ordnung, also das nächste, was wir tun werden, wenn wir mit dieser ganzen Komposition fertig sind, ziehen wir diese Komposition in die Hauptsequenz hier, werden sie hier platzieren und sie dann zum richtigen Zeitpunkt einstellen. Ordnung. Also jetzt, damit wir den Zoom-In - und Verkleinerungseffekt bekommen . Da es sich also um eine ganze Komposition für sich handelt, ist es für uns einfacher, hinein- und herauszuzoomen , ohne den Text zu bewegen. Also werden wir diese Ebene teilen. Also nochmal, Strg Shift D, um diese Ebene zu teilen. In Ordnung. Da das vergrößert ist, würden wir die Skala anpassen, die Position dort anpassen dann die notwendigen Anpassungen vornehmen Vergrößere das nochmal. Passen Sie also die Skala an, passen Sie die Position an. Wir sind in der Lage, das zu beenden. Lass uns sehen, wie es aussieht. Wir müssten auch eine weitere Unschärfe hinzufügen Das ist also die Unschärfe genau zwischen diesen Momenten. Also werde ich den Unschärfeübergang erneut einfügen, ihn kopieren, ihn zwischen diesen einfügen, da es in diesem Bereich keine Unschärfe gab, nur in diesem Teil, da werden wir die Unschärfe anwenden . Da hast du's 9. 9 Unschärfen von Übergängen, Text, Bild, Hintergrundänderungen: Das ist also das nächste , was wir tun werden. Wie Sie sehen können, wackelt der Text. Da gibt es einen Wackeleffekt. Da ist eine Unschärfe und das Bild in der Mitte, das sich nicht bewegt Also das werden wir jetzt tun. Wir werden Text hinzufügen, und ich werde dafür keine weitere Komposition erstellen , weil es nur aus zwei Texten besteht, einem Bild und der Änderung der Hintergrundfarbe. Und da die Hintergrundfarbe schwarz ist, werden wir immer noch die Farbe verwenden die wir zuvor verwendet haben, nämlich diese. Also werde ich es einfach wieder erweitern, einfach die vorherige Ebene anpassen und dann einfach das Foto von Kevin hinzufügen. Sie hier sicher, dass es in den anderen Ebenen nicht angezeigt wird. Passen Sie dann die Skala an. Stellen Sie sicher, dass es in der Mitte ist. Ordnung. Dann werden wir Text hinzufügen. Wir werden also dieselbe rote Farbe verwenden, und dann beträgt die Transparenz 70% der Opazität Das sind also Opazität und Farbe Rot. Und dann war da noch eine Unschärfe, und dann ging es zur weißen und dann zur roten Hintergrundfarbe Also kopieren wir den roten Festkörper erneut, setzen ihn vielleicht über den schwarzen Und dann stellen Sie sicher , dass sich der rote Festkörper an der richtigen Position befindet. Und dann Text, kontrolliere dein D, teile das, das Weiße, nochmal, benenne einfach deine Ebenen um. Dann kopiere das einfach, füge es ein und füge den Ebenennamen hinzu, damit du weißt, um welchen es sich handelt. Gehen Sie wieder nach unten und passen Sie die Position an. Ich denke, es ist besser, wenn ich die Farbe so anpasse, dass ich sie sehen kann , und sie dann einfach nach unten verschiebe. Da hast du's. Am Anfang gab es eine Unschärfe und ein Aufflackern. Wir werden den Übergang „Brennen“ und „Unschärfe“ erneut kopieren Brennen“ und „Unschärfe“ erneut So wie es ist. Leg es hier hin. Jetzt ist das erledigt. Jetzt kommt als Nächstes die Unschärfe hier in diesem Teil. Also werden wir es einfach kopieren und einfügen, es hier ablegen. Also gut, lass uns sehen, wie das aussieht. Also würde ich die Opazität für diese Texte anpassen wollen die Opazität für diese Texte weil ich finde, dass sie zu verblasst ist , weil ich finde, dass sie zu verblasst ist, oder? Das sieht besser aus 10. 10 2 "Langsame" Animationen: Das nächste , woran wir arbeiten werden, ist dieser Teil. Es gibt also zwei Animationen für das Wort langsam. Also das ist der erste und dann der zweite. Okay, der erste Teil ist also, er hat einen Schnitt, aber dieser, die Animation steigt und dann geht es mit dem Echo weiter Also werden wir das jetzt machen. Also für diesen werde ich einfach eine neue Komposition für die beiden Animationen erstellen eine neue Komposition für , damit ich Ihnen zeigen kann, wie es gemacht wurde. Aber die Textposition. Und dann die Farbe Rot. In Ordnung, jetzt haben wir diesen Text. Als Nächstes kommt das Echo. Da die Animation immer mehr zunimmt, habe ich einfach den Originaltext kopiert und , der das Echo enthält , einfach hinzugefügt Das Original hat keine Wirkung, nur die Animation oder die Keyframes Und dann lege ich einfach die Textur darunter, damit es diesen Echoeffekt hat. Und ich habe den Gamblur hinzugefügt, um diesen verschwommenen Effekt zu erzielen. In Ordnung, die erste Animation ist fertig. Die zweite ist die, bei der es Text ausschneidet und dann kleine Wörter und dann geht es vorwärts Wir müssten das also ausschneiden und am unteren Rand platzieren und dann sicherstellen, dass Sie den Keyframe nach vorne bewegen , sodass der Text, wenn Sie ihn sehen, sich bereits so bewegt Für den nächsten Teil müssen wir ihn dann etwas kleiner haben und dann sicherstellen, dass er sich in der Mitte befindet Entferne den vorherigen Keyframe. Achten Sie darauf, ihn in die Mitte zu verschieben. Und dann geht es mit dem Keyframe weiter. Ordnung, stellen Sie also sicher, dass es keinen Keyframe aus dem vorherigen enthält , seit wir Also füge einfach die Keyframes am Anfang hinzu. Ich denke, das ist viel kleiner. Lass mich 200 besorgen und dann sicherstellen, dass es in der Mitte ist. Und dann fügen wir den Keyframe für die Skala hinzu. Stellen Sie sicher, dass es sich in der Mitte befindet, Taste und stellen Sie sicher, dass es sich in der Mitte befindet Ich würde wollen, dass es ein bisschen größer ist. Andererseits willst du, dass es in der Mitte steht. Okay, lass uns sehen, wie das aussieht. Verschieben Sie die Keyframes. Die Animation bewegt sich schneller. Da hast du's. Auch hier gilt: Achte nur darauf , dass es sich nicht überschneidet. Und damit Sie die Animation sofort sehen können, ohne dass sie stagniert oder still steht, stellen Sie einfach sicher, dass sich die Keyframes vor dem Text befinden , damit wir die Aktion sofort sehen können, bevor der Text angezeigt Aktion sofort sehen können, bevor der Text Da hast du's. Das ist der erste. Das zweite hat also keinen Schnitt in der Mitte. Also geht es mit dem Echo auf die Animation und dann mit dem Echo nach vorne, richtig? Also das werden wir jetzt tun. Da wir bereits diese Animation haben , in der es weitergeht, möchte ich diesen Text verwenden. Verschiebe ihn hierher, zeige den Keyframe Also habe ich die Ebene einfach zuvor kopiert und nach rechts verschoben , da das die zweite Animation ist, in der es vorwärts geht Ich habe die Position einfach mit einem Keyframe und dann diesen zusätzlichen Keyframe hinzugefügt. Ich habe diesen Keyframe einfach dort dupliziert wo er sich zu bewegen begann , sodass wir eine Pause haben, wenn Es gab eine Pause, bevor es weitergeht. Das ist also die Animation genau dort. 11. 11 Zur Fotogalerie wechseln: Das ist jetzt der nächste, den wir neu erstellen werden Also kopieren wir die Animation von hier in die Fotogalerie zu den beiden langsamen Wörtern oben und unten mit dem Bild von Marshmallow in Wir werden das Wort Bewegung haben, und dann wird es mit einem Echo untergehen Da wir diese Animation also bereits haben, werde ich sie vereinfachen indem ich kopiere, was wir bereits zuvor gemacht haben. Ordnung, das ist also die Animation, die wir benötigen würden Ich werde das einfach kopieren und in die Hauptkomposition einfügen Das wird also Bewegung sein, das Wort Bewegung, und die Farbe ist weiß, und der Hintergrund ist schwarz. Also habe ich einfach die Ebene kopiert, die wir zuvor verwendet haben, und dann habe ich sie einfach am unteren Rand der Ebene platziert und dann sichergestellt, dass sie sich nicht mit der anderen überschneidet. In Ordnung, also Schlüsselbild. Dafür werden wir also den Keyframe anpassen. In Ordnung, lassen Sie uns das Wort Bewegung daraus machen. Und dann machen wir es weiß. Das ist also Bewegung. Und dann denke ich, dass die Größe genau dort etwas kleiner ist. Platz in der Mitte. In Ordnung, das war's also. Das ist Bewegung. Lass uns das umbenennen. Bewegung, Textspur. In Ordnung, also passen wir die Position an und gehen dann runter. Lass uns das kopieren, hier weitermachen, den Keyframe verschieben. Ich glaube, ich werde einfach den obigen Text entfernen und nur den Text haben Ja, das funktioniert einfach gut. Diese Animation für Bewegung, es ist nur der Text ohne den Text darüber Und dann benutzen wir wieder Echo dafür. Und das sind die Einstellungen , wie Sie das erstellen können. Und jetzt werden wir die Fotogalerie erstellen. 12. 12 Fotogalerie-Animation: Also, wenn die Bewegung untergeht, werden wir diesmal die vier Bilder haben , bei denen der rote Farbton verblasst, und dann noch viel mehr Bilder, die wir zeigen werden Und dann wird es verkleinert. Lassen Sie uns eine neue Komposition erstellen, die wir Fotogalerie nennen werden Okay. Jetzt sind wir also in der neuen Komposition. Ziehen Sie die Ebenen in diese Komposition. Da es also wieder herauszoomt, werden wir die Komposition mit den vielen Bildern erstellen , das ist die Fotogalerie, die Sie zuvor gesehen haben. Es konzentriert sich also zuerst auf vier Bilder, dann werden andere Bilder eingeblendet, und dann wieder herausgezoomt, um einen viel breiteren Aspekt der Fotogalerie zu sehen einen viel breiteren Aspekt der Fotogalerie Also werden wir das hier in dieser Komposition tun. Das machen wir, indem wir das Bild neu skalieren, weil wir eine viel breitere Galerie erstellen werden , nämlich die Who-Galerie hier. Wir werden eine Menge Bilder kopieren. Also werde ich die Größe oder den Maßstab der Bilder anpassen , auf 40. Auch hier müssten wir die Ebenen umbenennen , von denen wir wissen, mit welcher Ebene wir arbeiten. Also müssen wir Nick es einfach hierher verschieben. Wir haben Joe hier. Wir haben Marshmallow hier. Stellen Sie es in die Mitte. Jetzt, wo wir die Basis haben, werden wir kopieren müssen. Auch hier möchte ich dies umbenennen, um zu wissen, welches das Original ist , das wir später für die Animation mit dem roten Farbton nach oben animieren werden Wir haben die Basis. Jetzt haben wir die ganze Fotogalerie. Ich habe sie auch farblich gekennzeichnet, um zu wissen, welche Teile vorhanden sind, sodass ich leicht Übergänge erstellen kann. Also lassen wir diese Animation nach oben gehen mit dem roten Farbton verblassen Okay, lassen Sie uns also die erste Position der Animation animieren , die nach oben Lassen Sie uns die Position an der Stelle, an der sie enden soll, mit einem Keyframe versehen und dann die Keyframes einfach subtil anpassen Fügen wir etwas mehr hinzu, damit wir die Bewegung sehen verschiedene Animationen dafür haben Damit wir Abwechslung haben und sehen, wie das aussieht. Ordnung? Das sieht gut aus. Jetzt fügen wir einen Farbton hinzu, um den Keyframe zu öffnen, platzieren ihn nach rechts, weil wir wollen, dass er weiß Und dann werden wir für Rot wieder den Farbcode Rot verwenden Wir wollen, dass es rot ist und dann weiß wird. Du kannst es genau hier sehen. Lassen Sie uns den Farbton kopieren und auf die anderen Bilder anwenden . In Ordnung. Und dann kommt die Opazität, wo sie zum Tragen kommt. Gehen wir zur Transparenz über. Ordnung. Lass es uns auf Null setzen Lass uns sehen, wie das aussieht. In Ordnung, wir haben jetzt also die Grundfarbe Rot. Ich würde das Rot etwas mehr verschieben wollen , damit wir sehen können, dass dort ein Rot war, also verschiebe es. Ordnung. Das sieht gut aus. Jetzt blenden wir die anderen Bilder ein, die diese vier Hauptbilder umgeben . Im Moment taucht es einfach auf. Wir müssen den Effekt des Einblendens haben. In Ordnung, die Animationen sehen also gut aus. Und dann verblasst es hier. Lassen Sie uns also die notwendigen Anpassungen vornehmen. Stellen Sie sicher, dass dies viel länger dauert als die anderen. Stellen Sie für die Opazität sicher, dass diese Farbe ausgeblendet wird. Erstellen Sie erneut ein Schlüsselbild 100-0. Und dann verblasst sein Bild bei Marshmallow nicht Und sorge dafür, dass das so bleibt. Und dann das Ausblenden von den anderen Brüdern, variiert einfach, und dann stellen Sie sicher, dass die hier auch ausgeblendet Stellen Sie sicher, dass diese zuerst ausgeblendet werden, bevor Sie das tun. In Ordnung, das sieht also gut aus mit den Animationen. Wir müssen diese länger verlängern , da wir sie vergrößern und verkleinern werden, und dann muss auch die Deckkraft angepasst werden, um die notwendigen Anpassungen vorzunehmen. In Ordnung. Jetzt ist die Fotogalerie gut. Wir werden jetzt den Zoom-In- und Out-Effekt erzielen. Gehen Sie also einfach zurück zur Hauptkomposition und ziehen Sie die Fotogalerie einfach hierher. Also werden wir jetzt die Skala anpassen. Wir werden es auf diesen Teil skalieren. Es sind also fast 200, vielleicht 190. Ordnung. Also das ist die Waage. Das Einblenden war für diese Seiten etwas überstürzt, also passen wir sie innerhalb der Komposition an Mal sehen, wie das aussieht. Das sieht gut aus, und dann behalten wir das, um den Keyframe so zu bekommen, dass er sich nicht bewegt Ich würde es wieder tun, es würde eine Pause machen, es würde ein bisschen herauszoomen Mal sehen, wie das aussieht. Fügen Sie dann erneut ein weiteres Schlüsselbild hinzu, das identisch ist, sodass wir eine Pause einlegen und dann wieder herauszoomen . Mal sehen, wie das aussieht. Und dann zoomen wir jetzt auf Marshmallow. Stellung. Jetzt werden wir Marshmallow vergrößern, also stellen Sie sicher, dass der Keyframe für die Position festgelegt ist, und dann zoomen wir hinein also stellen Sie sicher, dass der Keyframe für die Position festgelegt ist, und dann zoomen wir dann den Positions-Keyframe Ich habe gerade die Keyframe-Animation angepasst. Und jetzt fügen wir den Text von Slow hinzu. Da wir ihn schon hier haben, werden wir ihn kopieren. Da es also beide weiß ist, ist das in Ordnung Kopieren Sie es und legen Sie es dann hier oben drauf. Also ist der erste durchgehend schwarz und dann wird er wieder rot. Kopieren Sie also einfach den Festkörper und platzieren Sie ihn nur auf der schwarzen Ebene, dem Cue. Stellen Sie sicher, dass Sie die Anpassung auf der Grundlage des Timings vornehmen, passen Sie auch dieses an. Für die zweite Langsamkeit hat es die Farbe Rot. Achten Sie also darauf, die Schichtung zu korrigieren. Es überschneidet sich nicht. Ordnung, es würde also ungefähr so aussehen . Da hast du's. 13. 13 Hinzufügen von Texturen und Effekten: In Ordnung, jetzt sind wir mit den Animationen fertig. Es ist also an der Zeit, dass wir diese Texturen und Effekte zum Wackeleffekt hinzufügen diese Texturen und Effekte zum Wackeleffekt Das erste, was wir erstellen müssten, ist, eine Einstellungsebene hinzuzufügen Gehen Sie also zur Ebene und klicken Sie auf Neue Einstellungsebene. Stellen Sie sicher, dass sich die Einstellungsebene oben befindet, damit alles unten von dieser Einstellungsebene beeinflusst wird . Der erste Effekt, den wir anwenden werden , ist die posterierte Zeit. Das ist also in Effekten und Presets zu finden. Geben Sie also einfach posterized time ein und wenden Sie es hier an. Also lass uns diese Posterisierungszeit umbenennen. Für meine Komposition würde ich eine Bildrate von zehn haben wollen, da es 30 Bilder pro Sekunde würde ich eine Bildrate von zehn haben wollen Schauen wir uns also an, wie das ist. Also gut, das sieht gut aus. Also hast du diesen verzögerten Frame-Root-Effekt. Da hast du's. In Ordnung, beim nächsten werden wir also Rauschen hinzufügen. Gehen Sie wieder zur Ebene, zur neuen Einstellungsebene, legen Sie sie nach unten und machen Sie dieses Geräusch Fügen Sie hier Rauschen hinzu. In Ordnung, vielleicht fügst du einfach 8% des Rauschens hinzu. Ordnung. werden wir eine weitere Einstellungsebene erstellen. Jetzt werden wir den Glow-Effekt hinzufügen. Also wieder leuchten Effekte und Presets. Der Glow-Effekt ist also ein bisschen stark, also müssten wir Anpassungen vornehmen Für die Glühschwelle erhalten wir also 9% für den Leuchtradius, also 75 Leuchtintensität. Lassen Sie uns das runterbringen, Glow-Composite oben drauf. B-Farben. Ordnung. Als nächstes folgt eine weitere Einstellungsebene Das ist jetzt für die Farbkorrektur. Wir gehen wieder zu Effekten und Voreinstellungen und geben Kurven ein Passen Sie die Kurven ein wenig an oder passen Sie die schwarze Farbe an. Wie Sie sehen können, hat die schwarze Farbe diesen Verblassungseffekt. Also werden wir das nur leicht anpassen, sodass es kein reines Schwarz ist, sondern es leicht ändern. Okay, das nächste, was wir hinzufügen werden, ist das Bildschirmgeräusch Für diesen werde ich meinen eigenen Effekt dafür verwenden. Das ist also ein Video, und dann werde ich es einfach als Overlay ändern, da es nur 10 Sekunden sind und ich hier in der Hauptkomposition nicht viele Ebenen haben möchte hier in der Hauptkomposition nicht viele Ebenen haben Ich werde dafür eine neue Komposition erstellen und sie einfach hier hinzufügen Und ändere einfach die Dauer. Also müsste ich nur die Skala so anpassen , dass sie das gesamte Bild abdeckt, und dann ändere ich das auf Bildschirm. Jetzt haben wir diesen 30-Look, die Opazität oder Transparenz liegt bei 50%, damit es nicht zu sehr ablenkend wirkt Machen Sie es einfach auf 30%. Um es nicht sehr ablenkend zu machen. Jetzt hast du also diesen dreckigen Filmeffekt. Als Nächstes fügen Sie ein bisschen Unschärfe hinzu. Lassen Sie uns also noch einmal eine Ebene erstellen, eine neue Ebeneneinstellungsebene neue Ebeneneinstellungsebene Textur messen und verwischen, sie hier haben, Effekte und Voreinstellungen für die Messung und Unschärfe, dann hier, gehen Sie auf 10% und reduzieren Sie dann die Deckkraft, damit sie so leuchtet Wie Sie sehen können, leuchtet es, vielleicht 20%, oder? Jetzt haben wir also diesen Glüheffekt. Das Letzte, was ich tun möchte, ist der Wackeleffekt. Ich müsste die Einstellungsebene dafür erstellen. Dieser wird also einen Wackeleffekt haben. Gehen Sie zur Stoppuhr, drücken Sie Alt und die linke Maustaste und geben Sie dies Danach alle Dinge, die Sie bewegen möchten, stellen Sie sicher, dass Sie sie mit dem Wackeleffekt verknüpfen, genau wie dieses Bild, stellen Sie sicher, dass Sie auf den Wackeleffekt klicken und schauen Sie sich dann an, wie er aussehen wird Also bewegt es sich gerade. Das werden wir für den Rest des Textes tun. Es wackelt also, sogar die Texte wackeln, und für die erste Strophe werden wir das auch mit dem Wackeleffekt verknüpfen Und da sich das Bild, wie ich bereits erwähnt habe, nicht bewegt, schauen Sie sich an, wie das aussehen Wie Sie sehen können, bewegt sich der Text. Sie können dies auch anpassen wenn Sie möchten, dass sich die Dinge etwas offensichtlicher bewegen. Wie Sie hier sehen können, bewegt sich das Bild nicht, aber der Text bewegt sich. Wenn Sie das Bild also innerhalb dieser Komposition platzieren, bewegt sich das Bild ebenfalls, da die gesamte Komposition mit dem Wackeleffekt verknüpft ist Wenn Sie es jedoch außerhalb der Komposition platzieren und es nicht mit dem Wackeleffekt verknüpft ist, wird es sich nicht bewegen, also genau das wollen wir Das nächste Ding ist also das Heu. Also dieser. Also das bewegt sich, während sich das Bild darunter nicht bewegt. Also nochmal, verbinde das einfach mit dem Wackeleffekt. Und so würde es aussehen. Die Textüberlagerung bewegt sich also, das Bild jedoch nicht. Und dann müssen wir das draußen platzieren, damit wir nicht möchten, dass sich das Bild bewegt, während wir hier draußen verlinken. Platziere es auf der richtigen Ebene. Da haben wir's. Einziehen , Wackeleffekt Wie Sie sehen können, bewegen sich die Texte. Wenden Sie den Wackeleffekt erneut an. Hier gilt das Gleiche. Wackeleffekt. Stellen Sie sicher, dass Sie den gesamten Text, der verschoben werden muss, verknüpfen. Sie können sehen, dass es sich bewegt. Du hörst. In Ordnung, bitteschön. So bearbeitet man also dieses lyrische Musikvideo mit After Effects Und ich hoffe, es hat dir so viel Wert gebracht. Und bitte kommentieren Sie unten, wenn Sie weitere Fragen oder Bedenken haben, und ich werde mein Bestes versuchen, diese zu beantworten , um Ihre Fragen zu beantworten.