Übergänge meistern: Erklärvideos und Projekte mit mehreren Szenen in Adobe After Effects erstellen

1. Einführung: Sie möchten also lernen, wie man Erklärvideos erstellt. Das ist großartig. Das bedeutet , dass Sie Ihre Karriere ernst nehmen. Vielleicht möchtest du auch Produktdemovideos, Dokumentarfilme für YouTube oder sogar animierte Musikvideos beherrschen Dokumentarfilme für YouTube oder sogar animierte Musikvideos Wissen Sie, was all diese Projekte gemeinsam haben? Übergänge. Lass es mich erklären. All diese Arten von komplexen Projekten bestehen aus mehreren Stints Zum Beispiel können Erklärvideos zwischen 5 und 20 Stents enthalten zwischen 5 und 20 Stents Als Motion-Designer-Anfänger hatte ich, nachdem ich das Drehbuch für meine Kunden erhalten und die Stints entworfen hatte, immer noch große Angst davor, diese Projekte Der Grund, warum ich nicht verstand, wie man alle Stints in der Animationsphase reibungslos miteinander verbindet Ich wusste nicht, wie man von einer Szene zur anderen übergeht von einer Szene zur anderen Ein paar Jahre später, nachdem ich Erklärvideos gemeistert hatte und After Effects-Dozent geworden war, zu meiner Überraschung die wichtigste Frage , die war zu meiner Überraschung die wichtigste Frage , die ich von meinen Schülern immer wieder Wie wechseln wir von einer Szene zur anderen? Die meisten von ihnen hatten dieselbe Angst wie früher, und das hielt sie davon ab, große Projekte anzunehmen. In diesem Moment wurde mir klar, dass ich dieses Problem ein für alle Mal lösen wollte. Noch wichtiger war, dass ich es auf unterhaltsame und leicht verständliche Weise vermitteln wollte . Und so wurde Transition Mastery geboren. Der Kurs beginnt mit den ersten beiden Lektionen, in denen ich Sie durch die Grundlagen führe und die verschiedenen Arten von Übergängen von Grund auf aufschlage die verschiedenen Arten von Übergängen von Dann werde ich Sie durch einige wichtige Dinge führen, die Sie in der Vorbereitungsphase wissen müssen , bevor wir uns mit der Animation befassen In diesen beiden Lektionen müssen Sie nichts tun. Lehnen Sie sich einfach zurück, schauen Sie zu und hören Sie zu. Sobald Sie sich mit den Grundlagen vertraut gemacht und ein solides Verständnis der Übergangstypen erworben haben, gehen wir direkt auf die praktische Seite der Dinge ein, und dann ergreifen Sie Maßnahmen. Während des Kurses werden Sie ein tiefes Verständnis der am häufigsten verwendeten Übergänge in komplexen Projekten erlangen . Diese Fähigkeit hilft Ihnen nicht nur dabei, reibungslose Animationen zu erstellen, sondern hilft Ihnen auch dabei, Ihre Projekte besser zu planen, sie für einfache Änderungen zu strukturieren und sogar die Projektkosten genauer einzuschätzen, und sogar die Projektkosten genauer einzuschätzen da Sie endlich verstehen was für die Arbeit an komplexen Projekten erforderlich ist Sie werden auch herausfinden, wie Sie die höchste Qualität für Ihre Projekte erreichen und potenzielle Probleme erkennen , die während des Prozesses auftreten können , sowie praktische Lösungen zu ihrer Behebung Am Ende des Kurses werden Sie mit unzähligen Ideen für eine Vielzahl von Übergängen gefüllt sein , und was noch wichtiger ist, Sie werden wissen, wie Sie sie in After Effects erstellen können. Sie werden sich mit dem richtigen Arbeitsablauf für den Umgang mit komplexen Animationen vertraut machen, z. B. wann Kamera verwenden und wann Sie sie überspringen sollten, wann und warum Sie Ihre Ebenen vorkomponieren sollten und wie Sie drei D und bis zu den Stings reibungslos mischen können, und wie Sie drei D und bis zu den Stings reibungslos mischen um Ihre Animationen auf das nächste Level zu bringen Machen Sie sich keine Sorgen, wenn Sie das Gefühl haben, dass Sie diesen Kurs nicht bewältigen können , denn ich werde Sie mit hilfreichen Hinweisen anleiten, damit Sie immer wissen, wann Sie einfach zuhören und wann Sie springen und mitmachen müssen. Sie erhalten auch Fragen aus der Mittelklasse, die Ihnen helfen, wichtige Techniken auswendig zu lernen und sich an all die wichtigen Dinge zu erinnern Und mach dir keine Sorgen, ich werde dich daran erinnern, genau zur richtigen Zeit Pausen einzulegen , damit du frisch bleibst und nicht ausbrennst Außerdem werden alle Lektionen mit einem professionellen Voiceover geliefert , das sehr leicht zu verstehen ist und sich perfekt für Personen eignet, die Englisch nicht als Muttersprache Darüber hinaus werden wir uns während des gesamten Kurses mit einigen unterhaltsamen Dingen befassen, werden wir uns während des gesamten Kurses mit einigen unterhaltsamen Dingen befassen Sie jeden Tag üben möchten, wie z. B. das Erstellen von Drei-D-Objekten und Textanimationen Wir werden auch tolle Hintergründe entwerfen und sogar einige grundlegende Charakteranimationen ausprobieren. Du wirst mit Bounce-Animationen, auffälligen Formanimationen und vielem mehr herumspielen Bounce-Animationen, auffälligen Formanimationen und vielem mehr Und zum Abschluss habe ich noch eine lustige Hausaufgabe für dich Ich habe drei verschiedene kleine Projekte entworfen , die zur Animation bereit sind. Zu jedem Projekt findest du ein Video, das den Übergang zeigt, den du erstellen sollst Die Bildschirmdesigns sind einfach, sodass Sie sich voll und ganz darauf konzentrieren können, Ihre Übergänge zu perfektionieren Sie können sofort mit der Animation beginnen, aber wenn Sie sich nicht sicher genug fühlen, können Sie in der After Effects-Projektdatei, die für jede Aufgabe bereitgestellt wird, nachlesen, wie ich den Übergang erstellt habe After Effects-Projektdatei, die für jede Aufgabe bereitgestellt wird, nachlesen, wie ich den Wenn Sie also bereit sind, Ihre Motion-Design-Fähigkeiten zu verbessern und große Projekte endlich selbstbewusst in Angriff zu nehmen , sollten Sie keine Zeit verlieren Lassen Sie sich von mir mit meiner jahrelangen Erfahrung begleiten , damit Sie Ihre Lernkurve verkürzen und noch heute damit beginnen können Ihre Lernkurve verkürzen und , den Übergang zu meistern Machen Sie den Sprung, überwinden Sie Ihre Ängste und lassen Sie Ihrer Kreativität freien Lauf, indem Sie den Übergang meistern 2. Übergänge, die du in After Effects machen kannst: Hallo, und willkommen zur ersten Lektion. In dieser Lektion müssen Sie nichts tun, sondern nur zuschauen und zuhören. Wir werden mit grundlegenden Übergängen beginnen , mit denen die meisten von Ihnen wahrscheinlich bereits vertraut sind. Sie haben vielleicht das Gefühl, dass Sie sich das nicht ansehen müssen, aber ich bestehe darauf, dass Sie es tun, weil ich mir sicher bin , dass Sie viele Dinge entdecken werden, die Sie nicht wussten. Am wichtigsten ist, dass diese Lektion Ihr Gehirn aufwärmen wird , bevor wir uns mit der Animation befassen. Fangen wir mit den Grundlagen an. In meinem Fall demonstriere ich die Beispiele anhand von Videos von Tieren, aber das könnte eine Vorabversion oder eine andere Ebene in Ihrem Projekt Ich verwende diese grundlegenden Übergänge bei Videos, weil sie für solche Aufnahmen aus dem echten Leben besser funktionieren solche Aufnahmen aus dem echten Leben als für animierte Grafiken Natürlich können Sie diese Übergänge in Ihren Motion-Design-Projekten verwenden diese Übergänge in Ihren , wenn Sie möchten, aber sie funktionieren in der Regel besser mit echten Videos. werden wir uns mit Übergängen speziell für Anschluss an diese werden wir uns mit Übergängen speziell für Motion-Design-Projekte befassen und sie später im Kurs üben. Im Moment ist es mir sehr wichtig, dass Sie sich mit den Grundlagen vertraut machen. Ich werde anhand der Vorkompositionen, die ich bereits für diese Lektion vorbereitet habe, zeigen, wie alle Übergänge erstellt , zeigen, wie alle Übergänge Vorkompositionen, die ich bereits für diese Lektion vorbereitet habe Auf diese Weise können wir lernen, jeden Übergang von Grund auf anzugehen und nicht nur zu sehen, wie er aussieht Wir beginnen mit dem einfachsten, dem Cut-Übergang. Ein Schnittübergang entsteht, wenn wir eine Sequenz zu einem bestimmten Zeitpunkt beenden und unmittelbar danach mit der nächsten beginnen. Zuerst suche ich in meinem Video den Moment heraus, an es enden soll, wo der Panther seinen Kopf dreht Jetzt drücke ich Alt in der rechten Klammer, um diese Ebene von der rechten Seite zuzuschneiden Das ist vom Ende dieser Ebene. Als Nächstes finde ich im zweiten Video den Moment , an dem es beginnen soll. Sagen wir irgendwo hier in der Nähe. Ich drücke Salz in die linke Klammer. Um es von der linken Seite zuzuschneiden, das ist der Anfang dieser Ebene. Jetzt muss ich nur noch die zweite Ebene direkt nach der ersten platzieren. Nachdem ich das überprüft habe, sieht es gut aus, ich kann weitermachen. Bei Schnittübergängen ist es wichtig, sicherzustellen, dass die Ebenen unmittelbar hintereinander platziert werden. Manchmal können wir versehentlich eine Lücke von einem oder zwei Bildern hinterlassen, was zu unnötigen leeren Rahmen zwischen den Ebenen führen kann , wie Sie jetzt sehen können. Stellen Sie also sicher, dass Sie die Ansicht vergrößern und , dass zwischen den Ebenen keine Lücke besteht. Ordnung, lassen Sie uns mit dem nächsten fortfahren und einen aufgelösten Übergang erstellen. Ein aufgelöster Übergang liegt vor, wenn die erste Sequenz ausgeblendet wird und die nächste Es ist sehr einfach zu erstellen. Zuerst müssen wir den Zeitpunkt finden an dem die erste Sequenz enden soll. Drücken Sie dann T, um die Opazitätseigenschaft der Ebene zu öffnen die Opazitätseigenschaft der und die sich auflösende Animation zu erstellen Jetzt erstelle ich den ersten Keyframe mit einem Wert von 100%. Nehmen wir an, ich möchte, dass die Auflösung 1 Sekunde dauert . Zu diesem Zeitpunkt setze ich die Deckkraft auf 0% Jetzt kann ich diese Ebene am Ende mit der Alt-Taste und der rechten Klammer zuschneiden Ende mit der Alt-Taste und der rechten Klammer Dann werde ich die Keyframes einfach verkleinern um eine weichere Animation mit verschwindendem Aussehen zu erzeugen Hier ist der Kurzbefehl für die Easy-Ease-Funktion. Um die Sache zu beenden, muss ich den Moment in der zweiten Sequenz finden den Moment in der zweiten Sequenz , an dem sie beginnen soll. Sagen wir kurz bevor der Löwe seinen Kopf dreht. Ich verschiebe die Ebene nach links. Lass uns sehen. Ein bisschen mehr. Jetzt kann ich diese Ebene ab dem Moment beschneiden , an dem die Animation zum Auflösen beginnt. Mal sehen, wie das insgesamt aussieht. Ich finde, es sieht toll aus. Jetzt können wir mit dem nächsten weitermachen. Dieses Mal erstellen wir eine weiße Auflösung , bei der eine Ebene den gesamten Frame bedeckt, um den gesamten Frame zwischen den Sequenzen zu wechseln. Die Ebene muss nicht weiß sein. Sie können jede andere Farbe verwenden, aber in den meisten Fällen ist es besser, Weiß oder Schwarz zu verwenden. Für diesen Übergang müssen wir zunächst die erste Sequenz zu dem Zeitpunkt beschneiden, an dem der Übergang stattfinden soll. Finden Sie dann den Zeitpunkt dem die zweite Sequenz beginnen soll, und platzieren die beiden Ebenen nacheinander , ähnlich wie wir es beim Schnittübergang gemacht haben. In meinem Fall stelle ich nach dem Überprüfen des Videos fest, dass der beste Zeitpunkt um das zweite Video zu starten, der Anfang ist. Ich werde die Ebene hier platzieren. Danach erstellen wir eine weiße feste Ebene oder eine weiße geformte Ebene, die den gesamten Rahmen bedeckt. Dieses Mal werde ich eine Formebene verwenden. Stellen Sie dazu sicher, dass keine Ebene ausgewählt ist , um zu vermeiden, dass eine unnötige Maske erstellt wird. Doppelklicken Sie dann auf das Rechteckwerkzeug. Dadurch wird ein Rechteck erstellt das genau der Größe Ihrer Komposition entspricht. Sie als Nächstes sicher, dass Sie die richtige Farbe auswählen und den Strich für diese Form ausschalten. Drücken Sie nun die Eingabetaste auf der Ebene, um sie in White Dissolve umzubenennen und sie über den beiden Sequenzen zu platzieren. Als Nächstes beschneiden Sie diese Ebene. Nehmen wir zum Beispiel an, sie beginnt bei 13 Sekunden und 20 Bildern und endet bei 14 Sekunden und 20 Bildern , also genau 1 Sekunde später, und schneiden Sie sie am Ende ab. Gehen Sie nun zum Anfang dieser Ebene und drücken Sie T, um die Opazitätseigenschaft erneut zu verwenden Dieses Mal erstelle ich den ersten Keyframe mit dem Wert Null Dann gehe ich in die Mitte dieser Ebene und ändere den Opazitätswert auf 100% Schließlich gehe ich zum Ende der Ebene und setze die Deckkraft wieder auf Null Jetzt kann ich die Keyframes ganz einfach verkleinern. Danach platziere ich die Ebene so , dass sie bei einer Deckkraft von 100% genau an dem Zeitpunkt ausgerichtet ist, an dem ein Schnitt zwischen den beiden Auf diese Weise wird der Schnitt ausgeblendet, weil die weiße Form ihn bedeckt, wodurch ein glatter, weißer Übergang entsteht . Achten Sie nur darauf , dass Sie, wenn Sie das Timing des Übergangs zwischen den Sequenzen ändern , auch die aufgelöste Ebene entsprechend verschieben. Dadurch wird sichergestellt, dass der Moment , in dem die aufgelöste Ebene eine Opazität von 100% erreicht , perfekt mit dem Schnitt übereinstimmt Mal sehen, wie das aussieht. Fantastisch. Weiter zum nächsten. Dieses Mal werden wir einen flackernden Übergang erzeugen , Szene eine energetische Atmosphäre verleiht Es ist sehr einfach zu erstellen und ähnelt der Animation zum Auflösen sehr, da wir wieder die Opazitätseigenschaft verwenden werden Zuerst müssen wir den Übergangspunkt zwischen den beiden Sequenzen finden den Übergangspunkt zwischen den beiden Sequenzen Ich werde diesen Prozess beschleunigen. Dann dupliziere ich die weiße Auflösungsebene mit Strg oder Befehl D. Jetzt setze ich diese Ebene über die beiden Sequenzen und platziere sie vorerst hier. Dann drücke ich auf Sie und lösche die zugehörigen Schlüsselbilder. Jetzt setze ich die Deckkraft auf Null und positioniere diese Ebene jetzt an dem Punkt, an dem das Flackern beginnen soll Lassen Sie uns diese Ebene von hier aus starten und sie in Flicker umbenennen Großartig. Jetzt drücke ich T, um die Opazitätseigenschaft zu öffnen und den ersten Keyframe mit dem Wert Null zu erstellen den ersten Keyframe mit dem Wert Null Dann verschiebe ich einen Frame vorwärts und setze die Deckkraft Lassen Sie uns zur besseren Sichtbarkeit in die Zeitleiste zoomen . Hier ist eine Abkürzung, um jeweils ein Bild zu verschieben Halten Sie die Strg- oder Befehlstaste gedrückt und drücken Sie die Rechtspfeiltaste, um ein weiteres Bild vorwärts zu wechseln. Jetzt setze ich den Wert wieder auf Null. Bewege einen weiteren Frame vorwärts und setze die Deckkraft auf 100%. Anstatt diese Aktion manuell zu wiederholen, kann ich die Keyframes kopieren, die ich bereits erstellt habe Verschieben Sie ein Bild vorwärts und fügen Sie sie ein. Ich werde diesen Vorgang noch ein paar Mal wiederholen. zum Abschluss sicher, dass der letzte Keyframe den Wert Null hat Jetzt möchte ich nicht, dass dieses Flackern zu lange anhält. Ich gehe zum letzten Keyframe und schneide die Ebene auf der rechten Seite zu, um sie dort zu beenden Abschließend positioniere ich die Flimmerebene so, dass im Schnittmoment zwischen den beiden Sequenzen die Deckkraft bei 100% liegt Dadurch wird sichergestellt, dass das Flimmern den Schnitt vollständig abdeckt, sodass wir einen kühlen Schauen wir uns noch einmal an, wie das aussieht. Fantastisch. Jetzt können wir zu unserem letzten grundlegenden Übergang übergehen, dem Overlay-Übergang Dabei wird ein weiteres Filmmaterial verwendet , um den Schnittmoment zwischen den beiden Sequenzen für einen sehr kurzen Zeitraum abzudecken den beiden Sequenzen für . Mal sehen, wie das geht. Zuerst müssen wir wie immer den Moment finden, an dem die erste Sequenz enden soll und die Ebene bis zu diesem Punkt zuschneiden. Nehmen wir an, ich möchte, dass es hier endet. Suchen Sie dann den Startpunkt für die zweite Sequenz und schneiden Sie den unnötigen Teil ab. Ich kann jetzt die Timeline vergrößern, um zu überprüfen, ob meine beiden Sequenzen richtig platziert sind und keine Lücken zwischen ihnen bestehen. Nachdem wir den Übergangspunkt eingerichtet haben, können wir einige interessante Aufnahmen als Overlay für den Übergang verwenden als Overlay für den Übergang In meinem Fall habe ich dieses coole Video mit alten TV-Bildern gefunden. Ich werde es über den beiden Sequenzen platzieren, und jetzt werde ich in diesem Filmmaterial einen schönen Moment finden , den ich für den Übergang nutzen kann Zum Beispiel dieser Moment mit dem Kreis und dem Titel. Als Nächstes schneide ich diese Ebene von links ab, sodass sie an dieser Stelle sichtbar wird. Dann suche ich einen Endpunkt für diesen Abschnitt und schneide die Ebene von rechts ab. Jetzt habe ich ein sehr kurzes Filmmaterial, das ich als Überlagerung für meine Sequenzen verwenden kann Ich werde es in dem Moment richtig platzieren, wenn der Schnitt passiert. Und da ist es ein netter Übergang. Ich kann es blau markieren, um es als Übergangsebene in meiner Timeline zu identifizieren. Damit haben wir die Untersuchung der grundlegenden Übergänge abgeschlossen, die wir mit Videos verwenden können. Lassen Sie uns nun zu einigen fortgeschritteneren Übergangstechniken übergehen . Zum Beispiel MAT-Übergänge. Ich werde sie zum besseren Verständnis anhand von Videos aus dem echten Leben demonstrieren , aber Sie können diese Übergänge und Motion-Design-Projekte auch verwenden . MAT-basierten Übergängen werden bestimmte Arten von Filmmaterial verwendet, um unsere Sequenzen auf einzigartige Weise zu enthüllen oder zu verbergen. Wir können das Filmmaterial sogar animieren , um bestimmte Ergebnisse zu erzielen, wie ich es in diesem Beispiel getan habe, indem wir den Maßstab dieses Tintenmaterials animieren , um eine Enthüllungsanimation zu erstellen Im Grunde verwenden wir über die Track MT-Optionen und After Effects ein anderes Filmmaterial als Maske für unsere Sequenzen Track MT-Optionen und After Sie sich keine Sorgen, wenn Sie mit der Track-MAT-Funktion nicht vertraut sind. Ich werde dieses Thema gleich kurz erläutern. Um es genauer zu verstehen, empfehle ich jedoch dringend, meinen kostenlosen Kurs, den Anfängerleitfaden für After Effects, zu lesen, in dem ich dieses Thema ausführlich behandle. Sie finden den Link zum Kurs und die Beschreibung dieses Videos. In der Zwischenzeit öffne ich die nicht animierte Vorkomposition, die für diese Lektion vorbereitet und lass uns sehen, wie das funktioniert. Um diese Art von Übergang zu erstellen, arbeiten Sie in der Regel mit Schwarzweißaufnahmen wie diesem oder mit Pinselanimationen wie dieser Lassen Sie mich diese beiden Filmsequenzen in meine Szene integrieren. Bevor ich weitermache , möchte ich kurz zusammenfassen, worum es bei Track Matt in After Effects geht Es gibt zwei Haupttypen von Track Matt-Funktionen Alpha-Mat und Luma-Mat Lassen Sie uns zunächst verstehen, was Alpha Mt ist. Wie Sie sehen können, habe ich eine Kugel mit einem Schwarz-Weiß-Farbverlauf und einer Videoebene. Dieses Video könnte auch eine Precomp-Ebene oder eine andere Ebene in After Hier sind die Funktionen von Track Matt. Die Funktion „Matt verfolgen“ ist im Grunde eine weitere Möglichkeit, Maskierungsoptionen und After Effects zu beschreiben , ähnlich einer Schnittmaske in Photoshop oder Bedeutet, dass wir eine Ebene als Maske für eine andere Ebene verwenden können. Wenn ich möchte, dass das Video die Kugel als Maske verwendet, muss ich nur den Pick-Whip der Track-Matt-Funktion von der Videoebene auf die Sphärenebene ziehen Track-Matt-Funktion von der Videoebene auf die Sphärenebene Jetzt wird die Kugel automatisch ausgeschaltet und mein Video ist nur innerhalb der Sphärengrenzen sichtbar nur innerhalb der Sphärengrenzen Das bedeutet, dass die Form der Kugel als Maske für das Video verwendet wird. Das Video wird nur innerhalb des Sphärenbereichs angezeigt. Wir können auch hier klicken, um die Alpha-Matte umzukehren , was das Gegenteil bewirkt Jetzt wird das Video im Bereich der Kugel nicht mehr sichtbar sein Um die Matte zu stornieren, muss ich nur das Menü Track Matt öffnen und „Keine“ auswählen. Um es wieder herzustellen, ziehe ich die PI-Peitsche wieder von der Videoebene auf die Sphärenebene Lass uns weitermachen und lernen, was eine Luma-Matte ist. Hier haben wir genau das gleiche Setup mit der Gradientenkugel und dem Video Übrigens, wenn Sie die Funktionen von Track Mat nicht sehen , klicken Sie einfach hier unten auf Toggle Switches Verwenden wir jetzt die Luma-Matte. Zuerst ziehe ich den PI Whip von der Videoebene auf die Sphärenebene Dann ändere ich die Alpha-Matte in die Luma-Matte, indem ich hier klicke Jetzt verwenden wir die Luma-Matte-Funktion. Im Gegensatz zur Alpha-Matte, die nur die Form und Abmessungen der Kugelebene verwendet nur die Form und Abmessungen der , um eine Maske zu erstellen, verwendet die Luma-Matte auch die Helligkeit, die weißen Farben und die Dunkelheit, die schwarzen In unserem Fall die Gradientenkugel. Dies erzeugt einen komplexeren Maskierungseffekt für unser Video. Bei Luma Matte verwendet Aftereffects nicht nur die Form der Kugel, sondern auch die Helligkeit und Dunkelheit der Kugel, um zu bestimmen, welche Teile des Videos sichtbar oder versteckt sind In diesem Fall machen die hellen Bereiche der Kugel das Video sichtbar, während die dunkleren Bereiche es verbergen Wenn wir das Luma Nat invertieren, verstecken die hellen Bereiche das Video und die dunklen Bereiche machen das Video sichtbar wir nun die beiden Trackmat-Optionen verstanden haben, schließe ich die Precomps und wir werden sehen, wie wir diese Technik anwenden können, um wunderschöne Übergänge zu erzeugen Der erste Übergang, den wir erstellen, ist eine Animation zum Enthüllen des Pinsels, wie in diesem Beispiel gezeigt wie in diesem Beispiel gezeigt. Wir haben das Video mit dem Löwen und dann verschwindet es in einem Pinselstil wodurch das Video dahinter zum Vorschein Schauen wir uns an, wie man diesen Effekt erzeugt. Hier sind meine Aufnahmen von Pinselstrichen. Ich lasse es hier und verschiebe die restlichen Ebenen vorerst zur Seite. Als Nächstes füge ich das Video hinzu, mit dem ich interagieren möchte. In diesem Fall der Schneeleopard. Ich platziere es unter den Pinselaufnahmen. Bevor ich die Traktmatte anbringe, kann ich diese Ebene mit einer anderen Farbe kennzeichnen , damit meine Timeline übersichtlich bleibt. Wie Sie sich vielleicht erinnern, verwenden die Trackmat-Funktionen die Form dieser Ebene , um mit dem Video darunter zu interagieren. Denken Sie daran, dass dieses Filmmaterial eine rechteckige Form hat, was für das, was wir tun werden, wichtig ist. Lassen Sie uns dieses Filmmaterial zunächst zu dem Zeitpunkt zuschneiden, an dem der Bildschirm vollständig schwarz wird, da wir den Rest des Filmmaterials nicht für den Enthüllungseffekt verwenden möchten . Ich stelle mich an diese Stelle drücke auf Salz und die rechte Klammer, um es zuzuschneiden. Als Nächstes ziehe ich den Pick-Whip der Track-Mat-Funktion von der Videoebene auf das Pinselmaterial In den neuesten Versionen von After Effects wechselt die Track-Matte automatisch zur umgekehrten Luma-Matte , um die korrekte Interaktion zwischen den beiden Ebenen In den meisten Fällen, wenn wir die Pick-Whip ziehen, ist die erste Matte, die angewendet wird, jedoch die Alpha-Matte Lassen Sie mich sie auf die Standardoption Alpha-Matte zurücksetzen. Jetzt sehen wir nicht, dass etwas passiert. Das liegt daran, dass Alpha Mat, wie Sie sich vielleicht erinnern, nur die Form der matten Ebene berücksichtigt und ihre Farbinformation ignoriert In diesem Fall hat das Filmmaterial, wie ich bereits gezeigt habe, eine rechteckige Form Das bedeutet, dass wir im Wesentlichen eine rechteckige Maske für das Video unten erstellt haben, was wir nicht benötigen. Damit After Effects die Farbinformation in diesem Filmmaterial erkennt, müssen wir hier klicken und zu Luma Matte wechseln Jetzt können wir eine gewisse Interaktion zwischen den beiden Ebenen sehen. In den dunklen Bereichen des Pinselmaterials wird das darunter liegende Video ausgeblendet, während die hellen Bereiche es sichtbar machen. Aber nehmen wir an, ich möchte, dass diese Interaktion später in der Timeline stattfindet. Sagen wir, ab der ersten Sekunde. Im Moment sehe ich nichts, weil die Footageebene in diesem Zeitraum nicht mit der darunter liegenden Ebene interagiert . Die Interaktion beginnt erst in der ersten Sekunde, in der das Pinselstrich-Filmmaterial beginnt. Wie Sie sehen können, machen die weißen Bereiche des Filmmaterials die Ebene darunter sichtbar. Das heißt, wir müssen den weißen Rahmen so erweitern, dass er dort beginnt, wo das Video mit dem Schneeleoparden beginnt Dafür habe ich einen coolen Trick, den ich dir zeigen kann. In diesem Fall kann ich mit der rechten Maustaste auf das Filmmaterial klicken, zur Zeit wechseln und die Zeit-Neuzuweisung aktivieren. Dadurch werden Keyframes für den Start- und Endpunkt des Videos Jetzt kann ich das Filmmaterial von der linken Seite aus erweitern weil wir die Zeit dieser Ebene in Keyframes umgewandelt haben . Alles, was vor dem ersten Keyframe war, wird Auf diese Weise können wir das Filmmaterial so ausdehnen, dass es mehr helle Bereiche enthält , die mit der darunter liegenden Ebene interagieren Ich kann das Filmmaterial sogar später in der Timeline starten und es bis zu dem Punkt erweitern , an dem das Video darunter beginnt. So erstellen wir den verschwindenden Übergang für das Video Lassen Sie uns nun dieses Filmmaterial verwenden, um das Video zu enthüllen. Dazu müssen wir nur die Luma-Matte umdrehen. Dadurch verdecken die hellen Bereiche des Filmmaterials das Video, während die dunklen Bereiche es sichtbar machen , und das ist der Übergang, den ich angestrebt habe Ich wollte dieses Video auf diese Weise enthüllen. Als Nächstes schneide ich die unnötigen Teile des Filmmaterials ab. Jetzt entscheide ich, wo im Video die Enthüllung stattfinden soll. Sagen wir irgendwo hier in der Nähe. Ich bringe das Filmmaterial bis zu diesem Punkt und schneide es so zu, dass ich von hier aus beginne. In diesem Fall müssen wir das Filmmaterial nicht erweitern, da bei einer umgekehrten Luma-Matte die dunklen Bereiche des Filmmaterials wie leerer Raum wirken , der nicht mit dem darunter liegenden Video interagiert Ich weiß, dass es sich am Anfang sehr verwirrend anfühlen mag , aber glauben Sie mir, nachdem Sie ein paar Mal mit den Funktionen der Track-Mat herumgespielt haben, werden Sie sehr schnell den Dreh raus Machen Sie sich keine Sorgen, wenn Sie sich nicht erinnern, welche Art von Luma-Matte Sie für einen bestimmten Effekt verwenden Wechsle einfach ein paar Mal zwischen den regulären und umgekehrten Luma-Optionen und finde heraus , welche für die Animation, die du anstrebst, am besten geeignet Jetzt werde ich das Löwen-Video hier platzieren und einen guten Zeitpunkt finden, um es zu starten Hier sieht es gut aus, kurz bevor der Löwe seinen Kopf dreht. Nachdem der Löwe den Kopf gedreht hat, starte ich die Enthüllungsanimation des Schneeleoparden Es ist sehr wichtig, dass das erste Video so lange läuft, bis die Enthüllungsanimation abgeschlossen ist Andernfalls haben wir einen leeren Bereich in der Timeline. Gehen wir jetzt zum nächsten über. Ich markiere dieses Filmmaterial blau und lasse mich diesen Vorgang erneut demonstrieren. Um das Tintenmaterial für die Interaktion mit dem Black Panther-Video zu verwenden , ziehe ich zunächst den Track Matt-Pick-Whip der Videoebene auf das Tintenmaterial Auch hier wird „Track Matt automatisch auf „Inverted Luma“ gesetzt, wodurch eine aufschlussreiche Animation entsteht Wenn ich die Invertierungsfunktion ausschalte, erhalten wir eine Animation, erhalten wir eine Animation In diesem Fall wollen wir das Video enthüllen. Jetzt muss ich diese Ebenen über allen anderen platzieren. Nehmen wir an, ich möchte, dass das Black Panther-Video zu diesem Zeitpunkt beginnt Nun machen die dunklen Bereiche des Tintenmaterials das Video sichtbar, während die hellen Bereiche es unsichtbar machen Sobald sich die dunklen Bereiche ausbreiten, größerer Teil des Videos sichtbar. Diesmal decken die dunklen Bereiche jedoch nicht den gesamten Frame ab, was bedeutet, dass wir nicht das gesamte Video darunter sehen werden. In solchen Situationen können wir einfach eine skalierende Animation erstellen. Zuerst verschiebe ich den Ankerpunkt des Tintenmaterials in die obere linke Ecke , weil ich möchte, dass es in dieser Richtung wächst. Auf diese Weise erhalte ich mehr dunkle Bereiche, die den Rahmen bedecken. Dann verwende ich die Skalierungseigenschaft, um eine Skalierungsanimation für das Tintenmaterial zu erstellen. Jetzt haben wir die schwarze Farbe, die den gesamten Frame bedeckt. Aber weil wir das Filmmaterial skaliert haben, hat es etwas an Qualität verloren In diesen Fällen aktiviere ich gerne die Qualitäts- und Sampling-Funktion hier. Das kann das Aussehen ein wenig verbessern. Jetzt kann ich das Black Panther-Video vollständig sehen. Schauen wir uns an, wie alles zusammen aussieht. Fantastisch. Damit sind wir fertig mit den grundlegenden Übergängen, die bei der Bearbeitung von Videos am häufigsten verwendet werden. Lassen Sie uns nun weitermachen und mehr über grundlegende Übergänge speziell für Motion-Design-Projekte erfahren grundlegende Übergänge speziell . Der erste Übergang, den wir besprechen werden, ist der äußerst praktische Matchcut-Übergang Ein Match-Cut-Übergang ist ein cooler Trick, der beim Motion-Design und bei der Videobearbeitung verwendet wird Es verbindet zwei Aufnahmen auf reibungslose Weise, indem visuelle Elemente oder Bewegungen zwischen ihnen aufeinander abgestimmt werden. Dadurch fühlt sich der Übergang nahtlos und ziemlich zufriedenstellend an. Wir können einen Match-Cut-Übergang erstellen, indem verschiedene Eigenschaften wie Position, Maßstab oder Drehung verwenden. Jetzt gehe ich jeden einzelnen durch und erstelle sie von Grund auf neu, damit Sie sehen können, wie einfach es ist. Beginnen wir mit der Erstellung eines Match-Cuts, bei dem die Positionsbewegung zweier Elemente in der Szene verwendet wird. In diesem Beispiel erstellen wir einen Übergang zwischen zwei Textebenen. Zuerst muss ich beide an derselben Position platzieren. Um das zu tun, kann ich das Align-Tool verwenden. Danach wähle ich beide Ebenen aus, drücke P, um die Positionseigenschaft zu öffnen, und erstelle für jede Ebene eine einfache Positionsanimation, indem ich sie von oben nach unten verschiebe. Wie Sie sehen können, ist die Bewegung dieser Ebenen derzeit linear, was bedeutet, dass sie sich während der gesamten Animation mit einer konstanten Geschwindigkeit bewegen . Um den Match-Cut-Effekt zu erzielen, müssen sie sich an einem bestimmten Punkt während der Animation sehr schnell bewegen . Dies können wir erreichen, indem wir die Keyframes lockern und sie dann im Diagrammeditor anpassen Stellen Sie sicher, dass Sie die Geschwindigkeitsgrafik verwenden. In der Geschwindigkeitsgrafik können wir die Geschwindigkeit der Animation sehen. Zu Beginn beträgt die Geschwindigkeit null Pixel pro Sekunde, aber in der Mitte der Animation erreicht sie ihren Höhepunkt bei über 50 Pixeln pro Sekunde. Die Geschwindigkeit ändert sich , weil wir die Keyframes von linearen in Easy Ease-Keyframes konvertiert die Keyframes von linearen in Easy Ease-Keyframes Jetzt müssen wir diese Änderung und Geschwindigkeit noch weiter übertreiben Dazu ziehen wir den Ziehpunkt der ersten Keyframes nach rechts und den Ziehpunkt der letzten Keyframes Jetzt liegt die Geschwindigkeit in der Mitte der Animation bei über 2000, wir sind nur noch einen Schritt davon entfernt, den Matchcut zu erstellen Bevor wir das tun, möchte ich Sie daran erinnern , dass Sie die Geschwindigkeit der Keyframes und des Geschwindigkeitsdiagramms nicht manuell anpassen müssen nicht manuell anpassen Keyframes und des Geschwindigkeitsdiagramms Sie können dies mithilfe des Keyframe-Velocity-Panels tun. Um das Keyframe-Velocity-Bedienfeld zu verwenden, zunächst sicher, dass Sie die Keyframes ausgewählt haben Halten Sie dann die Alt- oder Wahltaste auf dem Mac gedrückt und doppelklicken Sie auf einen der Keyframes Dadurch werden die Geschwindigkeitseinstellungen geöffnet. Hier kann ich den Einflussprozentsatz ändern, der dem entspricht, was wir zuvor in der Geschwindigkeitsgrafik angepasst haben der Geschwindigkeitsgrafik und zwar sowohl für eingehende als auch für ausgehende Geschwindigkeiten auf 85% Im Grafikeditor sieht das so aus, als ob wir die Keyframes manuell angepasst hätten, um denselben Effekt zu erzielen Es ist wichtig zu beachten , dass Sie die Keyframe-Geschwindigkeit nicht für verschiedene Eigenschaftstypen gleichzeitig anpassen können die Keyframe-Geschwindigkeit nicht für verschiedene Eigenschaftstypen gleichzeitig Wenn Sie beispielsweise gleichzeitig Eigenschaften-Keyframes skalieren und positionieren auswählen , die Geschwindigkeitsanpassung nur für die gilt die Geschwindigkeitsanpassung nur für die Eigenschaft des Keyframes, auf den Sie Um dies zu vermeiden, beenden Sie die Anpassung eines Eigenschaften-Keyframes, bevor Sie mit einem anderen fortfahren Um nun einen besseren Match-Cut-Effekt zu erzielen, erhöhen wir den Einfluss der Geschwindigkeit noch weiter , um in der Mitte der Animation eine noch höhere Geschwindigkeit zu erzielen der Mitte der Animation eine noch höhere Geschwindigkeit den Geschwindigkeitseinfluss auf 95% einstellen Sie den Geschwindigkeitseinfluss auf 95% einstellen, wird die Bewegung zu Beginn etwas langsamer, aber dann steigt sie in der Mitte der Bewegung sprunghaft an und verlangsamt sich auf die Startgeschwindigkeit Dadurch bewegen sich die Ebenen in der Mitte der Animation superschnell Richtig. Um den Match-Cut-Effekt tatsächlich zu erzeugen, müssen wir nur die Ebenen an dem Punkt aufteilen, an dem ihre Geschwindigkeit am höchsten ist. Dazu wähle ich die erste Textebene aus und gehe zu dem Zeitpunkt, an dem die Geschwindigkeit am höchsten ist. In unserem Fall befindet es sich, wie wir im Diagrammeditor gesehen haben, in der Mitte der Animation. Dann drücke ich Alt und die rechte Klammer, um es vom Ende her zuzuschneiden. Ich mache dasselbe für die zweite Textebene und schneide sie vom Anfang bis zum gleichen Zeitpunkt zu Da beide Ebenen die exakt gleiche Geschwindigkeit und Bewegung haben, entsteht während der Positionsanimation ein superschneller Übergang zwischen ihnen Sie können sehen, es sieht sehr glatt und dynamisch aus und es ist super einfach zu erstellen. Lassen Sie mich Ihnen nun zeigen, wie Sie diesen Effekt mithilfe einer skalierten Animation erzielen können. Das ist so ziemlich derselbe Prozess, aber dieses Mal verwende ich eine Skalenanimation anstelle einer Positionsanimation. Zuerst wähle ich beide Ebenen aus und richte sie mit der Tastenkombination Shift Home an der Mitte der Komposition Dann gehe ich zum Anfang der Animation und erstelle für beide das erste Keyframe mit einem Wert von 20. Als Nächstes gehe ich eine Sekunde vorwärts und skaliere sie. Das ist zu viel. Versuchen wir es mit 120, vielleicht mit 110. Jetzt passe ich die Geschwindigkeit an. Danach stehe ich zu diesem Zeitpunkt in der Mitte der Animation und beim ersten Wort der Mitte der Animation und beim ersten Wort und schneide das zweite Wort so zu, dass es genau an diesem Zeitpunkt beginnt. Da ist es. Wir haben einen schönen Scaling-Match-Cut-Übergang. Der Schnitt zwischen den Ebenen entspricht der Animation der beiden Ebenen. Damit Sie sich diese Technik besser merken können, möchte ich Ihnen zeigen, wie Sie den Effekt mithilfe einer Rotationsanimation erzeugen . Zuerst platziere ich die Ebenen an derselben Position. Dann erstelle ich eine ähnliche Rotationsanimation für beide Ebenen. Als Nächstes passe ich die Geschwindigkeit der Bewegung an. Schließlich finde ich den Zeitpunkt heraus, an dem die Geschwindigkeit ihren Höhepunkt erreicht hat, und schneide die Ebenen entsprechend zu. wir nun gelernt haben, wie man einen Match Cut zwischen Ebenen erstellt, wollen wir ein Level aufsteigen und sehen, wie wir dieses Prinzip nutzen können , um einen Match-Cut-Übergang zwischen zwei Szenen zu erstellen . Wie Sie sehen können, habe ich zwei Szenen in meiner Komposition. Dies können Szenen in Ihrem Projekt mit mehreren Ebenen und verschiedenen Elementen sein. In der ersten Szene habe ich eine Rotationstextebene. In der zweiten Precomp habe ich ein anderes Design mit unterschiedlichen Ebenen Es gibt auch ein Objekt mit einer Rotationsanimation. Wenn wir die Animation abspielen, werden Sie feststellen, dass die rotierende Ebene in der ersten Szene zwar die rotierende Ebene in der ersten Szene völlig anders ist das rotierende Objekt in der zweiten Szene und obwohl die Farben und Designs völlig unterschiedlich sind, wir dennoch einen reibungslosen und visuell ansprechenden Übergang erzielen . Das ist die Magie der Match-Cut-Technik, und so können Sie sie für den Übergang zwischen Szenen und Ihren Projekten verwenden . Mal sehen, wie das gemacht wird. Zunächst gehe ich in die erste Szene und bereite sie für den Übergang vor. Aber vorher werde ich alle offenen Precoms schließen, die ich hier habe Nehmen wir an, dies ist eine Szene in meinem Projekt, und ich möchte mithilfe des Match-Cut-Effekts mit Rotation einen Übergang zur nächsten Szene erstellen mithilfe des Match-Cut-Effekts mit Rotation einen Übergang zur nächsten Ich beginne damit, den Zeitpunkt zu bestimmen , zu dem die erste Szene zu enden beginnt. Von dort aus erstelle ich eine Rotationsanimation für wie zuvor eine Rotationsanimation für die Textebene. Ich setze die Dauer auf genau 1 Sekunde und lasse die Ebene eine vollständige Drehung durchführen. Schließlich passe ich die Geschwindigkeit an. Das ist die Geschwindigkeit der Animation, um sie mitten in der Bewegung superschnell zu machen. Mal sehen, wie das aussieht. Als Nächstes gehe ich zur zweiten Szene und erstelle dieselbe Rotationsanimation für die Formebene, genau ab dem Zeitpunkt , an dem die Animation in der ersten Szene beginnt. Dies vereinfacht die Demonstration und gewährleistet einen nahtlosen Übergang. Hier ist der Zeitpunkt, an dem die Geschwindigkeit meiner Form ihren Höhepunkt erreicht hat. Ich kehre zur Hauptkomposition zurück und schneide diese Precomp von Anfang bis zu diesem Punkt ab Dann schneide ich die erste Szene so zu, dass sie an diesem Punkt endet. Jetzt habe ich kontinuierliche Bewegungen für die Ebenen in beiden Szenen erstellt , was zu einem supercoolen Übergang zwischen den Szenen geführt hat. Mal sehen, wie das zusammen aussieht. Großartig. Gehen wir nun zum nächsten Beispiel über. Manchmal können wir Precomps als Ebenen verwenden , um einen Match-Cut-Übergang zu erzeugen, wie ich es hier mit einer maßstabsgetreuen Animation getan habe, genau wie wir es mit den Textebenen in den vorherigen Der Unterschied besteht darin, dass wir die Precomps selbst animieren Lass mich zeigen, wie ich es ganz schnell gemacht habe. Zuerst habe ich beide Precomps ausgewählt und für beide dieselbe maßstabsgetreue Animation erstellt Dann habe ich die Geschwindigkeit angepasst und die Keyframes an den Zeitpunkt verschoben die Keyframes an den Zeitpunkt an dem der Übergang beginnen sollte Nachdem ich die Animation ein paar Mal überprüft hatte, habe ich die Zeitanzeige in der Mitte der Bewegung platziert und beide Kompositionen entsprechend zugeschnitten Auf diese Weise erstellen wir einen coolen Scaling-Match-Cut-Übergang. Damit sind wir mit den Match-Cut-Beispielen fertig. Kommen wir nun zur nächsten Übergangstechnik, die Sie in Ihren Motion-Design-Projekten häufig verwenden werden , dem Panning-Übergang Ein Schwenkübergang ist eine sehr einfache Technik, bei der eine Schwenkbewegung erzeugt wird, bei der eine Schwenkbewegung erzeugt wird von einer Szene zur nächsten zu wechseln Für diesen Übergang gibt es viele verschiedene Ansätze. Lassen Sie uns mit den Grundlagen beginnen und sehen, wie Sie einen einfachen Schwenk-Übergang von der ersten Szene zur zweiten erstellen einen einfachen Schwenk-Übergang von der ersten Szene zur zweiten Nehmen wir an, Sie arbeiten an einem Projekt und Ihre Timeline hat bereits viele Ebenen Einige Ebenen gehören zur ersten Szene, während andere zur zweiten Szene gehören. In diesem Fall müssen Sie die Layer für jede Szene vorab zusammenstellen Lassen Sie uns beispielsweise die Ebenen unterkomponieren , aus denen die erste Szene Wählen Sie alle relevanten Ebenen aus, klicken Sie dann mit der rechten Maustaste, wählen Sie „Unterkomposition “ und geben Sie der Datei einen Namen Erste Szene. Ich stelle sicher, dass beide Funktionen hier ausgewählt sind , und klicke dann auf Okay. Machen Sie als Nächstes dasselbe für die Ebenen der zweiten Szene. Ich nenne diese eine Szene zwei. Jetzt habt ihr zwei Precomps, die ihr im Projekt Pamel sehen könnt Bevor Sie weitermachen, empfehle ich, Ihr Projekt zu organisieren , indem die Precomps Das hilft, die Dinge sauber und überschaubar zu halten. Nehmen wir nun an, die gesamte Aktion in der ersten Szene endet zu einem bestimmten Zeitpunkt Zuerst wähle ich die erste Szene vor der Erstellung aus und drücke P, um die Positionseigenschaft zu öffnen und den ersten Keyframe zu diesem Zeitpunkt zu erstellen Als Nächstes gehe ich auf der Timeline eine Sekunde vorwärts. Jetzt kann ich entscheiden, welche Art von Schwenken ich möchte. Sie müssen es nicht nur zur Seite bewegen. Ich kann diesen Pre-Comp auch nach oben und unten animieren. In diesem Fall verschiebe ich die erste Szene nach links . In Ordnung. Jetzt werde ich einfach die Keyframes lockern und die Geschwindigkeit anpassen, um eine gleichmäßigere Bewegung Auf diese Weise erstellen wir einen einfachen Schwenkübergang, bei dem die erste Szene aus dem Bild bewegt und die zweite Szene sichtbar wird Machen wir es jetzt ein bisschen interessanter. Lassen Sie uns die zweite Szene von rechts eingeben , sobald die erste Szene nach links bewegt. Dafür müssen wir keine Positionsanimation für die zweite Szene erstellen . Stattdessen müssen wir es nur auf die rechte Seite aus dem Bild verschieben . Ich platziere es genau neben der ersten Szene. Als Nächstes verschiebe ich die Zeitanzeige auf einen Punkt kurz vor dem Beginn der Animation der ersten Szene und übergeordne die zweite Szene der ersten Szene. Auf diese Weise erreichen wir die von uns angestrebte Schwenkbewegung Dies ist ein Beispiel für die Erstellung eines Paning-Übergangs durch Animieren Lassen Sie uns nun einen anderen Ansatz zur Erstellung eines schönen Panoramaübergangs untersuchen zur Erstellung eines schönen Panoramaübergangs Im Gegensatz zum vorherigen Beispiel werden bei dieser Methode die Ebenen innerhalb der Vorkompositionen animiert die Vorkompositionen selbst Einrichtung dieses Ansatzes kann etwas mehr Zeit in Anspruch nehmen, sieht aber besser aus, da Sie eine coole Verzögerung zwischen den Ebenenbewegungen erzeugen können . In Ordnung. Mal sehen, wie man diesen Übergang schafft. Zunächst dupliziere ich die Szenen, die ich zuvor im Projektfenster erstellt habe, damit ich Änderungen an den neuen vornehmen kann , ohne dass sich dies auf die Originalversionen auswirkt. Lassen Sie uns nun mit der Umstellung beginnen. Zuerst werde ich meine erste Szene betreten. Bevor ich weitermache, lassen Sie mich schnell die Namen der Vorkompositionen und das Projektfenster wechseln schnell die Namen der Vorkompositionen und das Projektfenster denn dieser Precomp muss Pre Comp Five heißen , da es die erste Szene in dieser Sequenz ist und dieser Pre-Comp In Ordnung, zurück zum Übergang. Jetzt bin ich im Precomp namens Szene fünf, der ersten Szene. ' Stellen Sie sich vor, ich arbeite an einem Projekt und beschließe, dass diese Szene in Sekunde zwei endet Ich wähle alle Ebenen aus, drücke P, um die Positionseigenschaft einzublenden, und setze die Zeitanzeige auf Sekunde zwei, da die Szene dort enden soll. Als Nächstes erstelle ich einen Keyframe für alle ausgewählten Ebenen. Dann gehe ich 2 Sekunden weiter zur vierten Sekunde, da ich möchte, dass die Outtro-Animation 2 Sekunden dauert Ich ziehe alle ausgewählten Ebenen aus dem Frame auf die linke Seite Um die Bewegung zu verbessern, lasse ich die Keyframes etwas lockerer und passe die Geschwindigkeit an, um ein gleichmäßigeres Ergebnis 3. Vor- und Nachteile des Vorbereitungsprozesses: Willkommen zurück. In dieser kurzen Lektion möchte ich Ihnen die wichtigen Schritte bei der Erstellung von Designs in Illustrator zeigen, bevor ich sie in After Effects importiere Genau wie in der vorherigen Lektion möchte ich, dass Sie sich zurücklehnen, zuschauen und zuhören, ohne etwas zu tun Der Entwurfsprozess für Vorbereitung von Szenen ist unglaublich wichtig, und ich bin mir sicher, dass Sie in Illustrator einige praktische Tricks entdecken werden in Illustrator einige praktische Tricks , die Sie vielleicht verpasst haben Tricks, die wirklich dazu beitragen können, Ihren Arbeitsablauf bei der Erstellung komplexer Motion-Design-Projekte zu verbessern bei der Erstellung komplexer Motion-Design-Projekte Beginnen wir mit dem ersten Tipp, bei dem es um die Einrichtung Ihres Dokuments geht. Das erste, was ich gerne mache, ist das Film - und Videoformat auszuwählen. Dieses Setup bietet integrierte Anleitungen speziell für Animationen, die Sie in nur einer Minute sehen werden. Wenn ich Szenen entwerfe, arbeite ich gerne am gesamten Projekt einmal, sodass ich alle Szenen nebeneinander sehen kann. In diesem Beispiel nenne ich das Projekt TM All scenes, wobei TM für Transition Mastery steht Nachdem ich die Datei benannt habe, erstelle ich 16 Boards, die meine Szenen darstellen Ich wähle 16, weil die meisten Erklärvideos aus fünf bis 20 Szenen bestehen Später kann ich bei Bedarf unsere Boards hinzufügen oder löschen. Im Moment muss ich nichts weiter ändern, also klicke ich auf Erstellen. Bevor ich mit der Arbeit anfange, stelle ich mein Arbeitsbereich-Layout normalerweise auf Essentials Classic ein. In dieser Anordnung werden alle für meinen Arbeitsablauf erforderlichen Bedienfelder angezeigt . Jetzt möchte ich Ihnen zeigen, wie Sie die Vorschau Ihres Arbeitsbereichs anpassen falls Ihnen das Standardaussehen der Einrichtung von Film- und Videodokumenten nicht gefällt . Dazu gehe ich zur Datei und klicke auf Dokument einrichten. Hier kann ich verschiedene Anpassungen am Arbeitsbereich vornehmen. Wir können dieses Fenster auch erreichen, indem wir auf der Registerkarte „ Schnellaktionen“ hier auf das Dokument einrichten klicken. In diesem Bereich können Sie die Rasterfarben anpassen. Ich kann zum Beispiel auf Benutzerdefiniert klicken und eine Farbe für das erste Raster auswählen. Nehmen wir an, ich wähle ein dunkles Grau für die erste Rasterfarbe. Nachdem ich es ausgewählt habe, erscheint ein Popup für die zweite Rasterfarbe, in dem ich dasselbe Dunkelgrau auswähle . Jetzt sieht das Raster subtil einheitlich aus. In diesem Beispiel setze ich das Raster auf die Standardfarben zurück und fahre mit der Anpassung des Zeichenflächenabstands fort Anpassung des Zeichenflächenabstands Im Moment sind alle Zeichenflächen zu nah beieinander, was mir nicht gefällt, weil ich mehr Platz für die Gestaltung meiner Szenen bevorzuge Um die Zeichenflächen zu verteilen, gehe ich zurück zur Dokumenteneinrichtung und klicke auf Zeichenflächen bearbeiten Dann klicke ich im Schnellzugriffsbereich auf die Schaltfläche „Alle neu anordnen Hier kann ich die Anzahl der Spalten und den Abstand zwischen den Zeichenflächen anpassen Spalten und den Abstand zwischen den Zeichenflächen Lassen Sie uns den Abstand auf 500 Pixel einstellen. Jetzt sind alle R-Boards 500 Pixel voneinander entfernt. Wenn ich den Abstand ändern möchte, kann ich einfach das Menü „Alle neu anordnen“ erneut aufrufen und es erneut anpassen Ich könnte es zum Beispiel auf 300 Pixel oder sogar 200 Pixel einstellen , je nachdem, was sich für meinen Arbeitsablauf am besten anfühlt Sobald ich mit dem Setup zufrieden bin, ist es an der Zeit, die Datei zu speichern Zu diesem Zeitpunkt erstelle ich auf meinem Computer einen neuen Ordner namens AI, in dem alle Adobe Illustrator-Dateien für dieses Projekt gespeichert Adobe Illustrator-Dateien für dieses Projekt Nachdem ich die Datei benannt und sichergestellt dass sie als AI-Datei gespeichert wird, klicke ich auf Speichern und dann Okay. Das war's für diesen Schritt. Kommen wir nun zum zweiten Tipp, bei dem es um den Designprozess geht. In den frühen Phasen meines Designprozesses arbeite ich normalerweise nur mit zwei Ebenen, einer für den Hintergrund und einer anderen für die Grafik. Es in dieser Phase einfach zu halten, hilft mir, organisiert zu bleiben. Später in den Lektionen werde ich erklären, wann und wie wir Ebenen auf äußerst effiziente Weise aufteilen können. Ein weiterer wichtiger Tipp für den Designprozess ist Umgang mit fortlaufenden Szenen, die Sie nebeneinander sehen möchten. In diesem Fall möchte ich zum Beispiel eine weitere Szene erstellen , die mit der ersten beginnt. Dazu verwende ich das RBardTol und wähle alle R-Boards im Arboards-Bedienfeld aus, um sie nach links zu verschieben Als Nächstes klicke ich auf ein R-Board, um die Auswahl aller R-Boards aufzuheben , und wähle dann nur die aus, die ich verschieben möchte. Während ich die Umschalttaste gedrückt halte, wähle ich die drei benötigten R-Boards aus und halte dann die Alt - oder Wahltaste auf dem Mac gedrückt, halte dann die Alt - oder Wahltaste auf dem Mac gedrückt um sie zu duplizieren und die Kopien an die neue Position zu verschieben die Kopien an die neue Position zu Manchmal wählst du beim Verschieben von R-Boards versehentlich überflüssige Ebenen aus. Mach dir keine Sorgen. Wechseln Sie einfach zum Auswahlwerkzeug, wählen Sie die Ebenen aus, die Sie in der neuen Szene nicht benötigen , und löschen Sie sie. Jetzt kann ich mit der Gestaltung der nächsten Szene fortfahren , die zu dieser Animationssequenz gehört. Visuell ist dieser Ansatz sehr gut strukturiert und hilft mir, mir die Übergänge vorzustellen ich innerhalb der Sequenz erzeugen kann. Lassen Sie mich Ihnen nun einige häufige Fehler zeigen , auf die Sie während dieses Prozesses stoßen könnten. beispielsweise die Zeichenflächen ausgewählt haben, die Sie verschieben möchten, Sie leicht vergessen, dass Sie das Zeichenflächenwerkzeug verwenden , und versehentlich neue Zeichenflächen erstellen Um dies zu vermeiden, überprüfen Sie Ihre Auswahl und löschen Sie alle nicht benötigten Zeichenflächen Dann können Sie mit der Erstellung Ihrer Szene fortfahren. Wenn du die Position deiner R-Boards anpassen musst, wähle sie alle erneut aus und verschiebe sie so, dass sie perfekt zu den vorherigen Szenen passen. Dadurch wird sichergestellt, dass alles sauber und visuell einheitlich bleibt . In Ordnung. Wir machen weiter. Lassen Sie mich Ihnen nun zeigen, was Sie tun müssen, nachdem Sie Ihre Szenenentwürfe fertiggestellt haben. Wie Sie sich erinnern, haben wir bisher nur mit zwei Layern gearbeitet, aber jetzt ist ein guter Zeitpunkt, um die Ebenen für jede Szene aufzuteilen. Auf diese Weise können Sie für jede einzelne Szene über die entsprechenden Ebenen verfügen. So mache ich das. Um die Arbeit zu vereinfachen, nehme ich zunächst dieses Bedienfeld aus dem grauen Bereich und verschiebe es in diesen Bereich der Benutzeroberfläche. Jetzt möchte ich jeden Grafikinhalt in eine eigene Ebene unterteilen. Sie können das manuell tun, aber lassen Sie mich Ihnen einen nützlichen Trick zeigen. Sie vor dem Teilen der Ebenen sicher, dass keine von ihnen gruppiert Nachdem ich sichergestellt habe, dass alles nicht gruppiert ist, kann ich die Ebene auswählen, die alle meine Grafiken enthält Dann klicke ich auf das Hamburger-Menü, um die Bedienfeldoptionen zu öffnen, und wähle „Für die Reihenfolge der Ebenen freigeben“ Jetzt teilt Illustrator den Inhalt dieser Ebene in einzelne Als Nächstes wähle ich all diese neuen Ebenen und ziehe sie aus der ursprünglichen Ebene heraus Dadurch bleibt eine leere Ebene zurück, die ich daran erkennen kann, dass neben ihr nicht mehr der kleine Pfeil Ica steht. Nach der Bestätigung lösche ich diese leere Ebene. Fantastisch. Jetzt wiederhole ich den gleichen Vorgang für die Hintergrundebenen, wähle die Ebene aus, lasse die Ebenen los, verschiebe die neuen Ebenen heraus und lösche die leere Ebene. Jetzt kann ich die Ebenen gruppieren , die zu jeder Szene gehören. Diese Gruppierung wird im nächsten Schritt, in dem wir jedes Board in After Effects importieren, sehr nützlich nächsten Schritt, in dem wir jedes Board in After Effects importieren Bald wirst du sehen, warum dieser Schritt wichtig ist. Zum Beispiel habe ich jetzt eine Gruppe , die alle Ebenen umfasst, die die erste Szene erstellt haben . Ich wiederhole diesen Vorgang für die restlichen Szenen. Übrigens, die Tastenkombination für das Gruppieren von Ebenen ist Strg oder Befehl auf Mac plus G. Sie verstehen vielleicht nicht ganz warum wir die Datei auf diese Weise organisieren, aber haben Sie Geduld mit mir In einem Moment wird alles Sinn machen. Ich werde diesen Prozess vorerst beschleunigen. Sobald ich die Ebenen für jede Szene gruppiert habe , entferne ich alle leeren Ebenen die während des Gruppierungsprozesses entstanden Wie bereits erwähnt, können Sie eine leere Ebene daran erkennen , dass neben ihr das kleine Pfeilsymbol fehlt neben ihr das kleine Pfeilsymbol Lassen Sie mich auch diesen Prozess beschleunigen. Großartig. Jetzt habe ich 21 Ebenen , die jede Szene repräsentieren. Als Nächstes öffne ich das Zeichenflächenfenster und platziere es in der Nähe des Ebenenfensters, um den Zugriff zu erleichtern Ich muss sicherstellen, dass die Zeichenflächen in der richtigen Reihenfolge sind. zum Beispiel jetzt Wenn ich zum Beispiel jetzt auf die fünfte Szene klicke, erscheint sie als 16. Zeichenfläche im Bedienfeld Dies wird später während des Speichervorgangs zu Problemen führen. Es ist wichtig, dies jetzt zu beheben Um die Zeichenflächen neu anzuordnen, wähle ich die gewünschte Szene im Ebenenbedienfeld aus und Illustrator hebt die entsprechende Zeichenfläche im Zeichenflächenfenster hervor im Dann ziehe ich die Zeichenfläche an die richtige Position. An diesem Punkt wähle ich die Designs aus, während das Zeichenflächenbedienfeld ansehe, um zu sehen, ob die ausgewählte Zeichenfläche zur Reihenfolge der Szene in meinem Projekt passt Reihenfolge der Szene in Wenn ich feststelle, dass die Zeichenflächen nicht in die Reihenfolge meines Entwurfs passen, verschiebe ich sie im Zeichenflächenfenster in die richtige Reihenfolge Sobald die Rboards in der richtigen Reihenfolge sind, benenne ich sie zur Jetzt wähle ich nur noch das Arboard aus, doppelklicke darauf und benenne es in der chronologischen Reihenfolge meiner Szenen in den richtigen Namen um chronologischen Reihenfolge meiner Szenen in den An dieser Stelle können wir auf jede Szene klicken und im Arboard-Bedienfeld überprüfen , ob die Szenen in der richtigen Reihenfolge sind Alles ist organisiert, ich speichere die Zeichenflächen als separate Illustrator-Dateien Im Moment spielen die Ebenennamen keine Rolle, da wir uns im nächsten Schritt damit befassen können Um das Dokument als separate Illustrator-Dateien zu speichern, gehe ich zur Datei und klicke auf Speichern unter Ich wähle, ob ich es auf meinem Computer speichern möchte, wähle den Ordner aus, in dem ich die getrennten Dateien und R-Boards speichern möchte die getrennten Dateien und R-Boards speichern , und fahre von dort aus fort Als Nächstes wähle ich einen anderen Namen für das Dokument, an dem ich gerade arbeite. Dann stelle ich sicher, dass ich es als Illustrator-Datei speichere. Nachdem ich auf Speichern geklickt habe, wähle ich die Option, jedes Arboard als separate Datei zu speichern Ich wähle alle R-Boards aus und klicke auf Okay. Jetzt warte ich, bis der Speichervorgang abgeschlossen ist. Wenn ich den Ordner jetzt öffne, sehe ich alle getrennten Zeichenflächen, die als einzelne Illustrator-Dateien gespeichert Die erste Datei ist immer eine Kopie des Originaldokuments, das alle Szenen enthält, an denen wir gerade gearbeitet haben In diesem Fall gefallen mir die Namen der Illustrator-Dateien jedoch nicht Ich möchte, dass die Namen die Szenen repräsentieren. Um dieses Problem zu beheben, öffne ich die Originaldatei erneut und schließe die neu erstellten Dateien Dann lösche ich alle Illustrator-Dateien, die ich gerade gespeichert habe, und gehe zurück, um die Namen der R-Boards zu ändern Es ist wichtig für mich , Ihnen diese Schritte zu zeigen , weil ich möchte, dass Sie sehr organisiert arbeiten . Ich möchte auch, dass Sie sich der möglichen Fehler bewusst und wissen, wie Sie sie beheben können, bevor es zu spät ist, z. B. wenn Sie es während der Animationsphase herausfinden, was zu einem totalen Chaos im Projekt führen kann, insbesondere nachdem Sie bereits einige Szenen animiert haben. Nach dem Umbenennen der Rbards drücke ich auf Mac Plus die Strg - oder Befehlstaste, um die Änderungen am Dokument zu speichern Dann speichere ich jedes Rboard wieder als separate Datei, genau Jetzt habe ich alle Dateien auf sehr organisierte Weise gespeichert. Eine der Dateien entspricht immer noch meinem Originaldokument, sodass ich sie löschen kann, wenn ich möchte. Vorher schließe ich Illustrator, um Verwirrung zu vermeiden , und lösche dann die doppelte Datei, da ich nicht zwei Kopien davon benötige Bevor ich den Importvorgang in After Effects starte, möchte ich einen neuen Ordner speziell für die Zeichenflächendateien erstellen , die die Szenen darstellen Das hilft mir, den Überblick zu behalten, da der AI-Hauptordner möglicherweise auch andere Illustrator-Dateien für das Projekt enthält Wenn Sie die Szenendatei getrennt halten , ist alles leicht zu finden Nachdem ich nun alle Designdateien für die Animation vorbereitet habe , können wir mit der Animationsphase fortfahren. Hier können Sie endlich Ihre Maus nehmen und mit mir ein komplettes Erklärvideo von Grund auf neu erstellen , wobei Sie sich darauf konzentrieren, verschiedene Ansätze für nahtlose Übergänge zu erlernen nahtlose Übergänge zu Es wird großartig, wir sehen uns dort. 4. Komplexer Zoom-in-Übergang in einem 3D-Raum: Hallo zusammen. Jetzt tauchen wir in After Effects ein, um mit der Animation unserer Szenen zu beginnen In dieser Lektion werden Sie beginnen, mit mir zusammenzuarbeiten Es ist wichtig zu erwähnen , dass wir zunächst die komplexesten Übergänge für die ersten Szenen im Projekt erstellen die komplexesten Übergänge für die ersten Szenen und dann zu einfacheren übergehen. Ich habe es so strukturiert, dass ich Ihre anfänglichen Schwerpunktsstufen zu Beginn des Kurses optimal nutzen kann. Lassen Sie uns dennoch sicherstellen, dass wir uns in Bezug auf die Softwareeinstellungen alle auf derselben Wellenlänge befinden. Klicken Sie zunächst auf den Standardarbeitsbereich , um dieselbe Bedienfeldanordnung wie bei mir zu sehen. Gehen Sie als Nächstes zu Einstellungen bearbeiten und klicken Sie auf Allgemein. Stellen Sie sicher, dass alle Einstellungen mit meinen übereinstimmen. Wenn Sie fertig sind, stellen Sie bitte die Sprache Ihres Computers auf Englisch ein, damit alle von uns verwendeten Tastenkombinationen ordnungsgemäß funktionieren. Ordnung. Lassen Sie uns jetzt unsere erste Komposition erstellen. Wir können es Master Comp nennen. Wir arbeiten in Full-HD-Auflösung 1920 x 1080 mit einer Bildrate von 30 Bildern pro Sekunde Da wir die Dauer des endgültigen Videos nicht kennen, stellen wir sie auf 3 Minuten ein. Sie können die Hintergrundfarbe der Vorschau auf Schwarz belassen und dann auf Okay klicken. Bevor Sie die Designs importieren, empfehle ich nun, das Projekt zu speichern, um die Autosave-Funktion zu aktivieren , falls das Projekt abstürzt Gehen wir zur Datei und klicken Sie auf Speichern. Lassen Sie uns nun einen neuen Ordner mit dem Namen AE erstellen und ihn dann eingeben, um das Projekt hier zu speichern. Nennen wir dieses Projekt TM Project. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche Speichern. Wenn ich an komplexen Projekten arbeite, öffne ich gerne die Hauptdesigndatei , um alle meine Szenen an einem Ort zu sehen. Manchmal hilft mir das neue Ideen für Übergänge zwischen Szenen zu entwickeln. Lassen Sie uns zunächst an diesen beiden animierten Sequenzen arbeiten diesen beiden animierten Sequenzen , die die erste Szene unseres Projekts bilden. Vorerst importiere ich nur diese beiden Designs, nicht alle Designs, die ich habe. Bevor ich die beiden Dateien in After Effects importiere, öffne ich die Dateien und passe die Ebenen an. Beachten Sie, dass Sie das nicht tun müssen, da Sie die fertigen Designdateien bereits haben Hören Sie an dieser Stelle einfach zu und sehen Sie zu, wie ich diese Dateien für die Animation vorbereite Bald werden wir sie gemeinsam nach After Effects importieren. Das ist der Punkt , an dem ich individuell arbeiten und die Ebenen in jedem Design anpassen kann individuell arbeiten und die Ebenen in jedem Design anpassen , anstatt alle Ebenen in allen Designs in einem Dokument zu verwalten . Meiner Meinung nach ist das eine sehr effiziente Arbeitsweise. So können Sie sich auf jede Szene konzentrieren und es ist viel einfacher, ein Dokument mit weniger Ebenen zu bearbeiten , als sich in einer überfüllten Datei zurechtzufinden In diesem Design trenne ich zum Beispiel die Sphärenebenen von den Linienebenen, ich zum Beispiel die Sphärenebenen von den Linienebenen weil ich sie auf separaten Ebenen benötige , um den Übergang zu erstellen, den ich für diese Szene geplant habe Wenn ich jedoch versuche, die Ebenen wie zuvor zu trennen, funktioniert das nicht, da die Grafiken immer noch gruppiert sind. Um dieses Problem zu beheben, werde ich Gruppierung aller Grafiken in der Ebene aufheben Erst dann kann ich die Funktion verwenden, um die Grafiken in einzelne Ebenen aufzuteilen Jetzt verschiebe ich alle Ebenen aus der Hauptebene heraus. Sobald das erledigt ist, kann ich die leeren Ebenen löschen , die nicht mehr benötigt werden. An dieser Stelle können Sie die Ebenen benennen, um sie zu organisieren. In meinem Fall werde ich das nicht tun, weil wir diese Szene von Grund auf neu und nach After Effects neu Wenn eine Szene aus einfachen geometrischen Formen besteht, ziehe ich es manchmal vor, sie direkt in After Effects zu erstellen Es ist eine gute Angewohnheit , diese Angewohnheit zu entwickeln, da Sie dadurch bei zukünftigen Projekten viel Zeit sparen können. Natürlich können wir bei Bedarf auch die Ebenen aus den Illustrator-Dateien animieren die Ebenen aus den Illustrator-Dateien In dieser Lektion möchte ich Sie jedoch dazu ermutigen, sich mit dem Erstellen von Szenen von Grund auf und nach After Effects vertraut zu machen Erstellen von Szenen von Grund auf und nach After Effects vertraut Grund auf und nach After Diese Fähigkeit ist von unschätzbarem Wert, wenn es darum geht, Ihren Arbeitsablauf zu optimieren. Ich zeige Ihnen diesen Prozess gerade, weil es Szenen gibt , die wir nicht von Grund auf neu und nach After Effects erstellen können von Grund auf neu und nach After Effects erstellen Ich verwende diese einfache Szene, um den Vorbereitungsprozess für eine einzelne Szene zu erklären den Vorbereitungsprozess für , damit Sie sie besser verstehen können. Lassen Sie mich den Prozess auch für die erste Szene noch einmal durchgehen . Nachdem ich die Gruppierung des Designs aufgehoben habe, kann ich die Ebenen trennen und sie dann aus der Hauptebene herausholen und löschen Es ist sehr wichtig, dass Sie „Steuerung“ drücken, um die Dateien zu speichern, nachdem Sie sie angepasst haben, bevor Sie sie in After Effects importieren Für diese beiden speziellen Szenen ist das nicht so wichtig, weil wir sie von Grund auf neu und nach After Effects erstellen, aber es ist gut, sich die Gewohnheit für die anderen Szenen anzueignen. Alles klar, nachdem wir die Designs gespeichert haben, importieren wir die Dateien in After Effects. Jetzt bist du dran, die Maus zu nehmen und das mit mir zu machen. Das Erste, was Sie wissen müssen, ist, dass Sie nicht mehr als eine Datei gleichzeitig importieren können. Wenn Sie dies tun, importiert After Effects sie als flache Ebene ohne die separaten Ebenen, die wir gerade vorbereitet haben. Wenn Sie dies versehentlich tun, drücken Sie Strg Z oder Befehl Z auf dem Mac, um jede Datei einzeln rückgängig zu machen und zu importieren. Wenn Sie die Datei in After Effects ziehen, wird ein Popup-Fenster angezeigt, in dem Sie gefragt werden, wie Sie die Illustrator-Datei importieren möchten Wir möchten nicht, dass es sich um eine abgeflachte Ebene handelt, daher wählen wir kein Filmmaterial Stattdessen wählen wir die Komposition aus. Diese Option importiert alle Ebenen und erstellt automatisch eine Vorkomposition für die Datei, in der sich alle Ebenen befinden Als Nächstes werden Sie gefragt, ob Sie die Datei mit Ebenengröße oder Dokumentgröße importieren möchten . Hier ist der Unterschied. Dokumentgröße, die Ebenengrenzen entsprechen den ursprünglichen Abmessungen des Dokuments. Dies kann die Animation schwieriger machen. Bei der Ebenengröße passen sich die Ebenengrenzen dem spezifischen Inhalt jeder Ebene an, was die Animation erheblich erleichtert Stellen Sie sicher, dass Sie die Ebenengröße für dieses Projekt auswählen. Großartig. Lassen Sie uns jetzt auch die zweite Szene einbeziehen. Um das Projektfenster übersichtlich zu halten, klicke ich gerne hier, um die Assets in der Reihenfolge zu sortieren. Dann markiere ich meine Masterkomposition mit einer separaten Farbe , um sie von den anderen Kompositionen zu unterscheiden , die ich in Zukunft erstellen werde Jetzt ist ein guter Zeitpunkt, um Strg oder Command S zu drücken , um deinen Fortschritt zu speichern Machen Sie es sich zur Gewohnheit, alle paar Minuten zu speichern. Gehen wir nun zur ersten Szene und schauen uns an, was wir haben. Sie werden feststellen, dass es vielleicht ein bisschen anders aussieht als meins. Wenn ich die Ebenen verschiebe, werden Sie feststellen, dass in meinem Projekt die Ebenen beschnitten sind, in Ihrem jedoch nicht Das liegt daran, dass Sie mit der reparierten Version arbeiten. Lass mich dir zeigen, wie ich es repariert habe. In solchen Fällen müssen Sie lediglich zu Ihrem Illustrator-Design zurückkehren und alle Ebenen, die sich außerhalb der Szene befinden, in die Sichtgrenzen verschieben alle Ebenen, die sich außerhalb der Szene befinden, in die Sichtgrenzen Sobald Sie das getan haben, speichern Sie das Projekt. Wenn Sie zu After Effects zurückkehren, werden Sie feststellen, dass die Ebenen unbeschnitten und bereit für Ordnung. Jetzt fangen wir an, diese Szene zu animieren Wie ich bereits erwähnt habe, können Sie die Illustrator-Dateien und die vorgefertigte Szene verwenden die Illustrator-Dateien und , um sie zu animieren, und das werden wir für die nächsten Szenen in diesem Projekt tun Aber da ich Ihnen beibringen möchte, wie Sie das Beste aus After Effects herausholen können, möchte ich, dass Sie lernen, einfache Szenen von Grund auf neu zu erstellen Diese Fähigkeit wird Ihnen bei zukünftigen Projekten viel Zeit sparen . Lassen Sie uns diesen Ansatz gemeinsam üben. Wir können hier die Vorkomposition auswählen und sie als kleines Referenzfenster verwenden kleines Referenzfenster um zu sehen, wie die Szene aussehen sollte Lassen Sie uns zunächst eine graue Kugel ohne Strich erstellen. Ändern Sie jetzt ihre Größe auf 300. Wenn Sie diese Eigenschaften nicht sehen, das wahrscheinlich daran, dass Sie eine ältere Version von After Effects verwenden . In diesem Fall finden Sie all diese Einstellungen, indem Sie die Ebeneneigenschaften öffnen. Hier ist die Größe der Form. Großartig. Wählen Sie als Nächstes die Ebene und drücken Sie die Eingabetaste, um sie in Kugel eins umzubenennen. Duplizieren Sie nun die Ebene viermal, um fünf Kugeln zu erstellen , da das Design fünf verschiedenfarbige Kugeln enthält. Lassen Sie uns die neue Kugel hierher verschieben und diesen Vorgang noch viermal fortsetzen . In Ordnung. Lassen Sie uns jetzt jede Kugel einfärben. Sie können die Farbe von diesem Bedienfeld aus ändern oder die Pipette verwenden , um Farben direkt aus dem Design Wiederholen Sie diesen Vorgang für die restlichen Kugeln. Großartig. Verschieben Sie nun die Kugeln nach oben und erstellen Sie eine neue weiße feste Ebene , die als Hintergrundebene dient. Klicken Sie also mit der rechten Maustaste hier, gehen Sie zu Neu und wählen Sie Solid. Nennen Sie es BG One. Probieren Sie die Farbe aus dem Design aus und stellen Sie sicher, dass die Größe der Komposition entspricht. Fantastisch. Als Nächstes erstellen wir den Titel für diese Szene. Wählen Sie das Textwerkzeug aus und geben Sie ein. Willkommen. Ändern Sie es auf die richtige Schriftart , in unserem Fall Poppins Bold, die in den vorinstallierten Schriftarten und After Effects zu finden ist die in den vorinstallierten Schriftarten und After Effects zu finden vorinstallierten Schriftarten und After Effects Falls Sie es jedoch nicht finden können, können Sie es über Adobe Fonts aktivieren oder kostenlos von Google Fonts herunterladen In Ordnung, zurück zum Projekt. Um nun die richtige Größe zu finden, können Sie in das Design springen, auf den Text doppelklicken, und jetzt sehe ich hier die richtige Größe. Zurück zu After Effects. Lassen Sie uns die Schriftgröße auf 50 ändern. Gehen Sie zum Absatzfenster und richten Sie den Text mittig aus. Stellen Sie dann sicher, dass die Textrichtung von links nach rechts eingestellt ist. Wenn Sie diese Bedienfelder nicht sehen, finden Sie sie im Fenstermenü. Richten Sie nun den Text mit dem Ausrichtungswerkzeug an der Mitte der Komposition und zentrieren Sie den Ankerpunkt Um dies schnell zu tun, halten auf dem Mac die Strg- oder Befehlstaste und doppelklicken Sie auf das AnchorPoint-Tool Fantastisch. Jetzt sind wir bereit, die Szene für die Animation vorzubereiten. Drücken Sie jedoch zuerst V, um zum Auswahlwerkzeug zurückzukehren . In Ordnung. Jetzt animieren wir die Szene im Drei-D-Raum. Lassen Sie uns zunächst eine neue Kamera erstellen. Verwenden Sie nun eine Einknoten-Kamera mit einem 35-Millimeter-Objektiv und klicken Sie auf Okay. After Effects werden Sie darauf hingewiesen, dass es in der Szene keine drei Delayer gibt Klicken Sie auf Okay und konvertieren die vorhandenen Ebenen in drei Delayer Wenn Sie das Symbol mit den drei Defunktionen nicht sehen, klicken Sie hier, um es klicken Sie hier, um Konvertiert alle Ebenen außer der Hintergrundebene, die wir vorerst sperren können Speichern Sie das Projekt, bevor Sie fortfahren. Lassen Sie uns nun die Ebenen verteilen , um den gewünschten Look zu erzielen. Dazu arbeiten wir mit zwei Ansichten. Stellen Sie sicher, dass Sie den klassischen Drei-D-Renderer verwenden. Wenn Sie dies nicht sehen, drücken Sie Strg K , um die Kompositionseinstellungen zu öffnen Gehen Sie dann zum Three-D-Renderer und ändern Sie von dort aus die Einstellung Wählen wir nun die linke Ansicht und stellen sie auf die Ansicht von oben Dies ist einer der bequemsten Winkel für die Anordnung der Kamera und der Ebenen in der Szene Verwenden Sie diese Ansicht, um zu beginnen, die Ebenen im Drei-D-Raum zu verteilen und gleichzeitig auf das Design zu verweisen Behalten Sie Ihr Referenzfenster am oberen Bildschirmrand im Auge , während Sie die Kugeln so verschieben, dass sie dem Layout entsprechen Wenn Ihre Vorschau nicht wie meine aussieht, wählen Sie die Ansicht aus und passen Sie sie an. Passen Sie nun die Kugeln mithilfe der beiden Ansichten weiter an. Die Ansicht von oben eignet sich hervorragend, um Ebenen entlang der Z-Achse näher oder weiter von der Kamera aktive Kameraansicht eignet sich besser, um Ebenen nach oben, unten oder zur Seite zu verschieben Ebenen nach oben, unten oder zur Seite zu Lassen Sie uns diesen duplizieren. Ich werde diesen auch duplizieren. Manchmal können wir die Positionseigenschaftswerte der Ebene verwenden die Positionseigenschaftswerte , um die Ebenen zu verschieben. Lassen Sie uns diesen duplizieren. Dies ist ein gutes Beispiel, bei dem es viel bequemer ist, die Werte der Ebene zu ändern , um die richtige Position für die Kugel zu finden. Lassen Sie uns nun auch den dunklen duplizieren. Ich werde diesen auch duplizieren. Lass uns auch den blauen duplizieren. Ich sehe, dass wir eine hellblaue Kugel haben , die weit von der Kamera entfernt sein muss. Lassen Sie uns diesen duplizieren und den neuen hinten platzieren. Jetzt sehe ich, dass wir eine weitere Kugel haben , die weit hinten platziert werden muss . Es ist dunkel. Gehen wir zurück zu After Effects und duplizieren dieses. Jetzt platzieren wir es weit hinten. Wenn ich in der Ansicht von oben herauszoome, kann ich die Positionen der Ebenen von oben sehen und sehen, wie weit sie voneinander entfernt sind. In Ordnung. Und jetzt schließen wir die Ebenen und speichern das Projekt, bevor der Animation der Szene beginnen Großartig. Jetzt, wo wir unsere Szene für die Animation bereit haben, können wir wieder mit einer Ansicht arbeiten und endlich mit der Animation der Szene beginnen Um das Intro dieser Szene zu animieren, verwenden wir die Technik der umgekehrten Da wir wissen, dass alle Ebenen genau so aussehen sollten, wie sie jetzt aussehen, gehe ich zum Beispiel zur Zwei-Sekunden-Marke über und erstelle einen Keyframe für die Position der Kugeln Wählen wir sie alle aus, drücken P und erstellen wir einen Keyframe. Dann kehre ich zum Anfang der Timeline zurück und verschiebe alle Kugeln in die Mitte der Komposition Die Verwendung des Ausrichtungswerkzeugs funktioniert nicht da wir es mit drei D-Ebenen zu tun haben, aber ich habe einen netten Trick Wir können den Wert der Z-Achse für alle Ebenen auf Null setzen und sie dann mithilfe des Title Safe Grid manuell an der Mitte ausrichten . Lassen Sie uns das Safe-Action-Raster einschalten und es verwenden, um die Mitte des Rahmens zu finden. Wir können die Textebene vorerst ausschalten und die Position für alle Kugeln weiter anpassen. Wir haben eine reibungslose Positionsanimation. Als Nächstes animieren wir die Skala der Kugeln mit derselben umgekehrten Animationstechnik Bei der Markierung von zwei Sekunden erstelle ich einen Keyframe für den aktuellen Skalierungswert da ich weiß, dass die Kugeln zu diesem Zeitpunkt so aussehen müssen, wie sie jetzt aussehen Dann gehe ich in der Zeit zurück und setze den Skalenwert auf Null Wenn Ihr Computer nicht sehr leistungsfähig ist, können Sie die Vorschauqualität verringern, um die Leistung zu verbessern Versuchen Sie, es auf Vierteljahr einzustellen, wenn das nicht ausreicht. Ich setze es wieder auf den vollen Wert und jetzt alle Ebenen und drücke Sie zweimal, um die Keyframe-Anzeige für alle Ebenen zu reduzieren Sehen wir uns eine Vorschau dessen an, was wir erstellt haben. Ich denke, es sieht gut aus und wir können weitermachen. Da wir diese Kugeln über den Raum der drei D verteilt haben , wobei jede Kugel entlang der Z-Achse unterschiedlich positioniert ist, erzeugt das Bewegen der Kamera einen coolen Parallaxeneffekt, genau wie ich bereits erwähnt habe Ordnung. Drücken wir ein paar Mal die Strg- oder Befehlstaste ZA , um alles wieder normal zu machen und beginnen wir nun, den Übergang für die nächste Szene zu erstellen , in der wir das kleine Diagramm und den Text darunter sehen . Dazu verwenden wir eine Zoom-In-Animation mit der Kamera und animieren einige der Kugeln, um sie mit der nächsten Szene zu verbinden Lassen Sie uns zunächst die Textebene zurückbringen und zu zwei Ansichten wechseln, um die Ebenen besser zu positionieren Und da es in der nächsten Szene einen weiteren Titel gibt, dupliziere ich die aktuelle Textebene und verschiebe sie entlang der Z-Achse leicht nach hinten, sodass sie irgendwo hinten platziert wird Dies wird der Punkt sein, an dem wir die zweite Szene erstellen. Warum diese spezielle Position? Ehrlich gesagt, ich vermute nur, hier gibt es keine richtige oder falsche Wahl. Genau darum geht es bei Animationen: Experimentieren, Anpassungen vornehmen und nach Bedarf verfeinern. Fehler sind Teil des Prozesses, also keine Sorgen Sie sind die Art und Weise, wie wir lernen und uns verbessern. Okay. Schauen wir uns nun unsere Referenz an und verschieben einige Ebenen an die Positionen, die für die nächste Szene benötigt werden. In diesem Fall müssen wir vier Kugeln verschieben. Beginnen wir mit dieser, halten Sie die Strg- oder Befehlstaste auf dem Mac und wählen Sie weitere drei Kugeln aus. Stellen Sie sicher, dass Sie die Kugeln in der richtigen Farbe auswählen. Hier bietet sich das kleine Referenzfenster über dem Projektfenster an. Sobald wir sie ausgewählt haben, platzieren wir sie hier oben, um eine übersichtliche Zeitleiste zu haben. Wir können sie auch in verschiedenen Farben kennzeichnen, um anzuzeigen , dass sie in der nächsten Szene verwendet werden. In Ordnung. Lassen Sie uns nun die erste Textebene ausschalten und den Text für den zweiten Titel ändern. Kopieren Sie den Text aus dem Design und stellen Sie sicher, dass die Details korrekt sind. In unserem Fall sind alle Details korrekt, da es sich um ein Duplikat des ersten Titels handelt, das genau so aussehen muss wie dieser. Als Nächstes fügen wir die Zeile hinzu, die wir in der Szene sehen. Um sie zu finden, suche ich in den zweiten Szenen-Layern danach. Ich glaube, es ist dieser. Zur Bestätigung können wir auf die Ebene doppelklicken, um eine Vorschau anzuzeigen. Lassen Sie uns den transparenten Hintergrund in der Vorschau einschalten, und wie Sie sehen können, ist dies die Ebene, die wir benötigen. Ziehen wir es nun in die Komposition. Um es zu animieren, können wir es in eine Formebene konvertieren. Löschen Sie anschließend die Illustrator-Datei und benennen Sie sie Lassen Sie uns es auch lila markieren, um anzuzeigen, dass es zur zweiten Szene gehört Nun konvertieren wir diese Form in eine Drei-D-Ebene und verschieben sie an dieselbe Zeaxis-Position wie der Titel der zweiten Szene Um dies genau zu tun, überprüfen Sie den X-Achsenwert der Titelebene und legen Sie denselben Wert für die Strichebene Um es einfacher zu machen, können wir es in eine abgerundete Zahl ändern, an die wir uns erinnern werden, und diese Zahl dann für die Strichebene festlegen Fantastisch. Als Nächstes passen wir die Position an. Bringen Sie die Titelebene leicht nach unten und bewegen Sie die Strichebene nach oben Nett. Wir haben gerade die Vorbereitung der zweiten Szene abgeschlossen. Jetzt können wir mit der Arbeit an der Umstellung beginnen. Aber vorher erstellen wir mit der eine nette Intro-Animation für Eigenschaft scale eine nette Intro-Animation für den ersten Titel Lassen Sie uns also zuerst die Ebenen der zweiten Szene ausschalten und den ersten Titel einschalten Um nun die Animation dieser Textebene zu starten, gehen wir zum Anfang der Timeline. Isolieren Sie die Ebene, schalten Sie den transparenten Hintergrund und wechseln Sie zurück zur Arbeit mit einer Ansicht, um sich auf die Animation zu konzentrieren. Und jetzt erstellen wir eine coole Pop-Up-Intro-Animation. Erstellen Sie den ersten Keyframe, wobei die Skalierung auf Null gesetzt ist. Gehen Sie dann zur 1-Sekunden-Marke und setzen Sie den Wert auf 100. Danach, bei Bild 15, der Mitte der Animation, skalieren Sie sie auf 150 oder vielleicht sogar 200. In Ordnung. Lassen Sie uns jetzt einfach die Keyframes vereinfachen. Anstatt die Geschwindigkeit manuell im Diagrammeditor anzupassen, können wir jetzt die Geschwindigkeit manuell im Diagrammeditor anzupassen, eine schnellere Methode verwenden Wählen Sie die Keyframes aus, halten Sie die Alt- oder Wahltaste auf dem Mac gedrückt und doppelklicken Sie auf einen von ihnen, um das Velocity-Bedienfeld zu öffnen Stellen Sie die eingehende und ausgehende Geschwindigkeit auf 85% ein. Mal sehen, wie das aussieht. Okay, ich finde das sieht nett aus. Passen wir nun auch die Kugelanimation an. Unser Ziel ist es, die Animation der Kugeln an die Popup-Animation des Textes anzupassen. Also zuerst alle einzeln, um sich auf ihre Animation zu konzentrieren, und dann P drücken, um die Positionseigenschaft zu öffnen und alle Schlüsselbilder zu sehen, die wir hier haben. Lassen Sie uns einfach alle Positions-Keyframes vereinfachen und dieses Mal den Diagrammeditor verwenden, damit die Animation schnell startet und am Ende langsamer wird Lass uns sehen, was wir haben. Großartig. Passen wir nun die Skalierungsanimation für die Kugeln an. Wählen Sie alle Skalierungs-Keyframes aus und erstellen Sie dieselbe Animation wie für die Position Schauen wir es uns noch einmal an. Ich finde, das sieht gut aus. Lassen Sie uns nun die Animation in der Szene zeitlich abstimmen. Ich möchte, dass die Kugeln nach der Titelanimation in die Szene gelangen . Sehen wir uns dazu zunächst die Keyframes an, die wir für alle Ebenen erstellt haben Stellen Sie sicher, dass keine Ebene ausgewählt ist, und drücken Sie auf Sie. alle Keyframes für alle Ebenen ansehen, können wir die Zeit für den Text und die Kugelanimation besser festlegen. In Ordnung. Lassen Sie uns alle Sphärenebenen auswählen und den richtigen Moment in der Zeitleiste für ihren Eintritt in die Szene finden den richtigen Moment in der Zeitleiste . Wir können die erste Textebene auch solo bearbeiten. Als Nächstes müssen wir uns die Animation der Textebene ansehen und Timing der Kugeln entsprechend anpassen. Lassen Sie uns die Kugeln hierher verschieben und die Animation ein paar Mal überprüfen , um zu sehen, ob sie sich richtig anfühlt. Ich denke, wir können die Kugelanimation so verschieben , dass sie bei Bild Nummer 20 beginnt. Jetzt fühlt es sich an, als ob der Text die Kugeln aktiviert, was genau der Effekt ist, den ich anstrebe. In Ordnung. Lass uns alles wieder normalisieren und mit der Arbeit am Übergang zur nächsten Szene beginnen. Zunächst animieren wir die Kugeln, die in der zweiten Szene erscheinen müssen Lassen Sie uns entscheiden, dass der Übergang bei der 1-Sekunden-Marke beginnt Wählen wir die vier Kugeln aus und drücken P , um ihre Position ( Keyframes) zu sehen. Ein kurzer Tipp. Wenn Ebenen von einer Szene zur nächsten wechseln , immer eine kleine Pause zwischen ihrer ersten Animation und ihrer nächsten Bewegung erstellen ihrer ersten Animation und ihrer nächsten Bewegung In unserem Fall werde ich nicht sofort beginnen, die Kugeln an ihre neuen Positionen zu bewegen sofort beginnen, die Kugeln an ihre neuen Positionen nachdem sie ihre erste Animation beendet haben Stattdessen mache ich ein paar Frames Pause, indem ich ein Keyframe mit demselben Wert wie das letzte Erst danach gehe ich, sagen wir 2 Sekunden vorwärts und fange an, die Kugeln an ihre neuen Positionen zu bewegen Lassen Sie uns den X-Achsen-Wert für die Kugeln auf 3.333 setzen, da dies dem Wert des zweiten Titels und der Strichebene entspricht zweiten Titels und der Strichebene Nun, da die Ze-Achse für die Kugeln festgelegt ist, können wir sie nach oben, unten, links oder rechts bewegen, um sie ungefähr dort zu positionieren, wo sie sein müssen Dabei behalte ich immer die Referenz im Auge, um sicherzustellen, dass jede Kugel richtig platziert ist Fangen wir an, die Kugeln zu bewegen und versuchen, sie anhand der Referenz an der richtigen Position zu platzieren. Bald werden wir uns auch mit ihren Größen befassen. So arbeite ich gerne, wenn ich es mit mehreren Schichten zu tun habe. Ich erstelle zuerst eine erste Animation für eine Eigenschaft und danach erstelle ich bei Bedarf eine Animation für eine andere Eigenschaft. Erst danach werde ich die Animation verbessern, indem ich die Geschwindigkeit und das Timing der von mir erstellten Animation anpasse. Sobald die Positionsanimation abgeschlossen ist, fahren wir mit der Skalenanimation für die Kugeln fort. Wie bei der Position beginne ich damit, eine kurze Pause einzulegen, indem diesem Zeitpunkt denselben Skalierungswert festlege. Dann gehe ich 2 Sekunden vorwärts und passe die Skala an das Design an. Ich denke, ein Wert von 20 funktioniert vorerst gut. Drücken Sie danach auf Sie, um alle Keyframes anzuzeigen, und passen Sie die Keyframes an der letzten Position an, um das gewünschte Aussehen zu erzielen Ordnung. Ich finde, es sieht toll aus. Jetzt können wir mit der Erstellung der Kameraanimation für den Übergang von der ersten Szene zur zweiten fortfahren der Erstellung der Kameraanimation für . Beginnen wir die Kameraanimation an dem Punkt, an dem die vier Kugeln in der zweiten Szene in Richtung des Strichs zu bewegen beginnen . Gehen Sie dann 2 Sekunden vorwärts und bringen Sie die Kamera näher an die Ebenen in der zweiten Szene indem Sie die Achsenposition anpassen. O für den Moment, platzieren wir die Kamera irgendwo hier in der Nähe. Bei Bedarf können Sie auch die breite Position anpassen, um eine bessere Ausrichtung zu erreichen. Als Nächstes entfernen wir die Kugel, die nicht sichtbar sein sollte , wenn wir bereits die zweite Szene sehen. Gehen Sie dazu zu dem Punkt, an dem sich die Kamera zu bewegen beginnt , da dies der Punkt ist , an dem sich unsere vier Kugeln zu bewegen beginnen, und dies ist der Zeitpunkt , an dem der Übergang beginnt. Dies ist der Zeitpunkt, um die unerwünschte Kugel zu animieren , die wir in der zweiten Szene haben In unserem Fall ist es bei der Drei-Sekunden-Marke. Erstellen Sie einen Keyframe für die Position dieser Kugel, bewegen Sie sich dann 2 Sekunden vorwärts und verschieben Sie die Kugel aus dem Sichtfeld, indem ihren Achsenwert anpassen Großartig. Jetzt können wir das Projekt speichern und weitermachen. Und jetzt fangen wir an, die zweite Szene fertigzustellen. Lassen Sie uns zum Beispiel die Animation der vier Kugeln in dieser Szene anpassen die Animation der vier Kugeln in dieser Szene Ich möchte die endgültige Position einer Kugel korrigieren , da sie nicht auf die Strichebene ausgerichtet ist . Zu diesem Zweck können wir die Deckkraft aller Kugeln verringern und ihre Keyframes für die endgültige Position anpassen ihre Keyframes für die endgültige Position Auf diese Weise kann ich leicht erkennen, ob die Kugeln am Strich ausgerichtet sind Wenn Sie fertig sind, bringen Sie die Deckkraft wieder auf 100. Drücken Sie nun S, um die Skalierung der Kugeln anzupassen. Meiner Meinung nach sind sie momentan zu groß. Ein Wert von 15 sieht viel besser aus. In Ordnung. Lassen Sie uns nun über die Tatsache sprechen, dass selbst wenn wir die Strichebene unter allen Ebenen in der Timeline platzieren , sie in der Szene immer noch über ihnen erscheint. Das passiert, weil wir mit drei D-Ebenen arbeiten und in drei D-Ebenen die Ebenenreihenfolge in der Timeline hat die Ebenenreihenfolge in der Timeline keine Auswirkung auf die Szene. Was das Aussehen in der Szene bestimmt , ist der Z-Positionswert. Um dies zu beheben, müssen wir die Strichebene entlang der Z-Achse um ein Pixel nach hinten verschieben die Strichebene entlang der Z-Achse um ein Pixel nach hinten Durch diese Anpassung wird sichergestellt, dass sie hinter den Kugeln platziert wird. Kehren wir zu einer Ansicht zurück, um zu sehen, wie sie aussieht. Wie Sie sehen können, gibt es einen Zeitpunkt, an dem die hellblaue Kugel einige Frames lang mit dem Strich kollidiert einige Frames lang mit dem Strich Das passiert, weil in diesem Moment die Achsenpositionen identisch sind Das ist überhaupt kein Problem, da wir den Positionspfad der Kugel anpassen können . Lass mich dir zeigen, wie. Zuerst müssen wir den Zeitpunkt finden , an dem die Kollision passiert. Es sieht so aus, als ob es hier ist. Diese Kugel bewegt sich hinter dem Strich und bevor sie ihre endgültige Position erreicht, durchläuft sie den Strich. Um dieses Problem zu beheben, gehen wir ein paar Frames zurück und bewegen die Kugel nach oben, sodass sie über den Strich läuft, anstatt ihn zu durchqueren Mal sehen, ob wir das Problem beheben. Es ist sehr schwer für mich, es klar zu sehen, also wählen wir die linke Ansicht und ändern sie zu einem der Seitenwinkel. Nehmen wir die linke Ansicht und beobachten, was von diesem Winkel aus passiert. Hier können wir sehen, wie die Kamera den Strich und die Kugel betrachtet. Schauen wir uns die linke Seitenansicht an und versuchen zu sehen, was hier passiert. Aus dieser Perspektive ist klar, dass der Strich etwas stärker an seinen Animationspfad angepasst werden muss . Lassen Sie uns der Einfachheit halber die Strichebene mit einer anderen Farbe kennzeichnen . Stellen wir uns nun auf den Keyframe, den wir erstellt haben, und passen den Pfad der Kugeln so an, dass er nicht einfach über den Strich verläuft, sondern in diesem Moment entlang der Z-Achse davor platziert wird diesem Moment entlang der Z-Achse Dadurch wird sichergestellt, dass es nicht zu einer Kollision zwischen der Kugel und dem Strich Es sieht schon viel besser aus. Wir können den Keyframe auch so anpassen, dass sich der Strich leicht zur Seite bewegt Um die Animation flüssiger aussehen zu lassen, können wir das Werkzeug „Scheitelpunkt konvertieren“ verwenden, um die Bahn der Kugel zu krümmen, sodass eine gleichmäßigere Bewegung entsteht Ich finde, es sieht toll aus. Vergessen Sie nicht , zum Auswahlwerkzeug zurückzukehren, wenn Sie fertig sind. Lassen Sie uns nun die Position des ersten Titels anpassen. Ich möchte , dass der Text in der Szene zentriert wird , wenn sich die Kamera vorwärts bewegt. Aber vorher wählen wir die linke Ansicht aus und bringen sie zurück in den oberen Winkel. Gehen wir zurück zur Arbeit mit einer Ansicht. In Ordnung. Lassen wir die Kamera jetzt den ersten Text durchgehen. Um dies zu erreichen, erstellen wir einen Keyframe für die Position der Textebene in dem Moment, in dem sich die Kamera zu bewegen beginnt Gehen Sie dann in der Zeit etwas vorwärts und passen Sie die Position des Textes an, um ihn perfekt auszurichten Gehen Sie vor und zurück, um zu sehen, wie das aussieht. Ich muss den Text ein wenig nach unten verschieben. Ich stelle mich an den Keyframe und passe die Position an. Lass uns sehen, was wir haben. Ich finde, es sieht jetzt toll aus. Platzieren wir den zweiten Keyframe an Sekunde fünf, um eine langsamere Bewegung für den Text zu erzeugen Es sieht schon viel besser aus. Nachdem das erledigt ist, lassen Sie uns weitermachen und eine Intro-Animation für den zweiten Titel erstellen Wir werden den Textanimator verwenden, um eine nette und einfache Textanimation zu erstellen, die ich oft in meinen Erklärvideos verwende Öffnen Sie den Text, wählen Sie ihn aus und fügen Sie einen neuen Animator mit Es gibt viel zu lernen über Verwendung von Textanimatoren und After Wenn Sie also das Gefühl haben, nicht viel über sie zu wissen, empfehle ich Ihnen dringend, sich meinen Kurstext in Motion anzusehen In diesem Kurs erkläre ich ausführlich alles über die Verwendung von Textanimatoren und teile weitere äußerst nützliche Tricks, um auffällige Textanimationen zu erstellen In Ordnung, zurück zum Projekt. Wir haben die Eigenschaft Position gewählt, weil wir möchten, dass der Text von unten bis zu seiner ursprünglichen Position animiert unten bis zu seiner ursprünglichen Position Legen Sie einen Wert für die Positionseigenschaft fest , um den Startpunkt der Animation zu definieren Öffnen Sie als Nächstes die Bereichswahl und dann das erweiterte Menü Ändern Sie die Einstellung für die Formanimation für diesen Animator so, dass sie hochgefahren wird , sodass der Text von links nach rechts animiert Passen Sie dann die Einstellung so an, dass der Text durch Wörter statt durch Zeichen animiert wird Jetzt, da der Textanimator eingerichtet ist, ist es an der Zeit, die Animation zu erstellen Suchen Sie zunächst den Zeitpunkt, an dem die Animation beginnen soll Sagen wir 4 Sekunden und 15 Frames. Setzen Sie die Offset-Eigenschaft auf -100, wodurch der Text entsprechend dem Wert positioniert wird, den wir für die Positionseigenschaft im Bereichsauswahlmenü festgelegt haben für die Positionseigenschaft im Bereichsauswahlmenü festgelegt Erstellen Sie jetzt an dieser Stelle einen Keyframe . Gehen Sie dann zu 5 Sekunden und 15 Frames, genau 1 Sekunde später, und setzen Sie den Offset auf 100 Gehen Sie zum Abschluss zu dem Zeitpunkt, an dem die Textanimation endet. Klicken Sie mit der rechten Maustaste auf den Text und erstellen Sie eine neue Maske , um den Text anzuzeigen. Das gibt uns im Handumdrehen eine saubere, aufschlussreiche Textanimation. Um die Animation zu verbessern, passen Sie die Beschleunigung der Keyframes direkt im Textanimator an Das ist vergleichbar mit der Vorgehensweise im Bedienfeld „Keyframe-Geschwindigkeit“, aber hier können Sie es tun , indem Sie für „S“ einen hohen Wert von 20% und für „E“ einen niedrigen Wert von 80% festlegen hohen Wert von 20% und für „E“ einen niedrigen Wert von 80 Dadurch sehen Ihre Textanimationen glatt und professionell aus Damit sind wir mit diesen beiden Szenen fast fertig. Um die Dinge zu organisieren, können wir die Ebenen zuschneiden, die wir nicht mehr benötigen. Stellen Sie sich zum Beispiel auf Sekunde fünf und schneiden Sie die Kugeln aus der ersten Szene zu, da wir sie in der Animation nicht mehr sehen. Großartig. Um die Sache etwas interessanter zu machen, lassen Sie uns eine nette Intro-Animation für die Strichebene in Sekunde drei erstellen für die Strichebene , kurz bevor zweiten Szene übergehen Dazu können wir den Effekt „Pfade trimmen“ verwenden . Fügen Sie der Strichebene den Effekt „Pfade kürzen “ hinzu, um mit der Animation zu beginnen Um besser zu sehen, was wir tun, skalieren Sie den Strich leicht mit und beginnen Sie mit der Erstellung der Animation In der dritten Sekunde setzen wir den Endwert auf Null und erstellen einen Keyframe Danach gehen wir zu Sekunde fünf über und setzen ihn auf 100. Jetzt können wir den Strich mit wieder auf zwei setzen und sehen, wie das aussieht. Um das Ganze zu beenden, lassen Sie uns die Textebene einfach bearbeiten, weil wir das früher nicht gemacht haben. Lassen Sie uns dasselbe auch für die Strichanimation tun. Für den Strich können wir die Geschwindigkeit sowohl für eingehende als auch für ausgehende Animationen auf 85% einstellen sowohl für eingehende als auch für ausgehende Animationen , damit er etwas interessanter aussieht. Für den Text müssen wir die Geschwindigkeit nicht anpassen. Mir gefällt, wie es sich bewegt. Wir können diese Anpassung jedoch auf die Kamerabewegung anwenden und sehen, wie sie aussieht. Eine kurze Erinnerung: Wenn Sie die Geschwindigkeit sowohl für eingehende als auch für ausgehende Animationen auf 85% einstellen sowohl für eingehende als auch für ausgehende Animationen beginnt die Bewegung langsam, gewinnt an Geschwindigkeit und verlangsamt sich wieder, kurz bevor sie endet. Schauen wir uns an, wie es aussieht. Ich finde es großartig, aber ich merke, dass die Animation der vier Kugeln etwas seltsam anfühlt. Wählen wir also diese Ebenen aus und drücken Sie auf Sie, um die Schlüsselbilder zu sehen. Um uns nun auf ihre Animation zu konzentrieren, lassen Sie uns diese Kugeln einzeln betrachten. Und jetzt möchte ich dir erklären, was genau mir an der Animation hier nicht gefallen hat. Wie ihr seht, beginnt ihre Animation sehr früh in der Timeline zu schnell. Ich möchte, dass sich die Kugeln synchron mit unserer Kamerabewegung bewegen , langsam beginnen, an Geschwindigkeit gewinnen und langsamer Wenn ich die Keyframes auswähle und zum Diagrammeditor gehe, werden wir feststellen, dass das nicht der Fall ist Im Moment beginnen sich die Kugeln zu Beginn der Animation schnell zu bewegen Damit es unserer Kameraanimation entspricht, öffnen wir zunächst die Positionseigenschaft für jede Kugel. Wählen Sie nun die Keyframes aus und stellen Sie die Geschwindigkeit auf 85% ein. Es ist jetzt besser, aber ich mag die Pause und die Bewegung der hellblauen Kugel nicht , die durch die eingestellte Geschwindigkeit verursacht Um dieses Problem zu beheben, bewegen Sie den Mauszeiger über den zweiten Keyframe, halten Sie auf dem Mac die Strg- oder Befehlstaste und klicken Sie einmal auf den problematischen Keyframe Dann wird der Keyframe mit reduzierter Geschwindigkeit wieder in einen fortlaufenden Keyframe umgewandelt , wodurch verhindert wird, dass die Geschwindigkeit in diesem Moment sinkt Die Bewegung sieht jetzt besser aus, aber mir gefällt nicht, wie diese Kugel mit der hellen kollidiert Gehen wir zum mittleren Keyframe und passen die Position der Kugel in diesem Moment nach links an Ich denke, es sieht jetzt besser aus. Lassen Sie uns auch die Strichebene einzeln bearbeiten , um zu sehen, wie sie zusammen aussieht. Okay, ich finde es sieht gut aus. Wählen wir nun die Kugeln aus und drücken sie, um die Skalierungseigenschaft zu öffnen. Passen Sie dann die Geschwindigkeit auf 85% an , um sie besser an die Positionsanimation und unsere Kamerabewegungen anzupassen 5. Nahtloser Seiten-Panning-Übergang: Hallo. In dieser Lektion werden wir an der gesamten langen Szene arbeiten, die vier animierte Sequenzen oder vier kurze Szenen umfasst . Wir erstellen einfache Panoramaübergänge für die ersten drei Szenen und eine coole Zoom-Animation für die letzte Szene, die uns zur nächsten führt Diese Kombination von Übergängen wird häufig verwendet, daher ist es wichtig, dass Sie die Erstellung beherrschen . Lass uns anfangen. Wie ich in der vorherigen Lektion erwähnt habe, bei der Arbeit mit Designs aus Illustrator wichtig, Effects zu erstellen Effects es bei der Arbeit mit Designs aus Illustrator wichtig, die einzelnen zuvor gespeicherten Illustrator-Dateien zu öffnen , anstatt alles von Grund auf neu und nach After Auf diese Weise können wir überprüfen, ob wir Ebenen für Animationen trennen müssen Ebenen für Animationen trennen müssen Es gibt zwar Elemente, die wir direkt in After Effects erstellen können , wie Textfelder und Linienanimationen, aber es ist immer eine gute Idee, sicherzustellen, dass die Designdatei für die Animation bereit ist. Lassen Sie mich also alle relevanten Sehdateien öffnen. Ich habe dir in der vorherigen Lektion gesagt, dass du sie nicht öffnen musst, da du die fertigen Illustrator-Dateien bereits hast Schauen Sie sich vorerst einfach an und hören Sie zu. Für mich ist es am wichtigsten, dass Sie verstehen, warum bestimmte Schichten getrennt sind und die anderen nicht. Lassen Sie uns die Designs durchgehen und entscheiden, welche Ebenen getrennt werden sollen. Ich sehe zum Beispiel, dass es hier eine Ausrüstung gibt , die ich auf jeden Fall in After Effects animieren möchte Zuerst hebe ich die Gruppierung dieses Designs auf, wähle die Ebene aus und trenne sie dann mit der Funktion „Auf Ebenen freigeben Danach ziehe ich die Ebenen aus der Hauptebene und lösche die leere Ebene Jetzt, da die Ebenen getrennt sind, müssen wir überprüfen, ob wir die richtige Trennung erreicht haben die richtige Trennung erreicht Ich sehe zum Beispiel, dass sich der Kreis des Zahnrads in einer separaten Ebene befindet. In diesem Fall muss er nicht getrennt werden, also wähle ich sowohl den Kreis als auch das Zahnrad aus, während ich die Umschalttaste gedrückt halte, und gruppiere sie dann zusammen. Als Nächstes lösche ich die leere Ebene. Da diese Ebene in After Effects animiert wird, gebe ich ihr auch einen Namen. In meinen Projekten verschwende ich keine Zeit damit, alle Ebenen in den Illustrator-Dateien zu benennen , weil ich weiß, dass ich die meisten davon nicht in After Effects verwenden Benennen Sie nur die wichtigen Ebenen. Fantastisch. Jetzt mache ich dasselbe für dieses Design. Da ich zum Beispiel weiß, dass ich eine Animation erstellen möchte , in der das Schloss entriegelt wird, ich sicher, dass die beiden Teile des Schlosses getrennt sind Ich werde diese Ebenen auch beschriften, um die Arbeit in After Effects zu vereinfachen Ich kann sie Lock One und Lock Two nennen. Mal sehen, was wir in diesem Design haben. Ich lasse es so wie es ist, da ich After Effects in Sekunden erstellen kann. , die an den Designs vorgenommenen Änderungen zu speichern, bevor Sie die Designs importieren Vergessen Sie nicht, die an den Designs vorgenommenen Änderungen zu speichern, bevor Sie die Designs importieren. Ich gebe jede Datei ein und drücke Strgs. In Ordnung, jetzt bist du dran, mit mir zu arbeiten. Lassen Sie uns die Designs nacheinander importieren und gleichzeitig wählen, sie als Komposition mit Ebenengrößen zu importieren Jetzt zeige ich Ihnen, wie Sie diese Designs und After Effects am besten vorbereiten können, um den von uns geplanten Paning-Übergang zu erstellen Beim Erstellen einer Panorama-Animation müssen Sie unbedingt wissen, wie viele Szenen Teil der Animationssequenz sein werden In unserem Fall haben wir die Szenen drei, vier, fünf und sechs siebte Szene folgt auf die Zoom-In-Animation in Szene sechs, sodass sie nicht Teil des Paning-Übergangs sein Das bedeutet, dass es vier Szenen gibt in die Schwenkanimation Lassen Sie uns eine neue Komposition erstellen. Sie können dies manuell tun oder die Tastenkombination verwenden. Ich nenne es Szene zwei. Der wichtige Teil dabei ist , dass wir die Breite der Komposition so anpassen müssen , dass sie in alle vier Szenen passt. Ich verwende das Breitenfeld als Taschenrechner und multipliziere die Full-HD-Breite 1920 mit vier. Dadurch erhalten wir eine Komposition, die breit genug ist, um alle Szenen aufzunehmen, die wir für die Panorama-Animation benötigen Jetzt werden wir diese Szenen innerhalb der Komposition erstellen. In solchen Fällen bringe ich Vorkompositionen des Designs als Leitfaden oder Referenz in die Komposition Beginnen wir damit, die dritte Szene zu importieren und sie nach links auszurichten als Nächstes Szene vier hinzu und aktivieren Sie die Fangfunktion, um sie direkt neben Szene drei zu platzieren Wiederholen Sie diesen Vorgang für die restlichen Szenen. Wir werden Szene 7 nicht hinzufügen da sie nicht Teil des Paning-Übergangs ist Jetzt haben wir eine große Komposition die alle vier Szenen kombiniert Wir können damit beginnen, die Objekte für diese Szene mithilfe Illustrator-Ebenen zu erstellen oder Elemente von Grund auf neu zu erstellen, und After Effects werden wir beides tun Es ist wichtig, Ihnen zu zeigen, wie Sie Designelemente von Grund auf neu und mit After Effects erstellen Grund auf neu und mit After Effects , denn ich möchte, dass Sie neben den Lernübergängen auch die Funktionen von After Effects entdecken , die Sie vielleicht verpasst haben Lassen Sie uns zunächst die Deckkraft der Ebenen verringern , um sie als Referenzen zu verwenden Schalten Sie den transparenten Hintergrund aus, um sie besser sehen zu können, und sperren Sie die Ebenen , um zu verhindern, dass sie versehentlich verschoben Wir beginnen mit der Erstellung des Titels in der ersten Szene. Wenn Sie die Textmenüs nicht sehen, öffnen Sie sie über das Menü Fenster. Lassen Sie uns auch die Registerkarte Absatz öffnen. Passen wir nun die Farbe, die Schriftart und die Größe des Textes an. Wir können im Illustrator-Design nach den genauen Zahlen suchen Illustrator-Design nach den Passen Sie jetzt auch den Abstand an. Wenn Sie fertig sind, wechseln Sie zurück zum Auswahlwerkzeug und platzieren Sie den Text an der richtigen Position. Lassen Sie mich hier ganz schnell einen Rechtschreibfehler korrigieren. Lassen Sie uns nun das Textfeld unter dem Titel erstellen. Da wir mehrere Textfelder benötigen, erstellen wir eine neue Komposition, die wir Bedarf duplizieren und ändern können. Drücken Sie Strg oder Befehl N. Nennen wir es Textfeld eins. Die Größe muss nicht zu groß sein. Die Abmessungen der HD-Auflösung funktionieren vorerst. Die richtigen Abmessungen finden Sie hier. In Ordnung. Lass uns zuerst die Breite und dann die Höhe ändern. Wir können es später bei Bedarf anpassen. Jetzt zeige ich Ihnen, wie Sie ein automatisch anpassendes Textfeld erstellen , dessen Größe sich an den darin enthaltenen Text anpasst , dessen Größe sich an den darin enthaltenen Text Beginnen wir mit der Erstellung der Textebene. In diesem Fall schreiben wir einen Kurs. Schauen wir uns an, wie groß dieser Text im Design sein muss. Die Größe ist 50. Passen Sie dann den Text an die Mitte an und stellen Sie sicher, dass er von links nach rechts ausgerichtet ist. Richten wir ihn nun an der Mitte der Komposition aus. Richten Sie dann den Ankerpunkt aus, indem Sie die Strg - oder Befehlstaste gedrückt halten und auf das Ankerpunkt-Werkzeug doppelklicken Lassen Sie uns nun das Textfeld erstellen. Gehen Sie zum Bedienfeld „Effekte und Voreinstellungen“ und suchen Sie nach einem Textfeld Diese vorgefertigte Voreinstellung ist sehr nützlich, aber das Ziehen in das Ebenenfenster funktioniert nicht Um es zu verwenden, doppelklicken Sie darauf. Platzieren Sie das Textfeld nach der Anwendung unter dem Text und passen Sie die Parameter an. Lassen Sie es zunächst mit der Textebene interagieren, schalten Sie den Strich aus und färben Sie das Feld weiß. Ändern Sie dann die Textfarbe in Schwarz. Großartig. Wählen wir nun das Textfeld und öffnen die Skalierungs- und Polsteroptionen Passen Sie als Nächstes den Abstand des Felds an, um es ein wenig zu skalieren , und legen Sie dann die Rundheit der Ecken fest Überprüfen Sie den genauen Wert im Illustrator-Design, indem Sie das Feld mit dem Direktauswahl-Werkzeug auswählen Auf diese Weise kann ich die abgerundeten Ecken dieser Form sehen. Dann kann ich zum Projekt zurückkehren und die Rundheit auf den richtigen Wert einstellen Sobald dies erledigt ist, wird die Größe des Textfeldes automatisch angepasst, wenn sich der Text ändert Passen wir nun die Größe der Komposition da sie, wie Sie bemerkt haben, momentan zu groß ist Lassen Sie uns ein gutes Verhältnis dafür finden. Wir können die Dimensionen, die wir hier haben, einteilen und sehen, wie es aussieht. Das sieht gut aus. Fantastisch. Gehen wir jetzt zurück zu unserer Szene und bringen diesen Precomp her Aber vorher sollten wir die Szene für ein besser organisiertes Projekt mit Comp und Blue taggen für ein besser organisiertes Projekt mit Comp und Blue taggen Ziehen Sie nun das Textfeld in unsere Szene. Platzieren wir es an der richtigen Position. Wenn Sie das Textfeld so skalieren möchten genau zum Design passt, können Sie dies tun, es genau zum Design passt, können Sie dies tun, indem Sie die Ebene skalieren und für eine bessere Qualität die Funktion zum Ausblenden der Transformationen aktivieren bessere Qualität die Funktion zum Ausblenden der Transformationen Alternativ können wir auch in den Precomp gehen und die gesamte Polsterung skalieren Setzen wir es auf 70. Das sieht nett aus. Lassen Sie uns trotzdem die Funktion zum Zusammenklappen der Transformationen aktivieren , falls wir später eine Skalierungsanimation für diesen Precomp erstellen Skalierungsanimation für diesen Precomp In Ordnung. Gehen wir zum nächsten Teil über. Wir müssen hier ein weiteres Textfeld erstellen. Lassen Sie uns dazu das Textfeld Precomp duplizieren , das wir aus dem Projektfenster haben Geben Sie es ein und ändern Sie den Text. Sie können den Text aus dem Design in Illustrator kopieren. Fantastisch. Bringen wir nun diesen Precomp zur Szene und platzieren ihn an der richtigen Position Als Nächstes müssen wir das Schloss erstellen. Dies ist ein perfektes Beispiel für einen Fall, in dem es besser ist, die Illustrator-Ebene zu verwenden , anstatt sie von Grund auf neu und nach After Effects zu erstellen Okay, lassen Sie uns die aus der Illustrator-Datei erstellte Precomp eingeben und die erforderlichen Ebenen kopieren Aber vorher möchte ich Ihnen etwas zeigen. Die Kugel, die Teil der Sperre einer Ebene sein muss , befindet sich derzeit auf einer separaten Ebene. Ihr Fall, Sie werden das nicht sehen , weil Sie meine endgültigen Dateien verwenden. Schau und hör dir an, was ich dir zeigen werde. Dies ist eine Situation , die häufig vorkommen kann. Während des Vorbereitungsprozesses können wir einige Dinge übersehen, können wir einige Dinge übersehen und es ist wichtig zu wissen, wie mit diesen Situationen umgehen sollen, wenn wir uns bereits in der Animationsphase befinden. zum Beispiel mit einer zusätzlichen Ebene arbeiten, wird das Projekt nicht ruiniert, aber ich bevorzuge es, unnötige Ebenen in der Timeline zu vermeiden. Wenn Sie versuchen, dieses Problem zu beheben, indem Sie die Designdatei bearbeiten und nach dem Import der Ebenen in After Effects speichern , kann das Ihr Projekt durcheinander bringen. Daher ist es wichtig, solche Probleme zu identifizieren und zu lösen, bevor Sie Keyframes zu den Ebenen hinzufügen In diesem Fall kann ich den Ebenenordner und die Vorkomposition für diese Szene aus meinem After Effects-Projekt löschen und die Vorkomposition für diese Szene aus meinem After Sobald ich fertig bin, kehre ich zur Designdatei zurück, schneide die Kugel aus und füge sie in die entsprechende Nachdem ich die leere Ebene gelöscht habe, speichere ich die Datei. Dann kann ich das Design erneut in After Effects importieren , ohne mir Sorgen machen zu müssen, dass irgendetwas im Projekt kaputt geht irgendetwas im Projekt kaputt Jetzt bringe ich meinen neuen Precomp die Szene , um ihn als Referenz zu verwenden, genau wie ich den vorherigen Precomp verwendet habe, bevor ich Ich gebe den Precomp ein, und jetzt machen wir uns wieder Kopiere die beiden Ebenen des Schlosses und füge sie in unsere Platzieren Sie sie an der richtigen Position und vergessen Sie nicht, die Ebenen zu reduzieren , damit sie bei zukünftiger Skalierung in der besten Qualität erhalten bleiben. Wie Sie sehen können, werden die Ebenen nach dem Skalieren etwas an Qualität verlieren. Lassen Sie uns diese beiden Ebenen zusammenklappen. Ordnung, ich bringe sie wieder zur Normalität und lass uns weitermachen. Eine kurze Erinnerung. Klicken Sie hier , wenn Sie die Kollaps-Funktion nicht sehen. Großartig. Fahren wir nun mit dem nächsten Teil fort. Duplizieren Sie zunächst das Textfeld Precomp erneut und ändern Sie den darin enthaltenen Text Jetzt sehe ich, dass die Comp-Größe für diesen zu klein ist, also passen wir sie ganz schnell Das ist besser. Bring jetzt diesen Precomp zum Tatort Vergessen Sie nicht, die Komposition zu reduzieren, und lassen Sie uns weitermachen und die Ausrüstungsebene aus der Vorkomposition des Designs übernehmen Rufen Sie Szene fünf auf, wählen Sie die Ausrüstungsebene aus und kopieren Sie sie Gehen Sie jetzt zurück zur Hauptszene und fügen Sie sie hier ein. Lassen Sie uns herauszoomen, um zu sehen, wo es sich befindet, und es jetzt an die richtige Position bringen. Fantastisch. Wir haben die Erstellung der ersten drei Szenen abgeschlossen, die Teil der Panorama-Animation sein werden Sehen wir uns nun an, wie wir mit Situationen umgehen, in denen wir eine Komposition mit drei D-Ebenen zu unserer Zwei-D-Szene kombinieren möchten eine Komposition mit drei D-Ebenen zu unserer Zwei-D-Szene kombinieren drei D-Ebenen zu unserer Zwei-D-Szene In solchen Fällen ist es besser, die Drei-D-Szene in einer separaten Vorkomposition zu erstellen, als mit drei D-Layern einer separaten Vorkomposition zu erstellen, als direkt in der Hauptkomposition umzugehen Lassen Sie uns eine neue Komposition erstellen, sie Three-D-Box nennen und sie auf Full-HD-Auflösung einstellen Lassen Sie uns nun lernen, wie Sie schnell eine Drei-D-Box erstellen können. Zuerst müssen wir die Wände der Box erstellen. Wählen Sie dazu das Rechteckwerkzeug aus und doppelklicken Sie darauf, um eine Form mit den exakten Abmessungen der Komposition zu erstellen . Unser nächster Schritt zur Erstellung aller Wände der Drei-D-Box besteht darin, die von uns erstellte Form viermal zu duplizieren, sodass wir insgesamt fünf Formebenen haben anschließend sicher, dass das Fangwerkzeug aktiviert ist , und verschieben Sie die Formen nun zur Seite Bewegen Sie dann den Rest nach oben und unten. Wählen Sie als Nächstes das Ankerpunkt-Werkzeug und passen Sie die Ankerpunkte für jede Wand so an, dass sie korrekt rotieren, wenn Sie sie im Drei-D-Raum drehen. Großartig. Und jetzt konvertieren wir alle Ebenen in drei D-Ebenen. Wählen Sie alle duplizierten aus und drücken Sie R, um die Rotationseigenschaft zu öffnen Jetzt müssen wir die Rotationsachse für jede Ebene anpassen , um die Box zu erstellen Für die Wände an den Seiten passen wir die Y-Rotationsachse an. Für die oberen und unteren Wände wird es die X-Achse sein. Nett. Jetzt können wir die Ebenen schließen und die duplizierten Ebenen der ersten Ebene zuordnen Auf diese Weise können wir die Position der gesamten Box von einer Ebene aus steuern die Position der gesamten Box von einer Ebene aus Ordnung, also platzieren wir es hier und setzen die X-Achse auf 2000 Wählen wir nun diese Szene aus dem Projektfenster aus , um sie als Referenz für die Farbe der Wände zu verwenden als Referenz für die Farbe der Wände zu Wenn Sie die neueste Version von After Effects verwenden, können Sie die Pipette aus dem Bedienfeld „Essential Falls nicht, können Sie es auf die altmodische Art machen und die Farbe im Eigenschaftenmenü der Ebenen ändern . Großartig. Beschäftigen wir uns jetzt mit den oberen und unteren Formen , weil sie zu kurz sind. Öffnen Sie dazu die Skalierungseigenschaft und deaktivieren Sie die eingeschränkten Proportionen, um sie nur auf der Y-Achse zu skalieren Wir können es auf 175 setzen. Machen wir dasselbe für den oberen Teil. Fantastisch. Jetzt haben wir eine Drei-D-Box. Da wir bereits wissen , dass wir einen Zoom und eine Animation für den Übergang zur nächsten Szene erstellen möchten , erstellen wir eine Kamera. Drücken wir nun P und platzieren die Kamera so, dass sich die Box innerhalb des Rahmens befindet. Ich sehe, dass wir die Größe der oberen und unteren Teile erneut anpassen müssen . Lass uns das ganz schnell beheben. Probieren Sie einfach einen anderen Wert aus, bis Sie sehen, dass die Form mit den übrigen Wänden übereinstimmt Ordnung, wir sind mit der Erstellung der Drei-D-Box fertig und jetzt ist es an der Zeit, sie in unsere Hauptszene zu integrieren Gehen wir zunächst zurück zu Szene zwei und ziehen dann die Drei-D-Box-Vorkomposition hinein Lassen Sie uns das Align-Werkzeug verwenden, um es an der rechten Seite dieser Szene auszurichten Aktivieren Sie nicht die Funktion „ Transformationen reduzieren“ für diese Komposition, da die Ebenen mit den Dimensionen dieser Kompositionsauflösung interagieren, und das ist nicht das, was Wir werden uns diesen Teil bald noch einmal ansehen. Aber lassen Sie uns zunächst lernen, wie Sie reibungslose Panoramaübergänge für die gesamte Szene erstellen reibungslose Panoramaübergänge für die gesamte Zu Beginn müssen wir die Linienanimation erstellen, da dies das Hauptobjekt ist , das die gesamte Szene bestimmen wird Wenn ich jetzt eine Reihe von Szenen als Referenz verwende, stelle ich gerne für jede Vorkomposition eine andere Deckkraft ein, um zu wissen, wo jede Das hilft mir zu verstehen, wo die Linie und die Kugel platziert werden sollten Wenn wir keine Referenzvorkompositionen hätten, die wir als Hilfslinien verwenden könnten, würde ich drei Formebenen mit einer Breite von 1920 Pixeln und einer Höhe von 1080 Pixeln erstellen einer Breite von 1920 Pixeln und einer Höhe von 1080 Pixeln und sie als Hilfslinien über die Szene verteilen Ordnung. Lassen Sie uns nun lernen, wie Sie die Linienanimation erstellen. Zuerst werden wir die Linie erstellen. Stellen Sie sicher, dass keine Ebene ausgewählt ist, wählen Sie dann das Stiftwerkzeug und stellen die Strichfarbe auf Schwarz und die Strichstärke auf zwei ein. Schalten Sie dann die Füllung aus, vergrößern Sie die Vorschau und beginnen Sie mit dem Zeichnen der Linie. Erstellen Sie die Linie nicht zu nah an der Szene, da wir etwas Platz für die Kugel benötigen Erstellen Sie hier den ersten Punkt. Halten Sie nun die Umschalttaste gedrückt und erstellen Sie den nächsten Punkt. Lassen Sie dann die Shift-Taste los, um den diagonalen Pfad frei zu erstellen. Machen Sie sich hier keine Sorgen über die Fehlausrichtung. Erstellen Sie einfach weiter die Linie. Lass uns den Pfad irgendwo in der Mitte der letzten Szene in dieser Komposition beenden . Benennen Sie abschließend die Ebene in Linie oder Kontur um und skalieren Sie vorübergehend die Konturbreite, damit wir sehen können, was wir tun Fantastisch. Jetzt lernen wir , wie man die Animation mit der Kugel erstellt. Lassen Sie uns der Einfachheit halber diese Ebene isolieren und den transparenten Vorschauhintergrund einschalten . Bevor wir die Kugel erstellen, isolieren wir nun auch die erste Szene in dieser Komposition, damit wir sie als Referenz verwenden können Stellen Sie sicher, dass keine Ebene ausgewählt ist, und erstellen Sie dann eine kleine Kugel Wir können die erste Designszene auswählen, um die richtige Farbe dieser hellblauen Kugel zu testen. Lassen Sie uns nun den Strich ausschalten und seine Größe auf einen abgerundeten Wert einstellen. Wenn Sie die Größeneigenschaft hier nicht sehen, finden Sie sie in den Eigenschaften der Formebene. Vergessen wir nicht, den Namen zu ändern. Großartig. Jetzt benötigen wir die Referenz nicht mehr, sodass wir mit der Erstellung der Animation beginnen können. Wir üben diesen Prozess im Logo-Animationskurs, wenn eine supercoole Logoanimation für ein erfundenes Technologieunternehmen erstellen . Für diejenigen, die es gesehen haben, wird dies eine großartige Auffrischung sein Für diejenigen, die es noch nicht getan haben, wird dies ein super cooler Trick sein , den Sie lernen und in Ihren nächsten Projekten anwenden können Beginnen wir mit der Auswahl des Pfads der Formebene. Gehen Sie als Nächstes zum Fenstermenü, scrollen Sie nach unten und öffnen Sie das integrierte Skript Create Nulls from Path Sobald Sie das Panel geöffnet haben, wählen Sie die Option Trace Path Dadurch wird ein Null-Objekt mit Keyframes generiert , die seine Bewegung entlang des Pfads darstellen Im Moment wird die Animation standardmäßig wiederholt, aber da wir sie nur einmal abspielen müssen, werden wir das korrigieren Wählen Sie das Null-Objekt aus, gehen Sie zum Effekteinstellungsfenster und deaktivieren Sie die Loop-Option Jetzt bewegt sich die Null nur einmal entlang des Pfads. Damit die Linie nur dort erscheint, wo sich die Null bewegt, wenden wir den Effekt „Pfade trimmen“ auf die Strichebene an. Nachdem wir den Effekt hinzugefügt haben, verknüpfen wir die Endeigenschaft der Trimmpfade mit der Fortschrittseigenschaft der Null. Dadurch wird die Sichtbarkeit der Linie mit der Bewegung der Null synchronisiert . Als Nächstes müssen wir die Kugel an die Null anhängen. dazu die Umschalttaste gedrückt und ordnen Sie die Kugel dann der Null als übergeordnetes Element zu. Dadurch wird die Kugel direkt an der aktuellen Position der Null ausgerichtet und gleichzeitig eine Eltern-Kind-Beziehung zwischen den beiden erzeugt. Da die Ecken der Linie jetzt zu scharf aussehen, fügen wir der Strichebene einen Effekt mit abgerundeten Ecken hinzu. den Radius auf etwa 50 einstellen, werden die Kanten geglättet Sie den Radius auf etwa 50 einstellen, werden die Kanten geglättet und die Linie sieht sauberer und polierter aus. Jetzt ist es an der Zeit, die Kugel und die Linie zusammen zu animieren die Kugel und die Linie zusammen Zu Beginn können wir den Strich mit wieder auf zwei zurücksetzen. Dann deaktivieren wir die Solo-Funktion , um wieder alle Ebenen zu sehen. Und speichern Sie das Projekt, bevor Sie weitermachen. In Ordnung. Gehen wir nun zum Anfang der Pfadanimation und schalten den transparenten Hintergrund damit wir sehen können, was wir besser machen. Als Nächstes bringen wir das Nullobjekt oben Fokus und drücken Sie auf Sie, um seine Keyframes zu sehen, die wir anpassen und animieren werden Lassen wir den ersten Keyframe auf Null stehen. Stellen wir uns nun auf den zweiten Keyframe und ändern den Wert, bis wir sehen die Kugel das Textfeld passiert Wir können es vorerst auf 20 setzen. Mal sehen, wie das aussieht. Ich denke, es ist zu schnell. Platzieren wir also den zweiten Keyframe an der Zwei-Sekunden-Marke und sehen wir uns an, wie das aussieht. In Ordnung. Gehen wir jetzt zur Vier-Sekunden-Marke und bewegen die Kugel ein bisschen nach vorne. Auf diese Weise erzeugen wir einen schönen Zeitlupeneffekt in der Animation. Großartig. Jetzt bewegen wir uns noch einmal 2 Sekunden und positionieren die Kugel irgendwo hinter dem zweiten Textfeld. dann nach weiteren 2 Sekunden Lassen Sie uns sie dann nach weiteren 2 Sekunden etwas weiter vorwärts bewegen, um diesen coolen Zeitlupeneffekt zu erzielen. Verlangsamen der Kugel vor dem Übergang zur nächsten Szene dient nicht nur der Wir tun dies, um dem Betrachter genügend Zeit zu geben , die Textfelder zu lesen In unserem Fall geben wir dem Betrachter 2 Sekunden zum Lesen. Wenn Sie jedoch längere Titel haben, können Sie etwas mehr Zeit einplanen. In Ordnung. Lassen Sie uns nun den gleichen Vorgang für den letzten Teil wiederholen. Bei der Zehn-Sekunden-Marke platzieren wir die Kugel irgendwo hier. Dann, bei der 12-Sekunden-Marke, lassen Sie uns die Sache ein bisschen vorwärts bewegen. Großartig. Gehen wir nun zur 14-Sekunden-Marke und setzen den Wert auf 100. Jetzt möchte ich über etwas sehr Wichtiges bei der Erstellung von Pfadanimationen sprechen , wie wir es gerade getan haben. Eine wichtige Sache, die Sie über diese Technik wissen sollten , ist , dass Sie, wenn Sie die Punkte des Pfads anpassen, zum Beispiel, wenn wir die endgültige Position des Pfads etwas höher bringen wollen , sicherstellen müssen, dass alles korrekt ausgerichtet Lass es uns ganz schnell machen. Stellen Sie sich zuerst an die endgültige Position. Wählen Sie dann das Stiftwerkzeug, zoomen Sie ein wenig hinein und wählen Sie die Strichebene aus. Klicken Sie einmal auf den letzten Punkt und platzieren Sie ihn irgendwo in der Mitte des Rahmens. Danach wird der Pfad geändert, und daher wird auch die Animation der Null angepasst. Das bedeutet, dass wir alle Keyframes durchgehen und sicherstellen müssen alle Keyframes durchgehen und , dass die Position der Null, der Kugel , immer noch korrekt ist Okay, nehmen wir an, wir wollen die Position der Kugel korrigieren Stellen Sie dazu sicher, dass Sie auf dem Keyframe stehen, bevor Sie den Wert anpassen und passen Sie erst dann die Werte Ordnung, ich denke, alles andere sieht gut aus und wir sind bereit, die Animation zu überprüfen In diesem Stadium sieht die Animation großartig aus, aber um sie noch ansprechender zu gestalten, werden wir den Objekten über den Textfeldern einige Mikroanimationen hinzufügen . Zum Beispiel können wir das Zahnrad drehen und das Schloss animieren, um eine Animation zum Entsperren zu erstellen Diese kleinen Details verleihen der Szene mehr Tiefe und Persönlichkeit und erwecken das Gesamtdesign zum Leben Lassen Sie uns damit beginnen, eine coole Animation für den großen Titel zu erstellen , den wir hier haben. Ich möchte, dass mit dem Text etwas Interessantes passiert , wenn diese Kugel zu diesem Zeitpunkt das Textfeld berührt. Nehmen wir an, dieser Titel steht für ein Logo für das Unternehmen und Sie wurden gebeten, dafür eine komplexe Animation zu erstellen. Dies ist ein gutes Beispiel dafür wann es hilfreich ist, die Ebene vorab zusammenzustellen und in einer separaten Vorkomposition an der Animation zu arbeiten in einer separaten Vorkomposition In diesem Fall sollten wir nicht zu viel Zeit damit verbringen , etwas zu Komplexes zu erstellen. Ich möchte dir nur zeigen, wann und warum Precomps nützlich sind. Lassen Sie uns vorerst ein paar Glitzer hinzufügen. Lassen Sie uns zunächst diese Titelebene unterkomponieren , damit wir die Timeline nicht mit zu vielen Ebenen überladen Timeline nicht mit zu vielen Wir können dem Precomp-Haupttitel einen Namen geben. Stellen Sie sicher, dass Sie beide Optionen auswählen und klicken Sie dann auf OK. Geben wir nun diese Vorkomposition ein, richten die Ebene an der Mitte aus und passen die Kompositionsgröße an die Animation an , und passen die Kompositionsgröße an die Animation an die wir erstellen werden Drücken Sie die Strg- oder Befehlstaste K und lassen Sie uns sehen, welche Abmessungen für diese Vorkomposition am besten geeignet Abmessungen für In Ordnung. Stellen wir nun sicher, dass keine Ebenen ausgewählt sind, und erstellen mit dem Ellipse-Werkzeug eine funkelnde Form Wir können diese Form Sparkle nennen. Sobald wir fertig sind, fügen wir den Pucker- und Bloat-Effekt hinzu, um den Kreis in eine funkelnde Form zu verwandeln Versuchen wir, es auf -90, vielleicht -80 zu setzen. Das sieht besser aus. Perfekt. Lassen Sie uns es als Nächstes animieren Gehen Sie zum Anfang der Zeitleiste und statt die Skalierungseigenschaft zu verwenden, animieren wir die Größe der Form Bald werden Sie verstehen, warum dies ein besserer Ansatz ist. Stellen Sie zunächst die Größe auf Null ein und erstellen Sie den ersten Keyframe Gehen Sie dann 1 Sekunde vorwärts und legen Sie einen weiteren Keyframe mit demselben Wert Sie jetzt bei Frame 15 Stellen Sie jetzt bei Frame 15 die Größe auf 100 ein Lassen Sie uns die Keyframes einfach vereinfachen und ihre Geschwindigkeit anpassen. Sehen wir uns eine Vorschau der Animation an. Es sieht gut aus. Duplizieren Sie nun die Sparkle-Ebene und platzieren wir sie irgendwo im unteren rechten Bereich des Textes Drücken Sie nun S, um die Skalierungseigenschaft zu öffnen und dieses Duplikat ein wenig zu verkleinern diesem Grund haben wir die Größeneigenschaft anstelle der Skalierung animiert die Größeneigenschaft anstelle der Skalierung Damit können wir die Größe der Ebene ändern, ohne die Animation durcheinander zu bringen Ordnung. Kehren wir nun zur Hauptkomposition zurück und positionieren diese Vorkomposition so, dass sie zum Design passt Vergessen Sie nicht, Collaps-Transformationen für höchste Qualität zu aktivieren Collaps-Transformationen für höchste Qualität Als Nächstes müssen wir die Funkeln so einstellen, dass sie genau dann erscheinen, wenn die Kugel das Textfeld nach 1 Sekunde und 15 Bildern berührt 1 Sekunde und 15 Dazu rufen wir den Sparkle-Precomp auf und verschieben die Animation so, dass sie im richtigen Moment beginnt Um die Glitzer-Animation dynamischer aussehen zu lassen, können Sie abschließend eine kleine Verzögerung erzeugen, indem Sie die Animation mit den kleineren Glitzern ein paar Frames vorwärts bewegen Animation mit den kleineren Glitzern Das sieht toll aus und wir sind bereit weiterzumachen. Jetzt ändere ich die blaue Farbe dieses Precomps. Dazu suche ich sie im Projektfenster, ändere dort die Farbe und passe sie dann im Ebenenfenster an Es ist blau, weil es aus einer Vorkomposition erstellt wurde , die im Projektfenster blau eingefärbt war Sehen wir uns nun eine Vorschau der Szene an. Ich finde, es sieht toll aus, also können wir mit der Animation des Schlosses fortfahren Zuerst müssen wir den besten Zeitpunkt finden , um die Animation des Schlosses zu starten Wir starten die Sperranimation 5 Sekunden und 15 Frames. Wählen Sie die Ebene „Zwei sperren“ aus, öffnen Sie die Eigenschaft „Position“ und erstellen Sie den ersten Keyframe, indem diesen Teil der Sperre so absenken, dass er geschlossen aussieht Gehen Sie dann um 1 Sekunde vorwärts und heben Sie es wieder an. Lass es uns hier platzieren. Lassen Sie uns nun die Keyframes vereinfachen, um die Bewegung flüssiger zu gestalten Dann passen wir das Timing an und schauen uns an, wie es aussieht. Es scheint vorerst in Ordnung zu sein, also lasst uns mit der Animation der Ausrüstung fortfahren Lassen Sie uns zunächst herausfinden, wann wir es starten sollen. Wir beginnen die Animation nach 9 Sekunden und 15 Frames und verwenden dieses Mal die Rotationseigenschaft. Lassen Sie uns eine interessante Rotationssequenz erstellen. Erstellen Sie zunächst ein Schlüsselbild mit dem aktuellen Wert, bewegen Sie sich dann um 15 Frames vorwärts und drehen Sie das Zahnrad um -45 Grad nach hinten Gehen Sie nun um 1 Sekunde und 15 Frames vorwärts und stellen Sie die Drehung so ein , dass eine volle Umdrehung abgeschlossen ist Dazu müssen wir es in die entgegengesetzte Richtung drehen bis wir eine Drehung und positive 45 Grad sehen. Lassen Sie uns nun die Bewegung anpassen und eine Vorschau der Animation anzeigen. Mir ist aufgefallen, dass die zweite Drehung zu schnell zu sein scheint Lassen Sie uns das mit dem Diagrammeditor korrigieren. Zuerst müssen wir die problematischen Keyframes auswählen, dann den Diagrammeditor aufrufen und ihre Ziehpunkte anpassen Wir lassen die erste Drehung unverändert und passen nur die Ziehpunkte des zweiten Keyframe-Paares an, um sie zu glätten Das ist viel besser. Damit sind wir mit der Animation der ersten drei Teile fertig Jetzt ist es an der Zeit, die Animation zu verbessern und einige praktische Tricks zur Verfeinerung von Keyframes zu erlernen Konzentrieren wir uns zunächst auf die Verbesserung der Linienanimation. Um die Übersichtlichkeit zu verbessern, deaktivieren wir alle Referenz-Vorkompositionen und ändern die Hintergrundfarbe der Vorschau in ein neutrales Grau Sie können dies tun, indem Sie Strg K drücken und die Kompositionseinstellungen anpassen Als Nächstes isolieren wir nur die Ebenen, die die Linienanimation erzeugen , damit wir uns darauf konzentrieren können , ohne dass die übrigen Ebenen stören Auf diese Weise können wir die Linie viel besser sehen und sind bereit , ihre Bewegung zu verbessern Drücken wir Sie auf die Nullebene, um die Keyframes anzuzeigen Der erste Schritt besteht darin, diese Keyframes ganz einfach umzuwandeln indem Sie auf dem Mac F neun oder FNF neun drücken Dadurch wird die Animation geglättet. Passen wir nun das Vorschaufenster so an, dass wir die gesamte Szene sehen können , um zu überprüfen, wie die Animation nach dem Lockern der Keyframes aussieht Wie Sie sehen, sieht die Animation flüssiger aus, aber aufgrund der Lockerung können wir einige merkwürdige Pausen in der Bewegung feststellen, in denen die Kugel Diese Pausen treten auf , weil es Punkte gibt , an denen die Geschwindigkeit der Kugel auf Null sinkt, und das ist nicht das, und das ist nicht das Wir streben eine flüssige und kontinuierliche Animation an. Keine Sorge, wir werden das bald beheben. Lassen Sie uns zunächst dafür sorgen, dass diese Kugel schnell in die Szene eindringt, da wir einen Match-Cut-Übergang von der vorherigen Szene erstellen möchten , die wir in der letzten Lektion animiert haben. Rufen wir dazu den Diagrammeditor und ziehen den Ziehpunkt dieses Keyframes nach links Dadurch tritt die Kugel am Anfang schnell ein. Ignoriere die Pause , die wir hier vorerst haben. Wir werden das gleich beheben. Lass uns weitermachen. Lasst uns dafür sorgen, dass die Kugel zu diesem Zeitpunkt etwas schneller wird. Wir können dies tun, indem wir die Geschwindigkeit dieser beiden Keyframes anpassen und sicherstellen, dass der vorherige Keyframe nicht beeinträchtigt wird Falls Sie sich fragen, warum wir das Bedienfeld „Keyframe-Geschwindigkeit“ nicht verwendet haben, liegt das daran, dass sich dies auch auf die Geschwindigkeit des vorherigen Keyframes auswirken würde die Geschwindigkeit des vorherigen Keyframes Wie Sie sehen, können wir sehen, dass sich diese Aktion auf die Bewegung vor und nach diesem Teil auswirkt, wenn ich den Einfluss für beide Keyframes auf 85% setze und ihn im Diagrammeditor überprüfe können wir sehen, dass sich diese Aktion auf die Bewegung vor und nach diesem und Ich drücke also die Strg - oder Befehlstaste Z, um die Aktion rückgängig zu machen und die Ziehpunkte wieder den Zustand zu versetzen, in dem wir sie manuell angepasst haben Mal sehen, wie das aussieht. Das sieht gut aus, aber es gibt immer noch Pausen während der Animation, und wir werden sie bald beheben Lassen Sie uns vorerst die Keyframes so anpassen, dass die Kugel schneller wird, wie zu diesem Zeitpunkt Passen wir die Ziehpunkte dieser Keyframes genauso an, wie wir es zuvor getan haben Wenn wir sehr präzise sein wollen, können wir versuchen, für diese Abschnitte die gleiche Geschwindigkeit beizubehalten für diese Abschnitte die gleiche Geschwindigkeit Lassen Sie uns dafür sorgen, dass diese Kugel schneller wird, wenn sie zur nächsten Szene übergeht . Lassen Sie uns nun auch diesen Teil anpassen. Versuchen Sie, die Griffe anzupassen, bis Sie eine Geschwindigkeit von etwa 80 oder 85% sehen . Vergewissern Sie sich, dass der Einfluss innerhalb dieses Bereichs liegt. Passen wir nun die Geschwindigkeit des letzten Teils an, wenn sich die Kugel zur nächsten Szene bewegt. Sieht nett aus. Gehen wir nun zurück zur Hauptszene und überprüfen die Animation noch einmal bevor wir die Pausenteile in der Bewegung korrigieren. Ordnung. Wie Sie sehen können, haben wir jetzt eine viel sanftere Bewegung, aber die Pausen sehen immer noch seltsam Lassen Sie uns diese endlich ansprechen. Zunächst müssen wir verstehen, warum das passiert. Diese Pausen treten auf, weil es nach dem Lockern der Keyframes Bereiche in der Animation gibt, in denen die Geschwindigkeit der Kugeln auf Null sinkt, wie in Um das zu beheben, müssen wir in diesen Abschnitten lediglich die Geschwindigkeit erhöhen . Wir könnten jeden Keyframe manuell aufrufen, aber das wäre nicht sehr effizient. Stattdessen können wir diese Keyframes auswählen und darauf doppelklicken, um das Keyframe-Velocity-Bedienfeld zu öffnen Aktivieren Sie hier das Kontrollkästchen „ Kontinuierlich“. Dadurch wird sichergestellt, dass die Keyframes miteinander verbunden sind, sodass wir sie leicht anheben können, damit sie nicht eine Geschwindigkeit von Null erreichen Wenden wir dieselbe Technik auf diesen anderen Abschnitt an. Lassen Sie uns überprüfen, wie es aussieht. Das sieht viel besser aus. Lassen Sie uns nun die anderen Teile reparieren , an denen die Geschwindigkeit auf Null fällt. Überprüfe die Animation an den kniffligen Stellen und passe die Griffe an, um eine glatte Kurve zu erzeugen. Ordnung. Schauen wir uns die Animation von Anfang bis Ende an. Ich finde, es sieht toll aus, und wir können das Projekt jetzt speichern und weitermachen. Nachdem ich die erste Animation erstellt habe, überprüfe ich sie immer noch einmal zusammen mit dem Rest der Szene, um zu überprüfen, ob Anpassungen erforderlich sind. Das Timing hier ist gut. In diesem Fall finde ich, dass die Animation zum Öffnen von Schlössern zu schnell abläuft Deshalb öffne ich die zugehörigen Schlüsselbilder und ziehe das letzte Bild eine Sekunde nach vorne. Das sieht viel besser aus. Ich möchte auch, dass die Zahnradanimation länger dauert. Ich öffne die Schlüsselbilder und verschiebe auch den letzten. Sagen wir, Sekunde 12. Ich finde, es sieht toll aus. Lassen Sie uns die offenen Precomps hier schließen bevor wir weitermachen. Nett. Nachdem wir die Animation angepasst haben, lösche ich die Referenzvorkompositionen und erstelle einen geeigneten Hintergrund für diese Komposition falls wir später Sonderfarben hinzufügen möchten Um einen Hintergrund zu erstellen, können wir eine feste Ebene oder eine Formebene verwenden In diesem Fall erstelle ich eine Formebene, weil es einfacher ist, die Farbe zu kontrollieren. Stellen Sie zunächst sicher, dass keine Ebene ausgewählt ist. Wählen Sie dann das Rechteckwerkzeug und schalten Sie den Strich aus. Wählen Sie die entsprechende Farbe aus. Wir können es von hier aus probieren. Doppelklicken Sie nun auf das Rechteckwerkzeug , um eine Form in der Größe der Komposition zu erstellen. Lassen Sie uns auch diese Ebene umbenennen, BG One. Ich bevorzuge es, für jeden Teil drei separate Hintergrundebenen zu erstellen für jeden Teil 6. Vorbereitung einer Szene für einen 3D-Up-Panning-Übergang: Hallo und willkommen zurück. Wir beginnen diese Lektion mit einem Überblick über die nächsten Szenen, die wir animieren müssen Diesmal konzentrieren wir uns auf die Szenen mit den Charakteren, dem Laptop und dem Schlüssel Wir müssen für jede dieser Szenen Übergänge erstellen. Profi-Tipp: Versuche, nicht an mehr als drei oder vier Szenen gleichzeitig zu arbeiten . Wenn Sie zu viele Szenen gleichzeitig bearbeiten, kann dies Ihren Animationsprozess verkomplizieren und Ihr Projekt durcheinander bringen Wir könnten zum Beispiel damit beginnen, die nächste Szene nach der Schlüsselszene zu animieren, aber ich ziehe es vor, das jetzt nicht zu tun werde das zuerst tun, nachdem ich die Animation für die vier Szenen fertig erstellt habe. Das wird mir helfen , effizienter zu arbeiten und den Überblick zu behalten. diesem Hintergrund habe ich vor, für die ersten drei Szenen eine nette Animation mit schwenkbarem Übergang zu erstellen für die ersten drei Szenen eine nette Animation mit schwenkbarem Übergang , und dann werden wir einen Übergang zum Vergrößern erstellen, wenn wir den Laptop erreichen Dieses Mal werden wir keine einfache Animation mit seitlichem Schwenken erstellen Stattdessen werden wir eine Animation erstellen, die nach oben schwenkt und um sie interessanter zu gestalten, werden wir sie im Drei-D-Raum machen Jetzt fangen wir an, an den Szenen zu arbeiten und sie für die Animation vorzubereiten Zur Erinnerung: Sie müssen das nicht tun, da Sie die fertigen Illustrator-Dateien bereits haben die fertigen Illustrator-Dateien nachdem ich sie für die Animation vorbereitet Im Moment möchte ich, dass Sie den Prozess beobachten und sich darauf konzentrieren und mir zuhören, wenn ich Ihnen die Gedanken hinter dem Vorbereitungsprozess erkläre . Mach dir keine Sorgen. Ich werde Sie wissen lassen, wann es Zeit ist, die Maus zu nehmen und Maßnahmen zu ergreifen. Bevor ich anfange, lassen Sie mich alle irrelevanten Dateien schließen, die ich hier habe. Ordnung. Jetzt werde ich die relevanten öffnen, beginnend mit Szene acht. Fantastisch. Als Nächstes öffne ich auch Szene neun und Szene zehn. Dies sind die Szenen, die im Drei-D-Raum schweben werden. Wir werden uns später mit der Laptop-Szene befassen. Jetzt fange ich an, die Szenen vorzubereiten, beginnend mit dem achten Szenendesign. Zunächst müssen wir uns überlegen , welche Ebenen wir für die Animation trennen möchten. Also werde ich die Gruppierung des Designs aufheben. Dann werde ich dafür sorgen, dass hier keine Gruppen mehr übrig sind. Das kann vorerst als Gruppe bleiben, weil ich nicht brauche , dass sich alle Objekte hier auf separaten Ebenen befinden. Jetzt, wo diese Ebene ausgewählt ist, trenne ich die Ebenen mithilfe der Funktion „Auf Ebenen freigeben “. Dann hole ich alle Ebenen aus dieser Ebene heraus und lösche die leere Ebene. Als Nächstes stelle ich sicher, dass alle Ebenen in die Leinwand passen , um ein Zuschneiden beim Import zu vermeiden Jetzt möchte ich auch die Zeitanzeige von der Gruppe trennen , da ich vorhabe, sie später zu animieren . Ich doppelklicke darauf Drücken Sie Strg X, um es auszuschneiden, eine neue Ebene zu öffnen, und drücken Sie Strg Shift V, um es an derselben Position auf der neuen Ebene einzufügen. Nennen Sie diese Ebene UI Panel One. Vorerst kopiere ich diesen Namen und füge ihn in die Ebene mit der Zeitanzeige ein. Großartig. Lass uns zum Charakter übergehen. Zuerst werde ich die Gruppierung dieses Designs aufheben. Da dies kein Kurs über Charakteranimation ist und ich Dinge nicht zu kompliziert machen möchte, animiere ich diesmal nur die Hand der Figur Das ist der Teil, der in After Effects übernommen wird , also schneide ich ihn aus und füge ihn in eine neue Ebene ein beschrifte ich auch die Ebenen Übersichtlichkeit beschrifte ich auch die Ebenen, die sich auf den Charakter beziehen. Jetzt werde ich überprüfen, ob im Design Anpassungen erforderlich sind. Zum Beispiel brauche ich diese blaue Farbe hier nicht , also lösche ich sie. Nach dem Löschen sehe ich jedoch, dass ich diesen Teil brauche, um die Hand richtig zu animieren, also bringe ich ihn zurück und färbe ihn so, dass er zum Rest des Jungen passt Das zeigt, wie wichtig Vorbereitung ist. Es kann später viele Kopfschmerzen verhindern. Planen Sie immer, was Sie in der Animation haben möchten , und bereiten Sie die Designdateien entsprechend vor. Ich werde diesen Teil weiterhin von der Hand trennen, weil er in der Luft schweben muss , wenn der Charakter seine Hand bewegt. Sobald ich mit einem kleinen UI-Panel fertig bin, werde ich mich mit dem Finger befassen. Ich schneide den Finger ab und füge ihn auf eine neue Ebene über dem kleinen Teil der Benutzeroberfläche ein, da der Finger darauf liegen muss und nicht darunter. Jetzt beschrifte ich die Ebenen, um sie in After Effects einfacher organisieren zu können. Wie beim letzten Mal benenne ich nur die Ebenen, die ich animieren möchte Manchmal benenne ich alle Ebenen in meinen Designdateien, aber dieses Mal möchte ich es schnell machen Denken Sie daran, wenn Sie nicht alles benennen möchten, beschriften Sie zumindest die Ebenen, die Sie animieren möchten, so wie ich es hier mache. In Ordnung. Ich denke, diese Szene ist fertig, und jetzt bereite ich die nächste vor. Diese Szene ist der vorherigen sehr ähnlich, daher wird der Prozess derselbe sein. Deshalb werde ich diesen Prozess beschleunigen. Zuerst hebe ich die Gruppierung des Designs auf und trenne die Ebenen. Dann identifiziere ich, welche Elemente für die Animation getrennt werden müssen, z. B. die Zeitanzeige. Danach beschrifte ich die entsprechenden Ebenen. Als Nächstes schalte ich die Ebenen und aus, um sicherzustellen, dass alles richtig getrennt ist , und trenne weiterhin andere Teile wie die Hände des Charakters Ich werde die Gruppierung der Hand wieder aufheben, um nur den Armteil ohne den Schulterteil abzuschneiden nur den Armteil ohne den Schulterteil abzuschneiden Jetzt stelle ich sicher, dass ich alle Objekte auswähle, die das Symbol beziehen, und schneide es dann aus der Ebene aus Schließlich erstelle ich eine neue Ebene über der Symbolebene und füge den Finger hier Jetzt stelle ich sicher, dass alle Ebenen getrennt sind , indem ich die Ebenen ein- und ausschalte Dann nehme ich einige Anpassungen vor, Beispiel in diesem Bereich der Hand Ich werde den Finger ein bisschen hochziehen. Jetzt stelle ich sicher, dass die Wolkenschichten in die Szene gebracht werden, und dann kann ich mit der nächsten Szene weitermachen. Um ehrlich zu sein, habe ich , diese Szene von Grund auf neu und nach After Effects zu erstellen , weil ich Ihnen beibringen möchte , wie man einen Drei-D-Laptop baut. Trotzdem werde ich die Ebenen für alle Fälle trennen. Ich werde diese Ebenen jedoch nicht benennen, da wir sie direkt in After Effects behandeln werden. die Wolken angeht, bevorzuge ich es, sie in einer separaten Illustrator-Datei vorzubereiten einer separaten Illustrator-Datei die alle Cloud-Designs an einem Ort enthält Dies ist besonders hilfreich, wenn Sie mit online gefundenen Designs arbeiten, wie den Cloud-Designs, die ich von Freepik Wenn ich eine Datei verwende, die ich aus dem Internet heruntergeladen habe, arbeite ich normalerweise nicht an der Originaldatei Stattdessen speichere ich diese Datei als neue Illustrator-Datei , die speziell in dem Projekt verwendet wird , an dem ich gerade arbeite , falls ich sie in Zukunft erneut verwenden muss Ich gebe ihr einen Namen und stelle sicher, dass sie als Illustrator-Datei gespeichert ist Jetzt bereite ich diese Datei vor, indem ich unnötige Ebenen lösche und die Wolken trenne Möglicherweise erkennen Sie den Zweck dieses Schritts jetzt nicht, aber in anderen Fällen, z. B. Arbeit mit ähnlichen Designelementen wie Symbolen, Avataren oder anderen sich wiederholenden Es ist nützlich, sie alle in einer Datei mit einheitlicher Größe zu haben einer Datei mit einheitlicher Größe zu Vorerst werde ich die Ebenen trennen. Ich werde die Gruppierung des Designs aufheben und wie gewohnt die Funktion „Release-to-Layers“ verwenden wie gewohnt die Funktion „Release-to-Layers Aber wie Sie sehen können, hat es nicht funktioniert. An diesem Punkt müssen wir alle getrennten Ebenen unter der Hauptebene sehen , aber wir sehen sie momentan nicht. Die Designs, die Sie aus dem Internet herunterladen , können manchmal schwierig sein. Nach dem Trennen der Ebenen scheint es beispielsweise so, als ob sie innerhalb einer anderen Gruppe gruppiert sind. In diesem Fall müssen wir die Gruppierung des Designs wieder aufheben und erst dann die Ebenen freigeben Großartig. Jetzt sehen wir alle getrennten Schichten. Ich hole sie aus der ersten Gruppe heraus, lösche die leere Ebene und entferne sie dann aus der zweiten Gruppe und lösche sie ebenfalls. Jetzt kann ich überprüfen, ob sich jede Wolke auf einer separaten Ebene befindet. Ich zeige Ihnen diesen Prozess, um zu verdeutlichen, dass die Inhalte, die wir aus dem Internet herunterladen, manchmal die wir aus dem Internet herunterladen einer Death-Überprüfung und Anpassung bedürfen. die Datei immer und bereiten Sie sie so vor, dass sie Ihren Bedürfnissen entspricht. Jetzt sind wir bereit, mit After Effects zu beginnen, aber vorher müssen wir die Dateien speichern, an denen wir gearbeitet haben. Ordnung. Jetzt ist es an der Zeit, die Maus zu nehmen und wieder aktiv zu werden. Bevor wir die nächste Szene importieren, organisieren wir das Projekt ein wenig. Wie Sie sehen können, wird das Projektfenster langsam unübersichtlich Erstellen wir zunächst einen neuen Ordner namens Assets und ziehen alle Ordner mit den Illustrator-Ebenen hinein Als Nächstes erstellen wir einen weiteren Ordner namens precomps und verschieben alle Precomps, die wir erstellt haben, in diesen Wir können die Szenenkompositionen vorerst draußen lassen, weil wir während der Projekterstellung schnellen Zugriff darauf haben möchten . Wählen Sie zunächst die restlichen Precomps aus, die wir hier haben, und ziehen Sie sie in den Lassen Sie uns nun die nächsten relevanten Designs in das Projekt importieren relevanten Designs Wir werden die Szenen acht, neun und zehn hinzufügen. Das reicht vorerst, weil diese Szenen zusammenarbeiten müssen. Ordnung. Da sie nun zusammenarbeiten, werden wir eine neue große Komposition für die Animation des nach oben schwenkenden Übergangs erstellen für die Animation des nach oben schwenkenden Übergangs Drücken Sie Strg N oder Befehl N auf dem Mac, um eine neue Komposition zu erstellen Dieses Mal stellen wir die Schwenkbewegung so ein, dass sie nach oben geht. Sie zunächst die Breite wieder auf die Standardbreite zurück und nennen Sie diese Komposition Szene 3. Multiplizieren wir nun die Höhe mit drei, damit wir genug Platz haben, um alle drei Szenen vertikal unterzubringen Fantastisch. Jetzt haben wir eine neue Komposition. Jetzt zeige ich Ihnen noch einmal meine Methode, um diese großen Szenen zu erstellen , die wie in unserem Fall drei verschiedene kleine Szenen enthalten . Ich möchte, dass Sie sich daran gewöhnen, Szenen von Grund auf neu und nach After Effects zu erstellen . Zunächst müssen wir Hilfslinien erstellen, die angeben, wo jede Szene beginnt und endet. Dazu verwenden wir das Rechteckwerkzeug. Stellen Sie nun sicher die Konturfarbe auf Schwarz und für die Füllfarbe Sie die Konturfarbe auf Schwarz und für die Füllfarbe auf Grau einstellen können. nun bei ausgewählter Timeline auf das Rechteckwerkzeug, Doppelklicken Sie nun bei ausgewählter Timeline auf das Rechteckwerkzeug, um eine Formebene zu erstellen. Öffnen wir dann die Formeigenschaften und deaktivieren Sie das eingeschränkte Verhältnis für Größe, um nur die Höhe auf 1080 festzulegen Wir können das eingeschränkte Verhältnis wieder aktivieren. Danach richten wir diese Form an der Schaltfläche der Komposition aus Jetzt duplizieren wir diese Ebene und platzieren sie in der Mitte der Komposition Dafür können wir das Snapping-Tool verwenden. Lassen Sie uns es abschließend noch einmal für den oberen Teil duplizieren noch einmal für den oberen Teil Ordnung. Jetzt haben wir Anleitungen, die zeigen, wo sich die einzelnen Szenen befinden werden. Diese werden uns helfen, die Objekte in der gesamten Szene zu organisieren. Sperren Sie die Hilfslinien und beginnen Sie mit der Erstellung des ersten Teils der Szene. Öffnen wir das Design für Szene acht. Kopieren wir nun die Hauptelemente, die wir in der Szene haben. In diesem Fall sind es die Zeichenebenen und die Symbolebenen. Beginnen wir damit, alle Ebenen zu kopieren , die sich auf den Charakter beziehen. Gehen wir nun zurück zur Hauptszene und fügen die Ebenen hier ein. Positioniere sie im unteren Teil der Komposition. Sie können das Snapping bei Bedarf deaktivieren. Platzieren wir sie an der richtigen Stelle. Kehren Sie dann zum Design zurück und kopieren Sie die Ebenen des UI-Panels. Lass uns sie irgendwo hier platzieren. Wenn Sie die Ansicht vergrößern, stellen Sie möglicherweise fest, dass die Reihenfolge der Ebenen während des Kopiervorgangs durcheinander gerät während des Kopiervorgangs durcheinander Passen Sie die Reihenfolge sowohl für das Benutzeroberflächenfenster die Zeichenebenen Ich werde gleich erklären, warum das passiert und wie man es vermeidet. Lassen Sie uns zunächst etwas Wichtiges besprechen, und zwar die Antwort auf die häufig gestellte Frage von Anfängern , wie wir wissen können wann Ebenen unterkomponiert werden müssen und wo nicht Diese Szene ist ein perfektes Beispiel für die Beantwortung dieser Frage. Wenn Sie Mikroanimationen mit bestimmten Ebenen erstellen möchten , sollten Sie diese Ebenen unterkomponieren Das macht es einfacher, an der Animation zu arbeiten, ähnlich wie wir es mit der Haupttitelanimation in der vorherigen Lektion gemacht haben der Haupttitelanimation in der vorherigen Lektion In dieser Szene möchte ich die Zeitanzeige animieren, die Teil des Benutzeroberflächenfensters ist Deshalb werde ich die zugehörigen Ebenen unterkomponieren und das Precomp-UI-Panel eins nennen das Precomp-UI-Panel , weil es im nächsten Teil noch eine weitere geben wird Geben wir nun den neuen Precomp ein und passen seine Größe an. Die Precomp hat derzeit dieselben Abmessungen wie die , aus der die Ebenen Um dieses Problem zu beheben, wählen Sie mit dem Werkzeug „ Interessenregion “ den gewünschten Bereich aus. Gehen Sie dann zur Komposition und wählen Sie „Komposition auf Zielregion zuschneiden“ Um diese beiden Ebenen an der Mitte auszurichten, wir zunächst die Zeitanzeigeebene der Hauptebene der Benutzeroberfläche zu . Wählen Sie dann das Haupt-UI-Panel aus und richten Sie es an der Mitte der Komposition Abschließend drücken wir Strg K , um die Größe der Komposition anzupassen Wir müssen das nicht tun. Ich liebe es einfach , die Dimensionen für ein besser organisiertes Projekt abzurunden. Dieses Setup macht das Animieren des UI-Panels viel einfacher. Wenn Sie zur Hauptkomposition zurückkehren, werden Sie feststellen, dass sich das UI-Panel an einer anderen Stelle befindet , da die Größe der Precomp angepasst wurde Positionieren Sie es einfach neu. Als Nächstes wiederholen Sie diesen Vorgang für die Zeichenebenen. Zunächst werden wir die entsprechenden Ebenen zusammenstellen. Wir können es Menschencharakter nennen. Dann geben wir den Precomp ein und passen seine Abmessungen an. Wenn Sie die Größe der Komposition anpassen, lassen Sie oben etwas Platz frei , da der Charakter das UI-Panel, das er hält, wirft Lassen Sie uns die Kompositionsabmessungen anpassen und dann die Kompositionseinstellungen eingeben, um Werte der Dimensionen abzurunden Wir können die Höhe so lassen, wie sie ist. Fantastisch. Gehen wir nun zurück zur Hauptszene und passen die Position des Charakters PreComp Jetzt ist es an der Zeit, die Wolkenschichten hinzuzufügen. Wie bereits erwähnt, importiere ich sie lieber aus der separaten Illustrator-Datei, die wir vorbereitet haben, gehe in den AI-Ordner und ziehe die Cloud-Datei in das Projekt Importiere es als Komposition mit Ebenengrößen. Nach dem Import wählen wir nun ein großes Cloud-Design aus, das wir unter dem Charakter hinzufügen möchten. Ich wähle dieses aus, ziehe es in die Komposition und skaliere es nach Bedarf Versuchen wir es mit 500. Zu groß. Machen wir 400 draus. Das ist besser. Mach dir keine Sorgen über die schlechte Qualität. Später werden wir die reduzierte Transformationsfunktion für alle Illustrator-Ebenen in der Szene verwenden die reduzierte Transformationsfunktion alle Illustrator-Ebenen in , um ihnen die höchste Qualität zu bieten Lassen Sie uns zunächst mit dem nächsten Teil fortfahren und mit dem Zusammenstellen der nächsten Szene beginnen Gehen wir zu Szene neun und kopieren wie zuvor die entsprechenden Ebenen. Aber vorher ist mir aufgefallen, dass ich die Ebenen der Figur in Illustrator nicht benannt Ich habe bereits die endgültigen Dateien, also ist bei dir alles in Ordnung. Schauen Sie vorerst einfach zu und hören Sie zu, denn diese Situation kann jedem von uns während eines Projekts passieren. Es ist wichtig zu verstehen, wie man damit umgeht. Zuallererst können Sie die Ebenen und After Effects umbenennen. Aber was ist, wenn ich die Ebenen in der Originaldatei umbenennen möchte , um alles zu organisieren , falls ich dieses Projekt mit jemand anderem teilen oder die Projektdatei mit allen Assets und Designs an einen Kunden senden muss dieses Projekt mit jemand anderem teilen oder die Projektdatei mit allen Assets und Designs an einen Kunden senden die Projektdatei mit allen Assets und Designs an einen Kunden In solchen Fällen bevorzuge ich es die Namen in der Originaldatei anzupassen. Benennt alle Ebenen um, die sich auf die Frau beziehen, und drückt dann „Steuerung“, um die Datei zu speichern. Wenn ich jetzt zu After Effects zurückkehre, werden die Ebenen nicht erkannt, weil die Datei aktualisiert wurde und die Ebenennamen unterschiedlich sind, was After Effects nicht erkennt. Dadurch werden uns fehlende Dateien angezeigt. In solchen Fällen, in denen wir noch nicht mit der Animation der Ebenen begonnen haben und das Problem in einem frühen Stadium wie jetzt finden , können wir einfach die Komposition und den Ordner dieses Designs löschen und es dann erneut importieren Später werden wir lernen, wie wir mit demselben Problem umgehen können , wenn wir die Ebenen bereits animiert haben Lassen Sie uns vorerst wieder an die Arbeit gehen und mit dem Einrichten der Szene fortfahren. Erinnerst du dich, als wir die Ebenen zuvor kopiert und eingefügt haben und die Reihenfolge der Ebenen nicht korrekt war Dann mussten wir die Reihenfolge der Ebenen anpassen. Lassen Sie uns nun lernen, warum das passiert. Es ist sehr einfach. In After Effects spielt die Auswahlreihenfolge eine wichtige Rolle. Die erste Ebene, die Sie auswählen wird beim Einfügen oben angezeigt. Ich möchte, dass die Ebene mit der Zeitanzeige an erster Stelle im Ebenenstapel steht. Ich muss sie zuerst auswählen, wenn ich die beiden Ebenen kopieren möchte Das bedeutet, dass wir zunächst diese Ebene auswählen müssen, dann die zweite und so weiter. Wenn wir sie in die Hauptszene einfügen, ist die Reihenfolge der Ebenen korrekt. Das Gleiche gilt für die Schichten der Frau. Wenn wir ihre Reihenfolge beibehalten wollen, müssen wir anfangen, sie von der obersten Ebene aus auszuwählen und nach unten zu arbeiten Beim Einfügen behalten die Ebenen dann die behalten die Ebenen dann Sie also beim Kopieren von Ebenen Achten Sie also beim Kopieren von Ebenen auf die Auswahlreihenfolge. In Ordnung. Jetzt haben wir eine Reihe von Ebenen in der Szene und wir wissen, dass wir einige Mikroanimationen für sie erstellen müssen . Nachdem das geklärt ist, ist hier eine Frage. Was müssen wir zu diesem Zeitpunkt tun? In dieser Situation müssen wir die Schichten vorab zusammensetzen. Beginnen wir mit der Unterteilung der Schichten der Frau. Lassen Sie uns nun die Ebenen des UI-Panels zusammensetzen. Nennen wir dieses Precomp-UI-Panel zwei. Fantastisch. Als Nächstes rufen wir die UI-Komposition auf und passen die Kompositionsgröße an, wie wir es zuvor getan haben Zunächst überordne ich die erste Ebene der zweiten, sodass ich beide gleichzeitig an der Mitte ausrichten kann beide gleichzeitig an der Mitte ausrichten Dann überprüfe ich die Abmessungen des ersten UI-Panels und lege dieselben Abmessungen für dieses Panel Großartig. Als Nächstes überprüfe ich die Abmessungen der Figur des ersten Charakters und lege die gleichen Maße für die Figur der Frauen fest. Deshalb liebe ich es, die Werte der Dimension abzurunden. Auf diese Weise ist es einfacher, sich die Zahlen zu merken. In Ordnung. Und jetzt geben wir die Frau vor der Prüfung und passen die Abmessungen dieser Kombination Lassen Sie uns jetzt die Ebenen an die richtige Stelle verschieben. Um das Ganze zu beenden, bringen wir eine schöne Wolke in die Szene. Ich denke, dieser wird funktionieren. Lassen Sie uns es jetzt skalieren. Ich denke, 600 werden passen. Großartig. Speichern wir das Projekt, bevor wir mit dem nächsten Teil fortfahren, in dem wir den Laptop und die nächste Szene auf dem Bildschirm sehen . Um die Sache interessanter zu machen, habe ich beschlossen, den Laptop aus dem Design nicht zu verwenden. Stattdessen erstelle ich eine von Grund auf neu in drei D, wobei ich die in After Effects integrierte Cinema Four D-Render-Engine verwende . Cinema Four D-Render ermöglicht es uns, Formebenen zu extrudieren und ihnen echte Drei-D-Tiefe zu verleihen Wir fügen diese Funktion bei der Installation von After Effects hinzu. Dies kann interessanter sein, wenn wir das Öffnen des Laptops animieren Ich möchte Ihnen beibringen, wie man eine komplexe Szene sowohl mit normalen Drei-D-Ebenen als auch mit Cinema-Four-D-Render-Layern kombiniert sowohl mit normalen Drei-D-Ebenen als auch mit Cinema-Four-D-Render-Layern Cinema-Four-D-Render-Layern Aber vorerst möchte ich den Renderer und die Hauptszene nicht ändern , weil der Cinema Four D-Renderer den Computer belasten kann, insbesondere bei hochauflösenden Kompositionen Lassen Sie uns eine neue Komposition für den Laptop erstellen. Wir werden das Rendern dieser Vorkomposition in einen Cinema-Four-D-Renderer umwandeln , um den Drei-D-Laptop zu erstellen Bald wirst du verstehen, was ich meine. Lassen Sie uns das vorerst zu einer Full-HD-Komposition machen und auf Okay klicken. Lassen Sie uns nun den Laptop aus dem Design als Referenz verwenden. Bevor wir mit der Erstellung des Laptops beginnen , richten wir ihn in der Mitte aus, schalten den transparenten Hintergrund aus und sperren diese Ebene. Lassen Sie uns nun mit der Erstellung des Laptops beginnen. Wählen Sie zunächst das Rechteckwerkzeug aus, um eine Form für den oberen Teil des Laptops zu erstellen. Schalten Sie den Strich aus und öffnen die Ebene, um die Abmessungen der Form anzupassen. Deaktivieren Sie die eingeschränkten Proportionen und lassen Sie uns die Zahlen hier runden Lassen Sie uns nun die Ecken dieser Form abrunden . Wir können es auf 20 setzen. Großartig. Schieben Sie es jetzt zur Seite und ändern Sie die Farbe wie im Design in hellblau. Probieren Sie einfach diese Farbe aus. Bringen Sie die Form wieder in die Mitte. Bevor wir weitermachen, möchte ich etwas Wichtiges notieren. Beachten Sie, dass ich die Form innerhalb der Ebene verschiebe und nicht die Ebene selbst. Dadurch befindet sich der Ankerpunkt außerhalb der Mitte. Verwenden Sie in diesem Fall das Ankerpunkt-Werkzeug, halten Sie die Strg- oder Befehlstaste gedrückt und doppelklicken Sie darauf, um den Ankerpunkt zu zentrieren. Lassen Sie uns den oberen Teil weiter entwerfen. Als Nächstes müssen wir den Bildschirm erstellen. Duplizieren Sie dazu die Form in dieser Ebene. Sie können dies von hier aus tun oder nach alter Schule vorgehen und es von der Ebene aus tun. Öffnen Sie also die Ebene und ihren Inhalt um das Rechteck auszuwählen, das wir hier haben. Sobald Sie es ausgewählt haben, drücken Sie Strg oder Befehl D, um es zu duplizieren. Öffnen Sie die Größeneigenschaften der Nachrichtenform und verkleinern Sie sie. Wir können die Szene im Projektfenster auswählen , um zu sehen, wie sie aussehen soll, oder wir können die Laptop-Ebene, die wir in der Szene haben, als Referenz und zum Sampling der richtigen Farben verwenden der Szene haben, als Referenz . Kehren Sie jetzt zur neuen Form zurück. Sobald wir es ausgewählt haben, färben wir es weiß und fügen einen schwarzen Strich hinzu. Lassen Sie uns die Strichstärke auf zehn setzen. Jetzt sehe ich, dass wir die Abmessungen dieser Form ein wenig anpassen müssen die Abmessungen dieser Form ein wenig anpassen , da sie möglicherweise nicht perfekt mit der ersten Form übereinstimmen. Wir können eingeschränkte Proportionen deaktivieren und jede Achse einzeln anpassen Skalieren Sie die Breite ein wenig und reduzieren Sie die Höhe. Das sieht besser aus. Passen Sie jetzt auch die Ecken an. Verfeinern Sie abschließend die Abmessungen noch etwas weiter. Perfekt. In Ordnung. Lassen Sie uns nun den zweiten Teil des Laptops erstellen. Dafür können wir diese Ebene duplizieren. Lass es uns vorerst ausschalten. Als Nächstes öffnen wir die zweite Form und verwenden das kleinere Rechteck, das wir hier haben, um sie in das Trackpad des Laptops umzuwandeln. Schalten Sie zuerst den Strich aus. Probieren Sie jetzt die richtige Farbe aus. Öffnen Sie dann die erste Form und ändern Sie ihre Farbe in ein helleres Blau. Großartig. Gehen Sie jetzt zurück zur zweiten Form und passen Sie ihre Abmessungen an. Stellen Sie sicher, dass Sie die eingeschränkten Proportionen deaktivieren und versuchen wir, die Breite auf 200 und die Höhe auf, sagen wir, 150 oder 120 einzustellen die Höhe auf, sagen wir, 150 oder Das sieht gut aus. Bewege es nach unten und lass uns anfangen, die Tastatur zu erstellen. Um die Tastatur zu erstellen, müssen wir innerhalb dieser Ebene eine weitere Form erstellen. Stellen Sie sicher, dass die Ebene ausgewählt ist. Erstellen Sie nun ein symmetrisches Quadrat innerhalb der Ebene, indem beim Zeichnen die Umschalttaste gedrückt halten. Lassen Sie uns nun das neue Rechteck öffnen und seine Abmessungen anpassen. Wir können es auf 35 setzen. Lassen Sie uns nun die Ecken abrunden, damit sie zum Design passen. Ich denke, wir können es auf zehn setzen. Ändern Sie dann die Farbe von der Referenz in ein dunkleres Blau. Lassen Sie uns nun lernen, wie Sie mehrere Kopien erstellen, ohne sie manuell zu duplizieren. Sie zunächst sicher, dass diese Form ausgewählt ist, klicken Sie dann auf AD und wählen Sie den Repeater-Effekt Lassen Sie uns nun die Parameter für diesen Effekt anpassen. Lassen Sie uns zehn Kopien machen. Öffnen Sie als Nächstes die Transformationseigenschaften dieses Effekts und passen Sie die Position an. In unserem Fall können wir es auf 46 setzen. Fantastisch. Bevor wir weitermachen, können wir die Eigenschaften dieser Form schließen. Duplizieren Sie nun diese rechteckige Form mit dem angewendeten Effekt und verschieben Sie sie nach unten. Verwenden Sie dazu das Auswahlwerkzeug. Sobald Sie es platziert haben, drücken Sie Strg oder Befehl D, um es erneut zu duplizieren, und platzieren Sie es dann unter der zweiten Zeile. Lassen Sie uns diesen Vorgang abschließend noch einmal durchführen. Es ist wichtig, dass ich Ihnen diesen Prozess zeige, damit Sie verstehen, wie Sie das Formebenen-Werkzeug verwenden. Formebenen sind eines der am meisten unterschätzten Themen für Anfänger in After Effects, aber ich hoffe, dieser Prozess hilft Ihnen dabei, zu erkennen, wie nützlich sie sind Lassen Sie uns sie nun in eine Form mit drei D umwandeln. Verkleinern Sie zunächst die Referenzebene und verschieben Sie sie zur Seite, damit bei der Arbeit nichts im Weg steht. Schalten Sie nun den oberen Teil wieder ein und bewegen Sie den unteren Teil nach unten. Verwenden Sie die Fangfunktion , um die Ebene aus dem oberen Bereich zu holen , sodass sie im oberen Bereich einrastet Großartig. Bringen Sie als Nächstes den Ankerpunkt des oberen Teils zum unteren Rand der Ebene. Bringen Sie dann den Ankerpunkt des unteren Teils in den oberen Bereich. Konvertiere nun die Ebenen in drei D-Ebenen. Wenn wir also die X-Achse der Ebenen drehen, drehen sie sich so, dass das Öffnen und Schließen des Laptops simuliert wird Öffnen und Schließen des Laptops simuliert Wir können die X-Drehachse des unteren Teils des Laptops vorerst auf -80 setzen des unteren Teils des Laptops vorerst auf -80 Das Gleiche gilt für den oberen Teil. Aber lassen wir die X-Achse dieser Achse vorerst bei Null Grad. Fantastisch. Lassen Sie uns nun den Renderer auf den Cinema Four D-Renderer umstellen den Renderer auf den Cinema Four D-Renderer Warten Sie ein paar Sekunden auf das Update. Wenn Sie das kleine Renderer-Menü nicht sehen, können Sie auch zu den Kompositionseinstellungen gehen, zum Drei-D-Renderer wechseln und ihn von dort aus ändern Wenn Sie diese Option nicht sehen, liegt das wahrscheinlich daran, dass Sie bei der Installation von After Effects das Kontrollkästchen für Cinema Four D-Funktionen nicht Cinema Four D-Funktionen bei der Installation von After Effects Speichern Sie in diesem Fall das Projekt, beenden Sie After Effects, deinstallieren Sie es und installieren Sie es erneut. Achten Sie dabei darauf, dass die Cinema Four D-Funktionen enthalten sind. Wenn wir nun die Ebene öffnen, sehen wir Geometrieoptionen denen wir die Extrusionstiefe einstellen können. Lassen Sie uns die Ansicht ändern , um zu sehen, wie sie aussieht. Wie Sie sehen können, handelt es sich jetzt um ein echtes Drei-D-Objekt. Stellen wir die Tiefe auf, sagen wir, 30 ein. Als Nächstes machen wir dasselbe für den zweiten Teil. Beim zweiten Nachdenken scheinen 30 zu viel zu sein. Setzen wir es auf 20 und ändern es auch für die erste Ebene. Beachten Sie, dass es für Ihren Computer umso schwieriger wird, eine Vorschau der Szene anzuzeigen und sie zu rendern, je mehr Tiefe Sie hinzufügen es für Ihren Computer umso schwieriger wird, eine Vorschau der . Kehren wir nun zur normalen Ansicht zurück und fahren mit der Gestaltung des Laptops fort. Wie Sie sehen können, gibt es in einigen Bereichen des Laptop-Designs etwas dunklere Farben . Lassen Sie uns lernen, wie das geht, beginnend mit dem unteren Teil. Öffnen Sie den Inhalt dieser Ebene und wählen Sie die Form aus, der Sie eine zusätzliche Farbe hinzufügen möchten. In unserem Fall ist dies das erste Rechteck. Während diese Form ausgewählt ist, gehen Sie zu Hinzufügen, dann zur Seite und klicken Sie auf Farbe. Probieren Sie die Farbe aus dem Design aus. Gehen Sie nun zum oberen Teil des Laptops über und färben Sie auch die Seiten ein. Lassen Sie uns diese Ebene auswählen, R drücken und sie nun drehen, damit wir die Seiten dieser Form sehen können. Vergessen Sie danach nicht, das Rechteck, das Sie anpassen möchten, im Inhalt dieser Form auszuwählen im Inhalt dieser Form und erst danach eine Seitenfarbe hinzuzufügen. Wenn Sie das Rechteck nicht auswählen, funktioniert es nicht. Dieses Mal wähle ich eine hellere Farbe. Damit haben wir das Design des Laptops abgeschlossen. Kann jetzt die Referenzebene löschen , alles wieder normal machen und weitermachen. Lassen Sie uns die Drehung des oberen Teils des Laptops auf Null bringen . Als Nächstes sollten wir die Größe des Computers anpassen, da wir nicht all diese leeren Bereiche rund um den Laptop benötigen leeren Bereiche rund um den Laptop Stellen Sie sicher, dass Sie das Vorschaufeld aktivieren, um zu sehen, was Sie gerade tun Wir können die Breite auf 800 und die Höhe auf 750 einstellen. Das sieht gut genug aus. Jetzt haben wir eine Vorkomposition mit einem Kino für D-Render und wir können zu unserer Hauptszene gehen und diese Vorkomposition hineinbringen Platzieren wir es vorerst hier und organisieren unser Projekt, bevor wir weitermachen, indem wir damit beginnen, alle offenen Precomps zu schließen, die Lassen Sie Szene zwei und den Master-Comp geöffnet. Als Nächstes markieren wir unsere neue Szene blau, sodass alle Hauptszenen dieselbe Farbe haben Dann bringen wir alle neu erstellten Precomps in den Precomps-Ordner den Precomps-Ordner Wir können diese Precomps auch verschieben, einschließlich der Hauptcharaktere Precomp . Lassen Sie uns abschließend die Ordner der Illustrator-Ebenen in den Assets-Ordner verschieben Illustrator-Ebenen in den Assets-Ordner Vergessen wir auch nicht den Cloud-Ordner. Ordnung. Jetzt können wir mit der Animation der Szene beginnen Da wir After Effects schon lange verwenden , ist es eine gute Idee, die Software zu löschen, um alles im Backend zu bereinigen Fehler bei der Animation dieser komplexen Szene zu vermeiden der Animation dieser komplexen Und bevor wir mit der Animation fortfahren, fügen wir die Titel für jede der Szenen Dazu können wir sie aus dem Hauptdesign kopieren. Verkleinern Sie die Schrift und passen Sie den Zeilenabstand nach Bedarf an. Damit die Zeitleiste übersichtlich bleibt, platzieren wir diesen Titel nun neben den Ebenen der Szene. Dann duplizieren Sie die Textebene und verschieben Sie sie nach oben. Bringen wir es auch an die richtige Position in der Szene. Wir können es vor der Installation über dem zweiten UI-Panel platzieren. Sobald wir fertig sind, kehren wir zum Design zurück, um den zweiten Titel zu kopieren Vergessen Sie nicht, die Schriftgröße und den Zeilenabstand anzupassen. Großartig. Nun müssen wir noch eine letzte Sache tun, bevor wir mit der Animation beginnen, die restlichen Wolken in die Szene zu bringen und alle Ebenen in drei D-Ebenen umzuwandeln , weil wir eine aufhellende Animation mit einem schönen Parallax-Effekt erstellen wollen aufhellende Animation mit einem schönen Parallax-Effekt Lassen Sie uns zunächst damit beginnen, die Ebenen, die wir hier haben, in drei D-Ebenen umzuwandeln die wir hier haben, in drei D-Ebenen Klicken Sie hier, wenn Sie das Drei-D-Symbol nicht sehen können. uns nun, bevor wir die restlichen Wolken übernehmen, Lassen Sie uns nun, bevor wir die restlichen Wolken übernehmen, eine neue Kamera in der Szene erstellen. Bei der Arbeit mit einer Drei-D-Szene ist es besser, eine 35-Millimeter-Kamera zu erstellen, auch wenn wir sie nicht animieren Das erleichtert das Verteilen der drei D-Ebenen da wir genau wissen, wo sich die Kamera befindet Öffnen wir nun den Wolkenordner und beginnen, sie in der Szene zu verteilen Sie zunächst diesen hinzu und platzieren Sie ihn neben den ersten Szenenebenen Suchen wir uns jetzt einen schönen Platz dafür in der Szene. Wir können das Einrasten ausschalten , um die Ebenen frei zu bewegen. Öffnen Sie nun die Skala dieser Ebene, skalieren Sie sie auf 400, reduzieren Sie sie und positionieren wir sie vorerst irgendwo hier Großartig. die nächste Cloud in die Szene bringen, Lassen Sie uns nun, bevor wir die nächste Cloud in die Szene bringen, üben, effizienter zu arbeiten. Wandeln Sie diese Wolke zunächst in eine Drei-D-Ebene um. Dann duplizieren Sie diese Ebene und verschieben Sie sie an die gewünschte Position. , während diese Ebene ausgewählt ist Alt- oder Wahltaste gedrückt und ziehen Sie die nächste Wolke darauf, um sie zu ersetzen. Dadurch wird vermieden, dass die zweite Wolke manuell eingefügt, ihr Maßstab angepasst und sie in eine Drei-D-Ebene umgewandelt wird. Wenden wir nun diese Technik an und fahren damit fort, die restlichen Wolken in der Szene anzuordnen Verteilen Sie zunächst die Wolken nach Belieben über die Szene. In Kürze werden wir das Design überprüfen , um ihre Position anzupassen. Beschleunigen Sie diesen Vorgang jetzt. In Ordnung, ich denke, es sieht vorerst gut aus. Als Nächstes organisieren wir unsere Zeitleiste , weil wir hier viele Ebenen haben. Markieren Sie zunächst alle Wolken in lila. Wählen wir nun alle Ebenen aus, die zur ersten Szene gehören, einschließlich der Charaktervorkomposition, und kennzeichnen sie mit einer anderen Farbe. Sagen wir grün Wählen Sie danach die Ebenen der zweiten Szene aus und markieren Sie sie orange. Auf diese Weise können wir leicht zwischen den Ebenen jeder Szene unterscheiden. Da wir es nun mit drei D-Ebenen zu tun haben, die Reihenfolge der Ebenen keinen Einfluss auf die Szene. Lassen Sie uns alle Wolken über die anderen Ebenen verschieben und sie von der Szenenebene trennen. Auf diese Weise wird es für uns einfacher sein, sie über den Raum mit den drei D zu verteilen. Toll. Wechseln wir nun zur Ansicht von oben und beginnen die Position der Wolken anzupassen , um der Szene eine schöne Tiefe zu verleihen. Alles, was ich jetzt mache, ist, die Wolken näher oder weiter von der Kamera wegzubewegen , um der Szene einen interessanten Look zu verleihen Außerdem wird der Parallax-Effekt umso besser aussehen, je weiter die Ebenen verteilt sind wird der Parallax-Effekt umso besser aussehen, je weiter die , wenn wir die Schwenkbewegung erzeugen Wenn Sie sich nicht sicher sind, wohin Sie sie verschieben sollen, wählen Sie die Vorkomposition des Designs aus, um zu sehen, wie es aussehen soll Ich denke, wir müssen hier eine weitere Cloud hinzufügen. Lassen Sie uns diese duplizieren, nach unten verschieben und durch eine andere Cloud ersetzen . Sieht gut aus. Lassen Sie uns nun weiter die Schichten im dreidimensionalen Raum verteilen . Ich werde diesen Prozess jetzt beschleunigen. Wie Sie sehen können, verwende ich für diese Aufgabe beide Ansichten. Wenn ich die Ebene näher oder weiter von der Kamera entfernen möchte , verwende ich die Ansicht von oben die Ebenen nach oben, unten oder von einer Seite zur anderen zu verschieben, verwende ich die aktive Kameraansicht Wir können auch die Position der übrigen Ebenen in der Szene anpassen der übrigen Ebenen in der . In Ordnung. Damit haben wir die Einrichtung dieser großen Szene abgeschlossen, die drei Szenen beinhaltet. Jetzt sind wir bereit, mit der Animation zu beginnen. Das werden wir in der nächsten Lektion machen, also sehen wir uns dort. 7. Animieren eines 3D-Up-Panning-Übergangs: Hallo, wir beginnen diese Lektion mit dem Animieren dieser Szene Zuerst animieren wir die Hauptelemente und danach werden wir einige Mikroanimationen animieren, die hier passieren müssen Erinnern wir uns zunächst daran, wie die vorherige Szene Ich sehe, dass wir planen, einen weiteren Streichholzschnitt zu erstellen , bei dem die kleine Kugel nach oben geht. Das bedeutet, dass diese Kugel in unsere neue Szene aufgenommen werden muss. Deshalb kopieren wir diese Ebene und fügen sie in unsere neue Szene ein. Sie können die Kamera auswählen, um sie über dieser Ebene einzufügen. Lassen Sie uns diese Ebene herunterfahren. Aber vorher löschen Sie die Keyframes darauf. Drücken Sie Sie und klicken Sie auf die Stoppuhren der Position und der Skaleneigenschaften Wir können wieder mit One View arbeiten. Lassen Sie uns nun über eine Möglichkeit nachdenken, diese Kugel zu animieren. Ich möchte, dass diese Kugel von unten in die Szene eindringt und nach oben geht, während ich neben den Titeln eine Pause einlege Das heißt, ich möchte eine Schwenkbewegung erzeugen, aber dieses Mal eine Bewegung nach oben Ordnung. Lass uns diese Kugel die Szene eintauchen lassen und neben dem Titel stehen. Bringen wir sie hier runter, raus aus der Szene, richten sie an der Mitte aus, stellen sicher, dass wir uns am Anfang der Timeline befinden, und erstellen wir nun den ersten Keyframe für die Positionseigenschaft Wir können die Zeitleiste vergrößern, um die Zeitstempel als Sekunden anzuzeigen , um die Animation komfortabler zu gestalten Gehen wir nun eine Sekunde vorwärts und platzieren die Kugel neben dem Titel In diesen Situationen müssen wir, wie ich bereits erwähnt habe, dem Betrachter etwas Zeit geben , um den Text zu lesen. Deshalb lassen wir die Kugel etwa 2 Sekunden lang an diesem Punkt stehen, gehen dann zur dritten Sekunde über und klicken auf die Stoppuhr, um einen Keyframe mit dem aktuellen Wert zu erstellen einen Keyframe mit dem aktuellen Ordnung. Jetzt möchte ich , dass sich die Kugel langsam zur nächsten Position bewegt. Gehen wir 2 Sekunden in der Zeit vorwärts und bringen die Kugel zum zweiten Titel. Lassen wir diese Kugel für 2 Sekunden hier bleiben und bewegen wir uns dann wieder 2 Sekunden vorwärts, um sie zur dritten Szene zu bringen. Wir können das Ausrichtungswerkzeug verwenden, um sie an dieser Stelle in der Mitte zu platzieren. Fantastisch. Das nächste, was wir jetzt tun sollten, ist die Position der Kugeln zu verbessern , weil sie momentan zu gerade ist. Dazu können wir das Werkzeug Scheitelpunkt konvertieren verwenden. Drücken Sie also lange auf das Stiftwerkzeug und wählen Sie das Werkzeug zum Konvertieren von Scheitelpunkten Klicken Sie nun einmal auf diesen Punkt und drücken Sie dann V, um zum Auswahlwerkzeug zurückzukehren und mit der Anpassung der Griffe an diesem Punkt zu Auswahlwerkzeug zurückzukehren und mit der beginnen Ziehen Sie den mit dem Vertex-Werkzeug erstellten Griff nach links , um den Pfad etwas abgerundet zu machen Ordnung. Passen wir nun auch den ersten Keyframe an und lassen die Kugel am Anfang nach oben zeigen Ich finde, es sieht gut aus und wir können mit dem nächsten Teil weitermachen Klicken wir auf diesen Keyframe und ziehen den Griff nach unten. Das sieht vorerst gut aus. Schauen wir uns den letzten Teil an. Ich glaube nicht, dass wir für den letzten Teil etwas anpassen müssen . Lassen Sie uns mit der Verbesserung des Antrags fortfahren. dazu zunächst Lassen Sie uns dazu zunächst alle Keyframes in Easy Ease konvertieren Rufen wir nun den Speedgraph-Editor und beginnen mit der Anpassung der Griffe Lassen Sie uns dafür sorgen, dass diese Kugel am Anfang superschnell in die Szenen eindringt , damit unser Match-Cut-Übergang perfekt funktioniert. Sieht gut aus. Lassen Sie uns diese Kugel nun langsam zum zweiten Titel bewegen , dann an Geschwindigkeit gewinnen und wieder langsamer werden, bevor sie den Titel erreicht. Schauen wir uns an, wie das aussieht, bevor wir zum letzten Teil übergehen. Sieht toll aus. Machen wir dasselbe für den letzten Teil. Lass uns sehen, wie alles zusammen aussieht. Fantastisch. Nachdem wir die Animation für das Hauptelement in dieser Szene fertiggestellt haben, können wir mit der Erstellung der Animation für den Übergang nach oben in der Master-Komposition fortfahren der Erstellung der Animation für den Übergang nach oben in der Master-Komposition Warum ist das das Hauptelement der Szene, fragst du? Das liegt daran, dass die Animation der Kugel entscheidet, wo wir von einer Szene zur anderen übergehen . Gehen wir zurück zu unserer Masterkomposition und fügen die neue Szene hinzu, die wir gerade erstellt haben, sodass sie mit der vorherigen funktioniert indem wir einen Match-Cut-Übergang erstellen Lassen Sie uns diese Komposition zunächst an der Stelle zuschneiden, an der sie endet. Dazu können wir es eingeben und sehen, wo sich der letzte Keyframe Stellen wir uns hier hin und drücken nach innen , um den Arbeitsbereich bis zu diesem Punkt zu verkürzen Klicken Sie nun mit der rechten Maustaste und schneiden Sie die Komposition zu. Zurück zur Master-Komposition. Zoomen wir ein wenig in die Zeitleiste hinein und schauen , wo genau der Moment ist , in dem sich die Kugel außerhalb der Szene befindet Ich sehe, dass das irgendwo hier passiert. Lassen Sie uns diesen Computer bis zu diesem Punkt zuschneiden. Bringen wir jetzt unsere neue Szene mit. Danach positionieren Sie es so, dass wir die erste Szene darin sehen. heißt, bringen Sie die Vorkomposition so sie im unteren Teil beginnt, dass sie im unteren Teil beginnt, da dies der Anfang der Szene ist , und starten Sie diese Komposition dem Punkt, an dem die Kugel in die Szene eintreten wird, irgendwo hier in der Nähe Lassen Sie uns diese Komposition von Anfang an zuschneiden und sie direkt hinter die vorherige Szene verschieben Auf diese Weise haben wir einen perfekt passenden Schnitt geschaffen. Die Bewegung dieser Kugel geht nahtlos von einer Szene zur anderen über. Fantastisch. Jetzt sind wir bereit, den Übergang nach oben zu gestalten Wie ich bereits erwähnt habe, entscheidet die Animation der Kugel darüber, wo der Übergang stattfinden muss Lassen Sie uns also zunächst am Anfang dieser Szene stehen und erstellen wir nun Keyframe mit der ersten Position für diese Komposition Als Nächstes betreten wir die Szene und stellen uns an den Punkt, an dem die Kugel den ersten Titel erreicht Wenn wir nicht sicher sind, wo sie sich befindet, drücken Sie auf die Kugelebene, um ihre Keyframes zu sehen Jetzt können wir den Keyframes hier folgen, um uns bei der Erstellung der Paning-Keyframes in der Masterkomposition zu helfen An dieser Stelle können wir die Szene ein wenig nach oben verschieben, um eine sanfte Panorama-Animation zu erzeugen Mal sehen, was wir haben. Sieht vorerst gut aus. Als Nächstes betreten wir die Szene erneut und stellen an den Punkt, an dem die Kugel noch steht. Zurück zum Master Comp. Lassen Sie uns nun den Computer etwas weiter nach unten bewegen , um die sanfte Bewegung fortzusetzen Wir möchten nicht, dass die Szene statisch ist, wenn sich die Kugel nicht bewegt Es sieht besser aus, wenn sich in dieser Situation etwas bewegt , um eine langweilige Pause zu vermeiden. Ordnung, jetzt wissen wir also, dass die Kugel nach der Pause nach 2 Sekunden ihre nächste Position erreicht . Daher können wir die Zahl hier auf 31 ändern, wodurch die Zeitanzeige genau 2 Sekunden nach vorne gestellt wird . Lassen Sie uns den Computer jetzt irgendwo hier hin verschieben. Danach bewegen wir uns noch 2 Sekunden weiter und erstellen eine sanfte Aufwärtsanimation für den Pausenmoment, indem wir die Komposition nach unten bewegen Dann, nach 2 Sekunden, bewegen wir die Komposition weiter nach unten, um zur letzten Szene zu gelangen , in der wir den Laptop sehen Beachten Sie, dass es nicht funktioniert, wenn Sie das Aligned-Werkzeug verwenden möchten , um diese Komposition am oberen Bereich auszurichten, da diese Komposition Keyframes enthält daher manuell sicher, dass die Komposition perfekt ausgerichtet ist. Hier bieten sich die von uns erstellten Anleitungen an. Jetzt können wir damit beginnen, die Bewegung unserer Schwenkanimation anzupassen die Bewegung unserer Schwenkanimation Lassen Sie uns zunächst die Keyframes in Beschleunigungen umwandeln und dann den Diagrammeditor aufrufen , um die Bewegung anzupassen Für den ersten Keyframe können wir ihn mit der Bewegung der Kugel abgleichen Ordnung. Passen wir nun die Übergangsteile an , wenn die Komposition von einer Szene zur anderen wechselt , ungefähr so, wie wir es für die Kugel gemacht haben Lassen Sie die Bewegung langsam beginnen, an Geschwindigkeit zunehmen und gegen Ende langsamer Machen wir dasselbe für den letzten Teil. Und jetzt wollen wir sehen , wie das aussieht. Fantastisch. Ich finde, es sieht gut aus, und jetzt können wir die seltsamen Pausen anpassen , die wir nach dem Lockern der Keyframes erstellt haben Um das zu beheben, können wir diese Keyframes auswählen und darauf doppelklicken , um sie kontinuierlich zu machen diese Weise können wir uns diese Keyframes schnappen und sie ein wenig nach oben bewegen, damit ihre Geschwindigkeit nicht Null Jetzt, nachdem die Kugel angekommen ist, wird die obere Schwenkbewegung fortgesetzt Machen wir dasselbe für die restlichen Pausenmomente. Ich werde diesen Vorgang ein wenig beschleunigen. Lass uns sehen, was wir haben. In Ordnung, alles sieht toll aus. Nachdem wir nun die Animation für das Hauptelement in dieser Komposition erstellt das Hauptelement in und dann die Übergänge erstellt haben, können wir endlich einige nette Mikroanimationen in der Szene erstellen einige nette Mikroanimationen in der Szene Wir werden nichts Kompliziertes machen. Das ist nicht das Ziel des Kurses. Ich möchte Ihnen nur zeigen, komplexe Projekte mit Szenen erstellt werden, die einige animierte Sequenzen enthalten. In Ordnung. Die erste Mikroanimation, die wir erstellen werden, ist die Animation im ersten UI-Panel , wenn die Kugel hier ankommt. an diesem Punkt in der Vorschau Lassen Sie uns an diesem Punkt in der Vorschau das erste UI-Panel aufrufen und die Zeitanzeige, die wir hier sehen, animieren Kann hier den ersten Keyframe erstellen. Lassen Sie uns die Ebene so verschieben, dass sie von diesem Bereich aus beginnt. Gehen wir nun 1 Sekunde vorwärts und bewegen sie nach rechts. Lassen Sie uns abschließend die Geschwindigkeit anpassen und sehen, wie das aussieht. Gehen wir zurück zur Hauptszene und schauen , wie das mit den restlichen Elementen in der Szene aussieht . Ich denke, es ist zu schnell. Lass uns dafür sorgen, dass es 2 Sekunden statt einer dauert. Während Sie hier stehen, verschieben Sie den letzten Keyframe zu diesem Zeitpunkt. Sieht toll aus. Lassen Sie uns nun, genau zu diesem Zeitpunkt, einige Mikroanimationen für den Charakter erstellen. Charakteranimation ist nicht das Hauptthema dieses Kurses, aber ich möchte dir einige wichtige Tricks beibringen, um Charaktere und After Effects zu animieren , insbesondere ohne sie mit Rigging-Plugins zu manipulieren Stellen Sie sich also an die zweite Stelle und geben Sie den Charakter vor der Kompilation ein. Bevor ich mit der Animation der Ebenen beginne, senke ich bei der Arbeit mit Charakteren die Deckkraft der Ebenen auf 50% Dadurch ist es einfacher, klar zu erkennen, wo die Teile miteinander verbunden sind muss wissen, wann die Teile verbunden sind, weil ich die Ankerpunkte der Ebenen, die ich animieren möchte, verschieben muss die Ankerpunkte der Ebenen, die ich animieren möchte, verschieben Lassen Sie uns wie in dieser Ebene das Ankerpunkt-Werkzeug auswählen und es in die Mitte des Bereichs verschieben , in dem die beiden Ebenen miteinander verbunden sind Wenn Sie es an die falsche Stelle verschieben, sieht die Bewegung seltsam aus. Aber wenn es in der Mitte ist, wird es gut funktionieren. Platziere es hier und überprüfe die Rotation. Sieht gut aus. Als Nächstes können wir die Fingerebene der Handebene überordnen, sodass sie sich zusammen mit ihr bewegt. Das sieht toll aus. Jetzt können wir auch das UI-Symbol der Hand zuordnen. Auf diese Weise werden alle relevanten Ebenen zusammen verschoben. nun von diesem Zeitpunkt Lassen Sie uns nun von diesem Zeitpunkt an eine nette Rotationsanimation für die Hand erstellen , damit sie so aussieht, als würde sie das Symbol werfen. Lassen Sie uns zunächst den ersten Keyframe erstellen, bei dem die Drehung auf -30 eingestellt ist Gehen wir nun 1 Sekunde vorwärts, drehen die Hand und setzen sie auf Null Gehen Sie abschließend eine weitere Sekunde vorwärts und kopieren Sie den ersten Keyframe, sodass die Hand in ihre Ausgangsposition zurückkehrt Wie bei allen Arten von Animationen erstellen wir zuerst die ursprüngliche Bewegung und verbessern sie dann Jetzt, wo wir die Basisbewegung haben, wollen wir sie etwas interessanter gestalten indem wir die Hand nach unten ziehen lassen, bevor sie nach oben geht. Dann können wir die Hand nach unten bewegen lassen , kurz bevor sie ihre endgültige Position erreicht Bei dieser Technik handelt es sich um eines der 12 Animationsprinzipien , die als Folgewirkung und Überlappung bezeichnet werden. Sie sorgen dafür, dass sich die Bewegung von Elementen natürlicher und weniger roboterhaft anfühlt Ab diesem Zeitpunkt müssen wir dafür sorgen, dass das Symbol in der Luft Wir werden hier den Keyframe für die erste Position erstellen, dann zur 1-Sekunden-Marke gehen und das Symbol aufrufen Kopieren Sie abschließend den ersten Keyframe, damit er wieder an seine ursprüngliche Position zurückkehrt Wenn ich mir die Animation ansehe, sehe ich, dass das Symbol zu früh erscheint Um das zu beheben, verschieben wir den ersten Keyframe fünf Frames nach vorne, sodass die Animation später beginnt Machen wir dasselbe für die Landeanimation. Lassen Sie uns die Landung früher durchführen. Jetzt beginnen die Symbolebenen zur richtigen Zeit zu steigen. Fantastisch. Jetzt können wir während der Fluganimation eine schöne Rotation erzeugen. Drücken Sie R, erstellen Sie den ersten Keyframe, gehen Sie dann zum Landing-Keyframe und lassen Sie das Symbol eine volle Umdrehung abschließen . Sieht nett aus Großartig. Jetzt können wir die Deckkraft wieder normalisieren und damit beginnen, die Animation zu verbessern , die wir gerade erstellt Beginnen wir mit dem animierten Hauptelement in dieser Animation , der Hand, da die Hand die Ebene ist, der die übrigen Ebenen übergeordnet sind. Lassen Sie uns zunächst alle Keyframes in einfache Es konvertieren. Lassen Sie uns nun die Geschwindigkeit auf 85% ändern und sehen, wie das aussieht Ich werde die Animation zweimal überprüfen, um sicherzugehen . Ich finde, es sieht toll aus. Lassen Sie uns jetzt einfach die restlichen Keyframes vereinfachen. Sieht gut aus. Aber ich denke, wir können dafür sorgen, dass das Symbol etwas länger in der Luft bleibt , indem wir die Ziehpunkte so anpassen, dass die Ebene langsamer wenn sie die oberste Position erreicht. Schauen wir es uns noch einmal an. Das alles sieht toll aus. Gehen wir nun zur Hauptszene und fahren wir mit der nächsten Sache fort , bei der alle Mikroanimationen für die nächste Szene ab dem Zeitpunkt animiert werden , an dem die Kugel beim zweiten Titel ankommt Aber schauen wir uns vorher die Animation an, die wir für diese Szene erstellt haben, um zu sehen, ob das Timing unserer Mikroanimation hier in Ordnung ist. Sieht toll aus. Jetzt können wir mit dem nächsten Teil fortfahren. Zunächst müssen wir uns also in dem Moment befinden in dem die Mikroanimation beginnen soll. In unserem Fall ist es der Fall, wenn die Kugel bei zweiter Nummer fünf stoppt, und zwar wie im vorherigen Teil. Beginnen wir mit der Animation des Benutzeroberflächenfensters. Erstellen Sie zu diesem Zeitpunkt den ersten Keyframe. Lassen Sie uns die Animation dieser Ebene von der linken Seite aus starten dieser Ebene von der linken Seite aus Gehen wir dann 2 Sekunden vorwärts. Das ist bis Sekunde acht und wir bewegen die Zeitanzeige nach rechts. Lassen Sie uns die Lockerung anpassen und sehen, wie das aussieht. Großartig. Jetzt können wir die weibliche Figur genauso animieren die weibliche Figur genauso wie wir die männliche Figur animiert haben Geben Sie also den Precomp ein und verringern Sie nun zunächst die Deckkraft aller Ebenen Passen Sie als Nächstes den Ankerpunkt der Hauptebene an, die wir animieren möchten, und beginnen Sie, die Rotationsanimation genau so zu erstellen , wie wir es für den ersten Charakter getan haben jedoch nicht, vor der Animation Vergessen Sie jedoch nicht, vor der Animation die Finger- und die Symbolebene der Hand zuzuordnen. In Ordnung. Diesmal können wir den ersten Rotations-Keyframe auf einen Wert von 20 Grad setzen . Wir können die Zeitleiste vergrößern , um die Zeitstempel als Sekunden anzuzeigen Lassen Sie uns den ersten Keyframe erstellen. Gehen Sie nun zur zweiten Acht über und erstellen Sie denselben Keyframe. Sie dann in der Mitte dieser Keyframes Stellen Sie dann in der Mitte dieser Keyframes die Zeigerrotation auf Lassen Sie uns nun die Animation verbessern indem wir die Hand ein wenig nach unten bewegen bevor sie nach oben geht, und dann wieder nach unten , bevor wir zur ursprünglichen Position zurückkehren Ähnlich wie wir es für den Hauptcharakter im vorherigen Teil getan haben . Ab diesem Zeitpunkt können wir das Symbol in der Luft fliegen lassen. Gehen wir dann zu 6 Sekunden und 15 Frames über und bringen die Ebene nach oben. Lassen Sie uns abschließend zu 7 Sekunden übergehen und den ersten Keyframe hierher kopieren Lassen Sie uns es auch während der Fluganimation rotieren lassen. Im Moment sieht alles okay aus. Lassen Sie uns nun alle Ebenen auswählen, die Deckkraft wieder auf 100 bringen und sehen, wie das aussieht Ich denke, das Symbol dreht sich um die falsche Achse. Lassen Sie uns den letzten Drehungs-Keyframe auf minus eins ändern , sodass er sich nach links dreht Passen wir nun die Keyframes an und überprüfen, was wir haben. Lassen Sie uns zunächst die Animation der Hand verbessern. Rufen Sie das Velocity-Bedienfeld auf und stellen Sie es auf 85% ein. Danach verbessern wir die Animation des Symbols. uns wie beim vorherigen Mal dafür sorgen, Lassen Sie uns wie beim vorherigen Mal dafür sorgen, dass es langsamer wird, während wir in der Luft schweben Aus irgendeinem Grund scheint die Animation sehr langsam zu sein. Ich glaube, ich habe das Timing und die Dauer dieser animierten Sequenz nicht richtig abgestimmt . Kehren wir zur ersten Charakterkomposition zurück und sehen wir uns an, wie lange die Animation dort dauert Konzentrieren wir uns auf das Timing der Handanimation. Diese Animation dauert fünf Frames und nach fünf Frames fängt das Symbol an zu fliegen. Schauen wir uns an, was wir in der Charakterkomposition für Frauen gemacht haben. Ich verstehe jetzt, dass wir alle Animationen hier um fünf Frames kürzen müssen alle Animationen hier um fünf Frames Lassen Sie uns zunächst die Hand-Keyframes ein paar Frames nach hinten bringen Hand-Keyframes ein paar Frames nach hinten Als Nächstes bringen Sie die Symbol-Keyframes auf einen Wert von 5 Sekunden und Bringen Sie dann die letzten beiden Keyframes der Hand auf einen Wert von 7 Sekunden Mal sehen, wie das aussieht. Ich denke, wir können den mittleren Tastenrahmen der Hand hier verschieben . Ich wollte Ihnen zeigen, dass wir während des Prozesses manchmal Fehler machen können und die Animationen nicht perfekt aufeinander abgestimmt und zeitlich nicht abgestimmt sind. diesem Grund ist es so wichtig , dass Sie sich die Zeit nehmen, jede Animation ein paar Mal zu überprüfen, bevor Sie weitermachen. Selbst wenn das Timing der weiblichen Figur angepasst wurde, dauert die Animation immer noch nicht genau so lange wie die Animation der männlichen Figur. Die Animation der männlichen Figur dauert genau 2 Sekunden während die Animation der weiblichen Figur 2 Sekunden und zehn Frames dauert. Das ist okay für mich, weil der zweite Titel etwas länger ist und es gut ist, dem Zuschauer zehn zusätzliche Frames zum Lesen zu geben . das geklärt ist, wollen wir nun das Aussehen der Szene mit einem coolen Tiefenschärfeeffekt verbessern coolen Tiefenschärfeeffekt indem wir unsere Kamera in der Szene verwenden. Da wir möchten, dass die Kugel mit der Schärfentiefe unserer Kamera interagiert, konvertieren wir die Kugelebene ebenso wie die übrigen Ebenen in dieser Szene in eine Drei-D-Ebene . Auf diese Weise interagiert die Kamera mit allen Ebenen, die wir hier haben. Und wir werden in der Lage sein, einen interessanten Look für die Szene zu kreieren . Lassen Sie uns zuerst die Kameraoptionen öffnen und dann hier die Schärfentiefe aktivieren. Öffnen wir nun die Ansicht von oben und passen die Fokusentfernung an. Da wir die wichtigsten Ebenen an dieser Position platzieren , müssen wir die Fokusentfernung hierher bringen. Wir können den Wert manuell anpassen. Lassen Sie uns nun mit der Blende und dem Grad der Unschärfe herumspielen , um einen schönen Tiefeneffekt in der Szene zu erzielen Ich finde, es sieht toll aus, aber ich denke, wir müssen die Positionen einiger Wolken anpassen die Positionen einiger Wolken um eine ausgewogenere Komposition zu erzielen Wenn Sie mehr darüber erfahren möchten, wie Sie bessere Kompositionen und Designs erstellen und wissen möchten, wo Ihre Komposition angepasst werden muss, empfehle ich Ihnen dringend, sich mein eBook Motion by Design anzusehen. In diesem Buch lernen Sie grundlegende Gestaltungsprinzipien und die Grundlagen des Grafikdesigns kennen, sodass Sie in Ihren Animationsprojekten ansprechendere und qualitativ hochwertigere Szenen erstellen ansprechendere und qualitativ hochwertigere Szenen in Ihren Animationsprojekten Es ist im Grunde alles, was ich in vier Jahren College während meines Bachelor-Abschlusses in visueller Kommunikation gelernt habe vier Jahren College während meines Bachelor-Abschlusses , zusammengefasst in sieben sehr leicht verständlichen Kapiteln Wissen hilft Ihnen, sich von anderen Motion-Designern abzuheben . Geben Sie ihm eine Chance, wenn Sie es mit Ihrer Karriere ernst meinen. Zurück zur Lektion. Jetzt werde ich diesen Prozess beschleunigen. Ich verschiebe hier nur die Position der Wolken, um eine ausgewogenere Komposition zu erzielen. Okay. Lass uns jetzt zum Master Comp gehen und sehen, wie alles zusammen aussieht Ich denke, wir sollten ein bisschen herauszoomen, weil im Moment die Szenen zu nah sind und alles zu groß aussieht Gehen wir zurück zur Szene. Da wir hier eine Kamera haben, wird es sehr einfach sein, alles etwas kleiner aussehen zu lassen , indem wir die Kamera leicht nach hinten bewegen, und das werden wir tun, indem wir die Z-Achse anpassen Passen Sie Ihre aktive Kameravorschau so an, dass sie in das Vorschaufenster passt , sodass Sie die gesamte Szene sehen können Lassen Sie uns die Ansicht von oben auswählen und dasselbe tun. Lassen Sie uns nun die Kamera ein wenig nach hinten bewegen. Das ist genug. Vergessen Sie anschließend nicht, die Fokusentfernung entsprechend anzupassen Ordnung. Ich denke, es sieht jetzt besser aus. Lass es uns auch im Master Comp überprüfen. Ich finde, alles sieht gut aus und wir sind bereit weiterzumachen Geben wir die Szene ein, an der wir gearbeitet haben und löschen nun die Hilfsebenen, die wir zu Beginn erstellt haben, da wir diese Hilfslinien nicht mehr benötigen Stattdessen erstellen wir einen neuen Volumenkörper als Hintergrund für die gesamte Szene verwendet werden kann. Wie Sie im Design sehen können, gibt es für diese drei Teile eine Farbe für den Hintergrund. Klicken wir mit der rechten Maustaste hier, gehen Sie zu Neu und wählen Sie Solid. Lassen Sie uns die blaue Farbe aus dem Design probieren. Wir können es in BG Sky umbenennen. Stellen Sie dann sicher, dass es die Comp-Größe hat, und klicken Sie auf Okay. Lassen Sie uns es jetzt unter alle Ebenen bringen. Jetzt sind wir bereit weiterzumachen. Lassen Sie uns alle Precomps, die wir hier haben, schließen und zum Master-Comp zurückkehren, um zu sehen, was unser nächster Schritt Ich denke, an dieser Stelle können wir etwas Interessanteres machen , anstatt nur den Titel zu präsentieren Zum Beispiel können wir etwas Glitzer hinzufügen. Lassen Sie uns die zweite Szene aufrufen und die Glitzer verwenden , die wir für den ersten Titel dieser Szene erstellt haben für den ersten Titel dieser Geben wir den ersten Haupttitel Precomp ein und kopieren wir nun den Funken, den wir Aber vorher sollten wir diese Gelegenheit nutzen. Drücken wir Sie, um zu sehen, wo die Animation auf diesen Ebenen endet, und schneiden die Ebene entsprechend zu. Kopieren wir sie jetzt. Gehen Sie jetzt zurück zur Hauptszene und danach in die Boxszene. Scrollen Sie nun im Ebenenbedienfeld nach unten, wählen Sie den Titel aus und fügen Sie ihn hier ein. Lassen Sie uns abschließend die Zeitleiste verkleinern, um die Glitzerebenen zu finden , und das Timing der Glitzer anpassen das Timing der Glitzer wenn wir hier den endgültigen Titel sehen Wir können ihre Animation etwa in Sekunde 17 starten. Lassen Sie uns das Timing überprüfen. Lassen Sie uns sie so verschieben, dass sie bei den zweiten 17 und 20 Frames beginnen . Und jetzt vergessen wir nicht, die Position der Glitzer an die Position des Titels anzupassen die Position der Glitzer an die Position des Titels Ich werde den großen irgendwo hier platzieren und danach werde ich den kleinen unter das Buchstabenende bringen den kleinen unter das Buchstabenende Mal sehen, was wir haben. Okay, gehen wir jetzt zurück zum Master Comp sehen es uns mit den restlichen Szenen an Alles sieht gut aus und wir sind bereit, die Animation der dritten Szene fertig zu stellen , indem wir den Zoom-in-Übergang zum Laptop erstellen , der zur nächsten Szene führt Dazu fügen wir das Design der nächsten Szene in den Laptop-Computer ein und verwenden die Kamera, die wir in dieser Szene haben, um die Zoom-In-Animation zu erstellen Während dieses komplexen Übergangs werden wir auf viele Probleme stoßen. Machen Sie sich also bereit, einige tolle Tricks zu lernen Zu Beginn müssen wir zuerst die Designdatei und Illustrator vorbereiten Sie müssen nichts tun, da Sie die endgültige Designdatei bereits haben Schau einfach zu und hör zu. Öffnen Sie das Design dieser Szene und heben Sie zunächst Gruppierung des Designs auf, damit ich die Ebenen trennen kann Danach entferne ich sie aus der gruppierten Ebene und Da ich jetzt schon vorhabe, die kleine Kugel im Schlüssel als Übergangsobjekt für die nächste Szene zu verwenden , wird diese Kugel danach zum Hintergrund der Szene. Deshalb werde ich darauf achten, diese Ebene vom Schlüssel zu trennen , damit ich sie separat animieren kann Jetzt beschrifte ich die wichtigen Ebenen und speichere dieses Design, bevor ich es in After Effects importiere Jetzt sind Sie an der Reihe , sich wieder an die Arbeit zu machen. Ziehen wir die 11. Szene in unser Projekt. In diesem Fall werden wir diese Szene nicht von Grund auf neu und nach After Effects erstellen . Wir werden das Design-Precomp verwenden, das wir bereits hier haben. Lassen Sie uns zuerst den Laptop-Computer aufrufen und diesen Precomp hineinbringen Jetzt müssen wir diese Ebene in eine Drei-D-Ebene umwandeln , damit sie mit den restlichen Elementen interagiert Passen wir nun die Größe der Komposition und platzieren sie in der Mitte des Laptop-Bildschirms Damit der Precomp genau in den Laptop passt, können wir die Größe auf 23,5 einstellen Lassen Sie uns die Ansicht vergrößern und sicherstellen, dass es auf die Mitte des Laptops ausgerichtet ist auf die Mitte des Laptops ausgerichtet Großartig. Um die Sache interessanter zu machen, möchte ich eine Eröffnungsanimation für den Laptop erstellen. Zuerst müssen wir den Zeitpunkt finden , an dem es passieren muss. Wir können von dem Punkt ausgehen , an dem sich die Kugel gerade bewegt. Wir können die Schlüsselbilder der Kugel öffnen die Schlüsselbilder der Kugel und sehen, wo das passiert. Ab Sekunde sieben bewegt sich die Kugel langsam in Richtung Laptop. Platziere die Zeitanzeige hier und gib den Laptop-Computer ein. Wir können diesen Precomp vorerst ausschalten. Öffnen wir nun die Rotationseigenschaften für beide Ebenen und verwenden die Drehung der X-Achse die Eröffnungsanimation zu erstellen Stellen Sie zu diesem Zeitpunkt den Wert für den unteren Teil auf -90 und für den oberen Teil auf 90 Gehen wir nun 1 Sekunde vorwärts und setzen den Wert für den oberen Teil auf Null Für den unteren Teil können wir ihn auf -80 setzen. Lassen Sie uns jetzt die Geschwindigkeit anpassen und sehen, was wir haben. Ich gehe immer zurück zum Master-Comp um zu sehen, wie es in der endgültigen Form aussieht Wie Sie sehen können, ist der Laptop bereits geöffnet, bevor die Kugel ankommt Das bedeutet, dass wir die Animation etwas verzögern müssen. Lass uns die Animation von irgendwo hier aus starten. Rufen Sie den Laptop-Precomp auf und verschieben Sie die Keyframes auf diesen Zeitpunkt Gehen wir zurück zum Master Comp und überprüfen es noch einmal. Das sieht besser aus. Lassen Sie uns jetzt den Precomp von Szene 11 wieder einschalten Jetzt müssen wir den Precomp zusammen mit dem oberen Teil des Laptops bewegen dazu, während der Laptop bereits geöffnet ist, Lassen Sie uns dazu, während der Laptop bereits geöffnet ist, diesen Comp der ersten Formebene zuordnen, bei der sich um den oberen Teil des Laptops handelt Fantastisch. Jetzt ist es an den Laptop-Bildschirm angeschlossen und vorerst sieht alles gut aus. Als Nächstes können wir weitermachen und mit der Erstellung des Zooms und der Animation beginnen. Um zu sehen, wie stark und mit der Kamera gezoomt werden muss, müssen wir uns die Abmessungen dieses Precomps ansehen Bald wirst du verstehen warum. Lassen Sie uns zunächst diesen Precomp eingeben und dem Hintergrund den Fülleffekt hinzufügen Unser Ziel ist es, die Farbe des Hintergrunds so zu ändern , dass er auf dem weißen Bildschirm des Laptops sichtbar ist Auf diese Weise können wir die Grenzen der Szene deutlich erkennen. Ordnung. Gehen wir zurück zu unserer Hauptszene und beginnen mit der Erstellung des Zooms und der Animation. Zuerst müssen wir den Zeitpunkt finden, an dem wir mit dem Zoomen beginnen können Ich denke, wir können gleich beginnen nachdem die Kugel in dieser Szene angekommen Öffnen Sie die Positionseigenschaft für die Kamera und erstellen Sie an dieser Stelle den ersten Keyframe Gehen Sie nun 2 Sekunden vorwärts und beginnen Sie mit der Anpassung der Positionswerte Aber stellen Sie vorher sicher, dass Sie den oberen Teil der Szene sehen können. Auf diese Weise wissen wir, wann aufhören müssen, mit der Kamera zu zoomen Jetzt müssen wir die Kamera näher an den Laptop-Bildschirm bringen, bis wir sehen, dass die Taste Precomp den gesamten Rahmen abdeckt Stellen Sie dazu sicher, die Kamera auch nach unten und oben bewegen Die Schärfentiefe stört gerade, also auf die Kameraoptionen zu und schalten Sie sie vorerst aus Großartig. Lassen Sie uns die Position der Kamera weiter anpassen. Ich sehe, wir haben bereits den oberen Rand der Szene erreicht . Deshalb haben wir den Hintergrund grau gefärbt. Auf diese Weise wissen wir jetzt, dass wir das Zoomen mit der Kamera beenden können Schauen wir uns an, wie es im Master Comp aussieht. Wir können hier immer noch einen leeren Bereich sehen. Das bedeutet, dass wir die Kamera absenken und etwas stärker vergrößern müssen . Schauen wir uns jetzt an, wie das in der Master-Konfiguration aussieht. Ich denke, das sieht jetzt besser aus. Lassen Sie uns hier das Aktionsraster einschalten, um zu sehen, ob die Szene zur Mitte ausgerichtet ist. Sieht toll aus. Jetzt können wir zur Szene zurückkehren und die Keyframes verbessern, die wir gerade für die Kamera erstellt haben. Bevor wir weitermachen, möchte ich auf einen kleinen Fehler hinweisen, den wir hier gemacht haben. Lassen Sie mich das erklären. Als wir die Szene aufgerufen haben, um das Zoomen der Kamera anzupassen nachdem wir es in der Masterkomposition überprüft hatten, stand ich beim Anpassen nicht genau am zweiten Keyframe der Kamera Das heißt, wir haben einen neuen Keyframe für die angepasste Kameraposition erstellt die angepasste Kameraposition anstatt den alten zu ersetzen Aus diesem Grund sehen wir hier einen weiteren Keyframe. Dieser Keyframe steht für die eingestellte Kameraposition, aber er befindet sich nicht zum richtigen Zeitpunkt Deshalb werden wir beim zweiten Keyframe stehen, ihn löschen und den neuen an die richtige Position verschieben Dies ist einer der häufigsten Fehler, die Anfänger bei Motion-Designern machen habe dir diesen Fehler gezeigt, damit du nicht vergessen solltest, am Keyframe zu stehen , bevor du seinen Wert änderst. In Ordnung. Lassen Sie uns nun die Lockerung der Kamerabewegungen anpassen , damit sie weniger roboterhaft aussieht, und schauen wir uns an, wie das aussieht. Das sieht sehr gut Lassen Sie uns das jetzt auch im Master Comp überprüfen. In Ordnung. Das sieht toll aus. Gehen wir jetzt zurück zur Szene und animieren sie weiter Wir können jetzt die Schärfentiefe für die Kamera wiederherstellen. Da wir beim Betreten der neuen Szene keine Unschärfe für die Szene benötigen , animieren wir die Unschärfeebene Lassen Sie uns den ersten Keyframe für die Unschärfe in Sekunde neun erstellen und dann nach einer Sekunde der Unschärfe auf Null setzen Lassen Sie uns einfach die Keyframes vereinfachen und sehen, wie das aussieht. Ich denke, diese Animation passiert zu früh, also verschieben wir sie um eine Sekunde nach vorne, um bei Sekunde zehn zu beginnen Mal sehen, wie das aussieht. Ich denke, wir können mit 15 Frames früher beginnen . Okay, ich denke, es sieht jetzt besser aus und wir können mit dem nächsten Schritt fortfahren. Dieses Mal werden wir lernen, wie man die höchste Auflösung für ein Projekt erreicht die höchste Auflösung für , wenn man es mit einer so komplexen Szene zu tun hat. Selbst wenn wir die Vorschauqualität auf voll einstellen, sieht die Szene möglicherweise immer noch nicht scharf aus. Lassen Sie uns zunächst herausfinden, was wir tun können, um das Aussehen der Szene mit dem Schlüssel zu verbessern. Das Erste, was Sie verstehen müssen, ist, dass die Aktivierung der Funktion zum Zusammenklappen von Transformationen in diesem Fall nicht funktioniert , weil dadurch die Elemente in der Precomp, die mit dem Cinema for D-Renderer erstellt wurden, durcheinander gebracht werden Precomp, die mit dem Cinema for D-Renderer erstellt wurden mit dem Cinema for Denken Sie also nicht, dass das an der Unschärfe der Kamera liegt. Zu diesem Zeitpunkt haben wir keine Unschärfe. In diesen Situationen müssen wir die Funktion zum Zusammenklappen von Transformationen aktivieren, aber nicht für den Zeitraum , in dem der Laptop angezeigt wird Stellen Sie sich an den Punkt, an dem die Kameraanimation bald enden wird Wählen Sie dann den Laptop-Precomp aus und drücken Sie Strg+Shift D , um diesen Precomp an diesem Punkt aufzuteilen Jetzt reduzieren wir nur den zweiten Compp. Um die unscharfen Teile auszublenden, können wir außerdem die Unschärfe am Ende der Kameraanimation erhöhen Ende der Kameraanimation Dazu verschieben wir zunächst die Unschärfeanimation so, dass sie mit der Kameraanimation endet Stellen Sie jetzt die Unschärfe auf 20 ein. Um danach eine glattere Unschärfeanimation zu erstellen, lassen Sie uns zu diesem Zeitpunkt stehen und die Unschärfe auf 50 setzen Auf diese Weise haben wir einen fließenden und unsichtbaren Übergang zwischen der nicht zusammengeklappten Komposition und der zusammengeklappten Komposition geschaffen einen fließenden und unsichtbaren Übergang zwischen der nicht zusammengeklappten Komposition und der zusammengeklappten Komposition Ordnung, ich finde, es sieht toll aus und wir können jetzt damit fortfahren, den Übergang für die nächste Szene zu erstellen den Übergang für die nächste Szene Denken Sie daran, dass Sie dem Betrachter genügend Zeit geben müssen , um den Text zu lesen. Um dies zu überprüfen, lesen Sie den Text selbst und sehen Sie, wie lange Sie brauchen. Ich denke, wir können den Übergang ab Sekunde 13 beginnen. Geben wir nun den Laptop-Computer und dann den Scene Pre Comp ein Um nun den Übergang zu erstellen, platzieren Sie die Kugel über allen Ebenen und erstellen Sie eine Skalierungsanimation für die Erstellen Sie zu diesem Zeitpunkt den ersten Keyframe. Gehen Sie dann 2 Sekunden vorwärts und skalieren Sie die Kugel, bis sie den gesamten Frame bedeckt Reduzieren Sie nun diese Ebene, um sie scharf zu machen , und passen Sie dann die Schlüsselbilder an. Lassen Sie uns die Geschwindigkeit auf 85% einstellen und sehen, wie das aussieht. Sieht toll aus. Um diese Szene abzuschließen, reduzieren wir die restlichen Illustrator-Ebenen, die wir hier haben, um eine bessere Qualität zu erzielen Lassen Sie uns abschließend den Fülleffekt in der Hintergrundebene ausschalten den Fülleffekt in der Hintergrundebene Vergessen Sie nicht, auch diese Ebene zu reduzieren. Gehen wir zurück zur Hauptszene und sehen uns an, wie das aussieht. In Ordnung, ich finde, es sieht toll aus. Lassen Sie uns nun eine nette Textanimation in dieser Szene erstellen , um sie ein bisschen interessanter zu machen. Da wir mit der Illustrator-Ebene nichts Kreatives machen können , kopieren wir den Text aus dem Design und erstellen mit diesem Text eine neue Textebene in After Effects Richten Sie es an der Komposition und platzieren Sie es an der richtigen Position Wir können jetzt die alte Ebene löschen. Jetzt zeige ich Ihnen, wie Sie mit Textanimatoren eine coole, wellenförmige Textanimation erstellen . Ich werde es nicht im Detail erklären, da ich in meinem Kurs Text und Bewegung behandle Wenn Sie mehr über Textanimation und After Effects erfahren möchten , schauen Sie sich das an. Ordnung. Zuerst erstellen wir einen Animator für die Eigenschaft Position Stellen Sie die Position auf -80 ein, damit sich der Text nach oben bewegt. Öffnen Sie als Nächstes die Bereichswahl und das erweiterte Menü. Wenn wir den Offset verschieben, werden Sie sehen, dass der Text jedes Zeichen animiert , was ich nicht Ich möchte, dass der Animator jedes Wort animiert, also wähle ich Wörter im Menü „Basiert auf Das ist besser. Danach stelle ich sicher, dass die Animation mit dem ersten Wort im Text beginnt von links nach rechts animiert Dazu müssen wir die Form des Animators ändern 8. Komplexer Übergang zum Zoom-Out-Übergang in einem 3D-Raum: Hallo und willkommen zurück. Bevor wir mit der Arbeit an der nächsten Szene beginnen, möchte ich Ihnen ein potenzielles Problem zeigen das Sie stoßen könnten, und wie Sie es beheben können. Im Moment müssen Sie nichts tun, nur zuschauen und zuhören. Während des Projekts, nachdem ich die Designs bereits in After Effects importiert hatte , fiel mir auf, dass eine der Ebenen in diesen Designs repariert werden musste. Wie Sie jedoch verstehen können, hatte ich diese Ebene bereits in After Effects animiert . Hier ist sie. Mal sehen, was passiert, wenn ich den Namen dieser Ebene ändere und wie wir alle Probleme lösen können , die während dieses Vorgangs auftreten könnten. Zuerst korrigiere ich den Namen in Illustrator und speichere die Datei Wenn ich jetzt zu After Effects zurückkehre, wird angezeigt, dass die Datei fehlt Das passiert, weil die Namen nicht mehr übereinstimmen. In solchen Situationen müssen wir im Projektfenster nach der fehlenden Datei suchen . Doppelklicken Sie auf die fehlende Datei und wählen Sie dann das Design aus , zu dem die Ebene gehört. In diesem Fall ist es Teil des Designs für Szene acht. Ich wähle es aus und stelle sicher, dass ich dieses Kästchen deaktiviere. Auf diese Weise erkennt After Effects automatisch die spezifischen Ebenen, anstatt die gesamte Datei erneut zu importieren Großartig. Jetzt sieht alles korrekt aus und wir sind bereit, die nächste Szene in Illustrator zu erkunden , bevor wir sie in After Effects importieren Ich möchte Sie daran erinnern, dass Sie immer noch nichts tun müssen, da Sie die fertigen Designdateien bereits haben Beobachten Sie einfach, was ich mache, und bald werden wir sie zusammen in After Effects importieren Ordnung, die nächsten Szenen werden an unserer Szene 12 und Szene 13 funktionieren . Da wir einen Übergang zwischen diesen beiden Szenen erstellen werden, werde ich auch Szene 14 öffnen. Lassen Sie mich nun die Szene vor der Animation vorbereiten, beginnend mit Szene 12. Wir werden diese Szene von Grund auf neu und nach dem Erstellen von After Effects da wir bereits ein Textfeld vor der Komposition vorbereitet haben Wir können es einfach duplizieren und die darin enthaltenen Informationen aktualisieren Genau das werden wir tun, um diese Szene zu erstellen. Ich werde die Ebenen und Illustrator jedoch trotzdem für alle Fälle trennen die Ebenen und Illustrator jedoch trotzdem für alle Fälle Das Wichtigste ist, daran zu denken, die Datei zu speichern, nachdem Sie alle Anpassungen vorgenommen haben Gehen wir zur nächsten Szene über. In diesem Fall möchte ich die Ebenen so verwenden, wie sie sind. Wir werden das nicht von Grund auf neu und nach After Effects erstellen, also werde ich darauf achten, sie zu trennen und diesem Design etwas mehr Aufmerksamkeit zu schenken. Zuerst überprüfe ich, ob jedes Element getrennt ist. Während ich auf jedes Objekt klicke, schaue ich mir das Ebenenbedienfeld an um zu überprüfen, ob es getrennt ist. Dann verschiebe ich die Podiumsebenen leicht nach oben , um sicherzustellen, dass sie importiert werden, ohne dass sie beschnitten werden Sobald alles fertig ist, speichere ich das Projekt und gehe zur nächsten Szene Für diese nächste Szene werde ich auch die Ebenen trennen, da ich sie auf jeden Fall in After Effects verwenden werde . Nachdem ich überprüft habe, ob jedes Element getrennt ist, speichere ich das Projekt und bereite Import aller drei Szenen in After Effects Jetzt bist du dran, dich mir anzuschließen. Lassen Sie uns diese drei Designs gemeinsam in unser Projekt importieren . Bringen Sie also Szene 12, Szene 13 und Szene 14 mit. Wie immer besteht der erste Schritt darin, die Szenen einzurichten. Beginnen wir mit der Erstellung der ersten Szene in der animierten Sequenz, die diese drei Szenen umfasst. Wie ich bereits erwähnt habe, werden wir diese Szene von Grund auf neu erstellen. Beginnen wir mit der Erstellung einer neuen Komposition. Wir nennen diese Komposition Szene vier. Stellen Sie sicher, dass es sich um eine Full-HD-Auflösung und stellen Sie sicher, dass es nicht auf den Cinema Four D-Renderer eingestellt Ordnung. Fangen wir mit dieser Szene an. Lassen Sie uns zunächst einen neuen Festkörper für den Hintergrund erstellen. Wir können die Farbe anhand des Entwurfs vorab testen. Suchen Sie als Nächstes das Textfeld Precomps und duplizieren Sie das letzte, um es für unsere neue Szene zu verwenden Geben Sie das duplizierte Textfeld Precomp ein und aktualisieren Sie den Text. Sie können den Text direkt aus dem Design kopieren. Gehen wir zurück zu Illustrator und kopieren den Text. Zurück zu After Effects, fügen wir den Text ein und passen die Schriftgröße auf 50 an. Ich setze auch den Zeilenabstand zurück. Gehen wir jetzt zurück zum Auswahlwerkzeug und bringen das neue Textfeld in die Hauptszene. Wir können es irgendwo hier platzieren. Lassen Sie uns nun die letzte Textfeld-Precomp im Projektfenster duplizieren , um das nächste Textfeld zu erstellen , das wir für diese Szene benötigen Geben Sie als Nächstes das neue Textfeld Precomp und ersetzen Sie den Text mit dem Design Kopieren Sie diesen Text, kehren Sie dann zu After Effects zurück und fügen Sie ihn hier ein. Bevor wir mit dem nächsten fortfahren, passen wir die Precomp-Abmessungen dass sie richtig in das Textfeld passen Drücken Sie dazu die Strg - oder Befehlstaste K und stellen Sie die Breite so ein, dass sie in das Textfeld passt Stellen Sie sicher, dass die Vorschauoption aktiviert ist damit Sie die Anpassungen in Echtzeit sehen können. Eine Breite von 840 sollte gut funktionieren. In Ordnung. Bringen wir nun das neue Textfeld in die Szene und erstellen dann die restlichen Textfelder, die wir benötigen. Wir können das letzte Textfeld zweimal duplizieren und dann die beiden neuen auswählen und gleichzeitig öffnen Fangen wir mit diesem an. Gehen Sie zu Illustrator, kopieren Sie den nächsten Text und fügen Sie ihn dann in After Effects Wie Sie sehen können, müssen wir die Schriftgröße anpassen, also setzen wir sie auf 50 und geben dann die Kompositionseinstellungen ein, um die Breite anzupassen Dieses Mal können wir es auf 900 setzen. Okay. Gehen wir nun zum letzten Textfeld vor der Berechnung und passen die Informationen auch hier Ich setze hier den Zeilenabstand zurück und mache dasselbe für den vorherigen, weil ich glaube, dass ich vergessen habe, das zu tun Großartig. Gehen wir jetzt zurück zur Hauptszene und bringen die neuen Textfelder hierher. Sie sich vorerst keine Gedanken über die Position der Ebenen, da wir sie in einer Minute anpassen werden , wenn wir sie in drei D-Ebenen konvertieren . In Ordnung. Sobald alle Textfelder erstellt sind, schließen Sie die Precomps und fahren wir mit der Animation der Szene Sperren Sie zunächst die Hintergrundebene . Als Nächstes konvertieren Sie alle Textfelder in drei D-Ebenen. Erstellen Sie anschließend eine Kamera und stellen Sie sicher, dass die Schärfentiefe vorerst ausgeschaltet ist, um die Leistung von After Effects zu beschleunigen Wählen Sie die Kamera aus und drücken Sie sie zweimal. In meinem Fall ist sie bereits ausgeschaltet. Wir werden es später aktivieren, sobald wir mit der Animation der Szene fertig sind. Fügen wir nun eine weitere Ansichtsvorschau hinzu, wählen sie aus und stellen sicher, dass wir sie auf die Ansicht von oben einstellen Als Nächstes beginnen wir damit, die Ebenen über den Raum mit den drei D zu positionieren und dabei sicherzustellen, dass sie alle gleichmäßig verteilt sind Lass mich dir zeigen, was ich meine. Lassen Sie uns mit Textfeld vier beginnen. Bewegen Sie es in Richtung Kamera. Wir können P auf dieser Ebene drücken, um die Positionseigenschaften anzuzeigen . Jetzt können wir die Z-Achse anpassen und ihre Z-Achsenposition auf -500 setzen Belassen Sie nun das fünfte Textfeld seiner aktuellen Position bei Null auf Als Nächstes verschieben Sie Textfeld 7 auf der Z-Achse nach hinten auf 500. Verschieben Sie abschließend das letzte Textfeld weiter nach hinten und setzen Sie seine Achse auf 1.000 Jetzt sind alle Textfelder gleichmäßig verteilt. Das heißt, jeder von ihnen ist genau 500 Pixel voneinander entfernt Als Nächstes animieren wir die Kamera um eine Rückwärtsbewegung zu erzeugen Bevor wir jedoch die Kamera animieren, verwenden wir die aktive Kameraansicht, um die X- und Y-Achse der Ebenen und der Szene anzupassen die X- und Y-Achse der Ebenen und der Szene Unser Ziel ist es, sicherzustellen, dass sie innerhalb der Grenzen des Frames bleiben , wenn wir die Rückwärtsbewegung der Kamera erzeugen Das alles sieht gut aus. Jetzt können wir anfangen, die Kamera zu animieren. Positionieren Sie die Kamera zunächst bei 750 auf der Z-Achse. Stellen Sie hier einen Keyframe Lassen Sie uns dann die Zeitleiste vergrößern und bis zur Acht-Sekunden-Marke gehen Bewegen Sie die Kamera an dieser Stelle nach hinten, bis wir genug Platz haben , um zur zweiten Szene überzugehen , die auf diese folgt Ich denke, wir können die Z-Achse auf -2.400 setzen. Lassen Sie uns eine Vorschau der Animation anzeigen, um sicherzustellen, dass genügend Zeit bleibt, um alle Textfelder zu lesen die Titel, während sich die Kamera bewegt, Lesen Sie die Titel, während sich die Kamera bewegt, um sicherzustellen dass die Zuschauer genügend Zeit haben, sie zu lesen. In Szenen mit Text können wir auf diese Weise feststellen, ob wir bereit sind , mit der nächsten Szene zu beginnen. Ich denke, wir haben genug Zeit. Bevor wir weitermachen, passen wir nun die Position aller Ebenen an, die außerhalb des Frames liegen. Das sieht besser aus. Scrollen Sie als Nächstes in der Timeline hin und her, um zu sehen, ob es noch andere Ebenen gibt , die wir anpassen müssen Ich denke, wir können diese etwas absenken und dann etwas nach rechts verschieben . Sieht toll aus. Jetzt ist es an der Zeit, die nächste Szene in unsere Komposition aufzunehmen. Fügen Sie die Vorkomposition für Szene 13 in die Hauptszenenkomposition ein, konvertieren Sie sie in eine Drei-D-Ebene und platzieren Sie sie vorerst irgendwo hier. Geben Sie die Vorkomposition ein und löschen Sie die Hintergrundebene. Löschen Sie außerdem die Titelebene, da wir später eine neue Textebene dafür erstellen werden Es ist besser, Textebenen und After Effects zu erstellen , da es so einfacher ist, sie zu aktualisieren , wenn der Client Änderungen anfordert. Wählen Sie nun die Podiumsebenen und richten Sie sie am unteren Rand der Komposition aus. Stellen Sie sicher, dass Sie die Ausrichtungseinstellung auf Komposition ändern und klicken Sie dann hier. Fantastisch. Gehen wir nun zurück zur Hauptszene und setzen den Aufbau dieser animierten Sequenz fort . Lassen Sie uns zunächst die beste Platzierung für diese Szene herausfinden . Ich denke, irgendwo hier sollte es funktionieren. Wählen Sie nun die Kamera aus, bewegen Sie sich vom letzten Keyframe aus 2 Sekunden vorwärts und bewegen Sie die Kamera rückwärts Wir können die Z-Achse vorerst auf -3.300 setzen. Als Nächstes erstellen wir ein Intro für die Podiumsszene. Gehen Sie zur Acht-Sekunden-Marke und platzieren Sie den Precomp so, dass er nicht sichtbar ist Öffnen Sie nun die Eigenschaft Position und erstellen Sie einen Keyframe mit dem aktuellen Wert Gehen Sie dann zu dem Punkt, an dem die Kamera ihre Bewegung beendet , und positionieren Sie den Precomp Um einen nahtlosen Übergang zur nächsten Szene zu gewährleisten, stellen Sie sicher, dass das Podium unten die gesamte Komposition abdeckt unten die gesamte Komposition abdeckt Gehen Sie dazu zum letzten Keyframe der Kamerabewegung und bringen Sie die Kamera etwas näher heran Macht es einfacher , die Kamera zu animieren nächsten Szene mit dem blauen Hintergrund hinuntergeht Bewegen Sie sich nun 2 Sekunden vorwärts und stellen Sie die Kamera leicht nach hinten, um während dieser Szene eine sanfte Verkleinerungsanimation zu erzeugen während dieser Szene eine sanfte Verkleinerungsanimation auch hier darauf, dass das blaue Podium die gesamte Breite an der Unterseite abdeckt Wenn das noch keinen Sinn ergibt, wird es bald Sinn machen. Lassen Sie uns vorerst den Titel hinzufügen, der die Podiumsszene begleiten wird. Dieses Mal erstellen wir die Textebene für die Podiumsszene direkt in der Hauptszene und nicht im Pre-Comp des Podiums Auf diese Weise wird die gesamte Sequenz etwas interessanter aussehen, da wir im Endergebnis einen schönen Parallaxeneffekt erzielen werden im Endergebnis einen schönen Parallaxeneffekt Lassen Sie uns nun den Text in eine Drei-D-Ebene umwandeln und ihn vor dem Podium positionieren Lassen Sie uns irgendwo hier die Semikolon-Taste drücken, um das Raster zu öffnen Auf diese Weise können wir sehen, ob die Ebene an der Mitte der Komposition ausgerichtet ist Wie Sie sehen, wirkt die Szene durch diesen Ansatz viel dynamischer Bringen Sie jetzt den Text unter die Kamera in das Ebenenfenster und drücken Sie P an der Kamera, um die Position zu öffnen. Gehen Sie als Nächstes 2 Sekunden vorwärts und bewegen Sie die Kamera nach unten, bis das blaue Podium nicht mehr sichtbar ist. Wie Sie sehen können, sind die Textfelder immer noch sichtbar. Lassen Sie uns eine einfache Outtro-Animation für sie erstellen. Beginnen Sie an der Acht-Sekunden-Marke, an der die Kamera die neue Szene betritt , und drücken Sie T, um die Opazitätseigenschaft zu öffnen Erstellen Sie den ersten Keyframe mit einer Deckkraft von 100%. Gehen Sie 1 Sekunde vorwärts und senken Sie die Deckkraft auf Null. Wenden Sie eine einfache Leichtigkeit auf diese Keyframes an und überprüfen Sie, wie sie aussehen Ich habe versehentlich auch die Deckkraft der Podiumsszene animiert , also lösche ich diese Keyframes Um die Outtro-Animation interessanter zu gestalten, fügen wir nun eine Verzögerung zwischen den verschwindenden Beginnen Sie damit, das erste in der Szene sichtbare Textfeld bei der Sieben-Sekunden-Marke auszublenden Szene sichtbare Textfeld bei der Sieben-Sekunden-Marke auszublenden Gehen Sie nun fünf Frames vorwärts und blenden Sie das nächste Textfeld aus Wir lassen das dritte Textfeld unverändert und verschieben das letzte um fünf Frames weiter, bevor wir es ausblenden Mal sehen, wie das aussieht. In Ordnung, ich finde, es sieht gut aus. Lassen Sie uns alle Animationen überprüfen, die wir bisher für diese Szene erstellt haben. Ich denke, wir brauchen etwas mehr Zeit bevor wir nach der Szene mit dem Podium nach unten gehen, da wir hier mehr Zeit brauchen, um den Titel zu lesen. Um das zu beheben, verschieben wir die letzten beiden Keyframes der Kamera um 1 Sekunde nach vorne Überprüfen Sie es dann erneut und lesen Sie den Titel, um sicherzustellen, dass genügend Zeit zur Verfügung steht Das sieht besser aus. Lassen Sie uns nun die Beschleunigung der Keyframes anpassen, beginnend mit diesen beiden Konvertieren Sie sie auf einfache Weise und öffnen Sie den Diagrammeditor, um die Griffe zu optimieren Das ist besser, aber ich mag die Pause hier nicht. Wählen wir diese Keyframes aus, halten Sie die Maustaste gedrückt und doppelklicken Sie darauf, um das Kontrollkästchen „Kontinuierlich“ zu aktivieren Verschieben Sie sie jetzt hierher. Bringen Sie als Nächstes auch den ersten Keyframe hierher , um die Geschwindigkeit der Bewegung gleichmäßiger zu gestalten Bringen Sie es auf die gleiche Geschwindigkeitsstufe wie das nächste Keyframe. Lass uns sehen, was wir haben. Sieht gut aus. Lassen Sie uns die Pause in diesem Teil entfernen. Lassen Sie uns nun den Diagrammeditor verlassen und dann Easy Ease auf die letzten beiden Keyframes anwenden Kehren Sie dann zur Grafik zurück und passen Sie die Bewegung an, um sie etwas interessanter zu gestalten Mal sehen, wie das aussieht. Passen Sie anschließend das Timing an, um sicherzustellen, dass es auch hier keine Pause Mal sehen, wie das aussieht. Ich sehe also, dass der Antrag etwas seltsam aussieht. Es ist passiert, weil wir nach dem Anpassen der Keyframes einen Moment hatten, in dem die Geschwindigkeit der Bewegung bei Null ist. In solchen Fällen sollten wir die Beschleunigung immer anpassen, indem wir die Bewegungsgeschwindigkeit und ständig überprüfen, wie Ich zeige Ihnen diesen Vorgang, um zu betonen, dass das Erzeugen flüssiger und angenehmer Bewegungen oft einige Zeit in Anspruch nimmt. Scheuen Sie sich also nicht, mit Ihren Keyframes zu experimentieren Das ist der beste Weg , um zu lernen, wie man Bewegungen effektiv steuert. In Ordnung. Ich finde, diese Animation sieht jetzt super flüssig aus. Lassen Sie uns mit der Anpassung der Animation für das Intro der nächsten Szene fortfahren der Anpassung der Animation für das Intro der nächsten Szene Wenden wir zunächst Easy Ease diese Keyframes an und passen die Im Diagrammeditor sollte es so aussehen. Fantastisch. Jetzt verschiebe ich diesen Keyframe etwas nach rechts , um ihn besser an das Intro der Szene anzupassen Es scheint, dass die Szene zu schnell auftaucht. Lassen Sie uns den ersten Keyframe eine Sekunde nach hinten bewegen und sehen, wie er aussieht Mein Ziel ist es, einen subtilen Zeitlupeneffekt zu erzeugen. Wir könnten auch versuchen, den ersten Keyframe der Kamera eine Sekunde nach hinten zu bewegen , um den Effekt zu sehen Ich denke, es sieht jetzt viel besser aus. Aber ich denke, dass der Eintritt in die Podiumsszene jetzt etwas früher beginnen kann. Lassen Sie uns die beiden letzten Keyframes der Kamera 2 Sekunden früher verschieben , um bei Sekunde 11 zu beginnen und zu sehen, wie das aussieht Fantastisch. Es sieht super cool aus. Lassen Sie uns nun eine nette Intro-Animation für den Text erstellen. Wir werden dafür die Textanimatoren verwenden, aber dieses Mal werden wir eine Drei-D-Animation erstellen Aktivieren Sie dazu zunächst Drei-D-Funktionalität für die Textebene Erstellen Sie dann mithilfe der Positionseigenschaft einen Animator. Dank der Aktivierung der Drei-D-Funktionalität verfügen wir jetzt über eine X-Achse und die Positionssteuerung Lassen Sie uns den Text von dieser Position aus eingeben. Stellen Sie den X-Achsenwert auf -330 ein. Ändern Sie als Nächstes die Form, sodass sie ansteigt , und legen Sie fest, dass die Animation pro Wort ausgeführt Lassen Sie uns nun eine glatte 3D-Animation für das Text-Intro erstellen 3D-Animation für das Text-Intro Stellen Sie den Offset vorerst auf Null , da ich zusätzliche Eigenschaften für diesen Animator hinzufügen möchte Eigenschaften für diesen Animator Wählen Sie es aus und jetzt fügen wir diesem Animator Unschärfe hinzu. Lassen Sie uns die Unschärfe auf 30 setzen. Fügen Sie dann die Opazitätseigenschaft hinzu und setzen Sie sie auf Null. Wenn der Offset nun bei -100 liegt, erbt der Text alle in der Bereichsauswahl festgelegten Eigenschaften Wenn der Offset bei 100 liegt, kehrt der Text in seinen ursprünglichen Zustand zurück Bringen wir den Offset auf -100 und gehen nun zu den zweiten acht und 15 Frames , um die Animation von diesem Zeitpunkt an zu starten Erstellen Sie einen Keyframe, bei dem der Offset auf -100 gesetzt ist. Gehen Sie 2 Sekunden bis 10 Sekunden und 15 Frames vorwärts und setzen Sie den Offset auf Passen Sie die Beschleunigung an und sehen Sie, wie sie aussieht. Ich finde es sieht toll aus. Jetzt können wir mit dem Einfügen der nächsten Szene fortfahren, die erscheint, nachdem die Kamera nach unten bewegt Gehen Sie zunächst zu dem Zeitpunkt, an dem die Kamera ihre Animation beendet Wir wollen den richtigen Zeitpunkt finden um mit der nächsten Szene zu beginnen. Um uns das Leben zu erleichtern, können wir den perfekten Moment finden, indem wir die Kamera auswählen und Sie drücken , um die Schlüsselbilder anzuzeigen. Dies zeigt uns den Zeitpunkt an dem wir mit der nächsten Szene beginnen können. Bringen wir die nächste Szene in die Timeline. Wandeln Sie nun die Ebene in eine Drei-D-Ebene um und verwenden Sie die Ansicht von oben, um sie korrekt zu positionieren. Damit der Übergang zwischen dem blauen Podium und dem blauen Hintergrund dieser Szene reibungslos funktioniert, öffnen Sie die Positionseigenschaft der Podium-Precomp, kopieren Sie den X-Achsen-Wert und fügen Sie ihn in die neue Szene ein Auf diese Weise haben beide den gleichen Abstand zur Kamera. Verwenden Sie als Nächstes die Y-Achse , um die neue Szene nach unten zu bewegen . Positionieren Sie es hier. Schauen wir uns an, wie es mit der Kamerabewegung aussieht. Ich denke, der Übergang funktioniert sehr gut. Gehen Sie nun 1 Sekunde vorwärts und fügen Sie eine leichte Verkleinerungsbewegung hinzu. Achten Sie darauf, die Kamera nicht zu weit nach hinten zu bewegen. Mal sehen, wie das aussieht. Im Moment scheint es zu schnell. Lassen Sie uns diesen Keyframe 1 Sekunde vorwärts bewegen. Das ist besser. Allerdings gibt es hier eine unangenehme Pause. Lassen Sie uns diesen Keyframe auswählen und ihn mit dem Diagrammeditor glätten Ich finde, es sieht jetzt viel besser aus, aber ich möchte nicht, dass die Bewegung am Ende nachlässt Um das Problem zu beheben, halte ich die Strg- oder Befehlstaste gedrückt und klicke einmal auf diesen Keyframe, um ihn wieder in einen linearen Keyframe umzuwandeln Das sollte die Geschwindigkeit an diesem Punkt fixieren und die Bewegung kontinuierlich machen Das sieht jetzt viel besser aus. In Ordnung. Jetzt möchte ich Ihnen einen coolen Trick zeigen, um während des Übergangs einen Parallax-Effekt zu erzeugen Wir haben diese tollen Icons im Precomp. Damit sie mit der Kamera und der Hauptszene interagieren, können wir den Precomp aufrufen und Passen Sie zunächst die Panelansicht so an, dass wir alle Ebenen sehen können Dann konvertiere alle Ebenen in drei D-Ebenen. Wechseln Sie zur Ansicht von oben und beginnen Sie, die Ebenen entlang der X-Achse im Drei-D-Raum zu verteilen die Ebenen entlang der X-Achse im Drei-D-Raum Was wir hier lernen , ist, dass wir nicht all diese Ebenen einzeln in die Hauptszene verschieben müssen all diese Ebenen einzeln in die Hauptszene Stattdessen können wir sie in einer separaten Vorkomposition behalten, das Design nach Bedarf anpassen und sie trotzdem mit unserer Hauptszene interagieren lassen Sie werden in Kürze sehen, wie das funktioniert. Lassen Sie uns vorerst die Position dieser Ebenen weiter anpassen. Ich werde diesen Vorgang jetzt beschleunigen. Ich belasse die Titelebene an ihrer aktuellen Position, sodass sie in der Mitte des Drei-D-Raums bleibt. Außerdem könnten wir im Precomp eine Kamera erstellen und die Szene weiter verfeinern, aber das Hinzufügen einer Kamera ist hier nicht notwendig . Lass mich dir zeigen warum Wenn wir zur Hauptszene zurückkehren, werden wir feststellen, dass die Ebenen zwar unterschiedliche Entfernungen haben, aber nicht mit der Kamera in der Hauptszene interagieren . Es gibt keinen Parallax-Effekt. Um das zu beheben, müssen wir nur die Precomp-Ebene zusammenklappen Nach dem Zusammenklappen zeigt die Animation einen schönen Parallax-Effekt, was bedeutet, dass die Ebenen innerhalb der Precomp jetzt mit der Kamera der Hauptszenen interagieren Wir können sogar die Kamera im Precomp löschen oder deaktivieren , ohne dass dies Auswirkungen auf dieses Setup hat. Lassen Sie uns weitermachen und die Precomp-Kamera löschen und die Hintergrundebene in der Szene vergrößern Stellen Sie die Skala auf 135 ein und überprüfen Sie dann, wie sie in der Hauptszene aussieht Wenn wir uns jetzt die Szene ansehen, können wir feststellen, dass es ein kleines Problem gibt, das durch die Interaktion zwischen der Kamera in dieser Szene und der Icon-Pre-Comp-Szene Wie Sie sehen können, ist der Hintergrund zu groß und einige Symbole befinden sich außerhalb der Szenengrenzen Ich würde es vorziehen, alle Symbole innerhalb des Rahmens zu haben. Das bedeutet, dass wir einige Änderungen in der Symbolszene vornehmen müssen . Es wäre großartig, wenn wir sehen könnten, wie sich die Änderungen, die wir in der Icon-Szene vornehmen , in Echtzeit in der Hauptszene widerspiegeln. Um die Änderungen, die wir in der Pre-Comp vornehmen , direkt in der Hauptszene zu sehen, sperren Sie von hier aus das Ansichtsfenster für die Hauptszenen Rufen Sie dann die Precomp und ziehen Sie das zugehörige Ansichtsfenster zur Seite Auf diese Weise können wir beide Ansichten gleichzeitig sehen, wenn wir Anpassungen vornehmen Fangen wir mit der Hintergrundebene an. Lassen Sie uns den Hintergrund auf 130 skalieren und diese Ebene reduzieren, um nach der Skalierung die höchste Qualität beizubehalten . Lassen Sie uns hier alle Illustrator-Ebenen zusammenklappen , um eine bessere Qualität zu erzielen Passen Sie als Nächstes die Positionen der Symbole an, während die Hauptszene beobachten, um sicherzustellen, dass alles gut aussieht Während ich die Ebenen innerhalb der Vorkomposition verschiebe und beobachte , wie das in der Hauptszene aussieht, ist es mein Ziel, eine ausgewogene Komposition zu erstellen bei der sich alle Symbole innerhalb der Grenzen der Szene befinden Ich werde diesen Vorgang jetzt beschleunigen. Bevor Sie weitermachen, sollten Sie in der Timeline immer vor- und zurückgehen, um zu überprüfen, ob die von Ihnen vorgenommenen der Timeline immer vor- und zurückgehen, um zu überprüfen, ob Anpassungen in der Animation gut aussehen. Ich denke, es sieht jetzt viel besser aus. Lassen Sie uns das Precomp-Panel schließen und zur Hauptszene zurückkehren , um zu sehen, wie alles zusammen aussieht Fantastisch. Alles sieht toll aus. Jetzt können wir diese Szene in die Master-Komposition verschieben. Lassen Sie uns sie vorher blau markieren, damit sie zu den restlichen Hauptszenen passt Gehen Sie jetzt zur Master-Komposition, erweitern Sie die Timeline und fügen Sie diese Szene hinzu Suchen Sie nach einem guten Zeitpunkt, um mit dieser Szene zu beginnen. Wenn sich zum Beispiel die Kugel aus der vorherigen Szene öffnet, ist das ein guter Ausgangspunkt. Lassen Sie uns die neue Szene dort platzieren und überprüfen, wie sie aussieht. Lassen Sie uns die Qualität verringern , um die Renderzeit der Vorschau zu beschleunigen. Es scheint, dass zu viel Leerraum vorhanden bevor die Textfelder angezeigt werden. Wir können dieses Timing-Problem mit ein paar Techniken beheben. Lassen Sie uns das COM vom Anfang bis zu dem Moment zuschneiden , in dem das erste Textfeld die Szene betritt. Jetzt können wir dafür sorgen, dass die neue Szene noch früher beginnt, zwar genau zu dem Zeitpunkt , an dem die Kugel den Rahmen bedeckt. Da die neue Szene jedoch eine Hintergrundebene enthält, können wir die Kugelanimation nicht sehen. In dieser Situation können wir die neue Szene aufrufen und die Startzeit der Hintergrundebene anpassen . Stellen wir es so ein, dass es bei Bild zehn beginnt. Sehen wir uns an, wie das aussieht. Es ist nicht ganz richtig. Gehen wir zurück zur Szene und wieder zur Startzeit , vielleicht von hier aus. Lass es uns noch einmal überprüfen. Ich denke, wir können an dieser Stelle mit der Hintergrundebene beginnen Lassen Sie uns die Ebene an der Zeitanzeige ausrichten. wir nun zur Masterkomposition zurück und schneiden das Ende der vorherigen Szene so zu, dass es genau diesem Zeitpunkt entspricht Da die Farbe der Kugel Hintergrundfarbe der neuen Szene entspricht, erzielen wir einen reibungslosen, nahtlosen Übergang Dies ist ein weiterer einfacher Trick, um interessante Übergänge in Ihrem Projekt zu erzeugen. Schauen wir uns die Animation weiter an, um nach Problemen zu suchen. Um es besser zu sehen, skalieren wir das Vorschaufenster und stellen die Vorschau so ein, dass sie passt. Schauen wir uns nun die Animation weiter an, um Probleme zu erkennen . Mir ist etwas aufgefallen. Während wir kurz vor dem Übergang zum Podium stehen, können wir immer noch den blauen Hintergrund der Szene mit den Symbolen sehen . Lassen Sie uns den Precomp aufrufen, um zu verstehen, warum. Es ist der blaue Hintergrund aus Szene 14. Unser Ziel ist es nun, diesen Precomp nur im richtigen Moment sichtbar zu machen diesen Precomp nur im richtigen Moment sichtbar Das bedeutet, dass wir jetzt den Zeitpunkt finden müssen zu dem diese Szene sichtbar werden muss Da diese Szene noch nicht sichtbar sein muss, öffnen wir die Kameraansicht, um genau zu bestimmen, wo der Übergang zu dieser Szene beginnt Lassen Sie uns den Precomp so zuschneiden, dass er von diesem Punkt aus beginnt. Fantastisch. Jetzt ist der blaue Hintergrund weg. Lassen Sie uns als Nächstes diese Gelegenheit nutzen und die Textfeld-Vorkompositionen zuschneiden die Textfeld-Vorkompositionen wenn sie ihre Animation bereits abgeschlossen Lass mich dir zeigen, was ich meine. Der letzte ist hier fertig, sodass wir sie alle bis zu diesem Punkt zuschneiden können. Großartig. Lassen Sie uns nun die Gelegenheit nutzen, diese Vorkompositionen mit verschiedenen Farben zu kennzeichnen , um den Zeitplan zu übersichtlich zu halten Schauen wir uns die Animation noch einmal an. Mir ist gerade aufgefallen, dass der blaue Hintergrund immer noch sichtbar ist , weil die Kamera seine Ebene sehen kann. Achte auf diesen Bereich. Lassen Sie uns die Kamera-Schlüsselbilder öffnen, und jetzt müssen wir dafür sorgen, dass der blaue Hintergrund der nächsten Szene für weitere Bilder nicht sichtbar bevor der Übergang stattfindet. In diesem Fall können wir zur Fehlerbehebung erneut mit zwei Bedienfeldern arbeiten . Sperren Sie dieses Panel und öffnen Sie die Symbolszene. Lassen Sie uns die Ansicht von oben ausschalten. Und jetzt ziehe dieses Panel auf die rechte Seite. Lassen Sie uns die Ebene leicht skalieren und sehen, ob das Problem dadurch gelöst Lassen Sie uns zunächst den Zeitpunkt ermitteln, an dem das Problem auftritt Wählen Sie nach der Identifizierung die Hintergrundebene und drücken Sie S, um ihre Skalierungseigenschaft anzuzeigen. Passen Sie nun den Skalenwert an, bis das Problem behoben ist. In unserem Fall können wir ihn auf 125 setzen , um das Problem zu lösen. Sieht jetzt besser aus. Wenn wir jedoch die Animation der Hauptszene überprüfen, besteht das Problem weiterhin, da die Kamera die Ebene immer noch erfasst In diesem Fall verwenden wir eine einfache, aber effektive Lösung der die Kamera-Keyframes angepasst Lass mich dir zeigen, was ich meine. Gehen Sie zum Keyframe, wenn wir zur nächsten Szene übergehen wollen Stellen Sie sicher, dass Sie auf dem Keyframe stehen, und bewegen Sie die Kamera dann leicht nach vorne Dadurch wird das Podium so positioniert , dass es den problematischen Bereich abdeckt Ordnung. Jetzt sieht alles gut aus. Da wir den blauen Hintergrund jedoch zuvor skaliert haben, müssen wir ihn im Precomp auf 130 zurücksetzen, um die Wie Sie sehen, scheint der Hintergrund zu diesem Zeitpunkt zu klein zu sein, da die Kamera zu diesem Zeitpunkt rückwärts geht Geben wir die Icons precomp ein und skalieren den Hintergrund. Lassen Sie uns den Wert auf 130 setzen und sehen, wie das in der Hauptszene aussieht Sieht toll aus. Lassen Sie uns die Szene finalisieren, indem die Symbole im Precomp anpassen , um eine ausgewogenere Komposition Nachdem Sie Änderungen vorgenommen haben, überprüfen Sie immer die Szene, um sicherzustellen, dass alles gut funktioniert Es sieht toll aus. Wir können die Kamerabewegungen auch leicht verfeinern, da sie nicht glatt genug ist. In Ordnung, genug mit dem letzten Feinschliff. Lass uns zum nächsten Schritt übergehen. Ich denke, der nächste Schritt sollte darin bestehen, der Szene einen schönen Tiefenschärfeeffekt hinzuzufügen , um sie visuell ansprechender zu gestalten. Aber lassen Sie mich vorher die Kameraposition hier anpassen , da ich immer noch den blauen Hintergrund sehen kann. Öffne die Szene, wähle die Kamera aus, drücke dich, stelle dich auf den Keyframe und passe die Position Ordnung. Jetzt sieht alles perfekt aus. Wir sind bereit, das Erscheinungsbild der Szene zu verbessern indem wir einen schönen Tiefenschärfeeffekt hinzufügen. Fangen wir am Anfang der Szene an, wo alle Textfelder sichtbar sind. Drücken Sie nun zweimal die A-Taste, um die Kameraoptionen zu öffnen. Schalten Sie die Schärfentiefe ein und öffnen Sie die Ansicht von oben, damit wir die Fokusentfernung an die richtige Stelle anpassen können . Ich denke, wir können den Fokus an der Position der Kamera ausrichten . Da sich die Kamera bewegt, erhält jedes Textfeld während der Bewegung seinen Moment und seinen Fokus. Lassen Sie uns nun die Blende auf 150 erhöhen und sehen, wie es aussieht. Wenn wir uns jetzt die Schärfentiefe ansehen, sollten wir sie meiner Meinung nach etwas weiter erhöhen. Versuchen wir es mit 200 für die Blende und setzen den Grad der Unschärfe auf 200 Das sieht besser aus. Jetzt möchte ich die Unschärfe entfernen, wenn die Podiumsszene auftaucht , weil ich möchte, dass die gesamte Szene scharf ist Lassen Sie uns zu diesem Zeitpunkt einen Keyframe für den Grad der Unschärfe erstellen Sie dann 1 Sekunde später Stellen Sie dann 1 Sekunde später die Unschärfestufe auf Null Wenden Sie Easy Ease auf diese Keyframes an und sehen Sie sich eine Vorschau des Ergebnisses an Ordnung. Ich finde , das sieht gut aus. Gehen wir zurück zur Master-Komposition und sehen uns alle Animationen an, die wir bisher erstellt haben Bevor wir uns die Animation in der Vorschau ansehen, können wir am Ende der Animation der Symbolszene stehen und drücken, um den Workflow-Bereich zu verkürzen Dadurch wird es für After Effects einfacher , eine Vorschau des Projekts Wie Sie vielleicht bemerkt haben, hat After Effects Schwierigkeiten, eine reibungslose Vorschau der Laptop-Szene anzuzeigen, da wir dort den Cinema Four D-Renderer verwenden Um den Vorschauvorgang zu vereinfachen, rufen wir die Szene auf und suchen den Zeitpunkt an dem der Laptop nicht mehr sichtbar ist In unserem Fall passiert das irgendwo hier nach der Zoom-Animation. Da der Laptop nicht mehr sichtbar ist, können wir den Laptop Precomp aufrufen und die drei D-Ebenen so zuschneiden , dass der Laptop an dieser Stelle endet Auf diese Weise muss After Effects diese Ebenen nicht unnötig rendern, was die Vorschauleistung verbessert Schauen wir uns die Animation weiter an. Zu diesem Zeitpunkt stelle ich fest, dass die Schärfentiefe zu groß ist. Lassen Sie uns diese Szene aufrufen, während wir uns die Textfelder ansehen. Versuchen wir, die Werte für die Tiefenschärfe anzupassen , damit wir sie besser sehen können. Zum Beispiel können wir die Blende auf 100 einstellen. Das sieht viel besser aus. Jetzt möchte ich die Reihenfolge der Textfelder ändern. Ich möchte das tun, damit wir üben können Precomps mit jeweils unterschiedlichem Text zu ändern , da dies eine übliche Aktion ist , die der Kunde uns während des Projekts fragen kann Lass uns anfangen. Wählen Sie zunächst den Precomp für das erste in der Szene sichtbare Textfeld Gehen Sie dann zum Projektfenster und öffnen Sie den Precomps-Ordner Ich möchte, dass dieser spezielle Text zuerst erscheint. Wenn Textfeld 4 ausgewählt ist, halten Sie Alt oder die Wahltaste gedrückt und ziehen Sie Textfeld 5 darüber, um es zu ersetzen. Ersetzen Sie auf ähnliche Weise Textfeld sechs durch Textfeld vier. Ich zeige Ihnen diesen Prozess , weil ein Kunde Sie manchmal bittet, die Reihenfolge der Titel in Ihrem Projekt zu ändern . In diesem Fall wollte ich zum Beispiel, dass der Titel des Erklärvideos an erster Stelle in der Szene erscheint, also habe ich beschlossen, die Vorkompositionen neu zu ordnen Machen wir es jetzt noch einmal mit dem letzten Textfeld in der Szene Und jetzt können wir die Position der Precomps in der Szene anpassen die Position der Precomps in der Gehen Sie also einfach vor und zurück, um zu überprüfen, wohin die problematischen Vorkompositionen verschoben werden sollen Nachdem wir überprüft haben, ob alles gut aussieht, können wir diese Lektion abschließen In der nächsten Lektion werden wir Rest der Szene weiter animieren und noch kreativere Möglichkeiten zur Gestaltung ansprechender Übergänge erkunden zur Gestaltung ansprechender Wir sehen uns also in der nächsten Folge. 9. Intelligente Objektverwendung für Szenenübergänge: Hallo zusammen. In dieser Lektion werden wir einen Übergang von dieser Szene zu der Szene mit dem farbigen Hintergrund erstellen der Szene mit dem farbigen Hintergrund Textebene verbinden einen Übergang von dieser Szene zu der Szene mit dem farbigen Hintergrund erstellen. Wir maskieren die vorherige Szene mit diesem Wort und enthüllen die nächste Szene darunter. Klingt unmöglich. Lass mich dir zeigen, wie einfach es ist. Wie Sie bereits wissen, haben Sie vorerst die fertigen Designdateien Versuchen Sie nicht, dem nachzugehen, denn ich zeige Ihnen, wie ich diese Szenen vorbereitet habe , bevor ich sie in After Effects importiert habe. In Ordnung. Ich werde auch Szene 16 öffnen , weil wir einen weiteren Übergang zu dieser Szene erstellen werden. Ich werde auch Szene 17 öffnen, nur um sie für die nächste Lektion vorzubereiten. Beachten Sie, dass dies Teil meines Workflows ist. Ich arbeite immer an drei oder vier Szenen gleichzeitig, nicht mehr. Ich empfehle Ihnen dringend, den gleichen Ansatz zu wählen, wenn an Projekten mit vielen Szenen arbeiten. In Ordnung. In dieser Szene werde ich sicherstellen, dass ich alle Ebenen trenne, vor allem, weil ich diese beiden Diamanten trennen muss. Ich möchte sie nicht von Grund auf neu und nach After Effects erstellen. Dann nenne ich die Diamantschichten. Schließlich drehe ich sie auf null Grad, was es bequemer macht, animieren ihre Rotation und After Effects zu Sobald das erledigt ist, speichere ich die Datei und fahre mit der nächsten Ich werde die Ebenen in dieser Szene ebenfalls trennen und dasselbe für das nächste Design tun. Lassen Sie mich die Dinge vorerst beschleunigen. Da ich nun vorhabe, eine nette Textanimation mit den Buchstaben in dieser animierten Sequenz zu erstellen eine nette Textanimation mit , ich zum vorherigen Szenendesign zurück und nun sicher, dass jeder Buchstabe von der Gruppe getrennt wird . Dann benenne ich die Ebenen nach jedem Buchstaben. Ich werde diesen Vorgang jetzt beschleunigen. Großartig. Ich kann das Projekt jetzt speichern. In der nächsten Szene werde ich die Buchstaben nicht trennen, da ich sie in der vorherigen Szene bereits getrennt habe . Ich werde nur sicherstellen, dass die Datei gespeichert wird. Fantastisch. Lass uns jetzt wieder zusammen arbeiten. Bevor wir die Dateien importieren, ziehen wir die vorherigen Designdateiordner den Assets-Ordner. Dann importieren wir die nächsten drei Szenen. Bringen Sie also die Szenen 15, 16 und 17 mit. Großartig. Verschieben wir diese Ordner auch in den Assets-Ordner, bevor wir fortfahren. Ordnung. Wir beginnen damit den Übergang für Szene 15 zu erstellen. Dazu erweitern wir unseren Zeitplan und suchen einen guten Startpunkt für den Übergang, etwa bei der 55- oder 56-Sekunden-Marke. Dadurch wird sichergestellt, dass genügend Zeit bleibt, um den Text hier zu lesen. Gehen wir nun zur nächsten Szene und lernen, wie die gemeinsame Textebene als Maske für unseren Übergang verwenden können. Zuallererst müssen wir die Textebene erstellen und sie in die Master-Komposition einfügen. Über der Szene wollen wir maskieren. In diesem Fall ist es Szene vier. Lassen Sie uns das Textwerkzeug nehmen und den Text erstellen. Um es einfacher zu machen, stellen Sie die Textgröße auf einen großen Wert ein. 500 sollte gut funktionieren. Nächstes den Mauszeiger über das Ankerpunkt-Werkzeug, halten Sie die Strg- oder Befehlstaste gedrückt und doppelklicken Sie darauf, um den Ankerpunkt der Ebene zu zentrieren den Ankerpunkt der Ebene Stellen Sie dann sicher, dass der Text im Absatzfenster zentriert und an der Mitte der Komposition ausgerichtet ist im Absatzfenster zentriert und an der Mitte der Komposition ausgerichtet Um diesen Text nun als Maskenebene zu verwenden, verwenden wir die Funktion Track Matt. Stellen Sie Szene vier so ein, dass die Textebene als Alpha-Matte verwendet wird. Jetzt sehen wir die Szene nur innerhalb der Form des Textes. Mit Hilfe dieses Setups können wir die Textebene skalieren und damit einige interessante Übergänge erzeugen. Der nächste Schritt besteht darin, diese Textebene so zu positionieren , dass sie an dem Zeitpunkt beginnt, an dem die Szene beginnt, und nicht an dem Punkt, an dem der Übergang stattfindet. Platzieren Sie sie wie folgt am Anfang der Szene. Dadurch wird sichergestellt, dass die Szene von Anfang an sichtbar ist . Da die Alpha-Funktion die Szene auf die Form des Textes beschränkt, müssen wir sie entsprechend positionieren. In Ordnung. Jetzt gibt es zwei Möglichkeiten , den Übergang zu erstellen. Die Idee ist, den Text so zu skalieren , dass er den gesamten Rahmen abdeckt. Schauen wir uns die erste Methode an. Ich möchte nicht, dass du das mit mir machst. Wir werden diese Methode nicht anwenden. Stattdessen werden wir uns für die zweite Methode entscheiden. Ich zeige nur die erste Methode, damit Sie wissen, dass sie existiert. Bei der ersten Methode erstelle ich zunächst die ersten Keyframes für die Skalierungs- und Positionseigenschaften irgendwo in der Mitte der Animation Gehen Sie dann in der Zeit zurück. Sagen wir etwa 4 Sekunden und passen Sie die Eigenschaften an, bis der Text den gesamten Rahmen abdeckt. Skalieren Sie es und bewegen Sie es so, dass der Buchstabe I in der Mitte steht, wenn diese Animation beginnt. Wenn ich jetzt die Alpha-Ebene, also unseren Text , wieder deaktiviere, kann der Übergang funktionieren. Damit es funktioniert, müssen wir den Maßstab und die Position weiter anpassen , bis der Buchstabe I den gesamten Rahmen abdeckt. Das kann viel Zeit in Anspruch nehmen und nervig sein, kann viel Zeit in Anspruch nehmen und nervig sein da wir zwei Eigenschaften kontrollieren. Ich denke, du verstehst die Idee. Jetzt möchte ich Ihnen die zweite Methode zeigen , mit der Sie nur eine Immobilie kontrollieren können . Lass mich alles wieder normal machen und du kannst die Maus nehmen und es zusammen mit mir machen. Bei der zweiten Methode konvertieren wir zunächst die Ebene in eine Drei-D-Ebene. Anstatt es zu skalieren, verwenden wir jetzt die Positionseigenschaft auf der Z-Achse, um die Größe des Textes anzupassen Auf diese Weise bringen wir den Text näher an die Standardkameraansicht Jetzt müssen wir nur noch sicherstellen, dass der Buchstabe I den gesamten Rahmen abdeckt. Danach erstellen wir den ersten Keyframe. Gehen Sie als Nächstes etwa 2 Sekunden vorwärts und passen Sie die Position so an, dass sie dem ursprünglichen Design entspricht Aber im Moment wissen wir nicht wirklich, wo genau wir den Text platzieren sollen, also müssen wir das Originaldesign sehen , um es mit Sicherheit zu wissen. Fügen Sie dazu die Designebene hinzu, verringern Sie deren Deckkraft und sperren Sie die Ebene Auf diese Weise können wir deutlich sehen, wo sich der Text befinden sollte. Passen wir die Position weiter an. Wir sind fast da. Ich zoome jetzt hinein, um die Position so nah wie möglich an das Design anzupassen. Fantastisch. Bald werden wir sehen , wo wir mit dieser Animation beginnen sollen. Aber vorerst können wir die Referenzebene entsperren und löschen. Wenn wir nun die Sichtbarkeit der Textebene ausschalten, wird die Alpha-Matte aktiviert und der Übergang wird erstellt. Was übrig bleibt, ist das Timing zu verfeinern. Lassen Sie uns die Animation überprüfen und den Text lesen, um zu überprüfen, wann wir mit dem Lesen fertig sind. Das wird uns den idealen Zeitpunkt sagen , um mit dem Übergang zu beginnen. Lassen Sie uns die Keyframes so verschieben, dass sie bei der 54-Sekunden-Marke beginnen. Platzieren Sie nun den letzten Keyframe auf Sekunde 56, sodass der Übergang 2 Sekunden dauert Passen Sie abschließend die Beschleunigung an und sehen Sie, wie sie aussieht. Ich denke, wir können es um etwa 1 Sekunde kürzer machen , weil es sich zu langsam anfühlt . Ich denke, das ist besser. Lassen Sie uns auch die Bewegungsunschärfe für diese Ebene aktivieren und sehen, wie sie aussieht Ich denke, mit der Bewegungsunschärfe ist es viel besser. Ordnung, jetzt müssen wir die Farbe dieses Textes auf Weiß ändern, weil dieser Text für die Szene, zu der er gehört, in Weiß erscheinen muss für die Szene, zu der er gehört, in Weiß erscheinen Da es sich um eine Maske der Szene unten handelt, können wir die Farbe der Textebene nicht direkt ändern. Stattdessen müssen wir die Maskenszene aufrufen und eine neue weiße feste Ebene erstellen. Wir werden diese Ebene verwenden , um den Text einzufärben. In einer Sekunde wirst du verstehen, was ich meine. Platziere diesen Festkörper über allen anderen Schichten und beginne vorerst mit Sekunde 14. Lassen Sie uns mithilfe der Opacity-Eigenschaft eine einfache Intro-Animation dafür erstellen mithilfe der Opacity-Eigenschaft eine einfache Intro-Animation dafür Dadurch wird der Text weiß angezeigt, wenn wir ihn in der Master-Komposition überprüfen Gehen wir nun zurück zur Master-Komposition und sehen wir uns an, wie sie aussieht Ich möchte, dass der Text zu diesem Zeitpunkt weiß erscheint. Geben wir also den Precomp ein und verschieben den Volumenkörper so, dass sich sein letzter Keyframe in diesem Moment befindet In Ordnung, ich denke, es sollte funktionieren. Gehen wir zurück zum Master-Computer und überprüfen es noch einmal. Sieht toll aus Wir können jetzt mit dem nächsten Schritt fortfahren. Jetzt ist ein guter Zeitpunkt, um die nächste Szene einzufügen. Ziehen wir Szene 15 in unsere Timeline. Wir müssen sicherstellen, dass es beginnt, bevor der Übergang stattfindet, damit wir keinen leeren Bereich haben wenn der Text die vorherige Szene maskiert. Das heißt, wir müssen diese Szene einige Frames vor dem Moment beginnen , in dem sich der Text rückwärts bewegt Platzieren wir es auf 53 Sekunden und 15 Frames. Großartig. Aber jetzt haben wir ein kleines Problem. Wir sehen das Wort verbinden zweimal. Lassen Sie uns herausfinden, was in solchen Situationen zu tun ist. Um dies zu beheben, schneiden die Maskenebene bis zum Ende ihrer Animation zu. Danach beginnen wir genau an diesem Punkt mit der eigentlichen Textebene in der Szene. Stellen Sie sicher, dass Sie sich am richtigen Zeitpunkt befinden, geben Sie dann die Szene ein und starten Sie die Textebene von hier aus. Auf diese Weise sehen wir die Maskenebene für den Übergang in der Master-Komposition, gefolgt von der eigentlichen Textebene innerhalb der Szene Das ist ein netter Trick, um textbasierte Übergänge zu erstellen. Wenn Sie außerdem die Textebene anstelle der Illustrator-Ebene innerhalb der Precomp verwenden möchten die Textebene anstelle der Illustrator-Ebene innerhalb der , erweitern Sie die Maskenebene und teilen Sie sie an der Stelle auf, an der die Animation endet Während Sie sich zu diesem Zeitpunkt befinden, drücken Sie Strg und Shift D, um die Ebene zu teilen Wählen Sie nun den zweiten Teil aus und drücken Sie Strg X, um ihn von hier aus auszuschneiden. Geben Sie dann die Szene ein und fügen Sie diese Ebene hier ein. Drücken Sie anschließend die linke Klammertaste, um die Ebene an diesen Zeitpunkt zu bringen , und schalten Sie diese Ebene ein. Löschen Sie danach den ersten und zweiten Keyframe, sodass sie der Textposition genau wie in der Master-Komposition entsprechen Schließlich können wir die Illustrator-Ebene ausschalten und zur Master-Komposition zurückkehren, um zu überprüfen, ob alles in Ordnung Falls Sie sich fragen, warum ich diesen Vorgang durchgeführt habe, liegt das daran, dass ich eine bearbeitbare Textebene in der Szene bevorzuge , nur für den Fall der Kunde mich bittet, dieses Wort später zu ändern Jetzt können wir zur Szene zurückkehren und die Illustrator-Ebene von hier aus löschen Bevor wir weitermachen, deaktivieren wir auch die Bewegungsunschärfe, da wir sie hier nicht benötigen , da sich der Text nicht Großartig. Jetzt können wir weitermachen und die Glitzer erzeugen, die wir für diese Szene benötigen In diesem Fall haben wir sie bereits in der zweiten Szene. Wir haben in dieser Szene schöne Glitzer für den Haupttitel kreiert , die wir im ersten Teil dieser langen Szene finden können Geben wir den Haupttitel vor Cump und kopieren nun die beiden geformten Ebenen, die wir hier haben Gehen wir nun zurück zu der Szene, an der wir gerade arbeiten, und fügen sie hier Platzieren wir sie jetzt an der richtigen Position, der großen, die wir hier platzieren können. Nun, was das Kleine angeht, können wir dem Design folgen und es in diesem Bereich platzieren. Löschen Sie danach die Illustrator-Dateien. Sieht toll aus Ich werde sie einfach neu bestellen, weil ich die Reihenfolge so bevorzuge Ordnung. Lassen Sie uns jetzt die Diamanten animieren Ich möchte während dieser Szene eine Zeitlupenanimation für sie erstellen während dieser Szene eine Zeitlupenanimation für sie Bevor wir beginnen, duplizieren wir einen der Diamanten, um ihn später für einen weiteren Übergang zu verwenden. Wir können es vorerst ausschalten. Zurück zur Diamantenanimation in Zeitlupe. Es ist super einfach. Öffnen Sie zunächst die Rotationseigenschaft für beide Diamanten und passen Sie ihre Winkel an. Gehen Sie als Nächstes zum Anfang der Timeline und öffnen Sie die Positionseigenschaft für beide Ebenen. Erstellen Sie den ersten Keyframe, wechseln Sie dann zu den zweiten sechs und passen Sie ihre Positionen leicht nach oben beim ersten Keyframe etwas weiter nach unten, Verschieben Sie sie beim ersten Keyframe etwas weiter nach unten, um die Bewegung zu betonen Mal sehen, wie das aussieht. Das sieht toll aus. Fügen wir nun eine subtile Rotationsanimation für beide Diamanten hinzu. Für den kleinen Diamanten auf der linken Seite können wir die Drehung auf -20 setzen und einen Keyframe erstellen Sie nun für den größeren auf der rechten Seite die Drehung auf 20 ein Wählen Sie beide Ebenen aus und drücken Sie auf Sie, um die Positions-Keyframes anzuzeigen Gehen wir nun zum Ende der Positionsanimation und drehen wir beide Stellen Sie die Drehung auf 40 ein. Stellen Sie für den kleineren Wert den Wert auf -40 ein. Mal sehen, was wir haben. Das sieht nett aus. Als Nächstes erstellen wir mithilfe der Eigenschaft scale eine Popup-Animation für den Haupttitel. Lassen Sie uns zunächst beschließen, diese Animation bei 1 Sekunde und 15 Frames zu starten . Erstellen Sie zunächst den ersten Keyframe für die Skala mit ihrem aktuellen Wert Gehen Sie als Nächstes 1 Sekunde vorwärts und erstellen Sie einen weiteren Keyframe mit demselben Wert Sie dann in der Mitte dieser Animation die zweite Ebene. Sagen wir 120. Passen Sie abschließend die Lockerung an und überprüfen Sie, wie sie aussieht. Es ist großartig, aber ich denke das Funkeln sollte nach der Popup-Animation beginnen Lassen Sie uns sie so verschieben, dass sie danach beginnen. Jetzt lernen wir, wie man einen supercoolen animierten Hintergrund mit Farbverlauf erstellt einen supercoolen animierten Hintergrund mit Farbverlauf Es gibt viele Möglichkeiten, dies zu tun, aber ich zeige Ihnen die beste Methode, die ich kenne. Um die Übersicht zu behalten, sollten wir diese Ebene unterkomponieren da wir zusätzliche Ebenen hinzufügen um den animierten Hintergrund mit Farbverlauf von Grund auf neu und nach After Effects zu erstellen von Grund auf neu und nach After Effects Stellen Sie sicher, dass Sie dieses Kästchen ankreuzen. Der einfachste Weg, dies zu tun, besteht darin mithilfe einer Formebene einige Kugeln zu erstellen. Stellen Sie sicher, dass keine Ebenen ausgewählt sind, erstellen Sie dann eine mittelgroße Kugel in der Szene. Stellen Sie die Größe auf 800 ein, damit wir alle auf derselben Spur sind. Platzieren wir es vorerst hier und ändern wir seine Farbe auf dieses. Bewege diese Kugel nun an diese Position. Beachten Sie, dass Sie, wenn Sie diese Kugel verschieben, ohne sie zuerst im Ebenenfenster auszuwählen, möglicherweise versehentlich die Form innerhalb der Ebene verschieben , anstatt die eigentliche Ebene zu verschieben. Dadurch wird der Ankerpunkt unzentriert. Sie in diesem Fall einfach den Mauszeiger über das Ankerpunkt-Werkzeug, halten Sie die Taste gedrückt und doppelklicken Sie darauf, um den Ankerpunkt für die Ebene Duplizieren Sie als Nächstes die Kugel und ändern Sie ihre Farbe in diese Fahren Sie mit dem Duplizieren und Ändern der Farben fort, bis Sie alle Farben fertig haben Ordnen Sie nun die Kugeln in der Nähe der entsprechenden Farben im Design an Damit es wie ein Farbverlauf aussieht, erstellen Sie über allen Ebenen eine neue Einstellungsebene und fügen Sie ihr den Fast-Box-Unschärfeeffekt hinzu Lassen Sie uns den Namen dieser Einstellungsebene in Blur ändern und den Unschärferadius nun auf, sagen wir, 80 setzen . Wir sind fast da Jetzt müssen wir die leeren Bereiche in der Komposition vermeiden , dafür können wir die Kugeln skalieren, sie alle auswählen und die Skala auf 150 setzen Sie können die Kugeln neu anordnen, wenn Sie ein etwas anderes Ergebnis erzielen möchten In meinem Fall bin ich mit der aktuellen Reihenfolge zufrieden, aber ich denke, die Skala auf 130 statt auf 150 einzustellen Erstellen Sie als Nächstes eine weiße, feste Ebene , denn wenn wir die Kugeln bewegen, können leere Bereiche entstehen, und der weiße Festkörper hilft dabei, sie besser zu vermischen. Bevor wir diese Kugel animieren, verkleinern wir die orangefarbene Kugel und sorgen auch dafür, dass die Kugeln besser verschmelzen indem wir die Einstellungsebene auswählen und den Unschärferadius auf 120 skalieren In Ordnung, jetzt müssen wir die Kugeln nach dem Zufallsprinzip bewegen. Öffnen Sie dazu die Positionseigenschaft für eine Kugel und verwenden Sie einen einfachen Ausdruck. Halten Sie dazu auf dem Mac die Altar-Option gedrückt und klicken Sie auf die Stoppuhr Ca neben der Positionseigenschaft Geben Sie wiggle ein und wählen Sie es dann aus der Liste aus. In den Klammern sind wir eins, 50. Klicken Sie auf eine Stelle außerhalb des Ausdruckstextfeldes und sehen Sie, wie es aussieht. Es bewegt sich zu wenig Erhöhen wir die zweite Zahl auf etwas Höheres, zum Beispiel 550, und überprüfen wir sie noch einmal. Das ist zu viel. Setzen wir es auf 500 und reduzieren die erste Zahl auf 0,5. Mal sehen, wie das jetzt aussieht. Das sieht besser aus. Klicken Sie nun mit der rechten Maustaste auf die Eigenschaft und wählen Sie Nur Ausdruck kopieren aus. Wählen Sie dann die anderen Kugeln aus und drücken Sie Strg V, um den Ausdruck einzufügen. Gehen wir zum Anfang der Timeline und schauen uns an, wie alles zusammen aussieht. Das sieht toll aus. Lassen Sie uns versuchen, die weiße Ebene auszuschalten und den ursprünglichen Hintergrund einzuschalten , um zu sehen, wie er aussieht. Ich denke, so sieht es besser aus. Wir können auch den Unschärferadius anpassen , damit die Verlaufsbereiche größer erscheinen Dazu müssen wir lediglich den Unschärferadius vergrößern, den wir im Fast-Box-Unschärfeeffekt haben , den wir auf der Einstellungsebene haben In meinem Fall belasse ich es bei 120. Ordnung. Kehren wir zur Szene zurück, reduzieren den Precomp und schauen wir uns an, wie er mit den restlichen Ebenen aussieht Ich finde, es sieht sehr cool aus, ist aber ein bisschen zu schnell. Geben Sie in diesem Fall nicht den Precomp ein, um den Ausdruck anzupassen Verwenden Sie stattdessen die Time Stretch-Funktion. Wenn Sie sie nicht sehen, klicken Sie mit der rechten Maustaste hier, gehen Sie zu den Spalten und wählen Sie Stretch. Klicke darauf und ändere den Wert 200 , um den Precomp zu verlangsamen Auf diese Weise wird die Animation dieses Coms zweimal langsamer, was meiner Meinung nach viel besser aussieht Fantastisch. Bevor wir weitermachen, reduzieren wir nun die Illustrator-Ebenen in dieser Szene Ordnung. Jetzt ist es an der Zeit, die Diamantenschicht, die wir zuvor dupliziert haben, zu verwenden , um einen weiteren coolen, aber supereinfachen Übergang für die nächste Szene zu erstellen supereinfachen Übergang für die nächste Szene Wir werden diese Ebene als Objekt verwenden , um die aktuelle Szene auszublenden Während der Diamant den gesamten Frame bedeckt, beginnen wir mit der nächsten Szene. Einfach aber super nützlich. Mal sehen, wie es geht. Zuerst müssen wir diese Ebene von hier aus ausschneiden und in die Master-Komposition einfügen. Sehen wir uns diese Animation ein paar Mal an, um den besten Zeitpunkt für den Start des Übergangs zu bestimmen Ich denke, wir können diese Szene etwa 3 Sekunden lang spielen lassen und dann den großen Diamanten vorstellen. Aber vorher fügen wir der aktuellen Szene einen leichten Zoom in der Animation hinzu, da sie momentan zu statisch aussieht. Stellen Sie sich hier hin, erstellen Sie einen skalierten Keyframe und fahren Sie dann mit Sekunde 59 Warum genau bis zu diesem Punkt? Kein besonderer Grund. Ich möchte nur einen langsamen Zoom in der Animation erstellen. Skalieren Sie den Precomp auf 105. Mal sehen, wie das aussieht. H h, das sieht toll aus. Übrigens haben wir die Skalierung nicht am Anfang der Precomp gestartet , weil das dazu führen würde, dass der Join-Text irgendwann seine Größe ändert , was wir nicht Achten Sie darauf, den Zoom und die Animation erst zu starten der Verbindungstext nicht mehr sichtbar ist. Großartig. Sobald wir mit der Skalierungsanimation fertig sind, können wir diese Precomp jetzt zusammenklappen , um die höchste Qualität zu erzielen. In Ordnung Jetzt fügen wir den Diamanten, den wir aus der letzten Szene geschnitten haben , ein und verwenden ihn, um den Übergang für die nächste Szene zu erstellen. Drücken Sie Strg oder Command V, um den Diamanten einzufügen. Fantastisch. Jetzt müssen wir den richtigen Moment finden, um mit der Animation des Übergangs zu beginnen Ich denke, wir können diesen Übergang vorerst in Minute eins beginnen vorerst in Minute eins Jetzt platzieren wir diese Ebene in der Mitte der Komposition und beginnen mit der Erstellung des Übergangs Zuerst müssen wir es vergrößern, bis es fast den gesamten Frame abdeckt Fantastisch. Seit wir diese Ebene skaliert haben, haben wir seine Qualität verloren Um das zu beheben, reduzieren wir diese Ebene. Großartig. Bevor wir weitermachen, verkürzen wir Szene vier, weil zu diesem Zeitpunkt nichts passiert. Wir können diesen Precomp so zuschneiden , dass er in Sekunde 55 oder 56 endet, Szene vier aufrufen und ihn auf die 16-Sekunden-Marke zuschneiden . Perfekt. Jetzt können wir es hier zuschneiden, weil es zu diesem Zeitpunkt nicht mehr sichtbar ist. Lassen Sie uns nun den besten Zeitpunkt für den Übergang zur nächsten Szene festlegen . Ich denke, wir können bei Sekunde 57 anfangen , zuerst den großen Diamanten herbringen. An diesem Punkt können wir das Stromnetz abschalten, damit wir besser sehen können, was wir tun. Skalieren Sie dann den Diamanten weiter und stellen Sie die Skala auf etwa 1.000 ein. Idee ist, es so weit zu skalieren, dass der Diamant den oberen und unteren Teil des Rahmens vollständig bedeckt. Versuchen wir, den Übergang zu erstellen , wenn die Skala bei 800 liegt. Verschieben Sie zunächst die Ebene auf die linke Seite aus dem Rahmen und öffnen Sie dann die Positionseigenschaft. Erstellen Sie hier den ersten Keyframe. Gehen Sie dann 2 Sekunden vorwärts und bewegen Sie den Diamanten auf die gegenüberliegende Seite des Rahmens nun in der Mitte der Animation sicher, dass der Diamant den Frame vollständig bedeckt. Öffnen Sie die Skalierungseigenschaft, erstellen Sie das erste Schlüsselbild und verschieben Sie es an den Anfang der Ebene. Stellen Sie an diesem Mittelpunkt die Skala einen größeren Wert ein und passen Sie gleichzeitig die Position so an, dass sie den gesamten Rahmen abdeckt Gehen Sie abschließend zum Ende der Animation und setzen die Skala auf ihren ursprünglichen Wert vom Anfang zurück ursprünglichen Wert vom Anfang Wir können den ersten Keyframe hier kopieren und einfügen. Wir können dem Diamanten auch eine sanfte Drehung hinzufügen , um ihn interessanter zu machen in der Mitte der Animation Erstellen Sie in der Mitte der Animation den ersten Keyframe mit dem aktuellen Rotationswert dann zu Beginn der Animation Stellen Sie ihn dann zu Beginn der Animation auf -45 und am Ende auf 45 ein Jetzt müssen wir sicherstellen, dass der Diamant nach dem Hinzufügen der Rotationsanimation immer noch den gesamten Frame abdeckt den In der Mitte der Animation schleifen und sicherstellen, dass der Diamant immer noch den gesamten Frame bedeckt. Sieht gut aus. Passen wir die Keyframes an, um die Bewegung dynamischer zu gestalten Lassen Sie uns die Pause, die wir hier sehen, entfernen , bevor wir zum Diagrammeditor springen, um das Problem zu beheben Versuchen wir zunächst, die mittleren Keyframes in normale umzuwandeln , um zu sehen, ob das hilft Wählen Sie die mittleren Keyframes aus, halten Sie die Strg- oder Befehlstaste gedrückt und klicken Sie darauf, um sie in normale Keyframes umzuwandeln Das sieht besser aus, aber wir können es weiter verbessern, indem wir den Diagrammeditor verwenden Passen wir die Keyframes der einzelnen Eigenschaften an, um die Bewegung zu verbessern Wählen Sie zunächst die Keyframes für die mittlere Position aus und legen Sie sie als fortlaufende Keyframes fest, sodass Sie die Ziehpunkte problemlos anpassen können Mal sehen, wie das aussieht. Jetzt sieht die Bewegung der Position viel flüssiger aus. Als Nächstes verfeinern wir die Skalierungs-Keyframes. Schieben Sie die Griffe zur Seite und sehen Sie sich an, wie das aussieht. Sieht gut aus, und ich denke, wir müssen die Rotations-Keyframes nicht anpassen, da wir bereits eine schöne und gleichmäßige Bewegung haben. Wir können jetzt mit dem nächsten Schritt fortfahren, dem Zuschneiden der letzten Szene, an der wir gearbeitet haben Die Animation endet in diesem Bereich. Lassen wir also sicherheitshalber ein paar Sekunden Puffer übrig und kürzen den Computer in Sekunde fünf Zurück zum Master-Computer. Lassen Sie uns diese Szene bis zu dem Punkt zuschneiden, an dem der Diamant den Rahmen vollständig bedeckt, und fügen Sie dann die nächste Szene In unserem Fall ist es das Design von Szene 16. Drücken wir nun auf die Diamantenebene und schneiden sie bis zum Ende der Animation zu. Jetzt haben wir einen schönen Übergang von Szene 15 zu Szene 16, was eine weitere Idee ist, die Sie in Ihren Projekten verwenden können. Bevor wir diese Lektion abschließen und zur letzten Lektion übergehen, bringen wir die Diamantenebene hierher, damit sie mit den beiden Szenen gruppiert bleibt, für die sie verwendet wurde. Nachdem wir uns die Animation noch einmal angesehen haben, organisieren wir das Projektfenster um uns auf die nächste Lektion vorzubereiten. Zunächst können wir den animierten Hintergrund precomp in den Precomps-Ordner ziehen den animierten Hintergrund precomp in den Precomps-Ordner Da wir nun den Design-Precomp von Szene 15 als Hauptszene in unserem Projekt verwenden , benennen wir diesen Precomp um. Dies wird jetzt Szene fünf heißen. Als nächstes färben wir es blau. Färbe es auch hier blau. Großartig. In der nächsten Lektion animieren wir die verbleibenden Szenen für das Projekt Bevor wir jedoch mit der Animation der nächsten Szene beginnen, sollten wir diese Gelegenheit nutzen, um alles, was wir bisher gemacht haben, zu speichern und das Projekt zu löschen, um es aus dem Cache zu Auf diese Weise können wir mit der nächsten Lektion neu beginnen. Fantastisch. Nachdem das erledigt ist, empfehle ich Ihnen dringend, jetzt eine zehnminütige Pause einzulegen , damit Sie erfrischt mit der nächsten Lektion beginnen können 10. Stimmungsänderung: Willkommen zurück. Zu Beginn dieser Lektion erstellen wir einen einzigartigen Übergang, der auf wechselndem Text sowie der Umgebung und der allgemeinen Stimmung der Szene basiert sowie der Umgebung und der allgemeinen Stimmung der Szene von einer dunklen zu einer helleren Stimmung übergeht Während dieses Vorgangs werden wir auch das Beherrschen von Keyframes üben, indem wir eine supercoole Bouncing-Ball-Animation erstellen . Lass uns beginnen Lassen Sie uns zunächst die nächste Szene vor der Kompilation beginnen. Wie immer bereiten wir es zunächst für die Animation vor. Beginnen wir mit der Erstellung des Textfeldes. Suchen Sie dazu nach den Textfeldern im Projekt, duplizieren Sie das letzte, bringen Sie es in die Szene, geben Sie es ein und ändern Sie den Text. Drücken Sie die Strg-Taste oder die Befehlstaste, um das Textwerkzeug zu beenden. Kehren Sie abschließend zur Szene zurück und positionieren Sie das Textfeld an der richtigen Stelle. Sobald sie platziert ist, können Sie diese Ebene aus der Szene löschen. Nachdem wir das Textfeld erstellt haben, können wir damit beginnen, die ersten Keyframes für die springende Animation der Kugel festzulegen für die springende Animation der Kugel Nennen wir es in dieser Lektion den Ball. Dazu verwenden wir die Eigenschaft Position. In diesem Stadium machen wir uns keine Gedanken über die Dauer der Animation. Vorerst erstellen wir Keyframes in Intervallen von 1 Sekunde und passen sie später Gehen wir zum Anfang der Timeline und positionieren den Ball außerhalb der Szene sodass er vom oberen Bereich her hineinkommt Erstellen Sie hier den ersten Keyframe. Gehen Sie dann 1 Sekunde vorwärts und platzieren Sie den Ball auf dem Textfeld Zoomen Sie und passen Sie die Position bei Bedarf für eine bessere Präzision leicht an. als Nächstes eine weitere Sekunde vorwärts und platzieren Sie den Ball in diesem Bereich. Zoomen Sie heraus und positionieren Sie ihn ungefähr dort, wo er sein muss. Fahren Sie fort, indem Sie sich erneut 1 Sekunde vorwärts bewegen und den Ball auf den Buchstaben I legen. Das Ziel ist, dass der Ball zuerst auf dem I, dann auf dem M abprallt und schließlich neben dem Buchstaben P landet. Gehen 1 Sekunde vorwärts und heben Sie den Ball an, um einen Sprung zu erzeugen Gehen Sie dann eine weitere Sekunde vorwärts und positionieren Sie die Kugel über dem M. Lassen Sie uns die Zeitleiste verkleinern und bewegen Sie sich nun eine weitere Sekunde vorwärts, um einen weiteren Sprung zu erzeugen Und zum Schluss noch eine Sekunde vorwärts, um den Ball neben dem P zu landen . Zoomen wir heraus, um zu sehen , wie er aussieht An diesem Punkt ist klar, dass die Animation noch nicht ausgefeilt aussieht. Das ist Teil des Prozesses. Wir beginnen mit einer ersten Animation und verfeinern sie im Laufe der Zeit. Ordnung, wählen Sie jetzt alle Keyframes aus und konvertieren Sie sie in einfache ES. Rufen Sie dann den Diagrammeditor auf, um die Geschwindigkeit der Keyframes anzupassen Ziel ist es, dass sich der Ball schnell bewegt , wenn er landet und zurückprallt, sodass eine realistische Bewegung entsteht Jetzt, nachdem der Ball den Boden berührt hat, muss er superschnell nach oben springen Wir können die Geschwindigkeit am Abprallpunkt erhöhen , damit es natürlicher aussieht Mal sehen, was wir haben. Um die Bewegung zu verbessern, können wir die Bahnpunkte, an denen sich der Ball in der Luft befindet, krümmen . Wir können dafür das Werkzeug zum Konvertieren von Scheitelpunkten verwenden. Wählen Sie die Ebene aus, klicken Sie auf jeden Punkt, um ihn zu konvertieren, und später passen wir die Griffe Konzentrieren Sie sich vorerst darauf, alle Punkte zu krümmen. Ordnung. Jetzt können wir V drücken, um zum Auswahlwerkzeug zurückzukehren und die Griffe so anzupassen , dass der Bewegungspfad runder wird. Verschieben Sie die Griffe der einzelnen Punkte , um sie glatt und abgerundet zu gestalten. Mal sehen, wie das aussieht. Bald werden wir uns mit den Pausenmomenten befassen. Aber lassen Sie uns vorerst die Erstellung der Hüpfbewegung beenden. Rufen Sie den Diagrammeditor auf und passen Sie die Keyframes weiter an, genau wie wir es beim ersten Bounce getan haben Das heißt, wir müssen den Ball superschnell fallen lassen , wenn er kurz davor ist, den Buchstaben I zu treffen. Und dann müssen wir ihn auch schnell abprallen lassen , wenn er zum nächsten Buchstaben übergeht Lassen Sie uns diesen Vorgang für den nächsten Absprungpunkt wiederholen. abschließend Lassen Sie uns abschließend den Ball am Ende seiner Animation schnell fallen lassen am Ende seiner Animation schnell Großartig. Jetzt sind wir bereit, die Pausenmomente zu korrigieren, in denen der Ball in der Luft schwebt Wählen Sie dazu die problematischen Keyframes aus, doppelklicken Sie darauf und aktivieren Sie das Kontrollkästchen „Kontinuierlich Passen Sie dann die Bewegung leicht nach oben an, damit die Geschwindigkeit nicht auf Null sinkt Wiederhole diesen Vorgang für alle Momente, in denen der Ball in der Luft schwebt Das sieht toll aus. Wie Sie sehen können, ist die Animation jedoch zu langsam. Sie dauert derzeit 7 Sekunden. Mal sehen, wie es nach 3 Sekunden aussieht. Um die Animation zu beschleunigen und gleichzeitig den Abstand zwischen den Keyframes beizubehalten, wählen Sie alle Keyframes aus, halten Sie die Alt- oder Wahltaste gedrückt und ziehen Sie das letzte Keyframe an die Position der Zeitanzeige Sehen Sie sich die Animation ein paar Mal an, um zu sehen, ob sich das Timing richtig anfühlt Lass uns herauszoomen und es uns noch einmal ansehen. Ich finde, es sieht toll aus, also können wir mit der Animation der fallenden Buchstaben weitermachen . Wir beginnen damit, den Buchstaben I von dem Moment an zu animieren , in dem der Ball ihn trifft Positionieren Sie die Timeline-Anzeige in diesem Moment, wählen Sie dann den Buchstaben aus und drücken Sie P, um die Positionseigenschaft anzuzeigen Erstellen Sie hier den ersten Keyframe. Gehen Sie als Nächstes in der Timeline vorwärts. Sagen wir bis zur Zwei-Sekunden-Marke und bewegen den Buchstaben nach unten, bis er den Frame verlässt Wiederholen Sie nun die gleichen Schritte für den Moment, in dem der Ball den Buchstaben M trifft. Wählen Sie also aus und drücken Sie P. Erstellen Sie nun einen Keyframe und bewegen Sie ihn dann 2 Sekunden vorwärts um ihn aus dem Bild herauszuholen Ordnung. Lass uns die Keyframes in einfache ES umwandeln und sehen, wie es aussieht Ich finde, es sieht sehr gut aus, aber wir können die Bewegung noch weiter verbessern Lassen Sie mich Ihnen zeigen, wie. Um die Animation natürlicher zu gestalten, öffnen wir den Diagrammeditor und passen die Bewegungskurve so an, dass sich die Buchstaben langsam bewegen und gegen Ende schneller werden. Das sieht jetzt viel besser aus. Wir können die Animation weiter verbessern, indem den Ebenen während der Positionsanimation eine gewisse Drehung hinzufügen. Fangen wir mit dem ersten Buchstaben an. Erstellen Sie das erste Rotations-Keyframe, gehen Sie zum Ende der Animation und drehen Sie die Ebene, sagen wir um 50 Grad. Konvertieren Sie nun die Keyframes auf einfache Weise und sehen Sie sich eine Vorschau der Animation an Ich denke, es dreht sich etwas zu stark, also passen wir den Schlüsselrahmen für die endgültige Drehung auf 40 Grad an Lassen Sie uns nun dasselbe für den zweiten Buchstaben tun. Mal sehen, wie das aussieht. Das sieht toll aus. Schließlich sind wir bereit, einige hüpfende Animationen für die verbleibenden Buchstaben zu erstellen , um eine wirkungsvolle Bewegung zu erzeugen, wenn der Ball auf den Boden trifft Dies wird auch dazu beitragen, die Aufmerksamkeit des Betrachters auf das neue Wort zu lenken , das entsteht, nachdem die beiden Lassen Sie uns zunächst die beiden Buchstaben, die wir bereits animiert haben, zur besseren Organisation mit einer anderen Farbe kennzeichnen bereits animiert haben, zur besseren Organisation mit einer anderen Farbe . Wir können die Hintergrundebene sperren. Schnapp dir jetzt alle anderen Buchstaben. Stellen Sie sicher, dass Sie sich am richtigen Punkt in der Timeline befinden, öffnen Sie die Eigenschaft Position und erstellen Sie hier den ersten Keyframe. Gehen Sie als Nächstes 1 Sekunde vorwärts und erstellen Sie einen weiteren Keyframe mit demselben Wert nun zur Mitte der Animation und verschieben Sie alle Buchstaben nach oben, während Sie die Umschalttaste gedrückt halten , damit sie ausgerichtet Bevor wir fortfahren, platzieren wir das Textfeld unter allen Buchstaben, sodass es hinter ihnen erscheint. Lassen Sie uns nun die Animation verbessern. Unser Ziel ist es, eine hüpfende Animation zu erstellen , wenn der Ball auf den Boden trifft Lassen Sie uns dazu zunächst die Keyframes vereinfachen und im Diagrammeditor die Kurve so anpassen, dass sich die Buchstaben schnell nach oben bewegen, kurz in der Luft schweben und dann Mal sehen, wie es aussieht. Ich denke, es ist ein bisschen zu langsam. Stellen wir uns in die Mitte dieser Animation, wählen dann alle Ebenen und ziehen sie bei gedrückter Alt- oder Wahltaste an die Position der Zeitindikatoren. Das ist viel besser. Lassen Sie uns nun die Buchstaben nacheinander springen lassen die Buchstaben nacheinander springen indem wir eine Verzögerung in der Animation erzeugen. Lassen Sie den Buchstaben P an seinem Platz , weil wir wollen, dass er zuerst springt Wählen Sie die anderen Buchstaben aus und verschieben Sie sie einen Frame nach vorne, und verschieben Sie sie einen Frame nach vorne indem Sie die Alt- oder Wahltaste gedrückt halten und die Rechtspfeiltaste drücken Wiederholen Sie dies für jeden Buchstaben. Schauen wir uns die Animation ein paar Mal an, um zu sehen, ob sie sich richtig anfühlt. Das sieht toll aus. Als Nächstes ändern wir ihre Farben während der springenden Animation mithilfe des Fülleffekts Suchen wir dazu zunächst im Menü Effekte und Voreinstellungen nach dem Fülleffekt Ziehen wir nun den Effekt auf den ersten Buchstaben. Lassen Sie uns ihn nun für eine Sekunde ausschalten, um die ursprüngliche rote Farbe des Buchstabens zu testen. Dann schalte es wieder ein. Drücken wir Sie nun, um den Moment zu finden, in dem der Brief zu springen beginnt Zu diesem Zeitpunkt erstellen wir jetzt den ersten Keyframe mit der aktuellen Farbe Gehen Sie dann zum Ende der Animation und ändern Sie die Farbe auf Weiß, dem Design in der Precomp entspricht wir also zum Effekt zurück und ändern wir die Farbe Konvertieren Sie die Keyframes auf einfache Weise. Bevor Sie fortfahren, löschen wir das Projekt After Effects kann manchmal langsamer werden, daher ist es eine gute Angewohnheit, das Projekt alle paar Minuten zu löschen , um eine reibungslose Leistung zu gewährleisten In Ordnung, zurück zur Sache. Kopieren Sie nun den Fülleffekt aus der ersten Ebene und wählen Sie die restlichen Buchstaben aus. Drücken Sie auf Sie, um alle Keyframes anzuzeigen und den Effekt darauf einzufügen Drücken wir Sie jetzt noch einmal um unsere neuen Keyframes zu sehen Passen Sie dann die Fülleffekt-Keyframes für jede Ebene an die jeweilige Positionsanimation Wählen Sie einfach die Fülleffekt-Keyframes und richten Sie sie an den Positions-Keyframes Machen wir das für die restlichen Ebenen. Wenn wir fertig sind, wollen wir sehen, wie das aussieht. Das sieht toll aus. Lassen Sie uns nun alle Ebenen schließen und die gesamte Animation überprüfen , die wir bisher in dieser Szene erstellt haben. Das sieht sehr cool aus, aber ich finde der Ball bewegt sich nach seinem ersten Sprung zu weit nach links. Um das zu beheben, können wir diesen Punkt nach rechts ziehen. Ich denke, so sieht es viel besser aus. Lassen Sie uns nun eine Outro-Animation für das Textfeld erstellen, beginnend mit dem Moment, in dem der Ball auf den Boden trifft Wir verwenden dafür die Eigenschaft scale. Erstellen Sie zu diesem Zeitpunkt den ersten Keyframe, bewegen Sie sich dann um 1 Sekunde und setzen Sie den Wert auf Null Lassen Sie uns nun die Keyframes vereinfachen und dafür sorgen, dass das Textfeld zu Beginn der Animation schnell verkleinert Beginn der Animation indem Sie diesen Ziehpunkt nach links bewegen zum Abschluss dieser Szene Lassen Sie uns zum Abschluss dieser Szene eine Outtro-Animation für den blauen Hintergrund erstellen, um die Stimmung der Szene von dunkel zu Wir können dafür das Formwerkzeug verwenden. Stellen Sie sicher, dass keine Ebenen ausgewählt sind, wählen Sie dann das Ellipsenwerkzeug aus, ändern Sie die Farbe in den blauen Farbton und erstellen Sie eine große Kugel Stellen Sie die Größe auf 1.500 , um sicherzustellen, dass wir uns alle auf derselben Seite Richten Sie die Kugel an der Mitte der Komposition aus und positionieren sie so, dass sie bei der Drei-Sekunden-Marke beginnt. Platziere diese Ebene unter allen anderen Ebenen, aber über dem dunklen Hintergrund. Verwenden Sie nun die Skalierungseigenschaft, um eine Intro-Animation für diesen Hintergrund zu erstellen Gehen wir nun 1 Sekunde vorwärts und skalieren die Form, bis sie den gesamten Frame abdeckt Setzen wir es auf 155. Lassen Sie uns abschließend dafür sorgen, dass diese Form zu Beginn der Animation schnell in die Szene eingefügt wird. Sehen wir uns eine Vorschau an. In Ordnung, das Timing sieht perfekt aus. Lass uns die Vorschau so einstellen, dass sie passt, damit wir sie uns noch einmal in einer größeren Vorschau ansehen können. Ordnung, ich denke, in dieser Szene sieht alles in Ordnung aus , was die Animation angeht. Gehen wir jetzt zurück zur Master-Komposition, um zu sehen , wie das mit der vorherigen Szene aussieht, in der wir den großen Diamanten hier als Übergangsobjekt verwendet haben hier als Übergangsobjekt verwendet Wie Sie sehen können, fängt der Ball zu früh an zu fallen. Das bedeutet, dass wir alle Animationen in dieser Szene verzögern müssen , sodass die Animation beginnt, wenn der große Diamant die Bildmitte passiert. Lassen Sie uns die Animation hier ab Bild 15 beginnen. Stellen Sie dazu sicher, dass keine Ebenen ausgewählt sind. Drücken Sie auf Sie, um alle Schlüsselbilder auf allen Ebenen anzuzeigen , und wählen Sie alle Schlüsselbilder aus. Ziehen Sie sie nun zusammen zum neuen Startpunkt. Wenn wir schon dabei sind, geben wir die Buchstaben zur besseren Organisation in Gelb ein und reduzieren die Illustrator-Ebenen, um sicherzustellen, dass sie scharf und sauber erscheinen Lassen Sie uns auch die Hintergrundebene in einen blauen Hintergrund umbenennen Hintergrundebene in einen blauen Hintergrund Wenn wir uns jetzt die Animation in der Master-Komposition ansehen , sieht alles gut aus Mir ist jedoch aufgefallen, dass das Textfeld die anderen Animationen stört und zu viel Aufmerksamkeit auf sich zieht Lassen Sie uns das beheben, indem die Szene aufrufen und die Outtro-Animation des Textfeldes starten , direkt nachdem der Ball zu Beginn der Szene zum ersten Mal darauf Beginn der Das sieht jetzt viel besser aus. Großartig, gehen wir zurück zum Master-Comp und schließen alle offenen Precomps zum Master-Comp und schließen alle offenen Precomps Färben Sie diese Szene dann blau ein und benennen Sie sie in Szene sechs um. Vergessen Sie nicht, das Farbetikett auch hier zu aktualisieren. Jetzt ist ein guter Zeitpunkt, um das Projekt zu speichern , bevor Sie mit der nächsten Szene fortfahren. In der nächsten Szene werden wir uns hauptsächlich auf die Erstellung der Eröffnungsanimation konzentrieren . Lassen Sie mich Ihnen das in unserem wichtigsten Entwurfsdokument zeigen. Bevor wir beginnen, erstellen wir einen Übergang von der aktuellen Szene zur nächsten. Zuerst öffne ich das Design für diese Szene, um sie für die Animation vorzubereiten. Denken Sie daran, dass Sie nicht weitermachen müssen , da Sie bereits über die fertigen Dateien verfügen. Schauen Sie einfach zu und hören Sie zu. Wie immer beginne ich damit, die Gruppierung des Designs aufzuheben und die Ebenen zu trennen Nachdem ich sichergestellt habe, dass alle Ebenen richtig getrennt sind, nenne ich die wichtigen Ebenen, die in After Effects verwendet werden In diesem Fall sind dies alle Ebenen, die sich auf das Augendesign beziehen. Dann drücke ich die Strg-Taste, um das Projekt zu speichern , bevor ich es in After Effects importiere. In Ordnung, jetzt sind Sie dran, mir zu folgen. Importieren Sie das Design in das Projekt und platzieren Sie den Illustrator-Ebenenordner im Ordner „ Elemente Öffnen Sie dann die neue Szene, um sie für die Animation vorzubereiten. Falls Sie sich fragen, warum wir den Übergang von der vorherigen Szene zu dieser Szene nicht erstellen den Übergang von der vorherigen Szene zu dieser Szene , bevor wir sie animieren, finden Sie hier den Grund: In Fällen wie diesem, denen ich plane, einen nahtlosen Übergang zwischen zwei Szenen zu erstellen , ist es besser, zuerst beide Szenen fertig zu animieren Danach werden wir sie kombinieren und den Übergang zeitlich richtig planen . Lass uns anfangen. Schalten Sie zunächst die Text - und Hintergrundebenen damit wir uns ausschließlich auf die Augenebene konzentrieren können. Jetzt beginnen wir mit der Animation dieser Sequenz, indem wir die Hauptebene der Augen animieren Animieren Sie den Hauptteil des Auges, klicken Sie mit der rechten Maustaste auf die Ebene und konvertieren Sie sie in eine Formebene Sobald das erledigt ist, löschen Sie die ursprüngliche Ebene und benennen Sie die neue Formebene entsprechend Jetzt haben wir eine Formebene , mit der wir ihren Pfad animieren können Schalten Sie die verbleibenden Ebenen aus, um einen klareren Überblick darüber zu erhalten, woran wir gerade arbeiten Öffnen Sie die Formebene, navigieren Sie zur Gruppe und wählen Sie den Pfad der Form aus. Sie werden feststellen, dass es zu viele Punkte hat , was die Animation komplizierter macht Einfachheit halber löschen wir vorher einige dieser Punkte. Lassen Sie uns das proportionale Raster aktivieren, Lassen Sie uns das proportionale Raster aktivieren da es praktisch sein wird wenn wir mit der Anpassung des Pfads beginnen Lassen Sie uns diese Form nun vereinfachen indem wir einige Punkte auf ihrem Pfad löschen. Achten Sie darauf, die Mittelpunkte der Form nicht zu löschen. Wir können das Werkzeug zum Löschen von Scheitelpunkten verwenden, um die unnötigen Punkte zu entfernen, indem wir darauf klicken fertig sind, wechseln Sie zurück zum Stiftwerkzeug, um weitere Anpassungen vorzunehmen, und verwenden Sie dann das Auswahlwerkzeug, um die Form zu verfeinern Biegen Sie die Mittelpunkte ab, indem Sie auf jeden Punkt klicken und den linken Griff nach links und den rechten Griff nach rechts ziehen links und den rechten Griff nach rechts Wiederholen Sie diesen Vorgang auch für den unteren Punkt. Jetzt, da die Form fertig ist, können wir mit der Animation beginnen Da dies die endgültige Form des Auges ist , wenn es vollständig geöffnet ist, gehen Sie zur 1-Sekunden-Marke und erstellen Sie den ersten Keyframe für den Pfad, so wie er jetzt aussieht Gehen Sie als Nächstes zum Anfang der Zeitleiste und bringen Sie den oberen Punkt nach unten in die Mitte Bringen Sie dann den unteren Punkt in die Mitte, zoomen Sie und stellen Sie sicher, dass die Punkte perfekt ausgerichtet sind , sodass sie eine gerade Linie bilden. Fantastisch. Jetzt haben wir eine Animation mit dem öffnenden Auge. Sie werden jedoch feststellen, dass sich während der Animation einige unangenehme Formen an den Seiten bilden. Lassen Sie mich die Ansicht für eine Sekunde vergrößern , damit Sie sehen können, wovon ich spreche. Mir gefallen die spitzen Kanten nicht, die wir hier sehen. Um dieses Problem zu beheben, öffnen Sie die Kontureinstellungen für die Form und passen Sie die Verbindungen so an, dass sie abgerundet Stellen Sie beide Parameter so ein, dass sie abgerundet wird. Jetzt sehen die Kanten viel glatter aus. Wenn sich das Auge öffnet und schließt, sieht es auf diese Weise viel besser Lassen Sie uns nun die restlichen Augenschichten zurückbringen und sicherstellen, dass sie alle in der Hauptaugenform enthalten sind , die wir gerade animiert haben. Dazu verwenden wir die Funktion „Augenfarbe verfolgen “, wählen alle Augenebenen aus und ziehen ihre Pick-Peitsche „Augenmaske nachverfolgen“ auf die Hauptformebene Wir verwenden Alpha-Mat, sodass die Formebene automatisch ausgeblendet wird Vergiss nur nicht , es wieder einzuschalten. Das sieht nett aus, aber es gibt ein kleines Problem. Wir können den Umriss der Form nicht erkennen , weil die Augenschichten darüber liegen. Um dieses Problem zu beheben, duplizieren Sie die Formebene, verschieben Sie das Duplikat über die Augenschichten und schalten Sie die Füllung für das Duplikat aus. Sie dann für die ursprüngliche Formebene Schalten Sie dann für die ursprüngliche Formebene unten den Strich aus. Jetzt wird die obere Ebene für den schwarzen Umriss verwendet , während die untere Ebene für die weiße Füllung verwendet wird. Der Strich sieht etwas zu dick aus, also setzen wir seine Breite auf acht. Fantastisch. Reduzieren Sie nun die Illustrator-Ebenen und lassen Sie uns diese Animation etwas interessanter gestalten indem wir den beiden Augenebenen eine subtile Skalierungsanimation Gehen Sie zur 1-Sekunden-Marke, wählen Sie diese beiden Ebenen aus und erstellen Sie einen Keyframe für die Skalierungseigenschaft Gehen Sie nun zu einem Punkt , an dem Sie die Ebenen deutlich sehen können , und vergrößern Sie sie Lassen Sie uns nun die Ebene I three auswählen und ihre Skala auf 200 einstellen , um ein interessanteres Aussehen zu erzielen. Ziehen Sie als Nächstes die Keyframes an den Anfang der Animation und sehen Sie sich eine Vorschau Ich finde, es sieht gut aus. Lassen Sie uns jetzt die Animation verfeinern. Heben Sie die Auswahl aller Ebenen auf, drücken Sie Sie, um alle Schlüsselbilder anzuzeigen, wählen Sie sie alle aus, konvertieren Sie sie einfach und rufen Sie den Diagrammeditor Passen Sie die Kurven so an, dass die Animation schnell startet. Sehen wir uns das Ergebnis an. Sieht toll aus. Lassen Sie uns nun eine Intro-Animation für den Augenumriss erstellen. Wir müssen den Pfad dafür nicht animieren. Stattdessen können wir das Zeichenstiftwerkzeug verwenden, um eine einfache Linie zu erstellen , die der Form der Kontur entspricht Stellen Sie sicher, dass keine Ebenen ausgewählt sind, und zeichnen Sie die Linie. Benennen Sie die neue Ebene in Kontur um, und verwenden Sie jetzt den Effekt „Pfade trimmen“, um sie zu animieren verwenden Sie jetzt den Effekt „Pfade trimmen zu Beginn der Animation die Stellen Sie zu Beginn der Animation die Eigenschaft end auf 50 ein und erstellen Sie den ersten Keyframe Setzen Sie dann die Start-Eigenschaft auf 50 und erstellen Sie einen weiteren Keyframe Gehen Sie 1 Sekunde vorwärts. Isolieren wir nun diese Ebene für eine bessere Sichtbarkeit und setzen das Ende auf 100 und den Anfang auf Null. Fantastisch. Jetzt haben wir die Animation der Eröffnungszeile. Verfeinern wir es, indem wir die Enden des Strichs abrunden , da die scharfen Kanten meiner Meinung nach nicht gut aussehen Sieht jetzt viel besser aus. Sobald das erledigt ist, die Keyframes einfach korrigieren und die Animation im Diagrammeditor anpassen , um eine gleichmäßigere Bewegung zu erzielen. Großartig Lassen Sie uns abschließend diese Ebene rückgängig machen und sie an der Mitte der Komposition ausrichten Lassen Sie uns diese Animation nun mit der augenöffnenden Animation zeitlich mit der augenöffnenden Lassen Sie uns zunächst die Augenschichten orange markieren , damit die Zeitleiste übersichtlich bleibt. Als Nächstes verschieben Sie alle Augenschichten dass sie bei der 1-Sekunden-Marke beginnen. Da wir die Ebene nicht mehr streichen müssen, nachdem sie ihre Eröffnungsanimation beendet hat, sollten Sie sie so zuschneiden, dass sie bei der 1-Sekunden-Marke endet. Das sieht super cool aus. Wenn Sie möchten, können Sie diese Ebene im Ebenenstapel nach unten verschieben , um sie besser zu organisieren. Nachdem wir die Hauptanimation für diese Szene erstellt haben, können wir zur Masterkomposition zurückkehren und damit beginnen, den Übergang von der vorherigen Szene zur Szene zu der Szene zu erstellen Übergang von der vorherigen Szene zur Szene zu der Szene , die wir gerade animiert Ich möchte, dass sich der Ball nach links bewegt, die Mitte erreicht und dann Animation der Eröffnungslinie startet Dazu können wir entweder die Szene in der Master-Komposition platzieren oder wir können die Master-Komposition sauber halten und die iCMP in diese Szene bringen Zuerst müssen wir verstehen, wo die Szene In diesem Fall ist es ab Sekunde fünf, wo die Animation der springenden Buchstaben endet Auf diese Weise wird es für uns viel einfacher, den Übergang zwischen diesen beiden Szenen herzustellen, zumal diese beiden Szenen dieselbe Hintergrundfarbe Stellen Sie sich an die Fünf-Sekunden-Marke, an der die vorherige Animation endet, und bringen Sie die Szene zu diesem Zeitpunkt zum Start . Bewegen Sie nun die ICN-Komposition nach links, sodass sie sich zunächst außerhalb des Bilds Großartig. Jetzt sind wir bereit , den Übergang zu gestalten. Wir erzeugen jetzt die Illusion , dass sich der Ball nach links bewegt. Bevor wir weitermachen, organisieren wir die Zeitleiste, indem Ebenen zuschneiden, die für den Rest der Animation nicht mehr benötigt werden für den Rest der Animation nicht mehr benötigt Beschneiden Sie beispielsweise die Ebenen der ersten beiden Buchstaben, die nicht mehr sichtbar sind nach Abschluss ihrer Animationen im Frame Wir können auch die dunkle Hintergrundebene zuschneiden da sie nach Abschluss der Animation vollständig von der blauen Kugel bedeckt wird nach Abschluss der Animation vollständig von der blauen Kugel , sodass sie nicht mehr benötigt wird. Lassen Sie uns noch einmal überprüfen, ob es noch andere Ebenen gibt , die wir zuschneiden können, bevor wir fortfahren. Frage, welche Ebene können wir jetzt zuschneiden , da sie in der Szene nicht mehr sichtbar ist? In diesem Fall können wir die Textfeldebene zuschneiden wenn ihre Animation nach 1 Sekunde und 15 Frames beendet ist. Jetzt möchte ich Ihnen einen neuen Trick zeigen, mit dem Sie die Illusion eines Seitenübergangs erzeugen können, ohne die Breite der Szene zu skalieren oder die beiden Szenen zu einer zu kombinieren, wie wir es bereits zuvor in diesem Kurs geübt haben Unser Ziel ist es, die Illusion zu erzeugen, dass sich der Ball nach links bewegt und in die Szene übergeht Um dies zu erreichen, erstellen Sie zunächst ein neues Null-Objekt und nennen Sie es Transition Fangen wir etwas früher an damit wir es während der Schwenk-Animation sehen können Platzieren Sie den Sinus vorerst auf 4 Sekunden und 15 Frames und stellen Sie sicher, dass der Precomp perfekt auf der linken Seite der Komposition ausgerichtet ist auf der linken Seite der Komposition ausgerichtet Achte darauf, dass es perfekt ausgerichtet ist. Als Nächstes überordnen Sie die E-Szene dem Null-Objekt. Überordnen Sie dann auch die verbleibenden Ebenen, die von der vorherigen Szene aus noch sichtbar sind die von der vorherigen Szene aus noch sichtbar , der Null-Szene. In diesem Fall schließt dies alle verbleibenden Textebenen ein. Beachten Sie, dass Sie den Ball nicht als Elternteil verwenden müssen . Wenn wir nun die Null verschieben, steuern wir beide Szenen gleichzeitig. Auf diese Weise können wir die Schwenkanimation einfach erstellen. Da beide Szenen jedoch denselben Hintergrund haben, können wir die Dinge optimieren, indem wir die E-Szene aufrufen und die blaue Hintergrundebene ausschalten Wie Sie feststellen werden, hat dies keinen Einfluss auf das Aussehen der Hauptszene. Beginnen wir mit der Animation des Nullobjekts. Legen Sie zunächst die Nullstartposition zu diesem Zeitpunkt fest. Drücken Sie P, um die Positionseigenschaft anzuzeigen und den ersten Keyframe zu erstellen Gehen Sie 1 Sekunde bis 5 Sekunden und 15 Frames vorwärts und verschieben Sie den Nullpunkt nach rechts, bis die Augenszene perfekt zur Mitte ausgerichtet ist Lassen Sie uns heranzoomen, um es besser zu sehen , und den Positionswert manuell anpassen . Das sieht gut aus. Lassen Sie uns nun die Beschleunigung der Animation mithilfe des Keyframe-Velocity-Panels verbessern Animation mithilfe des Keyframe-Velocity-Panels Zu diesem Zeitpunkt sieht es vielleicht etwas seltsam aus. Damit die Illusion funktioniert, müssen wir den Ball animieren. Bevor wir das tun, passen wir das Timing der Szenenanimation Die Szene sollte etwas später beginnen, da wir nicht möchten, dass die Linienanimation während des Übergangs beginnt Sie sollte nach dem Ende des Übergangs beginnen. Lassen Sie uns den Snee von diesem Zeitpunkt an bei den zweiten fünf und 15 Frames beginnen lassen , wo der Übergang endet Geben wir dazu den I Precomp ein. Wählen Sie nun die entsprechenden Ebenen und verschieben Sie sie so, dass sie dem neuen Startpunkt entsprechen Gehen wir zurück zur Hauptszene um zu sehen, wie das jetzt aussieht. Das sieht jetzt viel besser aus. Wenn alles an seinem Platz ist, können wir anfangen, den Ball zu animieren ab dem Punkt, an dem der Übergang beginnt, Erstellen Sie ab dem Punkt, an dem der Übergang beginnt, den ersten Keyframe für die Position des Gehen Sie dann zum Ende des Übergangs, aktivieren Sie das Aktionsraster und positionieren Sie den Ball in der Mitte des Frames Es mag sich für Sie momentan etwas verwirrend anfühlen, aber haben Sie Geduld mit mir und Sie werden in einer Sekunde verstehen, was wir tun. Passen Sie jetzt die Geschwindigkeit an die Bewegung der Null an, um sicherzustellen, dass die Animationen reibungslos ausgerichtet sind. Wenn Sie eine Vorschau der Animation anzeigen, sehen Sie die Illusion, dass sich der Ball nach links in die nächste bewegt. Um den Übergang interessanter zu gestalten, stellen wir uns in die Mitte des Übergangs, öffnen dann die Skalierungseigenschaft der Kugel und erstellen an dieser Stelle einen Keyframe Gehen Sie dann zum Anfang des Übergangs und erstellen Sie einen weiteren Keyframe mit demselben Wert für den mittleren Keyframe Stellen Sie für den mittleren Keyframe die Skala auf 200 und für das Ende des Übergangs auf Null ein Lassen Sie uns abschließend die Keyframes vereinfachen und mithilfe des Diagrammeditors dafür sorgen, dass sich die Bewegung des Balls in der Mitte der Animation verlangsamt Dadurch entsteht die zusätzliche Illusion, dass sich der Ball näher an die Kamera bewegt, wodurch ein einfacher, aber visuell ansprechender Übergang beim Schwenken Und damit sind wir bereit, den nächsten Übergang zu schaffen Aber vorher speichern wir das Projekt. Der nächste Schritt besteht darin, den Übergang für die kommende Szene zu erstellen , die eine tolle Tauchanimation enthält. Aber bevor wir es dem Projekt hinzufügen, organisieren wir alles und erstellen die Outtro-Animation für die aktuelle Szene, an der wir gerade gearbeitet Lassen Sie uns zunächst diese Vorkomposition im Projektfenster suchen und den Namen in I comp ändern Platzieren Sie diese Precomp zur besseren Organisation im Precomps-Ordner Und jetzt fangen wir an, an der Outtro-Animation der aktuellen Szene zu arbeiten Outtro-Animation der aktuellen Szene Dazu müssen wir zuerst den Zeitpunkt finden, um die Outtro-Animation zu starten Vergessen Sie nicht, darauf zu achten, dass genügend Zeit vorhanden ist , um den Text hier zu lesen In unserem Fall können wir es mit den zweiten sieben und 15 Frames beginnen . Lassen Sie uns nun den I Precomp aufrufen und ab diesem Zeitpunkt eine Outtro-Animation erstellen Um den Vorgang zu vereinfachen, kehren wir die Intro-Animation um Öffnen wir also zuerst die Schlüsselbilder für die Ebene und bewegen uns nun 15 Bilder vorwärts Kopieren Sie nun die Keyframes der Intro-Animation, fügen Sie sie an dieser Stelle ein und kehren Sie sie um, um die umgekehrte Animation zu erstellen Gehen Sie genauso mit der oberen Ebene vor, bei der es sich um den Strich der Hauptform Ich kopiere die Schlüsselbilder und füge sie hier ein und drehe sie um, um die umgekehrte Animation zu erstellen. Mal sehen, wie das aussieht. Ich denke, es ist zu langsam. Um das zu beheben, lassen Sie uns bei Sekunde vier stehen und die letzten Keyframes auf diesen Zeitpunkt ziehen Schauen wir uns das noch einmal an. Das sieht jetzt besser aus. Jetzt, am Ende der Animation, wählen wir alle Augenschichten aus und schneiden sie zu, da wir eine saubere Zeitleiste haben wollen. Duplizieren Sie dann die Strichebene, platzieren Sie sie über allen Ebenen, bringen Sie sie dann an das Ende der Animation und öffnen Sie nun ihre Keyframes, um die Animation umzukehren Meiner Meinung nach ist es zu langsam. Lassen Sie uns die letzten Keyframes auf die zweiten vier und 20 Frames bringen , um diese Animation ein wenig zu beschleunigen . Das sieht besser aus. Gehen wir nun zurück zur Hauptszene und kürzen die Timeline bis zum Ende der Animation der Szene. In diesem Fall ist es, wenn sich das Auge schließt. Aber lassen Sie uns den Zeitplan nicht auf diesen Punkt kürzen. Geben wir uns eine zusätzliche Sekunde für den Fall, dass wir das Timing der Animation in der Szene in Zukunft anpassen müssen . Fantastisch. Jetzt sind wir bereit, mit der Erstellung der nächsten Szene und des nächsten Übergangs zu beginnen. Dieses Mal werden wir lernen, wie man mit einfachen Techniken eine supercoole Tunneltauchanimation erstellt eine supercoole Tunneltauchanimation . Aber vorher werden wir wie gewohnt die Designdatei überprüfen, werden wir wie gewohnt die Designdatei überprüfen um sie für die Animation vorzubereiten. Sie müssen das nicht tun, also schauen Sie sich das erst einmal an. Um ehrlich zu sein, werden wir die Illustrator-Ebenen nicht verwenden , um diese Szene zu erstellen Wir werden es von Grund auf neu und mit After Effects erstellen. Falls Sie sich fragen, warum wir nicht die Originalebenen aus Illustrator verwenden, liegt das daran, dass jede Ebene eine andere Größe hat, wodurch die abgerundeten Ecken nach der Skalierung inkonsistent werden können nach der Skalierung inkonsistent Außerdem möchte ich Ihnen zeigen, wie Sie einfache Szenen wie diese direkt und nach Effekten erstellen einfache Szenen wie diese direkt können, um Zeit zu sparen, anstatt sich für alles auf Illustrator oder Photoshop zu verlassen oder Photoshop Lassen Sie uns nun wieder zusammenarbeiten und die Designdatei in unser Projekt importieren Wir verwenden diese Vorkomposition als Referenz, um die Szene, die wir von Grund auf neu erstellen, einzufärben Zuerst erstellen wir eine neue Komposition. Drücken Sie Strg oder Befehl N und nennen Sie es Szene 7. Vergewissern Sie sich, dass es sich um eine Full-HD-Komposition handelt, und klicken Sie auf Okay. Lassen Sie uns alle offenen Vorkompositionen schließen, um unseren Arbeitsbereich sauber zu halten, und wählen Sie die Design-Vorkomposition Diese Tauchszene ist sehr einfach nachzubilden. Wählen Sie zunächst das Rechteckwerkzeug aus, stellen Sie sicher, dass der Strich ausgeschaltet ist, und stellen Sie die Füllfarbe vorerst auf Weiß Doppelklicken Sie dann auf das Rechteckwerkzeug, um ein Rechteck zu erstellen , das der Größe der Komposition entspricht. Um dem Ganzen ein poliertes Aussehen zu verleihen, stellen Sie die Rundheit der Ecken auf 90 finden Sie in den Rechteckeigenschaften der geformten Ebene Ändern Sie als Nächstes die Farbe des Rechtecks in das Dunkelblau aus dem Design Sobald das erledigt ist, duplizieren Sie die Ebene und aktualisieren Sie ihre Farbe, sodass sie der nächsten Form im Design entspricht. Achten Sie darauf, die richtige Farbe zu probieren. Lassen Sie uns nun die Form weiter duplizieren und das neue Duplikat entsprechend dem Design einfärben Wir benötigen insgesamt sechs Formen. Ordnung. Und jetzt sind wir bereit, mit der Animation zu beginnen Wählen Sie zunächst alle Ebenen aus und wechseln Sie zum Anfang der Timeline Lassen Sie uns die Zeitleiste vergrößern damit wir die Zeitstempel in Sekunden sehen können Öffnen Sie nun die Skalierungseigenschaft, indem Sie S drücken, setzen Sie die Skalierung für alle Ebenen auf Null und erstellen Sie einen Keyframe Gehen Sie weiter zur 1-Sekunden-Marke und skalieren die Formen so, dass sie die Kompositionsgröße geringfügig überschreiten 110% sollten gut funktionieren. Sobald die Keyframes festgelegt sind, wählen Sie sie alle aus und passen Sie ihre Geschwindigkeit im Keyframe-Velocity-Bedienfeld auf 85% an im Keyframe-Velocity-Bedienfeld auf 85% Es ist zu schnell. Bringen wir die letzten Keyframes auf Sekunde zwei, um das Ganze etwas zu verlangsamen Das sieht jetzt besser aus , um die Illusion der Tauchanimation zu erzeugen Wir müssen zwischen den Ebenen etwas verzögern Lass mich dir zeigen, was ich meine. Lassen Sie uns zunächst bei Bild Nummer zehn stehen. Verkleinern wir die Zeitleiste und lassen die erste geformte Ebene unverändert , und lassen die erste geformte Ebene unverändert während wir die restlichen auswählen und sie nacheinander um zehn Frames nach vorne verschieben. Sobald wir fertig sind, überprüfen wir, was wir haben. Meiner Meinung nach ist es zu langsam und es passiert, weil die Verzögerung zehn Frames beträgt. Lassen Sie uns die Verzögerung auf fünf statt zehn Frames setzen und sehen, wie sie aussehen wird. Diese Anpassung sorgt für einen viel besseren Ablauf. Jetzt sieht die Szene viel besser aus und damit der Tauchgang länger dauert, müssen wir die gesamte Animation noch einmal wiederholen. Wählen Sie dazu alle Ebenen aus und duplizieren Sie sie mit Strg oder Befehl D, platzieren Sie die neuen Ebenen über den ursprünglichen Ebenen und kennzeichnen Sie sie zur besseren Organisation mit einer anderen Farbe. Starten Sie die zweite Sequenz fünf Frames nach der vorherigen, um eine nahtlose Fortsetzung zu erzielen. Sehen wir uns eine Vorschau an, wie das aussieht. Ich finde es großartig und wir sind bereit, die Tauchanimation zu beenden. Zum Abschluss verwenden wir die letzte Ebene als Maske für die gesamte Szene. Dazu wenden wir den Silhouette-Alpha-Mischmodus auf die Ebene an Diese Einstellung verwandelt die Ebene in eine Alpha-Matte für alle Ebenen darunter, wodurch der Effekt einer Öffnung für die nächste Szene Lassen Sie uns nun all diese Ebenen zusammensetzen und die Precomp Tunnel Comp nennen Stellen Sie sicher, dass beide Optionen ausgewählt sind, bevor Sie auf Okay klicken. Fantastisch. Bevor Sie weitermachen, suchen Sie diese Szene im Projektfenster und markieren Sie sie aus Konsistenzgründen blau. Kehren Sie als Nächstes zur Master-Komposition zurück und bringen Sie diese Szene in die Timeline An diesem Punkt müssen wir den besten Zeitpunkt für den Start der neuen Szene herausfinden den besten Zeitpunkt für den Start der neuen Szene herausfinden Ich möchte, dass es direkt nach dem Ende der Zeile aus der vorherigen Szene beginnt 11. Optimiere dein Projekt vor dem Rendering: Hallo und willkommen zurück. Bevor Sie das endgültige Projekt rendern , müssen Sie sicherstellen, dass alle Ebenen und Vorkompositionen in höchster Qualität präsentiert werden Um dies zu erreichen, müssen wir die Vorkompositionen im Projekt zusammenfassen. Ich finde es auch toll, die Ebenen in der Precomp zu finden, die ich nicht verwendet habe, Es hält das Projekt sauber und gut organisiert. Darauf werden wir uns in dieser Lektion konzentrieren. Wir stellen sicher, dass jeder Precomp die beste Qualität hat, und löschen die überflüssigen Ebenen aus dem Projekt Jetzt sollten wir nach dem Zusammenklappen der Szene immer überprüfen, ob sich dies auf die Animation oder das visuelle Erscheinungsbild der Szene ausgewirkt hat die Animation oder das visuelle Erscheinungsbild der Das liegt daran, dass das Ausblenden von Vorkompositionen manchmal schwierig sein kann, insbesondere wenn es sich um komplexe Szenen handelt , die unterschiedliche Typen von Ebenen und verschachtelte Vorkompositionen beinhalten Lassen Sie uns zunächst mit Szene sechs beginnen. Wir werden es zusammenklappen und das Ergebnis überprüfen . Alles sieht gut aus. Gehen wir nun zu dieser Szene und schauen, ob es Ebenen oder Vorkompositionen gibt , die wir reduzieren können, um die Qualität zu verbessern Wir können den E-Precomp reduzieren. Geben wir es ein und schauen ob es noch etwas gibt, das zusammenbrechen könnte Im Inneren können wir die Illustrator-Textebene reduzieren. Für den Hintergrund brauchen wir ihn nicht, also können wir ihn von hier entfernen Wir können diesen Computer verlassen und einen letzten Blick darauf werfen. Es sieht gut aus. Gehen wir zurück zum Master Comp Für die Diamantenebene können Sie die Bewegungsunschärfe aktivieren, wenn Sie während der Animation einen leichten Unschärfeeffekt hinzufügen möchten während der Animation einen leichten Unschärfeeffekt hinzufügen Mal sehen, wie es aussieht. Ich persönlich bevorzuge es ohne Bewegungsunschärfe. Ordnung. Wir machen weiter. Szene fünf ist bereits zusammengebrochen. Lassen Sie uns Szene vier zusammenklappen und die Ergebnisse beobachten. Wie Sie sehen können, verändert das Zusammenklappen der vierten Szene die Abmessungen der Elemente im Inneren Das passiert, weil, wenn wir die Vorkomposition reduzieren, die darin enthaltenen Ebenen mit der aktuellen Komposition interagieren, bei der es sich um die Master-Komposition handelt In der Master-Komposition haben wir keine Kamera wie die in Dadurch sehen die Ebenen so aus , als wären sie ohne Kamera direkt in der Master-Komposition platziert worden Lassen Sie uns das Ganze aufheben und sehen, was wir tun können , um die höchste Qualität in dieser Szene beizubehalten Lassen Sie uns zunächst die Podiumsszene hier zusammenbrechen. Wie Sie sehen können, ändert sich das Bild geringfügig. Dies hat denselben Grund, den ich zuvor erklärt habe. In diesem Fall haben die Schichten im Inneren jedoch keine Kamera. Nach dem Zusammenklappen der Precomp verhalten sich die beiden Delayer im Inneren so, als ob sie sich draußen befänden, interagieren mit der Damit die Ebenen innerhalb der Podiumsszene korrekt mit unserer Kamera interagieren, wir Das Zusammenklappen allein löst das Problem nicht vollständig. Wir werden zwar eine Qualitätsverbesserung feststellen, die Ebenen werden immer noch nicht so mit der Kamera interagieren , wie sie sollten Um dieses Problem zu beheben, besteht der wichtigste Schritt darin , die inneren Ebenen in drei D-Ebenen umzuwandeln. Auf diese Weise interagieren sie auch nach dem Zusammenklappen des Precomp perfekt mit der Kamera Es mag im Moment verwirrend erscheinen, aber mach dir keine Sorgen. Wir werden das in anderen Szenen üben und Sie werden sehr bald den Dreh raus haben. Wenn Sie sich erinnern, haben wir diesen Vorgang bereits in den vorherigen Lektionen geübt. Lass es mich erklären. Genau das haben wir vorhin mit dem Precomp gemacht, der die Symbole enthält Wir haben die Icons hier in drei D-Layer umgewandelt , sodass sie außerhalb dieser Precomp mit der Kamera interagieren können , weil wir einen coolen Parallax-Effekt erzeugen wollten Versuchen wir nun, eines der Textfelder hier zu reduzieren. Durch das Zusammenklappen verhalten sich die Ebenen im Inneren so, als ob sie Teil der aktuellen Komposition wären Wie ich bereits erklärt habe, hat diese Komposition eine Kamera, aber innerhalb des Textfeldes Precomp bestehen die Ebenen aus zwei D. Daher interagieren sie hier nicht mit der Kamera, weil Kameras nicht mit zwei D-Ebenen interagieren können Wenn wir jedoch den Precomp eingeben und die Ebenen in drei D umwandeln, interagiert die Kamera in dieser Szene mit ihnen, als ob sie direkt in dieser Komposition wären In diesem Fall wirkt sich das Zusammenklappen nicht wesentlich auf die Qualität der Textfelder aus, weshalb ich es vorziehe, sie nicht Dies war jedoch ein einfaches Beispiel, das helfen sollte, das Konzept der Funktionsweise des Zusammenklappens zu erklären. Ordnung, schließen wir alle Precomps, die wir hier geöffnet haben , und kehren zum Jetzt haben wir diese Szene für höchste Qualität optimiert und müssen sie nicht weiter reduzieren Dies würde das Projekt verkomplizieren, da die Kamera in Szene 4 nicht in der Masterkomposition existiert Nach dem Zusammenklappen wird die Kamera in der Szene deaktiviert und die Ebenen verhalten sich, als ob sie Teil der Master-Komposition deaktiviert und die Ebenen verhalten sich, als ob sie Teil der Master-Komposition Da wir in der Szene jedoch bereits die beste Qualität erreicht haben , werden wir sie nicht weiter reduzieren Gehen wir zu Szene drei über , der komplexesten Szene im Projekt. Schauen wir uns an, welche Vorkompositionen oder Ebenen wir reduzieren können. Hier haben wir die Laptop-Precomp, aber wir haben uns schon damit befasst, als wir diese Szene animiert haben . Wir wissen, dass wir den ersten Teil der Precomp nicht zusammenklappen können , weil die Ebenen darin sofort anfangen würden , mit der Kamera zu interagieren, was zu einigen visuellen Problemen führen würde Der zweite Teil ist bereits zusammengebrochen, also sind wir damit einverstanden Als nächstes haben wir den weiblichen Charakter Precomp. Wenn ich heranzoome, kannst du sehen, dass es leicht pixelig aussieht. Wenn ich es jetzt zusammenbreche, wird es keine merkliche Änderung geben Das liegt daran, dass die Illustrator-Ebenen innerhalb der Precomp nicht ausgeblendet sind So können wir jetzt den Precomp aufrufen und die Ebenen zusammenklappen. Da wir möchten, dass diese Ebenen mit der Kamera und der Szene interagieren, konvertieren wir sie auch in drei D-Ebenen Wenn wir nun den Precomp vergrößern und verkleinern, wird sich die Qualität leicht verbessern Lassen Sie uns weitermachen und dasselbe mit dem Precomp des UI-Panels Reduzieren Sie es, rufen Sie die Precomp auf, reduzieren Sie die Ebenen und konvertieren Sie sie in drei D-Ebenen Lassen Sie uns nun weitermachen und den Vorgang für das zweite UI-Panel wiederholen den Vorgang für das zweite UI-Panel Gehen wir zum Bereich des ersten Teils dieser großen Szene, um uns die Benutzeroberfläche und die Vorkompositionen der Hauptfigur anzusehen Fangen wir mit der Vorkompilierung der Benutzeroberfläche an. Aber dieses Mal konvertieren wir zuerst die Ebenen in drei D und reduzieren sie dann Wie Sie sehen können, haben sich die Positionen der Ebenen verschoben. Dies kann manchmal passieren , weil die Elemente in ihrer ursprünglichen Zusammensetzung unterschiedlich zusammengesetzt und dann zugeschnitten oder angepasst wurden , als die Vorkompositionsabmessungen , als die Vorkompositionsabmessungen Wie dem auch sei, es ist überhaupt kein Problem . Alles was wir tun müssen, ist sie wieder zu zentrieren. Beachten Sie, dass das Ausrichtungswerkzeug hier nicht funktioniert, da die Ebenen jetzt aus drei D bestehen. Um das Problem zu beheben, nehmen Sie die Hauptebene und verschieben Sie sie in die Mitte. Die zweite Ebene wird folgen , da sie der Hauptebene übergeordnet ist Sie können die Taste mit dem Anführungszeichen drücken um das Aktionsraster zu aktivieren, dem Sie den Mittelpunkt der Komposition identifizieren und die Hauptebene entsprechend ausrichten können. Zurück zur Hauptszene Wenn wir diesen Precomp zusammenbrechen, könnte er sich in eine merkwürdige Position Das passiert aus demselben Grund, den ich zuvor erklärt habe. Um das Problem zu beheben, müssen wir den Ankerpunkt dieser Precomp wir den Mauszeiger über das Ankerpunkt-Werkzeug, halten Sie die Strg- oder Befehlstaste gedrückt und doppelklicken Sie Wechseln Sie dann zurück zum Auswahlwerkzeug und bewegen Sie den Precomp an die Fantastisch. Lassen Sie uns jetzt weitermachen und uns um die Vorauswahl der Hauptfigur kümmern. Passen wir die Vorschau an, damit wir sie sehen können. Lassen Sie uns es jetzt zuerst zusammenklappen. Geben Sie dann den Precomp ein, reduzieren Sie die Ebenen und konvertieren Sie sie in drei D-Ebenen Wenn wir das tun, werden Sie feststellen, dass die Ebenen an eine neue Position gesprungen sind Dieses Szenario ist jedoch komplexer, da wir hier viele animierte Ebenen haben Ich möchte sie nicht manuell verschieben , da dies die Animation beeinträchtigen könnte. Um das zu lösen, können wir ein neues Null-Objekt erstellen. Positioniere es in der Nähe der Hauptebene der Hauptfigur und wandle es in eine Drei-D-Ebene um. Überordnen Sie dann die animierten Ebenen diesem Nullobjekt. Achten Sie darauf, dass Sie die Ebenen, die bereits den Ebenen, die wir gerade mit der Null verknüpft haben, nicht übergeordnet sind bereits den Ebenen, die wir gerade mit der Null verknüpft haben, nicht übergeordnet Wenn wir nun das Null-Objekt verschieben, steuert es die gesamte animierte Sequenz Machen Sie sich keine Sorgen, wenn das Nullobjekt an eine ungerade Position springt. Passen Sie es einfach so an, dass der Charakter richtig platziert ist. Sobald alles richtig aussieht, können wir das Null-Objekt löschen und überprüfen, ob alles in Ordnung ist. Großartig. Kehren wir nun zur Master-Komposition zurück, zentrieren den Ankerpunkt und positionieren wir diese Precomp Jetzt haben wir alle Elemente in höchster Qualität. Als Nächstes möchte ich die Ebenen zuschneiden , die im Bild nicht mehr sichtbar sind , nachdem sich die Kamera an den Bereichen mit den Charakteren vorbeibewegt hat. Ich glaube, es ist irgendwo hier in der Nähe. Wie Sie sehen können, sind die Ebenen unter der Laptop-Szene zu diesem Zeitpunkt nicht mehr sichtbar. Daher können wir all diese Ebenen bis zu diesem Zeitpunkt zuschneiden , um sicherzugehen, dass wir die Kamera-Keyframes öffnen können, um den Moment zu sehen , in dem wir in den Laptop hineinzoomen wollen Wie Sie sehen können, passiert es in diesem Moment. Jetzt müssen wir zum Master-Computer zurückkehren und sorgfältig sicherstellen, dass zu diesem bestimmten Zeitpunkt die Ebenen unter dem Computer nicht mehr sichtbar sind Großartig. Jetzt wissen wir , dass wir die irrelevanten Schichten bis zu diesem Zeitpunkt zuschneiden können. Wir können damit beginnen, die Benutzeroberfläche und den Hauptcharakter aus dem ersten Teil der Szene sowie die Wolke, auf der der Charakter steht, und die Textebene zuzuschneiden den Hauptcharakter aus dem ersten Teil der Szene sowie die Wolke, auf der der Charakter steht, und die Textebene Das Gleiche können wir im zweiten Teil mit der weiblichen Figur Auf diese Weise erleichtern wir den Rendervorgang in After Effects später etwas. Ordnung. Gehen wir zurück zum Master Comp Wie bei der vorherigen Szene, in der die drei D-Ebenen im Inneren bereits durch das Zusammenklappen der entsprechenden Ebenen und Vorkompositionen verwaltet wurden , müssen wir die Hauptszene hier nicht reduzieren Das Zusammenklappen würde das Aussehen verkomplizieren, da es in der Masterkomposition keine Kamera gibt Deshalb werden wir die Hauptszene hier in der Master-Komposition nicht zusammenklappen Hauptszene hier in der Master-Komposition Fantastisch. Wir sind fast fertig. Gehen wir zu Szene zwei über. Lasst uns diese Szene betreten und schauen, ob wir im Inneren irgendwelche Anpassungen vornehmen müssen. In dieser Szene sind alle Vorkompositionen bereits zusammengebrochen. Das einzige Precomp, das nicht zusammengebrochen ist, ist das Precomp mit drei D-Boxen Wenn wir sie zusammenklappen, interagieren die drei D-Ebenen innerhalb dieser Precomp automatisch dieser Precomp automatisch mit den Dimensionen dieser Szene, was zu Verzerrungen und einem seltsamen Erscheinungsbild führen würde Deshalb werden wir es nicht zusammenklappen. Wir können jedoch den Precomp aufrufen, um zu überprüfen, ob Illustrator-Ebenen vorhanden sind, die wir reduzieren müssen hineinschaue, sehe ich, dass es hier keine Ebenen gibt dass es hier keine Ebenen gibt Verlassen wir diese Vorkomposition und schließen wir die zweite Szene, um zur Master-Komposition zurückzukehren Hier können wir die Hauptszene reduzieren, da sich darin keine Kombination von drei D-Elementen befindet, die das Aussehen der Szene nach dem Zusammenklappen beeinflussen würde Um ehrlich zu sein, kann ich mich manchmal nicht erinnern oder weiß nicht, ob Zusammenklappen das Erscheinungsbild der Szene verzerrt Deshalb überprüfe ich immer das Aussehen, gebe die Szenen und Vorkompositionen ein und versuche herauszufinden, was die Probleme verursacht, ob es sich um eine Vorkomposition oder eine Ebene handelt, die nicht Machen Sie sich keine Sorgen, wenn Sie sich etwas verwirrt fühlen. Denken Sie daran, diesen Vorgang vor dem Rendern zu befolgen und Ihre Ebenen und Einstellungen nach Bedarf anzupassen , während Sie alles gründlich überprüfen. Nach dem Zusammenklappen der Szene stellen wir beispielsweise fest, dass alle Ebenen scharf und sauber erscheinen Dadurch entsteht jedoch eine kleine Vertiefung in den Bereichen, in denen sich die Hintergrundebenen verbinden Um dies zu beheben, können wir diese Komposition erneut eingeben und die Ebenen miteinander vermischen , indem wir eine neue feste Ebene mit derselben Farbe wie der Hintergrund Wir können diese feste Ebene BG groß nennen. Stellen Sie sicher, dass die feste Ebene der Größe der Komposition entspricht , und platzieren Sie sie unter allen anderen Ebenen Dadurch wird das Problem behoben und alle leeren Stellen in der Szene Jetzt kannst du zur Master-Komposition zurückkehren und sehen , dass wir das Problem jetzt nicht haben Lassen Sie uns jetzt mit der ersten Szene fertig werden. Wenn wir sie zusammenklappen, ändert sich das Aussehen , weil sich in dieser Komposition eine Kamera befindet, während die Master-Komposition keine Kamera hat Die drei D-Ebenen innerhalb der Komposition passen sich automatisch an die Daten in der Master-Komposition an, der die Kamera aus der SN-Komposition fehlt Wir müssen uns jedoch keine Gedanken über das Zusammenklappen dieser Szene machen, da sie nur mit Formebenen erstellt wurde und Formebenen immer mit der höchsten Qualität gerendert Nachdem das erledigt ist, organisieren wir vor dem Rendern unser Projektfenster Wir können den Tunnel Precomp in den Precompse-Ordner ziehen. Wir können diesen Ordner auch in den Ordner Assets verschieben. Lassen Sie uns diesen Precomp auch in den PreComps-Ordner verschieben. Lassen Sie uns nun die gesamte Animation vor dem Rendern überprüfen. Für Motion-Designer ist es wichtig, sich ihre Animationen vor dem Rendern einige Male und nach den Effekten anzusehen ihre Animationen vor dem Rendern einige Male . Auf diese Weise können Probleme erkannt werden , die jetzt behoben werden können , anstatt sie später nach dem Rendern zu finden. Schauen wir uns die Animation also geduldig an und konzentrieren wir uns darauf, ob wir etwas übersehen Ordnung. Während der Vorschau ist mir aufgefallen, dass ich vergessen habe, dieser Szene eine Textebene hinzuzufügen. Gehen wir zur Designdatei und kopieren den Text. Dann rufen wir die Szenenkomposition auf und fügen den Text ein. Lassen Sie uns zunächst eine neue Textebene erstellen und den Text einfügen. Richten wir es nun an der Mitte der Komposition aus. Lassen Sie uns das Auswahlwerkzeug wechseln und die Textebene über allen anderen Ebenen positionieren , sodass wir sie während der Tunnelanimation sehen können Lassen Sie uns nun eine Positionsanimation für diesen Text erstellen , der auf die Kamera zufliegt. Dadurch wird die Illusion der Tauchanimation verstärkt. Beginnen Sie mit der Konvertierung der Textebene in eine Drei-D-Ebene. Als Nächstes zentrieren Sie den Ankerpunkt. Erstellen Sie anschließend eine Positionsanimation vom Anfang der Szene aus. Nehmen wir an, der Text wird zu Beginn irgendwo hier positioniert. Dann, wenn der Tunnel etwa in Sekunde drei endet, bringen wir die Textebene näher an die Kamera heran. Sehen wir uns eine Vorschau an, wie das aussieht. Ich denke, wir haben nicht genug Zeit, um den Text zu lesen, also passen wir seine Ausgangsposition um ihn etwas weiter von der Kamera entfernt zu platzieren Wir können es auch ein wenig senken. Schauen wir es uns noch einmal an. Sieht nett aus. Lassen Sie uns zusätzlich eine Opazitätsanimation erstellen , um dem Text ein flüssiges Intro zu verleihen In Ordnung, ich denke, alles sieht okay aus. wir nun zur Master-Komposition zurück und sehen wir uns an, wie diese Szene zusammen mit der vorherigen aussieht Es scheint, dass der Text zu früh eingegeben wird, da nicht genug Zeit vorhanden ist, um den vorherigen Text zu lesen Lassen Sie uns den Texteingang bis zu diesem Zeitpunkt hinauszögern. Rufen Sie die Szene auf und passen Sie die Opazitäts-Keyframes an, indem Sie sie hierher ziehen Mal sehen, wie es jetzt aussieht. Das Wichtigste bei Textanimationen und animierten Projekten ist, sicherzustellen, dass der Betrachter genügend Zeit hat, den Text zu lesen. Deshalb ist es wichtig, sich diese Momente mehrmals anzusehen und zu sich diese Momente mehrmals anzusehen und testen, ob genügend Zeit vorhanden ist, um den animierten Text bequem zu lesen. Unser Fall, ich denke, wir sind gut. Aber bevor wir weitermachen, wollen wir versuchen zu sehen, wie dieser fliegende Text aussehen wird wenn wir die Bewegungsunschärfe dafür aktivieren Das teste ich gerne, wenn ich große Objekte oder schnell fliegende Ebenen in der Szene habe große Objekte oder schnell fliegende Ebenen in der Szene Ich denke, mit der Bewegungsunschärfe sieht es viel besser aus, sodass wir die Szene verlassen und den Rest des Projekts vor dem Rendern weiter überprüfen Jetzt stelle ich fest, dass ich den Namen der Website falsch geschrieben habe. Dies kann leicht passieren, weshalb es wichtig ist, das gesamte Projekt gründlich zu überprüfen , bevor gerendert und an den Kunden gesendet wird Wenn Sie also den Text falsch geschrieben haben, wie ich es getan habe, lassen Sie uns das ganz schnell korrigieren. Toll. Jetzt können wir diese Precomps schließen und das Projekt weiter überprüfen Okay, ich habe das Gefühl, dass der Text in der letzten Szene zu schnell vergeht, sodass zu wenig Zeit bleibt, ihn zu lesen Mal sehen, wie wir die Dauer dieser Szene verlängern können. Dies ist eine großartige Gelegenheit, um zu demonstrieren, wie man mit Änderungen in komplexen Kompositionen umgeht, bei denen sich viele Ebenen und Vorkompositionen gegenseitig beeinflussen Derzeit ist der Text für weniger als 2 Sekunden sichtbar und endet bei Um dem Betrachter mehr Zeit zu geben, müssen wir die Tunnelanimation erweitern. Rufen wir den Tunnel Precomp auf und setzen zunächst Mischmodus der letzten Ebene auf Normal zurück, um den Maskierungseffekt aufzuheben Normal zurück, um den Maskierungseffekt aufzuheben Wählen Sie als Nächstes die letzten sechs Ebenen des Tunnels . Verschiebe diese duplizierten Ebenen oben und verschiebe sie nach rechts Sie beginnen fünf Frames nach der letzten Form Zoomen Sie hinein und stellen Sie sicher, dass zwischen ihnen eine Verzögerung von fünf Bildern liegt Lassen Sie uns sie mit einer anderen Farbe kennzeichnen , um die Übersicht zu behalten. Auf diese Weise haben wir der Tauchanimation ein paar zusätzliche Sekunden hinzugefügt . Stellen Sie nun den Mischmodus der letzten Ebene auf Silhouette Alpha ein, sodass die Szene am Ende der Tunnelanimation verschwindet am Ende der Tunnelanimation Mit dieser Anpassung dauert die Tunneltauchanimation jetzt länger Das bedeutet, dass wir auch die Kugelanimation an das neue Timing anpassen müssen , zum Ende der Tunnelanimation gehen, alle Kugel-Keyframes auswählen und die letzten ziehen müssen, während wir die Option gedrückt halten Jetzt öffnet sich der Tunnel einige Sekunden nach der ursprünglichen Animation, sodass wir die endgültige Komposition entsprechend verzögern müssen. Lassen Sie uns von diesem Zeitpunkt an beginnen. Bevor wir weitermachen, wollen wir sehen, was wir bisher haben. Nachdem wir überprüft haben, ob das Timing funktioniert, können wir die Animation des Textes verlängern , sodass er etwas länger Zum Beispiel können wir den letzten Keyframe auf diesen Zeitpunkt verschieben den letzten Keyframe auf diesen Zeitpunkt damit der Flug länger dauert Mal sehen, wie das aussieht. Ich finde, es sieht toll aus, aber es wird nicht schaden, es ein bisschen länger haltbar zu machen. Setzen wir es auf die Vier-Sekunden-Marke und überprüfen wir es noch einmal, und überprüfen wir es noch einmal um sicherzustellen, dass alles glatt aussieht. Ich finde, es sieht toll aus, aber etwas stört mich, der fehlende Kontrast an der Stelle, an der der Tunnel öffnet und zur Endversion übergeht Um diesem Übergang mehr Kontrast und Tiefe zu verleihen, können wir eine neue schwarze feste Ebene erstellen Bald werdet ihr verstehen, warum wir das tun und wie es uns helfen wird, das Problem des fehlenden Kontrasts zu lösen. Platzieren Sie es über der endgültigen Komposition und beginnen wir die Ebene an derselben Stelle wie die endgültige Komposition Wenn wir nun die Deckkraft verringern, entsteht die Illusion eines schönen Schattens Dadurch entsteht ein Kontrast zwischen der Tunnelanimation und der letzten Szene Jetzt können wir die Opazität einstellen. Sagen wir auf 80 und erstellen in diesem Moment, bevor der Tunnel zu Ende geht, bevor der Tunnel zu Ende geht, den ersten Keyframe Wenn sich der Tunnel dann vollständig öffnet, reduzieren Sie die Opazität auf 0% Wenden Sie EZ Es auf die Keyframes an, um den Übergang zu glätten und zu sehen, wie er aussieht Ich denke, dadurch sieht der Übergang viel besser aus. Wir können diese Ebene jetzt bis zum Ende ihrer Animation zuschneiden. Dies ist ein kleiner Trick , den ich verwende, wenn ich in meinen Projekten Übergänge zum Öffnen von Tunneln habe. Es ist super einfach zu erstellen und sieht sehr natürlich aus. In Ordnung. Ich denke, wir haben alle Probleme hier angesprochen. Gehen wir also zurück zur Master-Komposition und schauen uns die gesamte Animation noch einmal an Vergessen Sie jedoch vorher nicht, das Projekt zu speichern, um die von uns vorgenommenen Änderungen zu sichern Sehen wir uns nun die Animation an. Nachdem wir alles überprüft haben, sieht es gut aus, also sind wir bereit, das Projekt zu rendern. Wie Sie jedoch bereits wissen, bin ich ein bisschen ein Organisationsfreak wenn es um Projektpanels geht, also lassen Sie uns das noch weiter organisieren Lassen Sie uns zunächst das Projekt von allen ungenutzten Ressourcen befreien. Sie können diesen Schritt nach dem Rendern oder nachdem der Client die Animation genehmigt hat In unserem Fall machen wir es sofort. Um das Projekt von ungenutzten Elementen zu säubern, suchen Sie zunächst nach der Komponente, die das gesamte Projekt enthält In unserem Fall ist es der Master-Computer. Wenn die Master-Komposition ausgewählt ist, gehen Sie zu Abhängigkeiten bearbeiten und klicken Sie auf Projekt reduzieren After Effects löscht jetzt alle ungenutzten Assets aus dem Projekt. Woher weiß es, welche Assets verwendet werden? Diese Funktion entfernt Elemente , die in der ausgewählten Komposition nicht verwendet werden. Da es sich bei der ausgewählten Komposition um die Master-Komposition handelt und sie alle relevanten Elemente enthält, wissen wir, dass es sicher ist, alles zu löschen, was nicht darin enthalten Fantastisch. Jetzt können wir das Projektpanel weiter organisieren. Platzieren Sie zunächst die drei Precomps im Precomps-Ordner Öffnen Sie als Nächstes diesen Ordner und organisieren Sie seinen Inhalt. Wählen Sie den Ordner aus und erstellen Sie darin einen neuen Unterordner namens Titles Ziehen Sie alle Textfeldebenen und Titelkompositionen in diesen Ordner Großartig. So sollte Ihr Projektpanel aussehen. können wir die Hauptkompositionen draußen lassen Bedarf können wir die Hauptkompositionen draußen lassen, um schnell darauf zugreifen zu Vor dem Rendern können wir das Projekt ein letztes Mal löschen das Projekt ein letztes Mal um sicherzustellen, dass es vollständig sauber ist Fantastisch. Jetzt noch eine letzte Sache. Diesmal ist es wirklich das Letzte, was ich dir zeigen möchte, bevor wir das Projekt rendern. Lassen Sie mich Ihnen nun zeigen, was zu tun ist, wenn der Kunde die Projektdatei anfordert oder wenn Sie sie an eine andere Person senden müssen, damit sie daran arbeiten kann. In solchen Fällen müssen wir das Projekt abholen. Gehen Sie dazu zu Dateiabhängigkeiten und sammeln Sie Dateien. Klicken Sie auf Speichern und ein kleines Fenster wird angezeigt. Sie hier sicher, dass die Option Quelldateien sammeln auf Alle gesetzt ist, und klicken Sie dann auf Sammeln. Speichern Sie es im AE-Ordner des Projekts. Passen Sie bei Bedarf den Namen an und klicken Sie dann auf Speichern. Jetzt haben Sie einen neuen Ordner alles enthält, was im Projekt verwendet wurde. Gehen Sie zurück zum AE-Ordner. Dies ist der Ordner, den Sie komprimieren und an die entsprechende Person senden können . Nach dem Entpacken erhalten sie einen Ordner mit allen im Projekt verwendeten Dateien. So wird sichergestellt, dass beim Öffnen der After Effects-Projektdatei keine Fehler wegen fehlender beim Öffnen der After Effects-Projektdatei Jetzt sind wir bereit, das Projekt zu rendern. Eine Sache, die ich gerne mache, um die höchste Auflösung zu erreichen , ist, die Farbtiefe auf 16 zu ändern. Diese Einstellung verbessert die Farbqualität erheblich. Vermeiden Sie die Verwendung von 32 Bit, da dadurch die Renderzeit verlängert und vor allem das Erscheinungsbild von Effekten wie Ebenenstilen, Leuchten, Schatten und mehr verändert wird. Stellen wir es auf 16 Bit ein und drücken dann auf Okay. als Nächstes sicher, dass die Master-Komposition ausgewählt ist , damit After Effects weiß, welche Komposition gerendert werden soll Gehen Sie dann zur Komposition fügen Sie sie zum Rendern Q hinzu. Alternativ können Sie die Datei auch mit dem Media Encoder rendern Aber ehrlich gesagt macht es keinen Unterschied, ob Sie eine einzelne hochwertige MP Four-Datei rendern. Wie bei diesem Format heißt es H 0,2 64 40 Megabit pro Sekunde Wählen Sie als Nächstes den Ort aus, an dem das Rendering gespeichert werden soll. Erstellen Sie einen neuen Ordner im Hauptordner des Projekts und nennen Sie ihn etwa Samples oder Finals. Geben wir nun diesen Ordner ein. Benennen Sie die Datei so um, dass sie dem Projektnamen entspricht, und fügen Sie am Ende den Unterstrich v01 hinzu, um anzuzeigen, dass es sich um die erste Version des Renderings handelt Dies hilft, den Überblick zu behalten, insbesondere wenn nach Änderungen durch den Kunden Anpassungen erforderlich sind . In Ordnung. Klicken Sie nun auf die Render-Schaltfläche und warten Sie, bis der Vorgang abgeschlossen ist. Sobald der Rendervorgang abgeschlossen ist, gehen Sie zum Ausgabemodul und klicken Sie auf den Link, um den Ordner zu öffnen , in dem die Datei gespeichert wurde. Und das ist alles. Wir haben den Kurs beendet. Sie können das Projekt jetzt schließen, Illustrator beenden und Ihren Arbeitsbereich organisieren Machen Sie vor dem Abschluss eine kurze Pause und wenn Sie bereit sind, kommen Sie zurück, um die Hausaufgabe zu erledigen, die ich für Sie vorbereitet habe Danke fürs Zuschauen und wir sehen uns beim nächsten Mal. 12. Startseite Aufgabe: Hallo, und gut gemacht, dass du den Kurs beendet hast. Jetzt ist es an der Zeit, dich selbst zu testen und zu sehen, was du gelernt hast. Ich habe drei verschiedene kleine Projekte entworfen, jeweils mit vier Szenen strukturiert sind. Ich habe bereits jede Szene für jedes Projekt als separate Illustrator-Datei gespeichert , und in jeder Datei sind die Ebenen vorab getrennt und bereit für die Animation Für jedes Projekt sehen Sie ein Video, das den Übergang zeigt, den Sie erstellen sollen Die Szenendesigns sind sehr einfach, und das liegt daran, dass ich möchte, dass Sie sich auf die Übergangsanimationen konzentrieren Sie können sofort mit der Animation beginnen, aber wenn Sie sich nicht sicher genug fühlen, können Sie in der After Effects-Projektdatei, die für jede Hauptaufgabe verfügbar ist, nachlesen , wie ich den Übergang erstellt habe in der After Effects-Projektdatei, die für jede Hauptaufgabe verfügbar ist, nachlesen , wie ich den Übergang für jede Hauptaufgabe verfügbar ist, nachlesen , Dies gibt Ihnen die Möglichkeit, meinen Ansatz zur Erstellung der Übergänge zu erkunden und zu verstehen Erwarten Sie nicht, dass Sie beim ersten Versuch einen qualitativ hochwertigen Übergang schaffen . Selbst als ich diese Übergänge erstellt habe , habe ich einige Stunden gebraucht, um die Dinge herauszufinden und viele Keyframes zu optimieren bis ich die gewünschten Ergebnisse erzielt hatte Vor diesem Hintergrund wünsche ich Ihnen viel Glück und kann es kaum erwarten zu sehen, was Sie sich einfallen lassen Viel Spaß und kaufe vorerst. 13. Outro: Hallo, ich bin's wieder. Ich möchte mich nur noch einmal bei allen bedanken, die den Kurs gesehen haben und mir vertraut haben, Ihnen beim Lernen von After Effects zu helfen. Ich hoffe, Sie haben nicht nur einige neue Fähigkeiten erworben, sondern dabei auch Ihr kreatives Selbstvertrauen gestärkt Ich würde gerne sehen, was du geschaffen hast. Wenn du also Lust hast, etwas zu teilen, poste deine Animationen oder Hausaufgaben in den sozialen Medien. Vor diesem Hintergrund wünsche ich Ihnen viel Glück. Und wenn Sie Fragen haben, zögern Sie nicht, sie zu stellen. Ich werde mein Bestes tun, um dir zu helfen. Bis bald und wir sehen uns im nächsten.