Mikro-Animation in Adobe After Effects: Motion Graphics für Apps und Websites

1. Einführung: Hallo, ich freue mich, dass du dich entschieden hast, bei mir Motion Design zu lernen. In diesem Kurs lernen wir alles über die Arbeit mit einfachen Formen in After Effix Und die gute Nachricht ist , dass wir nicht nur lernen werden, wie man sie erstellt und animiert, sondern wir werden auch lernen, sie in realen Projekten anzuwenden , die Sie Ihren Kunden anbieten können In der ersten Lektion erstellen wir eine einfache Formanimation und lernen, erstellen wir eine einfache Formanimation wie man sie in eine Lot- oder JSON-Datei exportiert, was sich perfekt für Websites und Apps In der zweiten Lektion erstellen wir eine komplexe Animation, die zu einer professionellen E-Mail-Signatur wird. In der dritten Lektion werden wir Ebenen in dreidimensionale Ebenen umwandeln und lernen, wie man einen isometrischen Kamerawinkel erzeugt Darüber hinaus lernen wir, wie wir die Animation in längere Videos wie Podcasts, Videospiele und mehr integrieren können die Animation in längere Videos wie Podcasts, Videospiele und mehr integrieren wie Podcasts, Videospiele und mehr In der letzten Lektion werden wir eine supercoole Loader-Animation erstellen und lernen wie wir sie in unserem portfolioähnlichen Ansatz präsentieren können. In jeder Lektion lernen wir, wie Sie unsere Animation erkunden können, damit Sie sie in sozialen Netzwerken teilen können, sodass Sie sie auf Ihren Social-Media-Kanälen und auf Ihrer Portfolio-Website teilen können. Aber warte, es gibt noch mehr. Um Ihnen die beste Lernerfahrung zu bieten, erhalten Sie eine klare Benachrichtigung darüber, wann Sie mit mir zusammenarbeiten und wann Sie einfach zuhören sollten, ohne den Computer zu berühren. Sie erhalten auch eine Frage in der Mitte der Klasse damit Sie sich die Lektionen besser einprägen können, und ich sage Ihnen sogar, wann Sie eine zehnminütige Pause einlegen müssen , genau wie in einem echten Klassenzimmer Darüber hinaus habe ich einen kostenlosen Kurs für Anfänger erstellt, in dem Sie alle wichtigen Grundlagen lernen und verstehen , wie es ist, nach Affix zu arbeiten Wenn Sie also in diesem Kurs auf ein Thema stoßen, das Sie interessiert, und Sie mehr darüber erfahren möchten, können Sie sich gerne den von mir genannten kostenlosen Kurs ansehen Sie finden den Link in der Beschreibung dieses Videos. Oh, und mach dir keine Sorgen. Du wirst meinen flippigen und exotischen Akzent während des Unterrichts nicht hören müssen exotischen Akzent während des Unterrichts Dieser Kurs wird von einem professionellen Sprecher gesprochen. Okay, nein mit einem Token, fangen wir mit der ersten Lektion 2. Abschnitt 1: Lottie und JSON Animation: Hallo, alle zusammen. In dieser Lektion werden wir eine coole Animation mit einfachen Formen erstellen und lernen, wie man sie in Jason- oder Lodi-Dateien exportiert , die sich perfekt für Websites und Apps Diese Lektion ist in sieben Teile gegliedert. Im ersten Teil werden wir verstehen, was Lodi- und Jason-Dateien sind und warum es wichtig ist zu wissen, wie man sie erstellt Wir werden einen Hauptordner für den Kurs erstellen und die Schriftarten installieren, die wir in dieser Lektion verwenden werden Wir werden After Effects aufrufen, unsere erste Komposition erstellen und die Softwareeinstellungen für einen besseren Arbeitsablauf anpassen . Dann lernen wir die grundlegenden Parameter einer Ebene in After Effects kennen. Im zweiten Teil werden wir die Szene von Grund auf neu und nach After Effects entwerfen und Methoden für ein besser organisiertes Arbeiten erlernen. Im dritten Teil werden wir lernen, was Keyframes sind, und mit der Animation der Szene beginnen. Außerdem werden wir lernen, wie wir die von uns erstellte Animation zeitlich anpassen und synchronisieren können Im vierten Teil lernen wir, eine Loop-Animation zu erstellen Im fünften Teil werden wir die Animation verbessern, die wir erstellt haben und etwas über den Diagrammeditor lernen. Im sechsten Teil werden wir ein kostenloses Skript installieren und lernen, wie man es benutzt. Wir werden alle Probleme identifizieren , die auftreten könnten. Dann lösen wir diese Probleme und exportieren eine fertige Videodatei, die auf Websites und Apps verwendet werden kann . Schließlich lernen wir im letzten Teil, wie wir die Animation, die wir erstellt haben, in eine hochwertige MP Four-Datei rendern , um sie in sozialen Medien zu teilen. Danach, am Ende der Lektion, erhalten Sie eine kleine Aufgabe, die Sie erledigen müssen. Die Aufgabe soll Ihnen helfen, sich an das Gelernte zu erinnern und es zu verstehen. Mach dir keine Sorgen. Die Aufgabe wird nicht zu viel Zeit in Anspruch nehmen. Es ist so konzipiert, dass es in nur 2 Stunden erledigt werden kann. Wenn Sie Probleme oder Fragen haben, mich oder Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten Ordnung. Genug mit dem Gerede. Lass uns anfangen. 3. Lasst uns loslegen!: Also, was sind Lodi- und JSN-Dateien überhaupt? Lodi und JSN sind leichte Animationen, die auf Websites, mobilen Apps und anderen digitalen Plattformen verwendet werden können mobilen Apps und und Entwickler wissen, wie Animationen in Lottie- und Jason-Dateien erstellt und gerendert werden, können Designer und Entwickler wissen, wie Animationen in Lottie- und Jason-Dateien erstellt und gerendert werden, können sie hochwertige, ansprechende Animationen erstellen, die ihre Plattformen, Benutzererfahrung und Leistung verbessern Benutzererfahrung Ordnung. Genug mit dem Gerede. Lass uns anfangen. Als professioneller Motion Designer. Ich kann Ihnen sagen, dass die Arbeit mit organisierten Ordnern sehr wichtig ist. Wenn Sie an einem Animationsprojekt arbeiten, gibt es viele verschiedene Elemente , die Sie im Auge behalten müssen, z. B. Bilder, Videomaterial , Audiodateien usw. Organisieren dieser Dateien in Ordnern können Sie schnell finden, wonach Sie suchen, und Ihr Projekt bleibt äußerst effizient. Darüber hinaus wird eine organisierte Dateistruktur noch wichtiger wenn Sie mit einem Team arbeiten. Jeder im Team muss in der Lage sein , die benötigten Ressourcen schnell zu finden. Ein organisiertes Projekt kann dazu beitragen, dass alle auf derselben Wellenlänge sind. Schauen wir uns an, welche Ordner wir erstellen müssen. jedoch vorher daran, den Ordner für diese Lektion herunterzuladen. Für diejenigen, die die After Effects-Software noch installieren müssen , können Sie in dem bereits erwähnten kostenlosen Kurs nachlesen, wie das geht . Den Link zum Kurs finden Sie in der Beschreibung unten oder in der PDF-Datei in dem Ordner, den Sie von mir heruntergeladen haben. Okay. Suchen wir nun einen Ordner auf dem Computer, in dem wir den Hauptordner für den Kurs erstellen werden . Finden Sie einen Ordner, der zu Ihnen passt. Lassen Sie uns nun den Hauptordner für den Kurs erstellen. Nennen wir es DM-Mikroanimation. In diesem Ordner müssen wir jetzt drei weitere Ordner öffnen. Das erste ist A. Wir werden alle After Effects-Dateien hier speichern. Die zweite ist Vermögen. Hier speichern wir alle im Projekt verwendeten Grafik-Assets. Das dritte sind Renderings oder Samples. In diesem Ordner speichern wir alle Renderings und Tests des Projekts Öffnen wir nun den Assets-Ordner und übertragen die Assets , die wir für diese Lektion benötigen , in diesen Ordner Öffnen Sie den Ordner, den Sie von mir heruntergeladen haben. Richtig. Und kopieren Sie alle Assets in den Assets-Ordner, den Sie gerade erstellt haben. Sie können den Ordner jetzt schließen, wenn Sie möchten. Installieren wir nun die Schriftart, die wir in dieser Lektion verwenden werden. Ich werde zeigen, wie man Schriften auch für Windows- und Mac-Benutzer installiert . Der Name dieser Schrift ist Montserrat und wir werden sie nur für Bildungszwecke verwenden Öffnen Sie den Ordner und geben Sie den Ordner static ein. Wählen Sie für Windows-Benutzer alle Dateien aus, klicken Sie mit der rechten Maustaste und wählen Sie Für alle Benutzer installieren oder Installieren. Ich habe diese Schrift bereits installiert, daher werde ich sie nicht erneut installieren. Mac-Benutzer, bei denen der Finder ausgewählt ist, klicken auf. Geh. Klicken Sie jetzt auf. Gehen Sie zum Ordner und geben Sie diese Zeile ein. Drücken Sie dann die Eingabetaste. Dadurch gelangen Sie zu dem auf Ihrem System installierten Schriftartenordner. Ziehen Sie nun alle Schriftarten aus dem Kursordner in den FonceFolder, oder Sie können die Schrift kopieren und dort einfügen Nach der Installation der Schrift können wir den Ordner schließen Ich werde diesen Ordner ganz schnell zur Seite verschieben und jetzt lass uns gemeinsam After Effects zu Mittag essen. Wir können dieses Fenster verlassen. Ich maximiere das Fenster und klicken wir zunächst auf Standard, damit wir alle dieselbe Panel-Anordnung sehen. Und jetzt müssen wir, wie bei jeder Bearbeitungssoftware, eine neue Datei öffnen. Um dies in After Effects zu tun, müssen wir eine erste Komposition erstellen. Klicken wir auf Neue Komposition und definieren nun die Einstellungen unserer ersten Komposition. Wir nennen es Animation für Lt. Hier legen wir die Größe unserer Komposition Dieses Mal werden wir in einem quadratischen Format mit einer Breite von 1080 Pixeln und einer Höhe von zehn 80 Pixeln arbeiten Breite von 1080 Pixeln und einer Höhe von zehn 80 Pixeln Hier wählen wir die Anzahl der Frames, aus denen unsere Animation bestehen soll. Wir werden 60 aufschreiben, was bedeutet, dass 1 Sekunde Animation erstellt wird. Wir werden 60 Frames bestehen. Warum? Genau 60? Weil diese Animation für Websites und Apps konzipiert ist. Diejenigen, die nicht wissen, was Framerate bedeutet, können sich gerne den kostenlosen Kurs ansehen, den ich bereits erwähnt habe. In diesem Kurs erkläre ich ausführlich über dieses Thema. Den Link zum Kurs finden Sie in der Beschreibung dieses Videos oder in der PDF-Datei im Hauptordner des Kurses , den Sie von mir heruntergeladen haben. Ordnung. Lass uns weitermachen. Hier werden wir die Dauer unserer ersten Komposition wählen . Diesmal reichen uns 10 Sekunden. Lassen Sie uns abschließend die Hintergrundfarbe der Komposition wählen . Es ist wichtig zu beachten , dass wir all diese Einstellungen später in jeder Phase der Animation problemlos ändern all diese Einstellungen später in jeder Phase können. Lass uns jetzt klicken. Bevor wir fortfahren, möchte ich einige wichtige Hinweise für diejenigen machen , die den Bildschirm auf diese Weise sehen. Mach dir keine Sorgen. Sehen Sie es so, weil Ihre Feststelltaste aktiviert ist. Schalten Sie die Feststelltaste aus, damit Sie den Bildschirm normal sehen können. Wenn wir jetzt an einem Projekt und After Effects arbeiten, ist es wichtig, die Sprache auf unserem Computer auf Englisch umzustellen . Auf diese Weise funktionieren die Tastenkombinationen, wir im Kurs verwenden werden, ordnungsgemäß. Wenn Sie den Vorschaubildschirm als Nächstes anders sehen als ich, können Sie hier klicken. Wenn Sie die Zahlen hier anders sehen als ich, können Sie mit dem Cursor hierher Halten Sie dann die Steuertaste gedrückt und klicken Sie hier auf die Zahlen. Okay. Und wenn Sie den Bildschirm kleiner oder größer als meinen sehen, kommen Sie einfach her und wählen Sie Fit. Stellen Sie abschließend die Vorschauqualität hier auf voll ein. Nachdem wir unsere erste Komposition erstellt haben, müssen wir zunächst das Projekt speichern und ihm einen Namen geben. Denn wie Sie sehen können, hat die After Effects-Datei derzeit keinen Namen. Der Name, den wir gegeben haben, war der Name unserer ersten Komposition. Die Komposition, in der wir uns gerade befinden. Gehen wir zur Datei und klicken Sie auf Speichern. Suchen wir nun den Ordner, den wir für die Lektion erstellt haben. Wir werden den Ordner A aufrufen und die After Effects-Datei benennen, an der wir gerade arbeiten. Sie können es den gleichen Namen wie unsere Hauptkomposition oder einen anderen Namen nennen, den Sie möchten. Danach klicken Sie auf Speichern und unser Projekt hat jetzt einen Namen. Nach dem ersten Speichern des Projekts. Abgesehen davon, dem Projekt den Namen zu geben. Wir haben auch die Autosave-Funktion aktiviert. Dies ist sehr wichtig , da After Effects unser Projekt jetzt automatisch alle paar Minuten speichert automatisch alle paar Minuten Gehen wir nun zur Bearbeitung der Einstellungen und legen die besten Einstellungen für einen besseren Arbeitsablauf fest. Mac-Benutzer können auf diese Weise zu den Einstellungen wechseln. Klicken Sie auf Allgemein und wählen Sie nun die Einstellungen genau so aus, wie ich es getan habe. Sie können die Lektion beenden und fortsetzen, sobald Sie alles ausgewählt haben. In der Zwischenzeit werde ich mit der nächsten Kolumne fortfahren. Und hier ist das automatische Speichern. Hier entscheiden wir, wie oft After Effects das Projekt automatisch speichert. Ich habe alle 5 Minuten gewählt. Lassen Sie uns abschließend zu Skript und Ausdrücken gehen und alles auswählen, was ich ausgewählt habe. Und jetzt können wir klicken und die Lektion starten. Beachten Sie, dass Sie diese Einstellungen nicht jedes Mal ändern müssen , bevor Sie ein neues Projekt starten. Okay. Als erstes importieren wir also die Farbpalette in das Projekt. Um Assets in das Projekt zu importieren, doppelklicken wir auf den grauen Bereich im Projektfenster. Jetzt müssen wir den Ordner finden, den wir für die Lektion erstellt haben , und den Assets-Ordner aufrufen. Wählen Sie nun die Farbpalette aus. Stellen Sie sicher, dass die PNG-Sequenz nicht ausgewählt ist, und klicken Sie auf Importieren. Um nun die Farbpalette in unserer Komposition zu sehen, müssen wir sie in das Kompositionsfenster ziehen, das sich hier befindet. Dazu ziehen wir die Palette wie folgt in die Komposition. Hier sehen wir die Palette im Vorschaubildschirm. Wir können diese Ebene manuell verkleinern , indem wir von hier aus nach der Kante greifen und die Umschalttaste gedrückt halten , um die Ebene symmetrisch zu verkleinern Lassen Sie nun den Mausklick los und lassen Sie dann die Shift-Taste los Außerdem können wir die Ebene vom Kompositionsfenster bis zur Ebene selbst verkleinern . Wenn wir auf den kleinen Pfeil der Ebene klicken, können wir die grundlegenden Transformationseigenschaften der Ebene sehen. Wenn wir diese Eigenschaften öffnen, können wir die grundlegenden Parameter für jede Ebene in After Effects sehen . Hier sehen wir den Skalierungsparameter. Wir können den Wert dieses Parameters manuell ändern oder auf den Wert klicken und eine gewünschte Zahl eingeben. Schreiben Sie 30 auf und klicken Sie auf Enter. Lassen Sie uns die Parameter von hier aus schließen. Jetzt können wir diese Ebene hier zur Seite verschieben, damit sie uns später nicht stört. Lassen Sie uns es von hier aus sperren. Auf diese Weise können wir es während der Arbeit nicht berühren oder bewegen. Jetzt, damit wir diese Ebene nicht im Kompositionsfenster sehen. Wir können sie mit der Shy-Funktion hier verschwinden lassen . Lass uns auf dieses Symbol klicken. Für diejenigen, die das Symbol nicht sehen, können Sie hier klicken und dieselbe Anordnung der Funktionen sehen wie ich. Wählen wir diese Ebene als unsichtbare Ebene Um die Funktion auszuführen, klicken wir hier auch auf das schüchterne Symbol. Und jetzt sehen wir diese Ebene hier nicht. Es stört uns nicht und wir können es nicht bewegen. Okay, jetzt fangen wir an, unsere Szene zu entwerfen. Um dies bequem zu tun, können wir ein an unsere Komposition angepasstes Raster öffnen. Passen wir nun den Vorschaubildschirm an die Größe unseres Panels an. Wir werden hierher gehen und Passform auswählen. Stellen Sie sicher, dass auch die Qualität Ihrer Vorschau vollständig ist. Wenn Sie die Hintergrundfarbe, die Sie zu Beginn ausgewählt haben, nicht sehen , klicken Sie hier, um sie zu sehen. Wenn wir diese Hintergrundfarbe ändern möchten, können wir dies über die Kompositionseinstellungen tun. Um zu den Kompositionseinstellungen zu gelangen, in denen wir uns gerade befinden, müssen wir auf Strg K klicken. Ich stelle noch einmal fest, dass alle Tastenkombinationen funktionieren, wenn die Tastatursprache auf Englisch eingestellt ist. Klicken wir auf Strg K. Hier sehen wir die Kompositionseinstellungen, die wir zuvor erstellt haben. Um die Änderungen zu sehen, die wir vornehmen, klicken Sie auf Vorschau. Jetzt können Sie die Hintergrundfarbe in eine andere Farbe ändern . Ordnung. Lass uns auf Abbrechen klicken und mit der Erstellung unserer Szene beginnen. 4. Gestalte die Szene von Grund auf: Lassen Sie uns also unsere erste Form erstellen. Wählen Sie dazu das Stiftwerkzeug aus, klicken Sie dann auf Füllen und wählen Sie es mit D aus. Klicken wir nun auf Kontur und wählen mit der Pipette eine helle Farbe aus unserer Palette aus. Klicken Sie auf Okay und lassen Sie uns die Form von der Mitte aus erstellen. Platzieren Sie den Cursor hier und erstellen Sie den ersten Punkt. Halten Sie nun die Umschalttaste gedrückt und klicken Sie hier, um eine gerade Linie zu erstellen. Wir können hier die Dicke der Linie wählen. Klicken wir auf die Zahl, geben 40 ein und drücken die Eingabetaste. Kehren wir nun mit der Tastenkombination V zum Auswahlwerkzeug zurück Tastenkombination V zum Auswahlwerkzeug . Wählen wir die Ebene und verwenden das Scrollrad an der Maus. Lassen Sie uns in den Vorschaubildschirm hineinzoomen. Für diejenigen, die kein Scrollrad an der Maus haben, können Sie mit diesen Tasten die Ansicht vergrößern und verkleinern. Nachdem wir also herangezoomt haben, um unsere Form aus der Nähe zu sehen, können wir sehen, dass das Ende dieser Linie gerade ist Lasst uns lernen, das Ganze abzurunden. wir dazu die Eigenschaften dieser Ebene, öffnen wir den Inhalt, öffnen Sie die Form und öffnen Sie den Strich. Wir können das Panel auf diese Weise vergrößern, und hier in Striche können wir die Kanten und Verbindungen abrunden. Wir können jetzt alles schließen, das Bedienfeld minimieren und lernen, wie man den Vorschaubildschirm bewegt, während man sich in Zoom befindet. Um den Bildschirm zu verschieben, müssen wir die Leertaste gedrückt halten und ihn dann wie folgt verschieben. Oder wir können den Bildschirm bewegen, indem wir mit der mittleren Maustaste klicken. Jetzt möchte ich über ein wichtiges Thema namens Anchor Point sprechen . Bitte fass nichts an und hör mir einfach zu. Ich öffne den Rotationsparameter und ändere den Wert. Achten Sie darauf, wie sich die Ebene bewegt. Es dreht sich nicht von der Mitte der Form aus. Das liegt daran, dass sich der Ankerpunkt hier befindet. Wie Sie sehen können, gibt es hier ein kleines Symbol. Lass es uns jetzt gemeinsam in die Mitte verschieben. Wählen wir dazu das Ankerpunkt-Werkzeug und ziehen den Ankerpunkt dieser Ebene an eine andere Stelle. Wenn wir den Ankerpunkt bewegen während wir die Strg-Taste gedrückt halten, bewegt sich der Ankerpunkt symmetrisch Auf diese Weise können wir ihn leicht in der Mitte der Ebene zentrieren Nachdem wir den Ankerpunkt platziert haben, drücken wir, um zurück zum Auswahlwerkzeug zu wechseln und zu einer Linie zu gelangen. Für diejenigen, die es nicht finden können, können Sie es über ein Fenster öffnen. Klicken wir hier, um unsere Form in der Mitte der Komposition zu zentrieren. Jetzt können wir die Vorschau so einstellen , dass sie in das Raster passt und es annulliert. Diesmal wollen wir es jedoch nicht von hier aus stornieren. Lassen Sie uns es mit der Tastenkombination stornieren. Drücken Sie die Apostrophtaste. Drücken wir es ein paar Mal, um zu üben. Wir werden dieses Raster oft verwenden. Lassen Sie uns nun diese Kugel erstellen. Dazu klicken wir auf das Rechteckwerkzeug und halten es gedrückt. Lassen Sie es nun los und wählen Sie das Ellipsenwerkzeug aus. Jetzt tu es nicht mit mir, weil ich dir etwas Interessantes zeigen möchte Mal sehen, was passiert, wenn ich versuche, diese Sphäre hier zu erschaffen. Beachten Sie, dass die Kugel auf einer vorhandenen Ebene erstellt wird. Ich drücke Strg Z , um die Aktion rückgängig zu machen. Lass es uns jetzt zusammen machen. Wenn wir diese Kugel in einer neuen Ebene erstellen möchten, müssen wir sicherstellen, dass wir keine Ebene auswählen, und dann können wir die Farbe für die Kugel wählen. Wählen wir die blaue Farbe. Und diesmal werden wir den Schlaganfall absagen. Wenn wir diese Kugel jetzt erstellen, wird sie sich in einer neuen Ebene befinden. Lassen Sie uns die Kugel hier erstellen, während Sie die Umschalttaste gedrückt halten , um sie symmetrisch zu machen. Lassen wir nun den Mausklick los und lassen dann die Shift-Taste los. Als Nächstes richten wir die Kugel anhand einer Linie zur Mitte aus und bewegen sie nach unten Wir werden es nicht greifen können, weil wir immer noch das Ellipsenwerkzeug Um diese Kugel zu verschieben, wechseln wir zurück zum Auswahlwerkzeug, indem wir drücken Wählen wir nun die Ebene aus, nehmen die Kugel und bewegen sie nach unten, während wir die Shift-Taste gedrückt halten , um eine symmetrische Bewegung zu erreichen. Okay. Und jetzt lassen Sie uns unsere Ebenen benennen. Dazu müssen wir die Ebene auswählen und die Eingabetaste drücken. Wir können den Namen in Stroke One ändern. Drücken Sie die Eingabetaste, um die Aktion abzuschließen. Machen wir dasselbe mit der Kugel. Wir nennen diese Ebene Sphäre eins. Als Nächstes erstellen wir die Textskala. Dazu müssen wir das Textwerkzeug auswählen und die Schriftart Manst auswählen , die wir zuvor installiert haben Click möchte die Textzeile öffnen und dann scale eingeben. Drücken Sie die Umschalttaste, um den ersten Buchstaben groß zu schreiben, und setzen Sie die Eingabe des restlichen Worts fort ohne die Umschalttaste gedrückt zu halten Doppelklicken Sie auf den Text, um ihn auszuwählen. Ändern Sie die Größe auf 30 und drücken Sie die Eingabetaste. Wählen Sie den Schriftstil aus, um die Symbolleiste fett darzustellen, oder verwenden Sie die Pfeilschaltflächen Lassen Sie uns abschließend die Textfarbe von hier aus wählen. Nehmen wir nun an, wir möchten den Text verschieben. Um die Textzeile zu verlassen, müssen wir die Eingabetaste drücken. Jetzt haben wir die Textzeile verlassen und ich kann V drücken, um zum Auswahlwerkzeug zurückzukehren Gehen Sie nun zum Absatz und stellen Sie sicher, dass der Text linkslinig und zentriert ist Gehen wir etwas näher heran und zentrieren den Ankerpunkt der Textebene in der Mitte. Dieses Mal werden wir das Ankerpunkt-Werkzeug nicht verwenden. Wir machen das mit einem sehr nützlichen Tastenkürzel Control Alt Home. Mac-Benutzer, achten Sie darauf , wie Sie dies auf Ihrer Tastatur tun. Lassen Sie uns die Abkürzung zusammen verwenden. Und a, der Ankerpunkt springt in die Mitte, und jetzt können wir den Text zentrieren und nach unten verschieben , während wir die Umschalttaste drücken Bringen wir nun das Raster zurück, indem wir die Apostroph-Taste drücken Jetzt wählen wir alle Ebenen aus und verschieben alles mit den Pfeiltasten auf der Tastatur nach oben Für größere Bewegungen drücken wir die Pfeiltasten, während wir die Umschalttaste gedrückt halten . Platzieren wir die Ebene hier, und um sie alle derselben Gruppe zuzuweisen, können wir auf das Quadrat hier klicken und all diese Ebenen blau markieren. Lassen Sie uns nun all diese Ebenen duplizieren. Dazu wählen wir alle Ebenen aus und drücken die Tastenkombination D. Als Nächstes wählen wir sie aus und verschieben sie nach unten , sodass sie nebeneinander positioniert sind. Um sie von den ersten drei Ebenen zu unterscheiden, markieren wir sie gelb. Und jetzt, wo alle Ebenen ausgewählt sind, verschieben wir sie nach links. Wir halten die Umschalttaste gedrückt und bewegen sie mit der linken Pfeiltaste auf der Tastatur. Okay, noch einmal, lassen Sie uns die ersten drei Ebenen erneut duplizieren. Dieses Mal werden wir die Ebenen nach oben positionieren. Lassen Sie uns sie rot markieren. Während alles ausgewählt ist, verschieben wir alle Ebenen nach rechts, während wir die Umschalttaste gedrückt halten. Ordnung. Jetzt ändern wir die Worte, die wir hier haben. Wir können diese Textebene unverändert lassen und ihren Namen im Ebenenfenster ersetzen. Drücken Sie die Eingabetaste und löschen Sie die Nummer zwei. Doppelklicken wir nun auf dieses Wort und ändern es in Rotation. Vergessen Sie nicht, die Eingabetaste zu drücken , um die Textzeile zu verlassen. Schließlich ändern wir diesen Text in Stretch. Drücken Sie Strg+Enter und dann V, um zu diesem Auswahlwerkzeug zurückzukehren. Jetzt möchte ich, dass wir die Ebenen so verschieben , dass sie etwas weiter voneinander entfernt sind. Dieses Mal verwenden wir ein Raster, das Proportionalraster genannt wird. Ich werde dieses Raster vorerst ausschalten und Ihnen zeigen, wie Sie es mit einer Tastenkombination öffnen können. Die Abkürzung zu diesem Raster ist Alt und die Apostroph-Taste. Lassen Sie uns nun diese Ebenen hierher verschieben. Und diese Schichten da drüben. Jetzt können wir das Raster löschen, also drücken wir wieder raus und die Apostroph-Taste Als Nächstes stellen wir den Vorschaubildschirm so ein, dass die Farben der Kugeln angepasst und geändert werden. Dieser ist gelb. Aber diese Kugel wird rot sein. Lassen Sie uns nun den Buchstaben A erstellen , der hier oben stehen soll. Dazu wählen wir das Textwerkzeug aus, klicken einmal hier und drücken dann Shift A, um den Buchstaben groß zu schreiben. Wir wählen den Buchstaben mit einem Doppelklick und ändern die Schriftgröße auf 300 Dieses Mal wählen wir den schwarzen Schriftstil. Lass uns jetzt hier klicken. Um die Textzeile zu verlassen, drücken wir die Eingabetaste und V, um zum Auswahlwerkzeug zurückzukehren. Zentrieren wir nun den Ankerpunkt dieser Ebene mit der Tastenkombination, die wir gelernt haben. Frage, was ist die Abkürzung um den Ankerpunkt zu zentrieren. Drücken Sie dazu Strg Alt Home. Jetzt gehen wir zu einer Linie und zentrieren die Ebene in der Komposition. Lassen Sie uns unser Raster zurückbringen, indem wir die Apostroph-Taste drücken und mit der Gestaltung der Szene fortfahren Meiner Meinung nach können wir diese Ebene etwas vergrößern. Diesmal vergrößern wir sie nicht anhand der Schriftgröße, sondern wir vergrößern die Ebene selbst mithilfe des Skalierungsparameters. Wählen wir die Ebene aus und drücken, um den Skalierungsparameter zu öffnen. Lassen Sie uns die Größe auf 130 ändern. Lassen Sie uns diese Ebene nun etwas erhöhen. Es ist zu groß. Ändern wir die Größe auf 120 und erhöhen den Text erneut. Jetzt drücke ich, um den Rotationsparameter zu öffnen, und drehe die Ebene, um sicherzustellen, dass sie die anderen Formen in der Szene nicht berührt. Großartig. Okay. Und jetzt bringe ich die Rotation auf Null. Jetzt können wir die Parameter schließen und die Ebene über allen anderen platzieren und ihre Farbe auf „Keine“ ändern. Auf diese Weise wird die Ebene grau. Ordnung. Wir haben das Design der Szene abgeschlossen und gehen jetzt zur Animationsphase über. Aber vorher empfehle ich dringend, eine zehnminütige Pause einzulegen. Stehen Sie von Ihrem Stuhl auf, machen Sie ein paar leichte Dehnübungen, kochen Sie Tee oder Kaffee und kommen Sie zurück, um sich für den nächsten Teil zu erfrischen. 5. Deine erste Animation!: In diesem Stadium benötigen wir die Farbpalette nicht, also können wir hier klicken, um alle versteckten Ebenen zu sehen und die Ebene von hier aus einfach auszuschalten. Wir können die Ebene auch mit der Rücktaste oder der Löschtaste entsperren und vollständig löschen Die Ebene wird aus dem Ebenenfenster gelöscht, aber nicht aus dem Projekt selbst Also mach dir keine Sorgen. Wir können die Palette bei Bedarf wieder verwenden. Ordnung, vorerst lösche ich es, und wir können das Raster auch schließen , indem wir die Apostroph-Taste drücken, und jetzt sind wir bereit, die Animation zu starten Das erste, was wir animieren werden , sind die Kugeln. Damit sie sich bewegen können, müssen wir Keyframes erstellen Keyframes sind ein grundlegendes Konzept in Animationen und Bewegungsgrafiken. In After Effects werden Keyframes verwendet, um die Start- und Endpunkte einer Animation oder eines Übergangs zu definieren die Start- und Endpunkte einer Animation oder eines Übergangs Dabei handelt es sich um Zeitpunkte, die die Position, Größe, Drehung, Opazität und andere Eigenschaften eines Elements oder einer Ebene kennzeichnen Drehung, Opazität und andere Eigenschaften eines Elements oder einer Ebene Keyframes werden auch verwendet, um die Geschwindigkeit und das Timing einer Animation zu steuern Durch Anpassen des Abstands zwischen Keyframes können Sie die Geschwindigkeit einer Animation steuern. Ich behandle dieses Thema ausführlich in dem kostenlosen Kurs, den ich zu Beginn dieses Kurses erwähnt habe . Wenn einer von euch mehr darüber erfahren möchte, kann er es sich gerne ansehen. Den Link zum kostenlosen Kurs finden Sie in der Beschreibung unten oder in der PDF-Datei. Das ist im Hauptordner des Kurses, den du von mir heruntergeladen hast. In Ordnung. Lassen Sie uns zunächst alle Kugeln auswählen, während Sie die Umschalttaste gedrückt halten , damit wir mehrere Ebenen gleichzeitig auswählen können . Sie als Nächstes sicher, dass sich die Zeitanzeige am Anfang der Zeitleiste befindet. Drücken Sie abschließend P, um den Positionsparameter zu öffnen , da dies der Parameter ist , für den wir Keyframes erstellen werden. Jetzt werden wir After Effects anweisen, die Kugeln zu diesem Zeitpunkt an ihrer aktuellen Position zu belassen. Deshalb klicken wir auf die Stoppuhr und erstellen den ersten Keyframe Als Nächstes bewegen wir die Zeitanzeige auf die zweite Zahl eins und bewegen die Kugeln an die gewünschte Position, während wir die Umschalttaste gedrückt halten , um eine Bewegung der geraden Achse sicherzustellen Diese Aktion erstellt automatisch einen neuen Keyframe. Um eine Vorschau unserer Arbeit anzuzeigen, verschieben wir nun die Zeitanzeige an den Anfang der Timeline und drücken die Leertaste. Gute Arbeit. Sie haben Ihre erste Animation erstellt. Platzieren wir den Zeitindikator am Anfang. Jetzt möchte ich die Animation dieser Kugel zeitlich anders einstellen, damit sie sich nicht alle zusammen bewegen. Ich möchte, dass die erste Kugel , die sich bewegt, gelb, dann blau und erst dann rot ist. Wir müssen eine überlappende Aktion oder einen Offset erstellen. Um dies zu erreichen, müssen wir unsere Keyframes in der Timeline verschieben Wir werden die gelbe Kugel dort belassen, wo sie sich jetzt befindet , da sie die erste Kugel sein wird, die sich bewegt. Jetzt verschieben wir die Ebene der blauen Kugel so, dass sie erst beginnt , wenn die gelbe Kugel ihren zweiten Punkt erreicht hat. Da ich jedoch die gesamte Ebene verschiebe, gibt es einen leeren Teil in der Animation, und ich kann die blaue Kugel nicht sehen. Um dies zu verhindern, verschieben wir nur die Schlüsselbilder und nicht die gesamte Ebene. Wählen wir dazu alle Keyframes oder klicken Sie hier auf den Parameter. Jetzt können wir diese Keyframes hierher verschieben , während wir die Umschalttaste gedrückt halten Auf diese Weise bleiben die Keyframes am Ende der Keyframes mit den gelben Kugeln Lassen Sie uns nun dasselbe mit den Schlüsselbildern der roten Kugel machen. Wir werden sie alle auswählen und sie bis zu dem Zeitpunkt verschieben , an dem die blaue Kugel bereits ihren letzten Punkt erreicht hat. Wenn wir uns die Animation noch einmal ansehen, werden wir sehen, dass sich die Kugeln jetzt nacheinander bewegen, wie wir es wollten. Der nächste Schritt in unserer Animation besteht darin, die Animation des Buchstabens e an die von uns erstellte Skalenanimation anzupassen die Animation des Buchstabens e an die von . Dies für Skalierung und Drehung zu tun ist sehr einfach, aber die Erstellung der Stretch-Textanimation kann etwas schwieriger sein. Wie Sie sehen, kann ich nicht den gewünschten Effekt erzielen, wenn ich diese Ebene auf diese Weise dehne . Mal sehen, wie man das richtig erstellt. Wie Sie im Beispiel auf dem Bildschirm sehen können , können wir mit einem Illustrator mithilfe der Funktion „ Konturen erstellen mithilfe der Funktion „ Konturen erstellen“ jede Textebene in eine Form mit einem Pfad umwandeln Danach können wir diesen Pfad verschieben und ändern. In Ordnung. Und jetzt, um dies in After Effects zu tun, müssen wir mit der rechten Maustaste auf die Textebene klicken, zu „Erstellen“ gehen und „Formen aus Text erstellen“ auswählen. Jetzt haben wir eine neue Ebene, in der der Text zu einer einfachen Formebene mit einem Pfad geworden ist. Wir können diese Textebene löschen. Lassen Sie uns nun die Farbe der Ebene auf „Keine“ ändern. Jetzt haben wir einen Pfad, dessen Form wir ändern können. Mal sehen, wie es geht. Bevor wir beginnen, wollen wir näher kommen und den Bildschirm so positionieren , dass wir bequem an diesem Teil arbeiten können. Lassen Sie uns das Raster öffnen und das Stiftwerkzeug auswählen. Im Moment können wir kleine Punkte sehen, und wenn wir einen von ihnen auswählen, können wir ihn verschieben, wohin wir wollen. Ich drücke Strg Z. Ich kann auch mehrere Punkte auswählen. Ich halte die At-Taste gedrückt, und jetzt kann ich mehrere Punkte auswählen. Okay. Ich kann auch alle vier Punkte verschieben. Ich halte die Alt-Taste gedrückt, und jetzt kann ich auch all diese Punkte auswählen. Lassen Sie uns nun sehen , was passiert, wenn ich die gesamte rechte Seite zur Seite bewegen möchte . Ich drücke Alt und wähle alle Punkte in diesem Abschnitt und verschiebe die Punkte dann hierher. Beachten Sie, dass der Buchstabe falsch gestreckt ist. Das passiert, weil es hier nicht genug Punkte gibt. Lassen Sie uns diese Punkte gemeinsam erstellen. Um es genau zu machen, werden wir Anleitungen verwenden. Lass uns ein bisschen näher kommen. Wir können dieses Panel so vergrößern. Nun zur Erstellung der Guides. Wir müssen die Lineale mit unserer Tastenkombination „Control“ aufrufen mit unserer Tastenkombination „Control nun eine Anleitung zu erstellen, klicken Sie einfach hier und ziehen Sie die Maus nach unten Und jetzt müssen wir sie über die Ansicht sperren und dann „Hilfslinien sperren“ wählen. Und hier sind die Hilfslinien gesperrt und wir können die Punkte erstellen. Positionieren wir uns oben auf dem Ebenenpfad. Wenn wir sehen, dass das Maussymbol zu einem Plus wird, wissen wir, dass durch Klicken auf den Pfad ein Punkt entsteht. Lassen Sie uns hier also ein paar Punkte erstellen. Wir können Punkte mit der Rücktaste oder dem Löschen auswählen und löschen Wir können ein bisschen mehr vergrößern und die Punkte ausrichten. Danach können wir, um die Anleitung auszublenden, eine nützliche Tastenkombination in der Semikolontaste verwenden in der Semikolontaste erneutes Drücken der Tastenkombination werden die Hilfslinien wieder angezeigt Drücken wir abschließend die Strg-Taste , um die Lineale auszublenden. Ordnung. Lassen Sie uns jetzt den Text erweitern. Zuerst erkläre ich, wie es funktioniert, und dann animieren wir den Pfad gemeinsam Ich bewege mich ein bisschen hierher, damit ich den Punkt auswählen kann. Jetzt halte ich die Alt-Taste gedrückt und wähle alle Punkte auf dieser Seite aus. Bis auf diesen. Als Nächstes verschiebe ich den Pfad seitwärts, während ich die Shift-Taste gedrückt halte Cool. Ich drücke Strg Z, um die Aktion rückgängig zu machen, und lassen Sie uns diesen Pfad gemeinsam animieren Als Erstes müssen wir also seinen Parameter in der Ebene selbst finden Wie Sie sehen können, gibt es hier zwei Pfade, einen für diesen Teil des Briefes und einen für diesen Teil des Briefes. Wir müssen diese beiden Pads animieren. Anstatt all diese Parameter manuell zu öffnen, können wir einfach die Ebene und den engen Pfad in der Suchleiste auswählen und den engen Pfad in der Suchleiste Wir drücken dann die Eingabetaste und sehen, dass beide Pfade bequem geöffnet werden. Jetzt stimmen wir die Animation der Buchstabenpfade auf die Animation der roten Kugel ab. Lassen Sie uns die Vorschau wieder anpassen und schauen, wo die Animation der roten Kugel beginnt. Dazu wählen wir die Ebene der roten Kugel aus und drücken die U-Taste, um die Schlüsselbilder zu sehen. Jetzt sehen wir, dass die Animation der roten Kugel mit der zweiten Nummer zwei beginnt. Lassen Sie uns die Zeitanzeige zu diesem Keyframe verschieben , während Sie die Umschalttaste gedrückt halten Wählen wir nun die Ebene mit dem Buchstaben A und den engen Pfad in der Suchleiste Drücken Sie die Eingabetaste, und jetzt teilen wir After Effects mit, dass der Pfad ab der Sekunde die Form hat, in der er sich gerade befindet. Weil es vor diesen Keyframes keine zusätzlichen Keyframes gibt. Der Buchstabe wird während dieser Zeit in dieser Form sein. Lassen Sie uns nun die Zeitanzeige auf die zweite Nummer drei verschieben, in dem Moment, in dem die rote Kugel ihre Animation beendet hat, und die Form des Buchstabens in die gewünschte Form ändern . Wir werden die Alt-Taste gedrückt halten. Wählen Sie alle Punkte auf dieser Seite aus. Stellen Sie sicher, dass wir diesen Punkt nicht auswählen. Und jetzt ziehen wir den Pfad hierher, während wir die Umschalttaste gedrückt halten . Danach werden wir nun die Alt-Taste drücken und gedrückt halten und alle Punkte auf dieser Seite auswählen. Lassen Sie uns diese Punkte hierher verschieben. Wir können die Position dieser Punkte auch nach oben ändern. Wählen wir diesen Punkt aus, halten Sie die Umschalttaste und wählen Sie auch diesen Punkt aus. Verschieben wir nun beide Punkte, die wir zuvor ausgewählt haben, nach oben. Wählen wir nun nur diesen Punkt aus. Halten Sie die Alt-Taste gedrückt, wählen Sie nur diesen Punkt aus und verschieben Sie ihn, während Sie die Umschalttaste drücken. Lassen Sie uns abschließend diesen Punkt auswählen und ihn bei gedrückter Umschalttaste hierher verschieben. Diese beiden Keyframes teilen After Effects nun mit, dass das Design des Buchstabenpfads zu diesem Zeitpunkt so aussehen wird In diesem Keyframe sieht das Design des Buchstabens wie folgt aus Ordnung. Lass uns weitermachen. Lassen Sie uns die Schichten schließen. Stellen Sie die Vorschau so ein, dass sie in das Raster passt, und schließen Sie es. Und jetzt können wir zum Auswahlwerkzeug wechseln und alle Animationen sehen , die wir bisher erstellt haben. Sieht nett aus. Der nächste Schritt in unserer Animation besteht darin, die Skalierungs- und Rotationsanimationen zu synchronisieren . Beginnen wir mit dem Timing der Rotationsanimation. Zuerst sollten wir die Ebene der blauen Kugel auswählen und drücken, um ihre Keyframes zu sehen Wie wir in der letzten Animation sehen können, sollte der Buchstabe von Beginn der Animation an auf dem Kopf stehen Der Buchstabe dreht sich, wenn die blaue Kugel nach oben steigt. Daher müssen wir den Punkt erreichen, an dem sich die blaue Kugel bereits oben befindet, dann R drücken, um den Rotationsparameter anzuzeigen und die Drehung des Buchstabens zu diesem Zeitpunkt einzustellen Wir werden dann auf die Stoppuhr klicken ohne den Wert dieses Parameters zu ändern Und zu diesem Zeitpunkt, an dem sich die blaue Kugel unten befindet, beträgt die Drehung beispielsweise -180. Während dieser Zeit steht der Buchstabe auf dem Kopf, und nach diesem Keyframe beginnt sich der Buchstabe zu drehen, bis er den Wert erreicht, den wir zu diesem Zeitpunkt für ihn festgelegt haben Jetzt werden beide Animationen denselben Zeitpunkten synchronisiert Mal sehen, wie es aussieht. Sieht toll aus. Lassen Sie uns nun die Skalenanimation animieren Wir wissen bereits, dass die Größe des Buchstabens so groß sein sollte, bis die gelbe Kugel aufsteigt, und wir wissen auch, dass es 1 Sekunde dauert , bis die gelbe Kugel ihre Animation abgeschlossen hat Deshalb setzen wir den Skalierungsparameter dieser Ebene auf den aktuellen Wert. Jetzt gehen wir in der Zeit zurück, also wenn die Animation bei Sekunde Null beginnt , und legen einen anderen Wert für den Skalierungsparameter fest, z. B. 50 oder 60. Als Nächstes schließen wir die Ebene, erweitern das Bedienfeld und zeigen alle Parameter aller Ebenen an. Dazu müssen wir sicherstellen , dass wir keine Ebene auswählen und dann auf Sie drücken. Lassen Sie uns nun mit dem nächsten Teil fortfahren und lernen, wie Sie diese gesamte Animation nahtlos in einer perfekten Schleife abspielen können. 6. Was ist eine Loop-Animation?: Damit diese gesamte Animation nahtlos in einer perfekten Schleife abgespielt wird. Zunächst müssen wir verstehen, was eine Loop-Animation ist. Eine Loop-Animation ist eine Art von Animation, bei der Anfang und Ende der Animation nahtlos ineinander übergehen, sodass eine Endlosschleife entsteht. Mit anderen Worten, die Animation wird kontinuierlich ohne erkennbaren Start- oder Es gibt mehrere Möglichkeiten, eine Schleife für diese Animation zu erstellen Wir werden es auf die einfachste Weise tun, nämlich was hier passiert , eine umgekehrte Animation zu erstellen für alles, was hier passiert , eine umgekehrte Animation zu erstellen. Mal sehen, wie das geht. Um es einfacher zu machen, verstecken wir die Ebenen ohne Keyframes, damit sie unseren Arbeitsablauf im Ebenenfenster nicht stören So wie wir zuvor die Farbpalette ausgeblendet haben, können wir diese Ebene auswählen da sie keine Keyframes Wenn Sie das schüchterne Symbol nicht sehen, klicken Sie hier. Okay, wir werden hier klicken und diese zweite Ebene auswählen . Dieser eine zwei. Da es hier keine Keyframes gibt, wählen wir auch diese Ebene Auch hier gibt es keine Keyframes. Wählen wir diese zweite Ebene aus. Es gibt hier keine. Lassen Sie uns auch diese Ebene auswählen. Cool. Und jetzt müssen wir hier klicken, um die Shy-Funktion zu aktivieren. Großartig, jetzt sehen wir nur die relevanten Ebenen und können mit der Erstellung der Schleife fortfahren. Okay. Als Erstes müssen wir also die Reverse-Stretch-Animation erstellen. Das heißt, wir müssen eine Rücklaufanimation für die rote Kugel und auch für den Pfad des Buchstabens A erstellen eine Rücklaufanimation für die rote Kugel und auch für den Pfad des Buchstabens A Lassen Sie uns also zunächst entscheiden, zu welchem Zeitpunkt wir die rote Kugel zurückgeben möchten. Wir wollen, dass es zurückkehrt, wenn es in der dritten Sekunde die Spitze erreicht hat. In der vierten Sekunde wollen wir also, dass es zurückgeht. Wir können diesen Keyframe also einfach kopieren und an der Position der Zeitanzeige Wählen wir es also aus und drücken Strg C und dann Strg V. Mal sehen, wie es aussieht Die Kugel geht also nach oben und kommt sofort wieder runter. Lassen Sie uns nun die umgekehrte Animation für die blaue Kugel erstellen . Ich möchte die blaue Kugel erst nach unten bewegen , wenn die rote Kugel die Animation beendet hat Deshalb gehe ich zur zweiten Nummer fünf, kopiere das erste Schlüsselbild der blauen Kugel und füge es hier Mal sehen, was ich habe. Beachten Sie, dass die blaue Kugel, nachdem sie die Spitze erreicht hat, bereits nach unten geht, was ich nicht wollte. Ich musste die ganze Zeit wach bleiben und erst ab der vierten Sekunde zurückkehren. Was wir tun müssen, ist eine Pause einzulegen. Lasst uns lernen, wie es geht. Die Pause wird nur erstellt, wenn sich der Wert des Keyframes nicht ändert. Daher müssen wir den letzten Keyframe kopieren und in der vierten Sekunde einfügen Diese beiden Keyframes sind völlig identisch, was bedeutet, dass sie denselben Wert haben Auf diese Weise wissen wir, dass sich die Animation während dieser Zeit nicht ändern Die Änderung beginnt erst unmittelbar nach diesen Keyframes, da es Keyframes mit unterschiedlichen Werten gibt Lassen Sie uns nun die umgekehrte Animation für die gelbe Kugel erstellen umgekehrte Animation für die gelbe Kugel Zuerst müssen wir den Zeitpunkt finden, an dem die Kugel zurückkehren soll. Die zweite Zahl fünf ist großartig, weil die blaue Kugel ihre Animation an diesem Punkt abschließt. Wir müssen auch eine Pause erstellen, was bedeutet, dass sich die gelbe Kugel an derselben Position befindet wie jetzt. Wir können diesen Keyframe kopieren und hier einfügen. Während dieser Zeit wird sich die Animation nicht ändern Als nächstes, bei zweiter Nummer sechs, bringen wir die gelbe Kugel wieder in ihre Ausgangsposition zurück. Kopieren wir diesen Keyframe. Und füge es hier ein. Infolgedessen kehrt die gelbe Kugel zu ihrem Ausgangspunkt zurück. In beiden Fällen haben wir den letzten Keyframe kopiert und hier eingefügt, und dann haben wir den ersten Keyframe kopiert und hier eingefügt Mit anderen Worten, wir haben diese beiden Schlüsselbilder genommen und Sehen wir uns an, wie wir dieses Wissen anwenden können , um die umgekehrte Animation des Buchstabens A zu erstellen. Wir müssen die umgekehrte Animation von Buchstabe A mit der umgekehrten Animation aller Kugeln zeitlich abstimmen Lassen Sie uns zunächst die umgekehrte Animation des Stretch-Textes der roten Kugel zuordnen die umgekehrte Animation des . In diesem Fall ist es sehr einfach. Wir kopieren einfach die ersten Keyframes wenn der Buchstabe nicht gestreckt ist und fügen sie zu dem Zeitpunkt ein, an dem die rote Kugel wieder nach unten geht. Kopieren wir diese Keyframes mit Strg C und fügen sie mit Strg V ein . Jetzt ist der Buchstabe gestreckt und nimmt wieder seine ursprüngliche Form an. Und jetzt, da die blaue Kugel zurückkehrt, müssen wir den Buchstaben wieder so drehen , wie er am Anfang war. Das heißt, von einem Wert von -180 auf Null. Aber jetzt müssen wir die umgekehrte Animation machen. Daher können wir diese beiden Keyframes mit Control C kopieren und sie mit Control V hier einfügen. Und jetzt, wenn beide Keyframes ausgewählt sind, wenn beide Keyframes ausgewählt sind klicken Sie mit der rechten Maustaste auf einen von Gehen Sie zum Keyframe-Assistenten und wählen Sie „Keyframes umkehren“. Jetzt haben wir die Animation der letzten Keyframes umgekehrt der letzten Als Nächstes müssen wir ab diesem Zeitpunkt, wenn die gelbe Kugel zurückkehrt, wenn die gelbe Kugel zurückkehrt, die Skala des Buchstabens umkehren Auch hier wählen wir beide Schlüsselbilder des Skalenparameters aus und fügen sie an die Position der Zeitanzeige ein, da hier die gelbe Kugel beginnt zurückzukehren. Lassen Sie uns nun diese Keyframes mithilfe von Reverse-Keyframes umkehren. Mal sehen, wie alles zusammen aussieht. Okay, jetzt möchte ich dir eine weitere nützliche Abkürzung beibringen. Anstatt die Zeitanzeige manuell am Anfang der Timeline zu platzieren , können wir einfach die Home-Taste drücken. Mac-Benutzer, achten Sie auf die Tasten, die Sie drücken müssen. Cool, und jetzt wollen wir lernen, wie wir unsere Animation verbessern können. Aber vorher empfehle ich dringend, eine zehnminütige Pause einzulegen. Stehen Sie von Ihrem Stuhl auf, machen Sie ein paar leichte Dehnübungen, kochen Sie Tee oder Kaffee und kommen Sie zurück, um sich für den nächsten Teil zu erfrischen. 7. Verbessere die Animation: Jetzt werden wir die Animation verbessern, indem wir die Keyframes von linearen Keyframes in Easy Ease-Keyframes konvertieren die Keyframes von linearen Keyframes in Easy Ease-Keyframes konvertieren Easyse ist eine Funktion in Aftereffects, die zu flüssigeren und natürlicheren Animationen beiträgt zu flüssigeren und natürlicheren Es funktioniert, indem die Animation zwischen zwei Keyframes schrittweise verlangsamt und beschleunigt wird, wodurch die Bewegung organischer und weniger erschütternd Ich behandle dieses Thema ausführlich in dem kostenlosen Kurs, den ich zu Beginn dieses Kurses erwähnt habe Beginn dieses Kurses Wenn einer von euch mehr darüber erfahren möchte, kann er es sich gerne ansehen. Den Link zum kostenlosen Kurs finden Sie in der Beschreibung unten oder in der PDF-Datei. Das ist im Hauptordner des Kurses, den du von mir heruntergeladen hast. Um also die Keyframes in ESEs umzuwandeln, müssen wir alle Keyframes auswählen Klicken Sie mit der rechten Maustaste auf einen von ihnen. Gehen Sie zum Keyframe-Assistenten und wählen Sie Ess. Oder wir können das Tastenkürzel F neun verwenden. Lass uns das machen und sehen, was wir haben. Wie Sie sehen können, hat sich das Symbol der Keyframes geändert. Lass uns die Leertaste drücken und sehen, wie es aussieht. Inzwischen gibt es einen sehr kleinen Unterschied der Animation, die wir zuvor hatten. Versuchen wir, die Animation noch weiter zu verbessern , indem wir die Geschwindigkeit der Animation im Laufe der Zeit ändern. Wir werden das mit Hilfe des Grafikeditors tun. Mal sehen, wie es geht. Wählen Sie nur die Keyframes dieser Ebene aus, damit wir den Unterschied zu den anderen Ebenen erkennen können Klicken wir nun auf den Diagrammeditor. Klicken Sie dann mit der rechten Maustaste, um sicherzustellen, dass wir uns in der Geschwindigkeitsgrafik befinden. Stellen Sie sicher, dass dieses Symbol ausgewählt ist. Wenn Sie das Diagramm sehen, das sich geringfügig von meinem unterscheidet, klicken Sie hier, und Sie werden alle Schlüsselbilder sehen. Lassen Sie uns ein bisschen herauszoomen. Wählen wir nun erneut die Keyframes aus und ziehen diesen Griff hierher, während Sie die Umschalttaste gedrückt halten. Achten Sie auf die Prozentsätze des Einflusses. Sie sollte bei etwa 88% liegen. Ziehen wir auch die andere Seite bis sie etwa 88% erreicht. Beachten Sie nun das Timing der Animation der gelben Kugel im Vergleich zu den anderen Objekten in der Szene. Die Dauer der Animation hat sich nicht geändert, aber die Geschwindigkeit des Objekts zu Beginn und am Ende der Bewegung hat sich geändert. Dadurch bewegt sich die gelbe Kugel viel interessanter als die anderen Kugeln. Wenden wir diese Bewegung auf alle Objekte in der Szene an. Wie wir bereits gesehen haben, haben wir beim Verschieben der Griffe tatsächlich den Einfluss der Keyframes verändert , der auf beiden Seiten bei etwa 88% lag. Lassen Sie uns lernen, wie Sie den Einfluss genauer ändern können, ohne jedes Mal in den Diagrammeditor gehen zu müssen . Lassen Sie uns zunächst diese Keyframes auf normale EASEs zurücksetzen , indem wir F neun drücken Jetzt ist der Einfluss der Keyframes seinen ursprünglichen Zustand zurückgekehrt Als Nächstes wählen wir sie erneut Anstatt den Diagrammeditor aufzurufen, halten Sie einfach die Alt-Taste und doppelklicken Sie auf einen der Keyframes. Dadurch wird das Keyframe-Velocity-Bedienfeld geöffnet , in dem wir den Einflussprozentsatz eingeben können Beginnen wir damit, ihn am Anfang auf 85% und am Ende auf 85% einzustellen . Klicken Sie auf Okay. Und wenn wir uns das Diagramm ansehen, werden wir feststellen, dass der Einfluss jetzt in allen Keyframes gleich ist jetzt in allen Keyframes gleich Lassen Sie uns nun den Einfluss für alle Keyframes ändern. Tun Sie das nicht mit mir, weil ich etwas Wichtiges erklären möchte zuerst etwas Wichtiges erklären möchte. Es ist wichtig zu beachten, dass wir den Einfluss nur für einen Parametertyp ändern können . Das heißt, wir können nicht alle Keyframes auswählen, die Keyframe-Geschwindigkeit eingeben und sie alle auf einmal auf 85% ändern. Beachten Sie, dass ich zwar alle ausgewählt und geändert habe, wenn wir den Einfluss dieser Keyframes überprüfen, werden wir feststellen, dass er sich nicht wirklich geändert hat Wir können nicht zwei verschiedene Parameter auswählen. Wir müssen entweder den Skalenparameter oder den Rotationsparameter auswählen . Im kostenlosen Kurs lernen wir, wie man mit einem kostenlosen Skript den Einfluss aller Parameter gleichzeitig ändert den Einfluss aller Parameter . Für diejenigen, die das ausprobieren möchten, können Sie sich den Kurs gerne ansehen. Lassen Sie uns in der Zwischenzeit üben, es manuell zu tun. Lassen Sie uns alle Keyframes des Positionsparameters auswählen . Halten Sie nun die Alt-Taste gedrückt und doppelklicken Sie auf einen der Keyframes. Dann ändern wir den Einfluss auf 85% bei 85%, klicken und wiederholen den gleichen Vorgang mit dem Rotationsparameter. Wir wählen diese Keyframes aus, halten die Alt-Taste gedrückt und doppelklicken auf einen der Keyframes Wir werden den Einfluss bei 85% auf 85% ändern und klicken. Lassen Sie uns dasselbe für den Skalenparameter tun. Wir müssen die Keyframes des Skalierungsparameters auswählen, die Alt-Taste gedrückt halten und auf einen der Keyframes doppelklicken. Wir werden den Einfluss auf 85% auf 85% ändern und klicken. Wir müssen dasselbe auch für den Pfad des Buchstabens a tun . Wählen wir also alle Schlüsselbilder des Pfadparameters aus. Halten Sie die Alt-Taste gedrückt und doppelklicken Sie auf einen der Schlüsselrahmen. Wir ändern den Einfluss auf 85% bei 85% und klicken dann auf Okay. Lassen Sie uns zum Schluss sehen, wie alles zusammen aussieht. Es sieht toll aus, die Vorschau zu beenden, wir müssen die Leertaste drücken. Um dann zum Anfang der Timeline zurückzukehren, müssen wir die Home-Taste drücken. Sie nun sicher, dass wir keine Ebene auswählen, drücken Sie dann auf Sie, um alle Ebenen zu schließen. Als Nächstes müssen wir alle versteckten Ebenen wiederherstellen, Shi für alle deaktivieren und mit der Lektion fortfahren, um zu lernen, wie die Animation, die wir erstellt haben, als Lot-Datei gerendert wird. 8. Konvertiere die Animation in LOTIE- und JSON-Dateien: Um also unsere Animation in eine Datei zu exportieren , die für Apps und Websites geeignet ist, müssen wir das kostenlose Lotti-Plug-In installieren Bevor wir das tun, speichern wir das Projekt, indem wir die Steuerelemente drücken Schließen Sie danach das Projekt und fahren Sie mit der Installation des Plug-ins fort. Zuerst müssen wir auf die offizielle Lotti-Website gehen. Sie finden den Link in der Unterrichtsbeschreibung oder im PDF-Dokument im Hauptordner des Kurses, den Sie von mir heruntergeladen haben Oder Sie können bei Google nach Lotti-Dateien suchen und die erste Website besuchen Registrieren Sie sich jetzt auf der Website. Sobald Sie registriert sind, gehen Sie zu Design und wählen Sie Mit After Effects erstellen aus. Jetzt lernen wir zwei verschiedene Möglichkeiten kennen, das Plug-In zu installieren. Die erste Methode verwendet Adobe Creative Cloud, während die zweite Methode für Benutzer ohne Adobe Creative Cloud-Konto geeignet ist . Es ist wichtig zu beachten , dass beide Methoden sowohl für Mac - als auch für Windows-Benutzer identisch sind . Ich werde mit der ersten Methode von meinem PC aus beginnen und dann die zweite Methode mit meinem Macbook zeigen. Beginnen wir mit der ersten Methode und klicken Sie hier. Sie müssen sicherstellen, dass Sie in Ihrem Konto angemeldet sind. Klicken Sie nun auf Verwalten und installieren Sie das Plug-In mithilfe der Creative Cloud-App. Sie können die App von hier aus öffnen oder auf Ihrem Computer danach suchen. Wenn Sie diese App nicht haben, können Sie über den Internetbrowser auf Creative Cloud zugreifen und die Desktop-Version herunterladen. Da ich die App bereits habe, werde ich sie nicht erneut herunterladen. Nachdem Sie die App heruntergeladen und installiert haben, melden Sie sich bei Ihrem Konto an, gehen Sie zu Stock und Marketplace und dann zu Future in. Geben Sie nun in die Suchleiste ein und installieren Sie die Version für After Effects. Klicken Sie und warten Sie einen Moment. Gehen wir nun zur zweiten Methode über. Dieser Vorgang ist sowohl für Mac- als auch für Windows-Benutzer identisch. Als erstes müssen wir hier klicken und die ZXP-Datei herunterladen Wenn wir versuchen, diese Datei zu öffnen, werden wir keinen Erfolg haben. Um diese Datei zu installieren, müssen wir den Extension Manager verwenden. Den Link zum Herunterladen der Erweiterung finden Sie in der Installationsanleitung für Li-Dateien. Wenn wir jetzt nach unten scrollen, sehen wir einen Link zur Anastas Extension Manager-Website Lass uns auf den Link klicken. Laden Sie die Version herunter , die zu uns passt. Da ich das mit meinem Macbook mache, werde ich diese Version herunterladen. Lassen Sie uns nun diese Datei extrahieren und die Zip- oder Win-Datei löschen. Als Nächstes öffnen wir die Erweiterung. Wenn Sie einen Mac verwenden, können Sie Zwei Anwendungsordner verschieben“ markieren. Hier können Sie „Automatisch prüfen“ auswählen. Sie sollten jetzt die Namen der auf Ihrem Computer installierten Adobe-Programme sehen . Wählen wir After Effects. Und jetzt, um das Plug-In zu installieren, müssen wir nur die ZXP-Datei in die Erweiterung ziehen Klicke und warte einen Moment. Klicken Sie dann erneut. Das Plug-In ist jetzt erfolgreich installiert und wir können es in After Effects sehen. Sie können die Erweiterung und andere Fenster schließen und zu unserem Projekt zurückkehren. nach der Installation des Plug-ins zurück zu dem Ordner, Gehen wir nach der Installation des Plug-ins zurück zu dem Ordner, den wir für den erstellt haben , und zum AE-Ordner und öffnen unser Projekt. Sie können dieses Panel jetzt schließen. Als Nächstes öffnen wir das Plug-In. Gehen Sie zum Fenster, dann zu den Erweiterungen und wählen Sie Lottie-Dateien Klicken Sie darauf und das Lottie-Panel wird geöffnet. Jetzt registrieren wir uns über den Browser. Danach können Sie den Browser schließen und zu unserem Projekt zurückkehren. Hier können wir den Namen der Komposition sehen , an der wir gerade arbeiten. Und jetzt klicken Sie auf den grünen Button und warten Sie, bis die Lotti fertig sind Und hier können wir sehen, dass unsere Animation fertig ist. Übrigens können wir dieses Panel von hier aus abrufen und es der Einfachheit halber hier anhängen. Jetzt sehen wir, dass wir eine Fehlermeldung haben. Wenn wir darauf klicken, werden wir die Fehler sehen, die wir haben. Aufgrund dieser Fehler funktioniert die Animation auf den hier angezeigten Geräten nicht. Beginnen wir mit der Behebung des Lottie-Dateifehlers für das Web. Wir können hier zur Komposition zurückkehren und einige Änderungen vornehmen Als erstes löschen wir die Live-Textebenen. Dazu können wir diese Textebenen in Formen mit Pfad umwandeln, wie wir es für den Buchstaben A getan haben. Wir wählen die Ebene aus, die wir ändern möchten. Klicken Sie mit der rechten Maustaste, wählen Sie „Erstellen “ und wählen Sie „ Formen aus Text erstellen“. Jetzt können wir diese Textebene löschen und die Farbe in Rot ändern , um zu wissen, dass diese Ebene zu dieser Gruppe gehört. Machen wir dasselbe für die nächsten beiden Textebenen. Jetzt können wir diese zweite Textebene löschen. Die Farbe muss hier nicht geändert werden, da sie bereits blau ist. Lass es uns noch einmal für diese Ebene machen. Klicken Sie mit der rechten Maustaste, erstellen Sie und wählen Sie Formen aus Text erstellen. Jetzt löschen wir die Textebene und ändern die Farbe in Gelb. Jetzt müssen wir Merge-Pfade loswerden. Nach dem Konvertieren der Textebene in eine geformte Ebene wird ein Parameter namens Merge Paths erstellt , den wir löschen müssen damit die Lottie-Datei funktioniert Zusammenführungspfade finden wir unter Inhalt. Wählen Sie es aus und drücken Sie die Rücktaste oder Löschen. Anstatt jede Ebene manuell zu öffnen, können wir jetzt einfach die entsprechenden Ebenen auswählen Geben Sie jetzt Merge in die Suchleiste und sehen Sie sich alle vorhandenen Zusammenführungspfade im Projekt an. Lass uns sie alle löschen. Und jetzt können wir wieder auf den grünen Pfeil klicken. Wie Sie sehen können, ist die Fehlermeldung verschwunden. Lassen Sie uns nun ein anderes Problem ansprechen, das wir haben. Beachten Sie, dass am Ende der Animation die gesamte Szene still steht. Das heißt, wir haben viele unnötige Frames , in denen wir keine Änderungen sehen. Um dies zu beheben, müssen wir die Dauer unserer Komposition verkürzen. Gehen wir zurück zur Komposition und sehen, wo unsere Animation genau endet. Um genau zu wissen, wo sie endet, müssen wir den letzten Keyframe in dieser Szene finden Dazu müssen wir alle Keyframes im Projekt sehen alle Keyframes im Projekt Frage, welche Taste sollten wir drücken , um alle Keyframes aller Ebenen zu sehen. Um dies zu erreichen, stellen wir sicher, dass wir keine Ebene auswählen, und drücken Sie die U-Taste. Wenn wir das Panel erweitern, werden wir sehen, wo sich die letzten Keyframes befinden. Hier ist es in den sechs Sekunden. Wir müssen den Arbeitsbereich auf die sechs Sekunden verkürzen. Wir können dies manuell tun, indem wir den Arbeitsbereich ziehen oder die Taste N verwenden, wodurch der Arbeitsbereich auf die Position der Zeitanzeige verkürzt wird Position der Zeitanzeige Und wenn wir erneut auf die Schaltfläche Erstellen klicken, werden wir feststellen, dass die Animation jetzt in einer perfekten Schleife abgespielt Okay. Lassen Sie uns nun lernen , wie Sie diese Animation in eine Lotti- oder JSON-Datei rendern Wir werden auch lernen, wie wir eine Vorschau der von uns erstellten Animation in einem Webbrowser oder auf einem Mobilgerät Um die Animation zu rendern, klicken Sie hier und wählen Sie aus, in welchem Format sie gerendert werden soll. Aber vorher wollen wir sehen, wie es im Webbrowser und auf einem mobilen Gerät aussieht . Klicken wir dazu auf Upload. Jetzt sehen wir den Namen unserer Komposition. Hier wählen wir aus, in welchem Ordner wir es auf dem Lotti-Account speichern möchten, für den wir uns angemeldet haben Lass uns auf Upload klicken. Warte ein paar Sekunden. Gehen wir jetzt zurück zur Lotti-Website. Wenn Sie sich bereits angemeldet haben, können Sie hier klicken, zu meinem Dashboard gehen und sich die Animation ansehen, die wir gerade erstellt Lass es uns öffnen und sehen , wie es aussieht. Von hier aus können Sie sehen, wie es auf einem Telefon oder Tablet aussieht , indem Sie einfach die Kamera öffnen und diesen QR-Code scannen. Von dort aus können wir die Animation in eine einfache JS-Datei rendern . Wir können es auch von hier als Lottie-Datei herunterladen , die noch weniger wiegt, und auf Ihrem Computer speichern Lassen Sie uns dies jedoch schließen, da wir die Animation mit After Effects rendern werden Eine weitere wichtige Überlegung vor dem Rendern ist, wie Ihre Animation auf verschiedenen Hintergrundfarben aussehen wird . Sie es wegwerfen, können Sie Anpassungen vornehmen , die Ihren Bedürfnissen am besten entsprechen Durch Drücken dieser Taste können wir die Animation im Vollbildmodus anzeigen Meiner Meinung nach sieht es fantastisch aus. Okay, drücken Sie die Escape-Taste und kehren wir zu After Effects zurück und fahren mit dem Rendern der Animation fort. Lass uns hier klicken und es als JSON-Datei rendern. Wir speichern die Datei in dem Beispielordner, den wir zuvor erstellt haben. Stellen Sie sicher, dass der Name gut ist. Es ist derselbe Name wie die Komposition. Ich bin damit einverstanden, also klicke ich auf Speichern. Lassen Sie uns jetzt unseren Beispielordner öffnen und den Rendervorgang überprüfen. Die Datei ist da und wiegt nur 32 Kilobyte. Jetzt speichern wir es als Lot-Datei. Wir befinden uns bereits im Beispielordner. Diesmal ist die Erweiterung L, was großartig ist. Lass uns auf Speichern klicken. Gehen wir zurück zu unserem Ordner, aktualisieren ihn und wir können sehen, dass die Lotti-Datei 5 Kilobyte wiegt Dies sind die Dateien, die Sie an Ihren Kunden oder an einen Programmierer oder an jeden senden können , der an Ihrer Website oder Anwendung arbeitet wir nun zum Projekt zurück und fahren mit der Lektion fort Was das Plug-In angeht, können wir es entweder hierher ziehen, damit es uns nicht stört. Lassen Sie es vom Panel oder schließen Sie es auf diese Weise. Lassen Sie uns nun unsere Animation für den Austausch in sozialen Medien und in Ihrem Portfolio vorbereiten . 9. Rendere die Animation zum Teilen auf deinem Portfolio!: Um die Animation, die wir erstellt haben, in den sozialen Medien und in unserem Portfolio zu teilen . Wir müssen es in einer MP Four-Datei rendern. Lassen Sie uns nun lernen , wie Sie diese Animation mit einem Hintergrund als hochwertige MP Four-Datei rendern können. Wie Sie sehen können, ist der Hintergrund , den wir hier haben, kein echter Hintergrund. Es ist nur für den Vorschaubildschirm vorgesehen. Um einen echten Hintergrund zu erstellen, müssen wir einen neuen Volumenkörper erstellen , indem wir mit der rechten Maustaste auf diesen grauen Bereich klicken. Wir gehen zu „Neu“ und wählen „Festkörper“. Oder wir können die Tastenkombination Strg Y verwenden. Drücken wir also Strg Y und erstellen eine neue feste Ebene Wählen wir nun die Farbe des Festkörpers. Bevor wir auf Okay klicken, stellen wir sicher, dass der Festkörper die gleiche Größe wie die Komposition hat. Wir können hier klicken , um es zu aktivieren, und jetzt drücken wir auf Okay. Hier ist der Feststoff. Ziehen wir ihn unter alle Ebenen. Vor dem Rendern stellen wir sicher, dass der Arbeitsbereich pünktlich endet , um zu vermeiden, dass unnötige Teile gerendert werden. Und jetzt, um das Video zu rendern, navigieren wir zur Komposition und wählen „Zwei rendern Q hinzufügen“. Wir befinden uns jetzt im Renderfenster von After Effects , wo wir sehen können , welche Komposition wir rendern Hier wählen wir das Dateiformat aus, wir das Video zwei rendern möchten Wir wählen H 0.2 64, was eine MP Four-Datei ist. In den Formatoptionen wählen wir VBR und stellen sicher, wählen wir VBR und stellen dass die Hardwarecodierung ausgewählt ist Hier wählen wir die Qualität des MP Four. Setze es auf 40. Dadurch wird eine etwas größere Datei gerendert, aber mit besserer Videoqualität. Klicken Sie nun und wählen Sie aus , wo das Rendering gespeichert werden soll. Wählen wir den Samples-Ordner aus, den wir erstellt haben, und verwenden wir denselben Namen wie die Komposition für die Datei. Schließlich klicken wir auf Speichern und dann die Render-Schaltfläche, um den Rendervorgang zu starten. Warten wir nun ein paar Sekunden. Und jetzt, um den Renderer zu sehen, können wir den Ordner entweder manuell finden oder im Ausgabemodus auf den Link hier klicken. Dadurch gelangen wir direkt zu dem Ordner, in dem das Video gerendert wird. Lass uns das Video öffnen und sehen, wie es aussieht. Es sieht toll aus. Jetzt können Sie die von Ihnen erstellte Animation in sozialen Medien teilen und auf Ihrer Portfolio-Website anzeigen. Und wenn Ihnen der Kurs gefallen hat, würde ich mich sehr freuen, wenn Sie diesen Kurs nach Ihren Erfahrungen bewerten würden. Vergessen Sie auch nicht, Feedback zu hinterlassen, damit ich weiß, ob Sie im Kurs etwas Interessantes lernen oder nicht. Okay, lass uns zu unserem Projekt zurückkehren. wir zur Komposition zurück, und bevor wir das Projekt beenden, speichern wir es. Drücken Sie die Steuerelemente. Und jetzt kannst du das Projekt schließen und mit mir zur nächsten Lektion gehen, in der wir lernen, wie man eine coole Animation erstellt und sie als E-Mail-Signatur verwendet. Ich bin sehr stolz auf dich. Du hast heute viel gelernt. Sie können Ihre Animation in unserer privaten Community-Gruppe teilen . Und natürlich kannst du mir dort Fragen stellen. Ich verspreche, jede Frage zu beantworten, die Sie haben. Ich hoffe, es hat Ihnen gefallen, und bevor Sie mit der nächsten Lektion beginnen, empfehle ich Ihnen dringend, eine zehnminütige Pause einzulegen. Stehen Sie von Ihrem Stuhl auf, dehnen Sie sich leicht, trinken Sie eine Tasse Kaffee und laden Sie Ihr Gehirn für die nächste Lektion auf. Okay. 10. Abschnitt 1: Projektaufgabe: Ordnung. Und jetzt zur Praxis, was wir gelernt haben. Bitte erstellen Sie diese Animation. Sie können andere Farben als meine verwenden, aber versuchen Sie, die Animation beizubehalten. Diese Aufgabe soll Ihnen helfen, Gelernte zu erinnern und es zu verstehen . Mach dir keine Sorgen. Die Aufgabe wird nicht zu viel Zeit in Anspruch nehmen. Es ist so konzipiert, dass es in nur 2 Stunden erledigt werden kann. Wenn Sie Probleme oder Fragen haben, mich oder Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten M 11. Abschnitt 2: Animierte Gmail-Signatur: Hallo zusammen und danke, dass ihr wieder zu mir gekommen seid. In dieser Lektion werden wir eine supercoole Animation erstellen , die in eine professionelle E-Mail-Signatur umgewandelt wird . Dieses Mal wird unsere Animation aus drei separaten animierten Teilen bestehen. Wir werden den richtigen Arbeitsablauf lernen, wenn an etwas komplizierteren Projekten arbeiten. Diese Lektion ist in sechs Teile gegliedert , in denen wir lernen werden. Im ersten Teil. Wir werden den ersten animierten Teil der Animation entwerfen und lernen, wie man ein einfaches Rig erstellt , mit dem die von uns erstellte Form einfach gesteuert werden kann. Im zweiten Teil. Wir werden lernen, wie man alle Ebenen zu einer Gruppe gruppiert, und wir werden etwas über das Konzept der Vorkomposition lernen. Dann werden wir die Szene im dritten Teil weiter animieren Szene im dritten Wir werden den zweiten animierten Teil der Animation entwerfen und animieren Wir werden einen coolen Effekt verwenden und lernen. Dann werden wir den dritten animierten Teil erstellen und zwischen allen Teilen synchronisieren . Im vierten Teil. Wir werden die Animation, die wir erstellt haben, für das Rendern vorbereiten und lernen, wie man mit Photoshop eine Geschenkdatei erstellt. Im fünften Teil. Wir werden lernen, wie man die Gmail-Signatur mithilfe von Google Docs gestaltet . Wir werden lernen, wie Sie die von uns erstellte Signatur auf das Gmail-Konto übertragen . Anschließend werden wir mögliche Probleme identifizieren , die möglicherweise auftreten, die Probleme lösen und eine geeignete Geschenkdatei exportieren . Im sechsten Teil. Wir werden die von uns erstellte Animation für das Teilen in sozialen Medien vorbereiten und die Animation, die wir erstellt haben, in einer hochwertigen MP Four-Datei rendern . Schließlich werden wir das Projekt organisieren, bevor wir es abschließen. Danach, am Ende der Lektion, erhalten Sie eine kleine Aufgabe, die Sie erledigen müssen. Die Aufgabe soll Ihnen helfen, Gelernte zu erinnern und es zu verstehen . Mach dir keine Sorgen. Die Aufgabe wird nicht zu viel Zeit in Anspruch nehmen. Es ist so konzipiert, dass es in nur 2 Stunden erledigt werden kann. Wenn Sie Probleme oder Fragen haben, mich oder Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten Ordnung. Genug mit dem Gerede. Lass uns anfangen. 12. Beginnen wir mit der Gestaltung der Szene: Lassen Sie uns also zuerst die After Effects-Software öffnen. Wir können dieses Fenster verlassen, das Software-Fenster vergrößern und dieselben Bedienfeld-Layouts sehen. Klicken wir auf Standard. Klicken wir nun auf neue Komposition und erstellen unsere erste Komposition. Wir nennen es Animation für Gmail. Wir arbeiten in einem quadratischen Format von zehn 80 zehn 80 Pixeln bei einer Bildrate von 30 Bildern pro Sekunde. Die Dauer der Komposition wird 10 Sekunden betragen. Wir können die Hintergrundfarbe weiß lassen und klicken. Großartig, jetzt, wo wir unsere erste Komposition erstellt haben, müssen wir das Projekt speichern und ihm einen Namen geben. Gehen wir zu dem Ordner, den wir für die Lektion erstellt haben. Wir gehen in den Ordner A und geben der After Effects-Datei, an der wir gerade arbeiten, einen Namen . Wir können ihr den gleichen Namen geben wie unserer Hauptkomposition. Klicken wir nun auf Speichern. Jetzt importieren wir die Farbpalette in das Projekt. Dazu doppelklicken wir im Projektfenster auf den grauen Bereich. Jetzt finden wir den Ordner, den wir für die Lektion erstellt haben , und rufen den Assets-Ordner auf. Wir wählen die Farbpalette aus und klicken auf Import. Danach ziehen wir die Palette in die Komposition, drücken und setzen die Ebenengröße auf 30. Wir werden es hier platzieren, damit es uns nicht stört. Wir können die Ebene sperren und sie im Ebenenbedienfeld ausblenden. Für diejenigen, die das schüchterne Symbol nicht sehen, können Sie hier klicken. Wählen wir die Ebene als versteckte Ebene und blenden sie aus, indem wir hier auf das Symbol klicken. Dort ist diese Ebene im Ebenenfenster ausgeblendet , aber wir können sie immer noch auf dem Bildschirm sehen. Okay, jetzt fangen wir an , unsere Szene zu erstellen. Als erstes wählen wir das Rechteckwerkzeug aus. Wir werden die Füllung ausschalten. Wir werden den Strich und die dunkle Farbe aus unserer Palette auswählen . Und jetzt erstellen wir das Rechteck, während wir die Umschalttaste gedrückt halten, um eine symmetrische Form zu erhalten. Der Ankerpunkt der Form wird automatisch in der Mitte platziert , da wir diese Funktion in den Einstellungen ausgewählt haben . Für diejenigen, deren Ankerpunkt nicht in der Mitte der Form liegt, können Sie das Ankerpunkt-Werkzeug auswählen und den Ankerpunkt in die Mitte der Form ziehen den Ankerpunkt in die Mitte der , während Sie die Taste gedrückt halten. Vergessen Sie nicht, zum Auswahlwerkzeug zurückzukehren. Lassen Sie uns nun das Raster hervorheben, indem wir die Apostroph-Taste drücken , um die Mitte der Komposition zu sehen Jetzt richten wir die Ebene mit dem Ausrichtungswerkzeug an der Mitte der Komposition aus Klicken Sie hier und hier. Lassen Sie uns nun die Ecken dieser Form frei machen , sodass wir sie einzeln verschieben können. Dazu müssen wir den Pfad dieser Form in einen Bezier-Pfad umwandeln den Pfad dieser Form in einen Bezier-Pfad Lassen Sie uns den Inhalt der Ebene öffnen. Öffnen Sie das Rechteck, bis wir den Pfad des Rechtecks sehen. Klicken Sie mit der rechten Maustaste darauf und wählen Sie Tobi-Pfad konvertieren. Wenn wir nun das Stiftwerkzeug und eine der Ecken auswählen, können wir es wie folgt separat verschieben Jetzt müssen wir ein kostenloses Skript von Aftereffects verwenden. Das wird uns helfen, die Punkte bequemer zu verschieben . Aber bevor wir das Skript verwenden können, müssen wir den Pfad öffnen und auswählen. Jetzt können wir zum Auswahlwerkzeug zurückkehren. Jetzt können wir zum Fenster gehen, nach unten scrollen und das Skript Create Nulls from Paths öffnen Create Nulls from Während der Pfad ausgewählt ist, müssen wir auf Punkte klicken und Pfaden folgen Jetzt können wir das Panel entweder schließen oder hierher verschieben. Wir können das Fenster auch von hier aus schließen. Jetzt haben wir vier Nullen, das sind vier leere Ebenen, denen wir die Ecken unserer Form kontrollieren Lassen Sie uns nun die kleinen Kugeln erstellen, die sich in den Ecken der Form befinden sollen Stellen wir sicher, dass wir keine Ebene auswählen. Klicken und halten Sie das Rechteckwerkzeug und wählen Sie das Ellipsenwerkzeug Lassen Sie uns die Farbe in Blau ändern und den Strich ausschalten. Okay. Wir erstellen die Kugel während wir die Shift-Taste gedrückt halten , sodass sie symmetrisch ist. Okay. Lassen Sie uns jetzt den Namen der Ebene ändern. Wir wählen es aus und drücken die Eingabetaste. Nennen wir es Sphäre eins. Drücken Sie die Eingabetaste, um die Aktion zu beenden. Weil wir den Namen geändert haben. Wir können jetzt die sekundären Namen unserer Ebenen sehen. Um die Namen wieder normal zu sehen . Lass uns hier klicken. Platzieren wir nun die erste Kugel neben der ersten Null. Denn bald werden wir die Ecken der Form von den Kugeln aus steuern und animieren und nicht von den Nullen aus Wählen wir die Null aus, um zu sehen, wo sie sich befindet. Lassen Sie uns nun die Kugel in diesen Bereich verschieben. Kehren wir zu den Auswahlwerkzeugen zurück , damit wir die Ebenen in der Komposition verschieben können, und verschieben wir die Kugel hierher. Unser Ziel ist es, den Ankerpunkt der Kugel so zu platzieren, dass er sich genau in der Ecke der Form befindet . Dazu können wir die Fangfunktion verwenden. Klicken wir hier und aktivieren die beiden Funktionen, die sich daneben befinden Wenn wir nun die Kugel von ihrer Mitte wegbewegen, bewegt sie sich rasend Wir lassen die Maustaste los, wenn wir sehen , dass die Kugel an der gewünschten Stelle platziert wurde Nun duplizieren wir diese Kugel mit dem Tastenkürzel D. Verschieben wir sie ein wenig nach unten und platzieren sie neben dieser Null. Lassen Sie uns der Einfachheit halber auch die Position der Ebene im Ebenenbedienfeld ändern . Nehmen wir es nun aus der Mitte und bewegen es in Richtung der Ecke der Form. Lassen Sie uns die Form erneut mit Steuerung D duplizieren . Verschieben Sie sie an die Position dieser Null und platzieren Sie die Kugel daneben im Ebenenfenster. Jetzt verschieben wir sie in die Ecke der Form. Lassen Sie uns diese Aktion ein letztes Mal wiederholen. Drücken Sie D, um zu duplizieren. Bewege die Kugel an die Ecke der Form und platziere sie neben dieser Null im Ebenenfenster. Jetzt können wir das Einrasten abbrechen und weitermachen. Wie ihr wisst, bewegen wir den Pfad unserer Form mithilfe der Nullen Jetzt möchte ich den Pfad mit den Kugeln und nicht mit den Nullen bewegen mit den Kugeln und nicht mit den Nullen Wir können die Null und die Kugel mithilfe der Parent- und Link-Funktion verbinden Übergeordnete Elemente und Verknüpfungen sind sowohl leistungsstarke Werkzeuge als auch After Effects, mit denen Sie die Bewegung einer Ebene oder Eigenschaft auf der Grundlage der Bewegung einer anderen Ebene oder Eigenschaft steuern Eigenschaft auf der Grundlage der Bewegung einer anderen Ebene oder Eigenschaft Elternschaft ist eine Beziehung zwischen zwei Ebenen, bei der eine Ebene, die das Kind gebunden ist und Bewegung einer anderen Ebene, der übergeordneten Ebene, folgt Wenn Sie eine Ebene einer anderen Ebene überordnen, alle Bewegungen oder Transformationen, die auf die übergeordnete Ebene angewendet werden, auch auf die untergeordnete Ebene angewendet Dies ist nützlich, wenn Sie komplexe Animationen wie Charaktere oder Fahrzeuge erstellen möchten, bei denen sich die Bewegung eines Teils auf die Bewegung eines anderen auswirkt. Beim Verknüpfen handelt es sich dagegen um eine flexiblere Beziehung , mit der Sie eine Eigenschaft oder einen Parameter einer Ebene auf der Grundlage einer anderen steuern können eine Eigenschaft oder einen Parameter einer Ebene auf der Grundlage einer anderen steuern . Ich behandle dieses Thema ausführlich in dem kostenlosen Kurs, den ich zu Beginn dieses Kurses erwähnt habe . Wenn einer von euch mehr darüber erfahren möchte, kann er es sich gerne ansehen. Den Link zum kostenlosen Kurs finden Sie in der Beschreibung unten oder in der PDF-Datei. Das ist im Hauptordner des Kurses, den du von mir heruntergeladen hast. Jetzt müssen wir nur noch Pick-Whip der Null-Ebene auf die Sphären-Ebene ziehen Jetzt können Sie sehen, dass, wenn wir die Kugel bewegen, sie den Pfad bewegt Machen wir dasselbe mit den restlichen Nullen. Wir verbinden Null Drei mit Sphäre Drei. Sorgen Sie dafür, dass es funktioniert. Dann mach dasselbe mit Null zwei und Kugel zwei, Null eins und Kugel eins. Jetzt müssen wir diese Nullen nicht mehr sehen, also können wir sie alle auswählen, indem wir auf ihr Tag klicken, Labelgruppe auswählen und sie alle im Ebenenfenster ausblenden Lassen Sie uns nun die Formebene mit einer beliebigen Farbe kennzeichnen , um sie von den Kugelebenen zu unterscheiden Nachdem wir also unsere Szene erstellt und den Pfad der Form durch die Kugeln gesteuert haben, können wir weitermachen und mit der Animation der Szene beginnen . Okay. 13. Lerne, wie man Schichten gruppiert ( Precomps ): Ordnung. Also lasst uns zuerst alle Kugeln auswählen. Wir wählen die erste Kugel aus, halten dann die Umschalttaste gedrückt und wählen die letzte Kugel aus. Zum jetzigen Zeitpunkt weiß ich, dass die Kugeln in meiner Animation dort platziert werden müssen, wo sie sich gerade befinden. Nehmen wir an, es wird in zweiter Nummer eins passieren. Jetzt drücken wir P, um den Positionsparameter zu öffnen und einen Keyframe zu erstellen. Und jetzt in der zweiten Null, die sich am Anfang der Animation befindet, möchte ich, dass sie von der Mitte aus erscheinen. Wir können sie mit dem Ausrichtungswerkzeug in der Mitte platzieren. Stellen Sie einfach sicher, dass die Ausrichtung der Komposition entspricht, und klicken Sie dann hier und hier. Neue Keyframes wurden automatisch mit der neuen Position der Kugeln erstellt. Was jetzt passieren wird , ist, dass in zweiter Nummer Null die Kugeln hier sein werden und in zweiter Nummer eins werden die Kugeln hier sein. Jetzt, in zweiter Nummer, möchte ich, dass die Kugeln wieder in die Mitte zurückkehren. Wir können das wieder tun, indem wir das Align-Tool verwenden. Großartig, und jetzt wollen wir die Animation verbessern. Frage, wie können wir unsere Animation interessanter machen? Wählen wir dazu alle Keyframes aus und konvertieren sie ganz einfach, indem wir die Taste F neun Jetzt müssen Sie nur noch einen Offset für die Animation der Kugeln erstellen , sodass sie sich nicht alle gleichzeitig bewegen Lassen Sie uns entscheiden, dass die vier Kugeln zuerst angezeigt werden, also wählen wir alle anderen Kugeln aus. Jetzt bewegen wir uns mit der Zeitanzeige vier Frames vorwärts und verschieben die Keyframes hierher. Wir können auch die Keyframes auswählen, die wir in der Zeit verschieben möchten , und sie mithilfe einer coolen Tastenkombination verschieben Wir halten die Alt-Taste gedrückt und verschieben die Keyframes mithilfe der Pfeiltasten auf der Tastatur zur Seite mithilfe der Pfeiltasten auf der Tastatur Machen wir das auch mit diesen Keyframes. Halten Sie die Alt-Taste gedrückt und bewegen Sie die Keyframes mit dem Rechtspfeil um vier Frames vorwärts Okay, lass uns sehen, was wir haben. Sieh süß aus. Lass uns die Dicke des Strichs ganz schnell ändern. Wir wählen die Ebene aus und ändern die Strichstärke auf zehn oder sogar 12. Ja, 12 sieht besser aus. Nachdem wir den ersten animierten Teil fertiggestellt haben und bevor wir weitermachen, gruppieren wir alle Ebenen, die sich auf die Animation des ersten animierten Teils beziehen, zu einer Gruppe In After Effects nennen wir das Precompose. Vorkomposition handelt es sich um eine Technik, die verwendet wird, um Ebenen zu gruppieren und sie als eine einzige Ebene zu behandeln Es ist ein sehr nützliches Tool in After Effects, das Ihre Zeitleiste vereinfachen und Ihnen bei der Organisation Ihres Projekts helfen kann Ihre Zeitleiste vereinfachen und Ihnen bei der Organisation Ihres Projekts helfen Sie können diese vorkomponierte Ebene dann wie jede andere Ebene in Ihrer Komposition behandeln und Effekte, Transformationen und andere Anpassungen darauf anwenden Transformationen und andere Anpassungen darauf Ich behandle dieses Thema ausführlich in dem kostenlosen Kurs, den ich zu Beginn dieses Kurses erwähnt habe zu Beginn dieses Kurses Wenn einer von euch mehr darüber erfahren möchte, findet er den Link zum kostenlosen Kurs in der Beschreibung unten oder in der PDF-Datei. Das ist im Hauptordner des Kurses, den du von mir heruntergeladen hast. Okay, lass uns sehen, wie es gemacht wird. Lassen Sie uns zunächst alle Schlüsselbilder ausblenden. Stellen Sie sicher, dass wir keine Ebenen auswählen und drücken Sie. Lassen Sie uns nun die Nullen zeigen, auf die wir zuvor gestoßen sind , da sie in diesem animierten Teil eine wichtige Rolle spielen in diesem animierten Wählen wir alle Ebenen aus, Ausnahme der Farbpalette da sie nicht Teil dieses animierten Teils Okay, jetzt wählen wir die relevanten Ebenen aus. Klicken Sie mit der rechten Maustaste auf eine davon und wählen Sie „Unterkomponieren“ oder verwenden Sie die Tastenkombination Strg+Shift C. Lassen Sie uns zunächst auf „Unterkomponieren“ klicken. Wir nennen es Animation Underscore One. wir nun sicher, dass beide ausgewählt sind, und drücken Sie OK Wir können den Precomp, den wir erstellt haben, auch im Projektfenster sehen. der Animation hat sich nichts geändert, und wenn wir auf die Precomp doppelklicken, können wir Lassen Sie uns den Hintergrund und das Raster ausschalten. Wir können die Shy-Funktion erneut verwenden , um die Nullen auszublenden und die Lektion fortzusetzen Kehren wir nun zu unserer Hauptkomposition zurück. Wie Sie sehen können, entspricht die Größe dieser Vorkomposition der Hauptkomposition Ich brauche eigentlich nicht, dass dieser Precomp diese Größe hat, weil hier viel Leerraum ist diese Größe hat, weil hier viel Leerraum ist. Ich schalte das Stromnetz aus Da ich nicht all diesen Speicherplatz benötige, muss ich die Größe der Precomp verringern Dazu müssen wir in den Precomp gehen und Um zu den Kompositionseinstellungen zu gelangen, drücken wir Strg K. Stellen wir nun sicher, dass die Vorschau ausgewählt ist, und verringern die Größe Wir ändern es auf 800 mal 800 Pixel. Stellen wir sicher, dass ich es nicht zu klein gemacht habe. Und wenn wir zur Hauptkomposition zurückkehren, werden wir sehen, dass wir jetzt die Größe der Vorkomposition verringern , was unsere Arbeit komfortabler macht Die Precomp, die wir erstellt haben wird automatisch zu einer regulären After Wie jede Ebene und After Effects hat auch die Precomp-Ebene In diesem Fall animieren wir den Skalierungsparameter, um unsere Animation interessanter zu gestalten unsere Animation Um den Skalierungsparameter zu sehen, wählen wir die Ebene aus und drücken Wir können die Farbpalette ausblenden , damit sie uns nicht im Weg steht. Lassen Sie uns nun entscheiden, dass zu Beginn unserer Animation die Größe des Precomp Null sein wird Also erstelle ich einen Keyframe mit diesem Wert. Wenn ich Bild 15 mache, wird diese Ebene auf 100% wachsen. Jetzt wählen wir die Keyframes aus und konvertieren sie mit F nine in ECEs Mal sehen, wie es aussieht. Okay. Lassen Sie uns nun die Größe dieser Ebene verringern, wenn die Animation in dieser Vorkomposition fertig ist Kommen wir zur zweiten Nummer zwei. Wie wir in der vorherigen Lektion gelernt haben, können wir diese Keyframes mit Strg C kopieren und sie mit Strg V an die Stelle der Zeitanzeige einfügen . Nun drehen wir sie um, indem wir mit der rechten Maustaste auf einen von ihnen klicken, gehen wir zum Keyframe-Assistenten und wählen Time-Reverse-Keyframes und wählen Time-Reverse-Keyframes Lassen Sie uns überprüfen, ob das Timing der Verkleinerungsanimation mit der Animation übereinstimmt Ich denke, es sollte hier etwas früher abnehmen . Lassen Sie uns also die Keyframes hierher verschieben. Okay, jetzt schauen wir es uns noch einmal an. In Ordnung. Lass uns weitermachen. Wie Sie sehen können, ist die Animation dieser Ebene hier bereits abgeschlossen. Das heißt, ab der Sekunde sehen wir nichts mehr, aber die Länge dieses Precomps ist sehr Wir brauchen diese ganze Länge nicht wirklich. Lasst uns lernen, wie man den Precomp verkürzt. Wir gehen zum Ende der Animation und ziehen die Ebene ihrer Ecke, oder wir können die Vorkomposition wirklich verkürzen Um das zu tun, müssen wir in den Precomp gehen. Jetzt müssen wir den Zeitpunkt finden, an die Animation fertig ist Dort ist unser letzter Keyframe. Dafür achten wir darauf, dass wir keine Ebenen auswählen und Sie unter Druck Hier ist der letzte Keyframe. Wir platzieren die Zeitanzeige hier und setzen den Arbeitsbereich manuell an die Stelle der Zeitanzeige Oder wir verwenden die Abkürzung, die wir gelernt haben. Drücken Sie. Um nun die gesamte unnötige Länge zu entfernen, müssen wir mit der rechten Maustaste auf den grauen Teil des Arbeitsbereichs klicken und Trim Comp to Work Area auswählen Und hier wurde die Länge kürzer. Und wenn wir zur Hauptkomposition zurückkehren, werden wir feststellen, dass die Länge dieses Vortrags kürzer ist Mal sehen, wie es aussieht. Das Einzige , was noch zu tun ist, ist diese Keyframes an das Ende der Precomp zu verschieben Jetzt möchte ich dieselbe Animation erstellen, aber mit geringfügigen Änderungen in der Farbe der Kugeln und der Dicke des geformten Strichs Wir können die Animation duplizieren und alles tun, was wir geplant haben. Mal sehen, was passiert, wenn ich diesen Precomp über das Ebenen-Panel dupliziere Jetzt rufe ich den Precomp auf und ändere die Farbe einer der Kugeln Wenn ich zur Hauptkomposition zurückkehre, sehe ich, dass sich die Farbe in beiden Vorkompositionen geändert hat, was ich nicht wollte Ich wollte nur die Farbe in diesem Precomp ändern und nicht Okay. Ich drücke Strg Z, um meine Aktionen rückgängig zu machen, und lassen Sie uns sehen, wie das richtig gemacht wird. Was getan werden muss, ist, den Precomp nicht von diesem Panel aus zu duplizieren, sondern über das Projektfenster Falls wir viele Precomps im Projekt haben und wir eine bestimmte finden möchten Wir können mit der rechten Maustaste auf den Precomp klicken, den wir suchen, zu gehen und die Option Ebenenquelle und Projekt einblenden auswählen Jetzt drücken wir Strg D, um diesen Precomp zu duplizieren. Der Precomp befindet sich derzeit nicht in unserer Hauptkomposition, da wir ihn noch nicht dorthin gezogen Wir können das tun, nachdem wir die geplanten Änderungen vorgenommen haben. Lassen Sie uns diesen Precomp vorerst von hier aus eingeben. Wählen wir nun unsere Farbpalette über das Projektfenster aus, um die Farben zu sehen Lassen Sie uns alle Kugeln auswählen und ihre Farben mit der Pipette ändern Lassen Sie uns die rote Farbe aus unserer Palette probieren. Danach können wir die Farbe unseres geformten Strichs in Gelb ändern . Lassen Sie uns auch die Strichstärke auf acht setzen. Wir können den Hintergrund wiederherstellen , um zu sehen, wie er aussieht. Lassen Sie uns nun die Größe der Kugeln in diesem Precomp verringern der Kugeln in diesem Precomp Ich werde alle Ebenen schließen und den Skalierungsparameter nur für diese Ebene anzeigen Sehen Sie, was passiert, wenn wir die Größe dieser Ebene ändern. Da sie mit der Null verknüpft ist und die Null mit dem Pfad verknüpft ist, ruiniert dies das Design der Form. Mal sehen, wie man das richtig macht. Lass uns die Ebene öffnen. Innerhalb der Formebenen. Es gibt zwei Stellen, an denen wir die Größe der Form steuern können . Wir können die Größe der Form mithilfe der grundlegenden Transformationseigenschaften der Ebene selbst steuern . Wir haben jedoch festgestellt, dass es diesmal bei uns nicht funktioniert hat. Zum Glück gibt es in Formebenen auch grundlegende Transformationseigenschaften für die Form innerhalb der Ebene, die als Ellipsenform bezeichnet wird Auf diese Weise wird unsere Form richtig schrumpfen. Wir werden also alle Kugeln durch die Formtransformation verkleinern und nicht die Ebenen Lass es uns auf vielleicht 50 schrumpfen. Oder 80. Ich denke, 60 wären die beste Option. Machen wir dasselbe für den Rest der Sphären. Um die Transformation nicht für jede Kugel manuell zu öffnen, können wir einfach die Ebenen auswählen, die wir verkleinern möchten , Skalierung in die Suchleiste eingeben und dann die Eingabetaste drücken Jetzt sehen wir, dass jede Ebene zwei Skalierungstypen hat die Formen transformieren sich und die Ebenen transformieren sich In unserem Fall verwenden wir die geformte Skala. Schreiben wir hier 60. Jetzt können wir das Wort aus der Suchleiste löschen und weitermachen. Kehren wir nun zu unserer Hauptkomposition zurück und ziehen den neuen Precomp hierher Lassen Sie uns diesen Precomp ausschalten, um den neuen zu sehen. Wie Sie sehen können, verfügt diese Precomp nicht über die Skalierungsanimation, die in der ersten Version vorhanden ist Wir können den Parameter von hier aus auswählen. Auf diese Weise wählen wir alle Schlüsselbilder aus. Drücken wir nun Strg C, um sie zu kopieren. Dann können wir sie auf das neue Pre einfügen. wir Strg V. Drücken wir nun S, um den Skalierungsparameter und die Keyframes zu sehen , die wir gerade eingefügt Beachten Sie, dass die Keyframes an derselben Stelle eingefügt wurden, an der sich die Zeitanzeige befand Lassen Sie uns die Keyframes an den Anfang der Precomp verschieben. Lassen Sie uns abschließend den ersten Precomp wieder einschalten. Ordnung. Lass uns weitermachen. Jetzt erstellen wir einen Offset zwischen diesen beiden Vorkompositionen. Lassen Sie uns diese Ebene auswählen und sie zeitlich vorwärts bewegen . Lass uns sehen, was wir haben. Sieht toll aus. Positionieren wir diese Ebene einfach unter der ersten. Nun, um eine interessantere Animation zu erstellen. Lassen Sie uns eine Rotationsanimation für den ersten Precomp erstellen. Gehen Sie dazu zum Anfang der Animation und drücken Sie R, um den Rotationsparameter zu öffnen Lassen Sie uns nun ein Schlüsselbild mit dem aktuellen Wert erstellen , der einer Drehung um Null Grad entspricht. Am Ende dieser Vorkomposition stellen wir die Ebene so ein, dass sie sich um eine volle Umdrehung dreht Mal sehen, wie es aussieht. Jetzt wählen wir die Keyframes aus und konvertieren sie in EaseS. Sieht jetzt besser aus Lassen Sie uns etwas Ähnliches wie beim zweiten Precomp machen. Wir gehen zum Anfang dieser Precomp, drücken R, erstellen das erste Keyframe und stellen diesmal die Ebene so ein, dass sie sich um 180 Grad Lassen Sie uns die Keyframes auswählen und sie ebenfalls in Asys konvertieren Ordnung. Mal sehen, wie alles zusammen aussieht. Lass es uns nochmal sehen. Sieht nett aus. Lassen Sie uns nun die Ebenen schließen und Timing zwischen den beiden Animationen leicht ändern. Okay. Sieht gut aus. Und wir sind bereit, mit dem nächsten Teil fortzufahren. 14. Gestalte und animiere den zweiten Teil: Lassen Sie uns nun die Animation der fünf rotierenden Kugeln erstellen die Animation der fünf rotierenden Kugeln Geben Sie dazu die erste Vorkomposition ein und kopieren Sie eine der Kugeln und fügen Sie sie in die Hauptkomposition Lassen Sie uns auch die Kugel aus der zweiten Precomp kopieren. Lassen Sie uns jetzt die Precomps ausschalten , damit es uns nicht Lassen Sie uns nun die Animation auf diesen Kugeln löschen. Wählen Sie beide Ebenen aus, drücken Sie auf Sie, wählen Sie die Schlüsselbilder und löschen Sie sie mit der Rücktaste oder der Löschtaste aus den Ebenen Als Nächstes zentrieren wir diese beiden Kugeln mit dem Ausrichtungswerkzeug in der Komposition Stellen Sie sicher, dass die Komposition ausgewählt ist. Dann klicken wir hier und hier. Lassen Sie uns nun die gesamte Szene entwerfen. Lassen Sie uns mit dem Mausrad ein wenig heranzoomen. Für diejenigen, die kein Mausrad haben, können Sie von hier aus die Ansicht vergrößern oder diese Tasten drücken. Okay, lassen Sie uns diese Kugel hierher bewegen , während Sie die Shift-Taste gedrückt halten . Lass uns die blaue Kugel duplizieren und sie hierher verschieben. Lassen Sie uns auch die rote Kugel duplizieren und hierher verschieben. Wählen wir nun beide roten Kugeln mit Shift aus und taggen diese Ebenen und rosa, damit wir leicht zwischen den Kugeln unterscheiden können . Schauen wir uns nun an, wie wir überprüfen können, ob die Abstände zwischen den Kugeln gleich sind. Dazu öffnen wir das proportionale Raster, indem wir die Taste Out und die Apostrophtaste Jetzt müssen wir zu Bearbeiten und dann zu Einstellungen gehen und Raster und Hilfslinien auswählen Hier können wir die Anzahl der Linien im proportionalen Raster ändern die Anzahl der Linien im proportionalen Raster Stellen wir es auf der vertikalen Achse auf acht ein und drücken Sie. Jetzt können wir die Positionen der Kugeln entsprechend dem neuen Raster anpassen . Drücken Sie erneut Salz und die Apostrophtaste , um das Gitter zu schließen Jetzt sind wir bereit, die Kugeln zu animieren. Lassen Sie uns also ein bisschen herauszoomen. Wählen Sie alle Kugeln aus. Und jetzt geh zur zweiten Nummer eins. Drücken Sie P, um den Positionsparameter anzuzeigen und den ersten Keyframe zu erstellen. Gehen Sie nun zur zweiten Null und zentrieren Sie alle Kugeln mit dem Ausrichtungswerkzeug. Stellen Sie sicher, dass wir die Komposition auswählen und klicken Sie hier und hier. Gehen Sie danach zu zweiten zwei und zentrieren Sie die Keyframes erneut mit einer Linie. Lassen Sie uns diese Ebenen nun auf die Position der Zeitanzeige zuschneiden , da dann die Animation dieser Ebenen endet. Dazu verwenden wir die Tastenkombination Alt und die rechte Klammer. Lassen Sie uns nun die Keyframes der Einfachheit halber ändern und ihre Animation mit dem Diagrammeditor anpassen ihre Animation mit dem Diagrammeditor Wählen Sie diese Keyframes aus und ziehen Sie die Griffe hierher. Mal sehen, wie es aussieht. Sieht nett aus. Jetzt platzieren wir die roten Kugeln unter den blauen, schließen die Ebenen und machen weiter. Und jetzt möchte ich allen Kugeln eine Rotationsanimation hinzufügen , wenn sie sich zu den Seiten hin öffnen. Dafür können wir ein Null-Objekt verwenden. In After Effects ist ein Nullobjekt ein Ebenentyp , der nicht gerendert wird oder auf dem Bildschirm erscheint, aber als Referenzpunkt für andere Ebenen in der Komposition verwendet werden kann . Es handelt sich um eine unsichtbare Ebene, mit der Sie die Position, Drehung, Skalierung und andere Eigenschaften anderer Ebenen in der Komposition steuern Drehung, Skalierung können. Einer der Hauptvorteile der Verwendung eines Null-Objekts besteht darin, dass Sie damit mehrere Ebenen gleichzeitig steuern können, anstatt jede Ebene einzeln anpassen zu müssen. Sie können beispielsweise mehrere Ebenen einem Null-Objekt überordnen und dann die Ebenen mit der Null steuern. Ich werde in dem kostenlosen Kurs, den ich zu Beginn des Kurses erwähnt habe, ausführlich über dieses Thema sprechen dem kostenlosen Kurs, den ich zu Beginn des Kurses erwähnt habe, . Für diejenigen, die dieses Thema eingehend verstehen möchten, können sich gerne den kostenlosen Kurs ansehen. Den Link zum Kurs finden Sie in der Beschreibung unten oder in der PDF-Datei im Hauptordner, den Sie von mir heruntergeladen haben. Also lass uns das machen. Wir klicken hier mit der rechten Maustaste, gehen zu neu und wählen Nullobjekt aus. Die Null ist in der Komposition zentriert, und das ist großartig. Jetzt können wir alle Kugeln auswählen und sie mit der Null verknüpfen. Lassen Sie uns die Null auf die Länge der Schichten der Kugeln zuschneiden . Dazu verwenden wir die Tastenkombination Alt und die rechte Klammer. Kommen wir nun zum Anfang der Animation. Drücken Sie R, um den Rotationsparameter der Null anzuzeigen und das erste Schlüsselbild zu erstellen. Gehen wir zur zweiten Zahl zwei über und legen fest, dass in der zweiten die Null eine Umdrehung macht. Was wir gerade getan haben, war, allen Kugeln mit Hilfe der Null eine zusätzliche Animation hinzuzufügen , allen Kugeln mit Hilfe der Null eine zusätzliche Animation . Daher drehen sich alle Kugeln , während sie sich zu den Seiten öffnen. Lassen Sie uns nun diese Keyframes vereinfachen. Lassen Sie uns das Animationsverhalten der Rotation in etwa so ändern der Rotation in etwa so Die Null-Rotation beginnt langsam und nimmt in Richtung des zweiten Keyframes an Geschwindigkeit zu. Mal sehen, was mir gefällt. Nun, damit die Kugeln nicht einfach zufällig auftauchen. Fügen wir der Null eine Skalenanimation hinzu. Wir wählen die Null aus, drücken setzen ihre Größe zu Beginn der Animation auf Null. Gehen Sie nun zur zweiten und setzen Sie sie auf 100 und bei der zweiten Nummer zwei wieder auf Null. Wir ändern die Keyframes auf *** und passen ihr Verhalten mit dem Diagrammeditor Lass es uns noch einmal sehen. Es sieht toll aus. Lassen Sie uns nun unsere Animation mit einem coolen Effekt namens Echo verbessern . Gehen wir zum Bedienfeld mit Effekten und Voreinstellungen. Geben Sie Echo in die Suchleiste und ziehen Sie den Effekt nun auf die Kugel Sie als Nächstes unter Echozeit Wert auf -0,001 30 für die Anzahl der Echos, und ändern Sie sie hier Wenn sich diese Kugel schnell bewegt, werden wir einen coolen Traileffekt sehen Lassen Sie uns nun den Effekt kopieren und in die anderen Kugeln einfügen. Achten Sie darauf, diesen Effekt nicht zu stark zu verwenden , da er Ihren Computer verlangsamen kann. Okay. Es ist ein guter Zeitpunkt, um das Projekt zu speichern, indem Sie weniger auf die Strg-Taste drücken. Wie Sie sehen, springen wir, weil wir den Effekt verwenden, zum Effektfenster , um zum Projektfenster zurückzukehren. Wir können hier klicken oder die Pfeile verwenden und das Projektfenster auswählen. Um eine organisierte Komposition beizubehalten, gruppieren wir nun alle Ebenen, die wir jetzt erstellt haben, zu einer. Wählen wir dazu alle neuen Ebenen aus und drücken Strg Shift C. Nun geben wir dieser Pre-Comp den Namen Spinning Spheres Vergewissern Sie sich, dass beide Optionen ausgewählt sind, und klicken Sie auf. Wir können diese Vorkomposition auch im Projektfenster finden. Ordnung. Lass uns weitermachen. Wenn wir genauer hinschauen, können wir feststellen, dass diese Vorkomposition im Verhältnis zu der Animation, die sie enthält, groß ist im Verhältnis zu der Animation, die sie enthält, groß Lassen Sie uns die Vorkomposition selbst aufrufen und den Hintergrund ausschalten Und jetzt kümmern wir uns darum. Fir drücken Sie Strg K, um auf die Kompositionseinstellungen zuzugreifen. Lassen Sie uns nun die Größe auf 500 mal 500 reduzieren. Klicken Sie und kehren Sie zur Hauptkomposition zurück. Lassen Sie uns nun die graue Kugel erstellen. wir dazu sicher, dass wir keine Ebenen auswählen und wählen das Ellipsenwerkzeug Wählen Sie als Füllfarbe Schwarz und deaktivieren Sie den Strich. Lassen Sie uns nun das Raster hervorheben , indem wir die Apostroph-Taste drücken , um den Mittelpunkt der Komposition zu sehen Lassen Sie uns nun die Kugel erstellen, während Sie die Umschalttaste gedrückt halten Lassen Sie uns sie zentrieren. Wechseln wir nun zum Auswahlwerkzeug. Lassen Sie uns abschließend den Namen der Ebene ändern. Wählen Sie es aus, drücken Sie die Eingabetaste und nennen Sie es große Kugel. Dann drücken wir erneut die Eingabetaste. Lassen Sie uns nun den Skalierungsparameter dieser Ebene aufrufen indem wir S drücken. Wir können diese Ebene ausschalten. Bei der zweiten Null ist die Größe der Kugel Null. Beim zweiten Wert wird die Kugel 100% erreichen. Bei den zweiten beiden kehrt sie auf Null zurück. Lassen Sie uns die Keyframes in*** konvertieren und sie im Diagrammeditor wie folgt anpassen Mal sehen, wie es aussieht. Ich denke, es ist sehr langsam. Mal sehen, wie wir diese Animation beschleunigen können. Nehmen wir an, die Dauer der Kugelanimation soll 1 Sekunde statt 2 Sekunden betragen. Anstatt die Keyframes manuell nacheinander zu verschieben, können wir einfach die Keyframes auswählen, die Alt-Taste gedrückt halten, den letzten Keyframe und ihn an eine andere Position verschieben Auf diese Weise bewegen sich alle Keyframes zusammen, wobei ein gleicher und präziser Abstand zwischen ihnen beibehalten Platzieren wir den letzten Keyframe an der Position der Zeitanzeige und halten gleichzeitig die Umschalttaste gedrückt Auf diese Weise werden die Keyframes an der Position der Zeitanzeige ausgerichtet Diese Animation dauert jetzt 1 Sekunde statt 2 Sekunden. Lassen Sie uns diese Ebene jetzt hier ausschneiden , da dies der Moment ist , in dem die Animation endet und wir die Kugel nicht mehr sehen können. Wir werden die Tastenkombination Alt und die rechte Klammer verwenden. Lassen Sie uns nun die gelbe Welle erzeugen. Zuerst duplizieren wir diese Ebene mit Steuerung D. Dann drücken wir S und ändern den Wert dieses Keyframes auf 200 Jetzt aktivieren wir den Strich in dieser Ebene und färben ihn gelb Schließlich werden wir die Füllung ausschalten. So sieht es vorerst aus. Ich denke, der Strich ist zu dick. Reduzieren wir es auf fünf. Lassen Sie uns diese Ebene nun in der Zeit etwas nach vorne verschieben , um einen schönen Offset zu erzeugen. Mal sehen, wie es aussieht. Es sieht jetzt besser aus. Lassen Sie uns abschließend diese Ebene unter der großen Kugel positionieren. Lass es uns noch einmal sehen. Sieht gut aus. Okay, jetzt benenne diese Ebene in Big Stroke um und markiere sie gelb. Wir können diese Ebene grau markieren. Lassen Sie uns nun Zeit und Synchronisation zwischen allen Animationsteilen durchführen. Die Animation der rotierenden Kugeln ist die erste Animation , mit der das Video geöffnet Deshalb belassen wir sie hier am Anfang der Timeline. Wenn diese Animation fertig ist, beginnt die Animation der großen Kugel. Ziehen wir diese beiden Ebenen hierher. Lassen Sie uns sie aktivieren und sehen, wo wir sie am besten platzieren. Ich denke, hier ist ein guter Zeitpunkt. Mal sehen, wie es aussieht. Von hier aus ist es besser. Okay, jetzt sieht es besser aus. Und danach beginnen wir mit den Animationen der Form. Lassen Sie uns diesen Pre-Comp hierher verschieben und sehen, wie er aussieht. Von hier aus ist es besser Ich finde, es sieht toll aus. Lassen Sie uns abschließend das Quadrat erstellen, das sich hinter der gesamten Szene befinden soll. Jetzt können wir das Grid stornieren. Lassen Sie uns den Hintergrund ausschalten und sicherstellen, dass keine Ebene ausgewählt ist. Dann gehen wir zum Ellipsenwerkzeug, halten gedrückt und wählen das Rechteckwerkzeug Wir aktivieren die Füllung und wählen die weiße Farbe. Dann schalten wir den Strich aus. Lassen Sie uns nun das Quadrat in etwa dieser Größe erstellen , während Sie die Umschalttaste gedrückt halten. Jetzt zentrieren wir es mithilfe einer Linie in der Komposition. Als Nächstes platzieren wir diese Ebene unter allen anderen Ebenen. Ich sehe, dass das Quadrat etwas zu groß geworden ist, also drücken wir S und verkleinern es. Schreiben wir 85. Lasst uns jetzt die Ecken abrunden. Dazu schließen wir die Ebene und öffnen sie erneut, um alle Eigenschaften zu sehen. Wir können die Transformationen schließen. Jetzt öffnen wir den Inhalt, öffnen das erste Rechteck, öffnen den rechteckigen Pfad und hier finden wir den Parameter zum Abrunden der Ecken Setzen wir ihn auf 130. Okay, jetzt schauen wir mal, wie alles zusammen aussieht. Sieht toll aus. Und jetzt sind wir bereit, die Szene zu rendern. Aber vorher empfehle ich dringend, eine zehnminütige Pause einzulegen. Stehen Sie von Ihrem Stuhl auf, machen Sie ein paar leichte Dehnübungen, kochen Sie Tee oder Kaffee und kommen Sie zurück, um sich für den nächsten Teil zu erfrischen. 15. Lerne, ein GIF zu erstellen: In dieser Lektion rendern wir die Szene und konvertieren sie mit Photoshop in eine Geschenkdatei Für diejenigen, die die Photoshop-Software installieren müssen. Wie das geht, erfahren Sie in dem kostenlosen Kurs, den ich bereits erwähnt habe. Den Link zum Kurs finden Sie in der Beschreibung unten oder in der PDF-Datei in dem Ordner, den Sie von mir heruntergeladen haben. Lassen Sie uns unsere Szene für das Rendern vorbereiten. Als Erstes können wir die Farbpalette aus der Komposition löschen Farbpalette aus der Komposition da wir sie nicht mehr benötigen. Wählen wir das Auswahlwerkzeug aus und klicken Sie hier, um die versteckten Ebenen zu sehen. Entsperren Sie nun diese Ebene und löschen Sie sie mit der Rücktaste Als Nächstes müssen wir den Arbeitsbereich bis zum Ende der Animation anpassen , damit wir keine unnötigen Teile rendern Die Animation endet hier. Bringen wir also den Arbeitsbereich hierher, indem wir die Tastenkombination verwenden , die wir durch Drücken der Ende-Taste lernen. Mal sehen, dass alles perfekt läuft. Wie Sie sehen können, haben wir eine perfekte Looping-Animation, was bedeutet, dass das Video reibungslos endet und beginnt Das nächste, worauf wir bei der Vorbereitung einer Animation für die G-Mail-Signatur achten müssen bei der Vorbereitung einer Animation für , ist die Anpassung der Größe unserer Hauptkomposition Wenn wir die Größe unverändert lassen, kann es im nächsten Schritt zu einem Problem kommen. Die Videoränder beeinträchtigen die korrekte Platzierung der Animation in der Signatur. Geben wir daher die Kompositionseinstellungen und passen sie an ihre Größe an. Frage, was ist die Abkürzung für den Zugriff auf die Kompositionseinstellungen. Dazu drücken wir die Taste K und ändern die Größe dieser Komposition. Stellen wir es auf 900 mal 900 Pixel ein. Klicken Sie jetzt und stellen Sie sicher, dass wir es nicht zu stark reduziert haben, was bedeutet, dass die gesamte Animation innerhalb der Kompositionsgrenzen bleibt. Das Letzte, worum wir uns vor dem Rendern kümmern müssen , ist, auf die Collapse-Funktion zu klicken , die sich hier befindet. Für diejenigen, die dieses Symbol nicht sehen, können Sie hier klicken. Lassen Sie mich erklären, was es tut. Ich zoome heran, damit wir uns das genauer ansehen können . Mal sehen, was passiert, wenn ich die Funktion bei diesem Präparat aktiviere . Die Qualität der Objekte wird sich verbessern. Schau dir diese Kugel aus der Nähe an. Lassen Sie uns sie also auf dieser Precomp und auch auf der Precomp mit den rotierenden Kugeln aktivieren dieser Precomp und auch auf der Precomp mit den rotierenden Kugeln Alles scheint in Ordnung zu sein und wir sind bereit zu rendern. Dazu gehen wir zur Komposition und klicken auf Zum Rendern Q hinzufügen. Und jetzt befinden wir uns im Render-Panel Hier sehen wir die Komposition, die wir rendern. Um aus dieser Animation eine G-Mail-Signatur zu machen, müssen wir zuerst ein Geschenk aus dieser Animation erstellen. Also müssen wir zuerst unsere Animation als MOV-Datei mit transparentem Hintergrund rendern . Mal sehen, wie es geht. Lass uns hier klicken und als Format wählen wir Quick Time. Jetzt gehen wir zu den Formatoptionen und wählen im Video-Codec Animation Wir werden klicken. In den Kanälen wählen wir GB Alpha aus. Auf diese Weise klicken wir, nachdem Effect weiß, dass wir das Video mit transparentem Hintergrund rendern möchten . Klicken wir hier und entscheiden, wo das Video gerendert werden soll. Natürlich werden wir unseren Beispielordner wählen. Stellen wir sicher, dass der Name gut ist. Klicken Sie auf Speichern und schließlich auf Rendern. Warten Sie jetzt ein paar Augenblicke. Sobald das Rendern abgeschlossen ist, öffnen wir die Photoshop-Software , denn so verwandeln wir das gerenderte Video in ein Geschenk. Gehen wir zur Datei, klicken auf Öffnen und suchen wir die Animation, die wir gerade gerendert haben. Sie befindet sich natürlich in unserem Beispielordner. Wählen wir die Animation aus und klicken Sie auf Öffnen. Wir werden ein paar Sekunden warten. Dann ist hier unsere Animation. Gehen wir jetzt zur Datei, dann zum Portieren und dann zum Speichern für das Web. Wir werden ein paar Sekunden warten. Okay, hier müssen wir also ein paar Dinge ändern. Zuerst wählen wir hier ein Geschenk aus. Wir werden sicherstellen, dass das Transparenz-Kontrollkästchen aktiviert ist. Bei den Farben können Sie das Maximum auswählen. Dies bedeutet, dass das Geschenk von maximaler Qualität sein wird, die Dateigröße jedoch etwas größer sein wird. Wenn Sie nicht möchten, dass die Datei zu groß ist, wählen Sie 32. Ich wähle 256 aus. Hier werden wir keine wählen. Und weil wir dieses Video in dieser Größe nicht benötigen, können wir für 50% hier klicken, um das Geschenk zur Hälfte zu machen. Warten wir nun, bis der Rendervorgang abgeschlossen ist. Hier können wir sehen, wie viel die endgültige Datei wiegen wird. Wählen wir nun für immer aus und klicken Sie auf Speichern. Wählen wir aus, wo das Geschenk gespeichert werden soll. Speichern wir es in unserem Beispielordner. Der Name scheint angemessen zu sein. Lass uns auf Speichern klicken und ein paar Sekunden warten. Lassen Sie uns jetzt unseren Beispielordner öffnen. Ich werde nur meine Ansicht vergrößern , um sie als Symbole zu sehen, und schon ist das Geschenk fertig. Sieht gut aus. Okay, lass uns zu unserem Projekt zurückkehren. Schließen Sie es vorerst nicht, denn wir werden bald darauf zurückkommen. Lassen Sie uns nun lernen, wie Sie eine professionelle GML-Signatur erstellen mithilfe der von uns erstellten Animation 16. Erstelle eine Gmail-Signatur: Als erstes müssen sie also auf Google Docs zugreifen. Melden wir uns jetzt mit unserem Gmail-Konto an. Wenn dieses Dokument nicht automatisch für Sie geöffnet wird und Sie den Browser auf diese Weise sehen, klicken Sie auf das große Pluszeichen und erstellen Sie ein neues Dokument. Okay, du kannst das jetzt schließen. Nennen wir dieses Dokument nun Gail-Signatur und drücken die Eingabetaste Gehen wir der Einfachheit halber zur Datei und dann zur Seiteneinrichtung Hier wählen wir, dass das Dokument randlos sein soll , und wir werden die Seite mit dieser Farbe einfärben Drücken Sie OK und lassen Sie uns die Signatur vorbereiten. Dazu fügen wir eine Tabelle mit drei Spalten ein und erstellen sie. Jetzt stellen wir sicher, dass sich unsere Textzeile in diesem Teil der Tabelle befindet. Wir gehen erneut zu Einfügen und dann zu Bild und wählen vom Computer hochladen. Lasst uns jetzt unser Geschenk finden. Wir wählen es aus und klicken auf Öffnen, und hier spielt das Geschenk perfekt. Wählen wir nun das Bild aus und gehen wir zu den Bildoptionen. Dann können wir die Größe auf fünf oder sogar drei reduzieren. Wir können das Bild vorerst schließen. Lassen Sie uns als Nächstes diesen Abschnitt stärken und den gewünschten Text hinzufügen. Wenn wir eine Website-Adresse schreiben, müssen wir nach Abschluss des Schreibens die Eingabetaste drücken , damit die Textzeile anklickbar Dann wählen wir den gesamten Text und ändern die Schriftart in Montserrat Diejenigen, die diese Schrift nicht in ihrer Liste sehen, können zu weiteren Schriftarten wechseln, nach dieser Schrift suchen und sie auswählen Oder du kannst in Google Fonts danach suchen. Gehen Sie zur Website, wählen Sie Schriftarten aus und suchen Sie nach der Schriftart. Klicken Sie darauf und laden Sie alle Stile auf Ihren Computer herunter oder klicken Sie auf das Plus-Symbol des gewünschten Schriftstils. wir nun zu unserer Signatur zurück und ändern wir die Schriftart Mont Surat Dann können wir den Titel auf Schwarz ändern. Als Nächstes verkleinern wir diesen Abschnitt und wählen ihn aus , um die Strichstärke auf drei zu erhöhen Um danach die anderen Zeilen der Tabelle zu entfernen, können wir zu den Tabellenoptionen gehen Null in die Ausrichtung eingeben Und wählen Sie Null in Farbe und Tabellenrahmen. Die dicke Linie wird verschwinden, aber das ist kein Problem. Wir können es auswählen und seine Dicke auf drei zurücksetzen. Lassen Sie uns abschließend hier klicken und den Text etwas nach unten verschieben. Wenn wir das Geschenk vergrößern möchten, können wir es auswählen, zu den Bildoptionen gehen und die Größe auf fünf ändern. Sobald wir bestätigt haben, dass alles gut aussieht, können wir damit fortfahren, daraus eine Signatur in G Mail zu machen. Loggen wir uns dazu in unser G-Mail-Konto ein. Öffnen Sie die Einstellungen, klicken Sie auf Alle Einstellungen anzeigen und scrollen Sie nach unten zu Signaturen. Klicken Sie nun auf Neu erstellen und geben Sie ihm einen Namen. Als Nächstes müssen wir die Signatur kopieren , die wir in Google Docs erstellt haben. Wählen wir alles manuell oder verwenden Sie die Tastenkombination Strg A. Drücken Sie nun Strg C, um es zu kopieren. Gehen wir zurück zu den GML-Einstellungen und drücken Strg V, um es einzufügen Wenn Sie weitere Signaturen haben, müssen Sie die neue Signatur auswählen, die Sie erstellt haben Scrollen Sie nun nach unten und klicken Sie auf Sichere Änderungen. Lassen Sie uns abschließend eine neue Nachricht erstellen und sehen, wie die Signatur aussieht. Meiner Meinung nach sieht es nicht gut aus. Die Animation ist im Verhältnis zum Text zu groß. Lass es uns reparieren. Gehen wir dazu zurück zu den Einstellungen und bearbeiten die Signatur. Um die Animation zu verkleinern, müssen wir zurückgehen und sie in Google Docs bearbeiten. Wählen Sie nun das Geschenk aus, öffnen Sie die Bildoptionen, reduzieren Sie es auf drei, verschieben Sie den Text nach oben, indem Sie diese Zeilen löschen, und ich denke, wir sollten ihn auf zwei verkleinern. Lass uns die Linie näher rücken. Wählen Sie nun mit Control A alles aus Es kann geschlossen werden. Drücken Sie dann Strg C, um es zu kopieren. Kehren wir zu den Gmail-Einstellungen zurück, wählen Sie mit Control A alles aus und löschen Sie es. Löschen Sie nun alle leeren Zeilen bis wir den Anfang erreichen. Drücken Sie nun Strg V, um es einzufügen. Scrollen Sie nach unten und klicken Sie auf Änderungen speichern. Lassen Sie uns eine neue Nachricht erstellen und überprüfen, wie sie aussieht. Wie Sie sehen können, ist die Signatur nicht nach links ausgerichtet. Um das zu beheben, müssen wir zu den Einstellungen zurückkehren. Wir wählen unsere Signatur mit Strg A aus und wählen die linke Ausrichtung. Machen wir das noch einmal und jetzt ist die Signatur nach links ausgerichtet. Wir scrollen nach unten und klicken auf Sichere Änderungen. Lass uns eine neue Nachricht erstellen und überprüfen, wie sie aussieht. Es sieht toll aus. Nehmen wir nun an, der Kunde hat beschlossen, etwas an der Animation der Signatur zu ändern . Sie haben uns gebeten, die Farbe des Quadrats im Hintergrund zu ändern , damit es nicht mit der weißen Farbe von Gmail verschmilzt. Mal sehen, wie wir damit umgehen. Als erstes müssen wir zu unserem Projekt und After Effects zurückkehren. Wählen wir nun das Quadrat und auch die Palette im Projektfenster aus die Palette im Projektfenster damit wir die Farben ausprobieren können. Dann ändern wir die Füllfarbe aus unserer Palette in eine hellgraue Farbe. Lassen Sie uns abschließend die Animation erneut rendern. Gehen wir zur Komposition und klicken auf Zu Adobe Render Q hinzufügen. Wir rendern alles mit den gleichen Einstellungen wie zuvor Speichern wir es am Ort der Animation, die wir haben. Wählen Sie nun das Video hier aus und klicken Sie auf Speichern. After Effects werden wir uns fragen, ob wir den alten Render durch den neuen ersetzen möchten, und wir werden ja sagen. Klicken Sie dann auf Rendern und After Effects. Wir werden uns fragen, ob wir uns sicher sind, und wir werden es bestätigen. After Effects kann die Animation jedoch nicht rendern, obwohl wir klicken. Dies liegt daran, dass die Datei, die wir rendern möchten , immer noch in Photoshop geöffnet ist. Also werden wir auf diese Datei klicken und sie schließen, ohne sie zu speichern. Dann werden wir versuchen, es erneut zu rendern. Diesmal verwenden wir die Tastenkombination Control M. Wir werden alle Einstellungen wie zuvor auswählen. Und jetzt wird es funktionieren. Gehen wir zurück zu Photoshop, öffnen unser neues Video und exportieren wir es erneut als Geschenk. Okay. Dieses Mal rendern wir es mit 64 Farben. Wir werden es wie bisher auf 50% reduzieren. Klicken Sie hier, um die Aktion zu aktivieren, warten Sie ein paar Sekunden und speichern Sie dieses Geschenk anstelle des vorherigen. Wir werden es auswählen und auf Speichern und Ersetzen klicken. Gehen wir nun zurück zu Google Docs. Wir wählen das alte Geschenk aus, klicken auf Bild ersetzen und wählen „Vom Computer hochladen“. Wir wählen unser neues Geschenk aus und klicken auf Öffnen. Lassen Sie uns abschließend die Farbe der Seite in Weiß ändern , damit sich die neue Farbe gut vermischt. Wählen wir nun alles mit Control A aus und drücken Control C, um es zu kopieren. Kehren Sie nun zu den G Mail-Einstellungen zurück. Wählen Sie dann hier mit Control A alles aus und löschen Sie es. Löschen Sie nun alle leeren Zeilen, bis wir den Anfang erreichen. Drücken wir nun Strg V. Als nächstes wählen wir mit Strg A die gesamte Signatur aus und richten den Text zweimal nach links aus. Schließlich scrollen wir nach unten und klicken auf Änderungen speichern. Lassen Sie uns nun eine neue Nachricht erstellen und überprüfen, wie sie aussieht. Und hier ist unsere Signatur endlich fertig. Und so sieht es auf G Mail im Dunkelmodus aus. Gehen wir nun zurück zum Projekt und fahren mit der Lektion fort. Sie können Photoshop auch schließen. Diese Datei muss nicht gespeichert werden. Lassen Sie uns zu unserem Projekt zurückkehren, es organisieren und rendern, damit wir es in sozialen Medien oder auf Ihrer Portfolio-Website teilen können. 17. Rendere die Animation zum Teilen auf deinem Portfolio!: Lassen Sie uns nun diese Animation mit einem schönen Hintergrund als hochwertige MP Four-Datei rendern , damit wir sie in den sozialen Medien teilen können. Um einen Hintergrund zu erstellen, erstellen wir einen neuen Volumenkörper mit der rechten Maustaste auf diesen grauen Bereich klicken. Wir gehen zu „Neu“ und wählen „Festkörper“ aus. Wählen wir Weiß als Farbe des Festkörpers. Ziehen wir es unter alle Ebenen. Und wenn Sie die Farbe Ihres Festkörpers in eine andere Farbe aus unserer Farbpalette ändern möchten , müssen Sie Strg+Shift drücken. Dadurch werden die Solid-Einstellungen angezeigt , in denen Sie eine andere Farbe ausprobieren und klicken können. Mir gefällt die vorherige Farbe besser, also drücke ich Strg Z, um die Aktion rückgängig zu machen. Und jetzt, um das Video zu rendern, gehen wir zur Komposition wählen Zwei hinzufügen und rendern Q aus. Diesmal wählen wir das hochwertige MP Four-Preset, das sich hier befindet Wir klicken hier und wählen, ob wir die Datei in dem Samples-Ordner speichern möchten, den wir erstellt haben Für den Namen können wir Nummer eins löschen, klicken Sie auf Speichern und rendern. Um das Rendering anzusehen, klicken Sie auf den Link im Ausgabemodus. Öffne das Video, um zu sehen, wie es aussieht. Es sieht gut aus, aber ich habe mich daran erinnert, dass wir das Video in einer Kompositionsgröße gerendert haben das Video in einer Kompositionsgröße , die für ein Geschenk geeignet war. wir zu unserem Projekt zurück und rendern wir es erneut mit einer Größe, die für soziale Medien geeignet ist. Wenn Sie die letzten Renderings löschen möchten, wählen Sie sie aus und drücken Sie die Rücktaste Okay. Schließen Sie jetzt alles, bis Sie die Hauptkomposition erreicht haben. Wie Sie sehen können, ist die Größe der Komposition zu klein. Drücken wir Strg K, um auf die Kompositionseinstellungen zuzugreifen und die Größe auf zehn 80 Pixel mal zehn 80 Pixel zu erhöhen . Da wir nun die Größe der Komposition erhöht haben, müssen wir den Festkörper entsprechend vergrößern. So können wir das schnell machen. Wählen Sie den Volumenkörper aus, klicken Sie mit der rechten Maustaste, gehen Sie zur Transformation und wählen Sie PitoCM Sie können auch die Tastenkombination für diese Aktion sehen. Klicken Sie darauf und der Festkörper hat jetzt die gleiche Größe wie die Komposition. Rendern wir es nun erneut, indem wir Strg M drücken . Wählen Sie ein qualitativ hochwertiges MP Four-Format. Wählen Sie, ob die Datei am letzten Renderspeicherort gespeichert werden soll. Klicken Sie auf Speichern, ersetzen, Rendern und. Schauen Sie sich das Video jetzt an. Sieht toll aus. Jetzt können Sie die Animation, die Sie in dieser Lektion erstellt haben, in sozialen Medien zeigen und auf Ihrer Portfolio-Website teilen. Und wenn Ihnen der Kurs gefällt, würde ich mich sehr freuen, wenn Sie nach Ihren Erfahrungen bewerten würden. Vergessen Sie auch nicht, eine Bewertung abzugeben, damit ich weiß, ob Sie im Kurs etwas Interessantes lernen oder nicht. Ordnung, lasst uns zu unserem Projekt zurückkehren und lernen wie man das Projektpanel mithilfe von Ordnern organisiert. Ein Ordner wie der, der automatisch erstellt wurde, als wir den Volumenkörper erstellt haben. Stellen wir sicher, dass wir nichts auswählen, klicken auf das Ordnersymbol und ändern den Namen nun in precomps Hier speichern wir alle Precomps, die wir für dieses Projekt erstellt haben, mit Ausnahme Lassen Sie uns es blau markieren und alle anderen Precomps in den Ordner legen , den Jetzt speichern wir die Farbpalette in einem anderen Ordner namens Assets Stellen wir also sicher, dass wir nichts auswählen. Wir erstellen einen neuen Ordner, ändern den Namen in Assets und ziehen die Farbpalette und den festen Ordner in diesen Ordner. Das ist das Ende der Lektion. Speichern wir das Projekt, bevor wir es schließen. Sie können Ihre Animation in unserer privaten Community-Gruppe teilen . Dort kannst du mir auch Fragen stellen. Ich verspreche, alle Ihre Fragen zu beantworten. Ich hoffe es hat dir gefallen. Ich sehe dich in der nächsten Lektion. Aber vorher empfehle ich dringend, eine zehnminütige Pause einzulegen. Stehen Sie von Ihrem Stuhl auf, machen Sie ein paar leichte Dehnübungen, kochen Sie Tee oder Kaffee und kommen Sie zurück, um sich für den nächsten Teil zu erfrischen. 18. Abschnitt 2: Projektaufgabe: Ordnung. Und jetzt zur Praxis, was wir gelernt haben. Bitte erstellen Sie diese Animation. Sie können andere Farben als meine verwenden, aber versuchen Sie, die Animation beizubehalten. Diese Aufgabe soll Ihnen helfen, Gelernte zu erinnern und es zu verstehen . Mach dir keine Sorgen. Die Aufgabe wird nicht zu viel Zeit in Anspruch nehmen. Es ist so konzipiert, dass es in nur 2 Stunden erledigt werden kann. Wenn Sie Probleme oder Fragen haben, mich oder Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten 19. Abschnitt 3: 3D-Animation für lange Videos: Hallo zusammen. In dieser Lektion werden wir eine sehr coole Animation erstellen indem wir die Ebenen in drei D-Ebenen umwandeln und einen isometrischen Kamerawinkel erzeugen Wir werden auch lernen, wie wir unsere Animation in lange Videos für YouTube-Kanäle oder lange Podcasts integrieren lange Videos für YouTube-Kanäle oder lange Podcasts Diese Lektion ist in vier Teile gegliedert. Im ersten Teil. Wir werden den Rahmen im zweiten Teil entwerfen. Wir werden eine Kamera erstellen und lernen wie man einen isometrischen Winkel erzeugt Dann werden wir die Schichten in drei D-Schichten umwandeln. Der dritte Teil. Im rendern einer hochwertigen MOV-Datei mit vierten Teil werden wir unsere Szene animieren und sie in einer hochwertigen MOV-Datei mit transparentem Hintergrund Wir werden lernen, wie man die Animation endlos abspielen lässt. Dann werden wir das Projekt organisieren, bevor wir es schließen. Schließlich werden wir die Animation als hochwertige MP Four-Datei rendern , um sie in sozialen Medien zu teilen. Danach, am Ende der Lektion, erhalten Sie eine kleine Aufgabe, die Sie erledigen müssen. Die Aufgabe soll Ihnen helfen, sich an das Gelernte zu erinnern und es zu verstehen. Mach dir keine Sorgen. Die Aufgabe wird nicht zu viel Zeit in Anspruch nehmen. Es ist so konzipiert, dass es in nur 2 Stunden erledigt werden kann. Wenn Sie Probleme oder Fragen haben, mich oder Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten Ordnung. Genug mit dem Gerede. Lass uns anfangen. 20. Beginnen wir mit der Gestaltung der Szene: Lassen Sie uns zunächst die After Effects-Software öffnen. Wie üblich können wir dieses Fenster verlassen . Klicken wir auf Standard, damit wir alle die gleichen Panel-Anordnungen sehen können. Und jetzt klicken wir auf Neue Komposition, und jetzt definieren wir die Einstellungen für unsere erste Komposition. Wir nennen es Animation für einen Kanal. Auch hier arbeiten wir in einem quadratischen Format von zehn 80 mal zehn 80 Pixeln und mit 30 Bildern pro Sekunde. Die Dauer der Komposition wird 10 Sekunden betragen. Lassen Sie uns abschließend die Hintergrundfarbe der Komposition wählen . Wir wählen eine graue Farbe und klicken. Ich erinnere Sie daran, dass Sie, wenn Sie diesen roten Fehler sehen, die Feststelltaste drücken müssen, um ihn auszuschalten. Ordnung, jetzt klicken wir hier, um den Hintergrund des Vorschaubildschirms zu sehen und das Software-Fenster zu maximieren. Wir können das Projekt jetzt speichern. Suchen wir den Ordner, den wir für die Lektion öffnen. Gehen Sie in den AE-Ordner und geben Sie der Projektanimation einen Namen für einen Kanal. Jetzt importieren wir unsere Farbpalette in das Projekt. Doppelklicken Sie auf den grauen Bereich im Projektfenster. Suchen Sie den Ordner, den wir für die Lektion erstellt haben , und wechseln Sie in den Assets-Ordner. Wir wählen die Farbpalette aus und klicken auf Import. Ziehen wir die Palette in die Komposition, drücken Sie und reduzieren Sie die Größe dieser Ebene auf 30. Positionieren wir es hier und sperren die Ebene und verstecken sie im Ebenenfenster. Für diejenigen, die das Sh-Symbol nicht sehen, können Sie hier klicken. Wählen wir die Ebene als versteckte Ebene aus und blenden sie aus, indem wir auf das hier befindliche Symbol klicken. Lassen Sie uns nun das erste Objekt in der Szene entwerfen, nämlich das blaue Fensterpaneel. Wir werden es mit dem Rechteckwerkzeug erstellen. Wir werden es in der blauen Farbe aus der Palette einfärben. Lassen Sie uns den Strich ausschalten und ein Rechteck erstellen. Jetzt zentrieren wir es mit dem Ausrichtungswerkzeug. Für diejenigen, die dieses Panel nicht sehen, finden Sie es unter Fenster. Okay, also lass uns einmal hier und hier klicken. Lassen Sie uns nun die Ecken des Rechtecks abrunden. Dazu öffnen wir das Rechteck und auch den Rechteckpfad , und hier in der Rundheit ändern wir den Wert auf 40. Jetzt können Sie alle Eigenschaften der Ebene schließen. Drücken wir nun die Eingabetaste, um den Namen in Main Shape zu ändern. Drücken Sie erneut die Eingabetaste, um die Aktion abzuschließen. Kehren wir nun mit der Tastenkombination V zum Auswahlwerkzeug zurück . Lassen Sie uns nun den oberen Teil dieses Fensters erstellen. Das geht am schnellsten , indem Sie diese Form mit Control D duplizieren . Ändern wir nun den Namen der neuen Ebene in Up-Shape Ändern Sie nun die Farbe aus unserer Palette in Dunkelgrau. Dann müssen wir den gesamten unteren Teil dieser Form abschneiden . Wenn wir diese Form von hier wegziehen, funktioniert sie nicht. Um dies auf die richtige Weise zu tun, müssen wir diese Form in einen Bézier-Pfad umwandeln Lassen Sie uns alle Eigenschaften dieser Form öffnen , bis wir zum Pfad selbst gelangen Klicken Sie mit der rechten Maustaste darauf und wählen Sie Tobi-Pfad konvertieren. Jetzt haben wir Punkte, die wir verschieben und ändern können. Ich gehe rein, damit wir näher ran gehen können. In Ordnung. Lass uns weitermachen. Lassen Sie uns diesen Punkt mit der Rücktaste oder der Löschtaste löschen Lösche auch diesen. Lassen Sie uns jetzt die gekrümmten Kanten loswerden . Dazu können wir die Alt- und Control-Tasten gedrückt halten und einmal auf diesen Punkt klicken. Lassen Sie uns dasselbe auch für diesen Punkt tun. Wählen wir nun beide Punkte mit Shift aus und bewegen sie nach oben, während wir die Shift-Taste gedrückt halten. Sieht nett aus. Nachdem wir mit dem Design des oberen Teils fertig sind, zentrieren wir den Ankerpunkt dieser Form in der Mitte. Wie Sie sehen können, befindet es sich nicht in der Mitte der Form. Anstatt das Ankerpunkt-Werkzeug zu verwenden, können wir die erlernte Tastenkombination Control Alt Home verwenden. Und jetzt ist der Ankerpunkt dieser Form in der Mitte zentriert. Lassen Sie uns nun die drei Punkte erstellen, die sich hier befinden. Stellen wir dazu sicher, dass wir keine Ebene auswählen , und klicken und halten Sie das Rechteckwerkzeug und wählen Sie das Ellipsenwerkzeug Wir färben die erste Kugel blau ein. Lassen Sie uns nun ein wenig heranzoomen und die Kugel hier erstellen , während Sie die Shift-Taste gedrückt halten. Um eine weitere Kugel zu erstellen, könnten wir die Ebene selbst duplizieren und verschieben. Aber dieses Mal möchte ich Ihnen eine andere Methode beibringen , sodass sich alle Kugeln auf derselben Ebene befinden. Dazu können wir die Form innerhalb der Ebene duplizieren. Wählen wir hier die Ellipse aus und drücken Strg D. Nun öffnen wir die Eigenschaften der neuen Ellipse und bewegen sie wie folgt durch den Positionsparameter Schließen Sie diese nun und öffnen Sie die Füllung und ändern Sie die Farbe auf Gelb Wir können das jetzt schließen. Jetzt lassen Sie uns diese Kugel erneut duplizieren. Dazu müssen wir den Ellipsenpfad auswählen. Jetzt können wir ihn schließen, die Ellipse hier auswählen und Strg D drücken . Lassen Sie uns die neue Kugel hierher verschieben Lassen Sie uns abschließend ihre Farbe in der Palette auf Rot ändern. Lassen Sie uns nun den Namen dieser Ebene in Kugeln ändern. Lassen Sie uns auch den Ankerpunkt dieser Ebene zentrieren, indem wir Strg Alt Home drücken. Wir haben eine Ebene mit drei Kugeln im Inneren erstellt. Wenn wir nun die Kugeln verkleinern wollen, drücken wir S. Auf diese Weise werden wir sie alle auf einmal verkleinern. Lassen Sie uns die Ebene auf 80 herunterskalieren. Lassen Sie uns nun die Textebene erstellen , die hier sein soll. Dazu nehmen wir das Textwerkzeug und schreiben das Design. Wählen wir nun den gesamten Text aus und klicken Sie hier, sodass alle Buchstaben in Großbuchstaben geschrieben sind. Ich werde den Schriftstil auf hell und die Farbe auf Weiß ändern . Aus irgendeinem Grund hat sich die Schriftart nicht geändert. Wenn Ihnen das auch passiert, suchen Sie hier einfach nach dem Schriftnamen und ändern Sie den Schriftstil von hier aus. Klicken wir nun hier und drücken Sie die Eingabetaste, um die Textzeile zu verlassen. Drücken wir nun V, um zum Auswahlwerkzeug zu wechseln. Als Nächstes ändern wir die Schriftgröße auf 100. Ordnung. Beim zweiten Gedanken werde ich den Schriftstil auf dünn ändern. Lassen Sie uns nun den Ankerpunkt in der Mitte der Ebene zentrieren. Und positionieren Sie diese Ebene in der Mitte dieser Form. Lassen Sie uns dazu das Snapping von hier aus aktivieren. Wir werden die Ebene vom Ankerpunkt ziehen und versuchen, die richtige Position zu finden Hier, das sieht gut aus. Wir können das Snapping jetzt ausschalten. Stellen wir den Vorschaubildschirm so ein, dass er passt, vergrößern Sie dieses Fenster ein wenig und fahren Sie fort Jetzt möchte ich die Form des von uns erstellten Panels ändern. So werden wir das nicht machen können. Es durch die Ecken zu ziehen wird nicht funktionieren , weil es die abgerundeten Ecken ruinieren würde. Frage, was müssen wir tun um diese Form editierbar zu machen? Um das korrekt zu machen, müssen wir den Pfad dieser Form in einen Bezier-Pfad umwandeln , wie wir es zuvor für die obere Form getan haben Jetzt können wir einen der Punkte und dann die unteren Punkte auswählen und die Form des Fensters nach Ihren Wünschen ändern Auf diese Weise werden die abgerundeten Ecken nicht beeinträchtigt. Ich lasse es so wie es war. Bei diesem Prozess ist es wichtig, sich daran zu erinnern , dass wir, nachdem wir den Pfad zu einem Bezier-Pfad geändert haben, die abgerundeten Ecken nicht mehr ändern und kontrollieren können die abgerundeten Ecken nicht mehr ändern und kontrollieren Wie Sie sehen können, ist der Parameter Rundheit hier nicht mehr vorhanden Behalte das einfach im Hinterkopf. Okay, wenn wir mit unserem Design zufrieden sind, wählen wir alle Ebenen aus und testen sie in einer Vorbereitung Wir verwenden die Tastenkombination, die wir gelernt haben, Strg+Shift C. Lassen Sie uns nun dieses Precomp-Fensterfeld mit Unterstrich eins benennen Vergewissern Sie sich, dass beide ausgewählt sind, und drücken Sie. Wie Sie sehen können, ist der Precomp zu groß. Wir haben viel leeren Raum. Lass uns diesen Precomp kürzen. Lassen Sie uns dafür in den Pre-Comp gehen. Wir können hier den Hintergrund ausschalten. Lassen Sie uns nun die Kompositionseinstellungen mit der Tastenkombination Strg K öffnen mit der Tastenkombination Strg K . Schauen wir uns die Vorschau an, damit wir sehen können, was wir tun. Lassen Sie uns nun die Größe dieser Komposition reduzieren. Wir ändern die Breite auf 800 und die Höhe auf 400. Wir geben 400 ein und drücken die Eingabetaste. Das ist ein bisschen zu viel. Gehen wir zurück zu den Kompositionseinstellungen und ändern sie auf 600. Ich denke, 500 ist vielleicht besser. Ja, 500 ist großartig. Lass uns K oder Enter drücken. Wenn wir nun zur Hauptkomposition zurückkehren, können wir sehen, dass die Grenzen dieser Vorkomposition reduziert wurden, und wir sind bereit, mit der nächsten Phase fortzufahren , in der wir den symmetrischen Winkel erstellen werden 21. Kamera- und 3D-Ebenen: Um den isometrischen Winkel zu erstellen, verwenden wir die Kamera von After Effects. Mal sehen, wie es geht Lassen Sie uns zunächst eine neue Kamera erstellen, indem wir mit der rechten Maustaste hier klicken, zu „Neu“ wechseln und Kamera auswählen. Wenn Sie mehr über die Kamera und After Effects erfahren möchten , können Sie sich den kostenlosen Kurs ansehen, den ich zu Beginn dieses Kurses erwähnt habe. Den Link zum kostenlosen Kurs findest du in der Beschreibung unten oder in der PDF-Datei im Hauptordner, den du von mir heruntergeladen hast. Ordnung. Lass uns weitermachen. Als Typ wählen wir eine Kamera mit zwei Knoten, und hier wählen wir 50 Millimeter. Dann werden wir klicken. Lassen Sie uns nun die Kameraoptionen von hier aus öffnen. In Zoom werden wir 10.000 schreiben. Jetzt öffnen wir Transform und ändern den Wert in Position auf -10.000 Und jetzt schließen wir die Ebene. Als Nächstes werden wir eine neue Null erstellen. Wir werden die Kamera mit der Null verknüpfen. Wir können den Kollaps für die Null-Ebene aktivieren und die Ebene ausschalten, weil wir sie nicht wirklich sehen müssen. Wir werden nur die Transformationseigenschaften dieser Ebene verwenden. Vorher ist es jedoch sehr wichtig, diese Ebene in eine Drei-D-Ebene umzuwandeln diese Ebene in eine Drei-D-Ebene , damit sie mit der Kamera funktioniert. Jetzt ändern wir hier die Ausrichtung auf 45. Hier 35. Und 30 hier. Lass uns alles schließen. Jetzt müssen wir nur noch unsere Pre-Comp-Ebene in eine Drei-D-Ebene umwandeln , sodass die Kamera sie sehen und mit ihr interagieren kann . Da ist sie Wir haben eine Kamera mit einem isometrischen Winkel entwickelt. Lassen Sie uns nun zwei zusätzliche Vorkompositionen der Fensterpaneele erstellen Vorkompositionen der Fensterpaneele Aber wie wir gelernt haben, müssen wir, um die Precomp so zu duplizieren , dass wir Änderungen vornehmen können ohne die ursprüngliche Vorversion zu beeinflussen, die Vorkomposition , ohne die ursprüngliche Vorversion zu beeinflussen, die Vorkomposition über das Projektfenster duplizieren Suchen wir diese Vorkomposition im Projektfenster, indem wir mit der rechten Maustaste klicken und „ Einblenden “ und dann „Ebenenquelle und Projekt einblenden“ auswählen dann Drücken wir nun Strg D , geben wir die neue Vorkomposition ein und ändern den Text Lassen Sie uns nun diese Präkomposition erneut duplizieren und den Text in der neuen Präkomposition in Motion ändern wir nun zur Hauptkomposition zurück und ziehen die beiden neuen Vorkompositionen in unsere Szene. Da es sich bei diesen beiden Ebenen nicht um drei D-Ebenen handelt, werden sie von der Kamera nicht erkannt Klicken wir hier und konvertieren diese Ebenen in drei D-Ebenen. Kehren wir abschließend zum Auswahlwerkzeug zurück. Wenn ich nun diese Ebene hierher und die Ebene dorthin verschiebe , werden wir alle Ebenen aus dem isometrischen Winkel sehen alle Ebenen aus dem isometrischen Winkel Okay, drücken wir Strg Z und lassen Sie uns jetzt das Sehen beenden. 22. Animiere die Szene und rendere sie: Animieren wir zunächst diese Ebene oben und die untere nach unten Wir lassen das mittlere Fensterfeld an seinem Platz, ohne es zu bewegen Wählen wir diesen aus und während wir die Taste gedrückt halten, wählen wir auch diesen aus. Drücken wir nun P, um den Positionsparameter aufzurufen. Zu diesem Zeitpunkt werden wir festlegen, dass sich diese Ebenen hier befinden werden. Eine zweite Nummer eins, wir werden nur diese Ebene auswählen. Öffne das Raster und ziehe es hierher. Wählen wir nun die unterste Ebene aus und ziehen sie hierher. Bei zweiter Nummer zwei möchte ich, dass beide Ebenen an ihre ursprünglichen Positionen zurückkehren. Kopieren wir also einfach diesen Keyframe und fügen ihn hier ein. Das Gleiche gilt für diese Ebene. Mal sehen, wie es aussieht. Jetzt möchte ich, dass sich diese Fenster drehen , wenn sie sich bewegen. Dieses Mal werden wir auch das Fensterpaneel dazwischen verschieben. Wählen wir all diese Ebenen mit Shift aus und drücken R, um den Rotationsparameter aufzurufen. Weil es sich bei diesen Schichten um dreidimensionale Schichten handelt. Wir haben unterschiedliche Rotationsachsen. Wir können die Ebenen auf der X-Achse drehen. Auf der Y-Achse sieht es so aus. Es sieht so aus, auf der Z-Achse sieht es so aus. Zu diesem Zeitpunkt, zu Beginn der Animation bei der zweiten Zahl Null, sollten sich also Beginn der Animation bei der zweiten Zahl Null, alle Ebenen auf diesem Wert auf der Z-Achse befinden. Dann werden wir in der nächsten Sekunde, wenn sie bereits geöffnet sind, wenn sie bereits geöffnet sind, alle Ebenen um 90 Grad drehen. Jetzt, in der zweiten Nummer zwei, werden sie wie am Anfang auf Null zurückkehren . Wählen wir nun alle Ebenen aus und drücken Sie auf Sie, um alle Keyframes zu sehen, die wir bisher erstellt haben. Lassen Sie uns nun unsere Animation mit *** und dem Diagrammeditor verbessern . Klicken wir zunächst hier, um diese Ebene zu isolieren, sodass wir nur sie sehen können. Wählen wir nun alle Keyframes aus und drücken F neun, um sie in*** zu konvertieren Lass es uns noch einmal sehen. Lassen Sie uns nun die Art und Weise ändern, wie sich diese Animation im Laufe der Zeit bewegt . Mal sehen, was ich meine. Wählen Sie zunächst die Keyframes für den Positionsparameter aus und gehen Sie zum Diagrammeditor. Wählen wir nun die mittleren Schlüsselbilder und ziehen Sie die Griffe wie folgt. Jetzt steigt die Ebene schnell an, macht eine kleine Pause, wenn sie in der Luft ist und kehrt dann schnell zu ihrer ursprünglichen Position zurück. Danach wählen wir die Schlüsselbilder des Rotationsparameters aus und führen die umgekehrte Aktion aus. Wir sorgen dafür, dass sich die Ebene langsam dreht und auch langsam zurückkehrt. Falls Sie die Grafik nicht wie ich sehen, klicken Sie mit der rechten Maustaste und stellen Sie sicher, dass Sie sich in der Geschwindigkeitsgrafik befinden. Okay. Lassen Sie uns den Grafikeditor verlassen und sehen, wie er aussieht. Ich liebe es. Lassen Sie uns jetzt dasselbe für die unterste Ebene tun. Wählen Sie diese Vorkomposition aus und drücken Sie auf Sie, um die Schlüsselbilder zu sehen. Dann wählen wir alle Keyframes und konvertieren sie in ECEs Jetzt müssen wir die Keyframes für die Position wie folgt anpassen Keyframes für die Position wie folgt Und die Drehung, um sich so zu verhalten. Mal sehen, wie es aussieht. Wählen wir nun die mittlere Ebene aus, drücken Sie auf Sie, um ihre Schlüsselbilder zu sehen, und blenden Sie alle Ebenen ein, um sie alle zu sehen Jetzt wählen wir alle Schlüsselbilder dieser Ebene aus. Ändern Sie sie mit F nine in Ess und passen Sie die Ziehpunkte im Diagrammeditor wie folgt an. Mal sehen, wie alles zusammen aussieht . Es sieht ausgezeichnet aus. Lassen Sie uns nun einen schönen Offset für alle Ebenen erstellen, um eine interessantere Animation zu erstellen. Aber dieses Mal werden wir die Keyframes nicht auf diese Weise verschieben , da die Ebenenanimationen dann zu unterschiedlichen Zeiten enden. In unserem Fall möchte ich diesmal, dass alle Fensterpaneele gleichzeitig an ihre ursprüngliche Position zurückkehren . In unserem Fall reicht es daher aus, nur die Keyframes des Rotationsparameters dieser Ebene hierher und die Keyframes dieser Ebene hierher zu verschieben des Rotationsparameters dieser Ebene hierher . Lass es uns sehen. Okay, ich denke, wir müssen das ein bisschen verschieben. Wir können diesen Keyframe auch ein wenig verschieben. Lassen Sie uns nun eine Schattenüberlagerung für diese Fenster erstellen. Dazu können wir einen Effekt namens Levels verwenden. Ziehen wir diesen Effekt auf die mittlere Ebene und ändern den Weißwert für die Ausgabe auf 200. Vielleicht 209. Kopieren wir nun den Effekt und fügen ihn in die unterste Ebene und ändern auch hier den Ausgabe-Weißwert. Unser Ziel hier ist es, eine Schattenillusion zu erzeugen. 170 sieht gut aus. Ordnung. Lass uns das Stromnetz ausschalten. Wir können auch die Ebenen schließen und schauen, wie alles zusammen aussieht. Nun wollen wir sehen, wo diese Animation endet. Dazu müssen wir sehen, wo sich der letzte Keyframe in dieser Szene befindet Stellen wir sicher, dass keine Ebene ausgewählt ist, und drücken Sie, um alle Keyframes aller Ebenen zu sehen Die Animation in dieser Szene endet mit der zweiten Nummer zwei. Stellen wir uns hier mit der Zeitanzeige hin und drücken , um den Arbeitsbereich auf die Position der Zeitanzeige zu verkürzen . Sehen wir uns nun unsere Animation ein paar Mal an. Okay. Ich denke, die Animation bewegt sich sehr schnell. Mal sehen, wie wir alle Keyframes verlangsamen und die Animation 3 Sekunden statt 2 Sekunden abspielen lassen können die Animation 3 Sekunden statt 2 Sekunden abspielen Lassen Sie uns dafür den Arbeitsbereich vorerst hierher verschieben. Platzieren wir nun die Zeitanzeige auf der zweiten Nummer drei. Jetzt wählen wir alle unsere Keyframes aus. Halten Sie die ULT-Taste gedrückt und ziehen Sie einen der letzten Keyframes zur Seite Damit die Keyframes an der Position der Zeitanzeige angezeigt werden, müssen wir die Umschalttaste drücken Drücken wir nun erneut, um den Arbeitsbereich auf die neue Position der Zeitanzeige zu verkürzen neue Position der Zeitanzeige Mal sehen, wie es jetzt aussieht. Ich denke, es ist viel besser. Jetzt sind wir bereit, die Animation zu rendern, die wir erstellt haben. Aber vorher drücken wir Sie, um alle Keyframes zu schließen Lassen Sie uns die versteckten Ebenen einblenden und die Ebene der Farbpalette löschen Schalten Sie dann den Hintergrund des vorherigen Bildschirms aus. Drücken wir nun Control M. Im Ausgabemodul wählen wir Quick Time. Hier in den Formatoptionen wählen wir Animation. Lass uns auf Kanäle klicken und sie eingeben. Frage, was müssen wir hier wählen, um das Video ohne Hintergrund zu exportieren. Wir müssen GB plus Alpha auswählen. Lassen Sie uns klicken und wählen, ob wir es in unseren Beispielordner rendern möchten. Wir haben bereits eine Datei im MOV-Format gerendert, sodass wir dieses Video hier sehen können. Stellen wir sicher, dass der Name korrekt ist, klicken wir auf Speichern und rendern. Sie können hier klicken , um das Rendering zu sehen. Und jetzt wollen wir lernen, wie wir die Animation, die wir gerendert haben, in ein langes Video integrieren können . Kehren wir also zu unserer Hauptkomposition zurück. Bringen Sie das Projektpanel zurück. Von hier aus können wir bereits alle offenen Precomps schließen. Lassen Sie uns auch das Effektfenster schließen und schon können wir weitermachen 23. Spiele Endlesley für lange Videos: Um zu sehen, wie wir das in ein langes Video integrieren können Lassen Sie uns mit dem Tastenkürzel Control eine neue Komposition erstellen . Wir werden es Video für einen Kanal nennen. Lassen Sie uns die Abmessungen auf 1920 mal zehn 80 Pixel einstellen, die Bildrate bei 30 belassen und die Dauer auf 5 Minuten ändern. Lassen Sie uns nun den Hintergrund auf Schwarz ändern und drücken. Nehmen wir nun an, wir arbeiten gerade an einem völlig neuen Projekt. Verlassen wir also diese Komposition und importieren das lange Video des CT, das sich in unserem Assets-Ordner befindet, hier. Ziehen wir das Video in unsere Komposition, und hier sehen wir das gesamte Video. Lassen Sie uns nun den Arbeitsbereich bis zum Ende des Videos zuschneiden. Wir werden alle unnötigen Teile herausschneiden, indem wir mit der rechten Maustaste auf den Arbeitsbereich klicken und dann Trim Comp to Work Area auswählen Stellen wir uns nun vor, dass dies ein Video ist, das wir auf einen unserer Social-Media-Kanäle hochladen möchten, und wir möchten ihm, sagen wir, eine Logoanimation hinzufügen ihm, sagen wir, eine Logoanimation hinzufügen Lassen Sie uns anhand der Animation, die wir erstellt haben, lernen, wie wir die Animation bis zum Ende des Videos nahtlos abspielen können die Animation bis zum Ende des Videos nahtlos abspielen . Lassen Sie uns also zunächst unser Rendering importieren. Wir können es im Samples-Ordner finden, es auswählen und auf Import klicken. Ziehen wir nun das Rendering in die Komposition über der Videoebene. Dort sehen wir, dass das Video tatsächlich ohne Hintergrund ist , was hervorragend ist. Da die Dauer der Animation jedoch nur 3 Sekunden beträgt, sehen wir diese Ebene an dieser Stelle nicht mehr. Ich benötige diese Animation, damit sie bis zum Ende meines Videos abgespielt wird. Lassen Sie uns unsere Timeline ein wenig vergrößern und sehen, wie das geht. Da unsere Animation in einer perfekten Schleife abgespielt wird, d. h. sie endet und beginnt genau an derselben Stelle, können wir einen coolen Trick verwenden, um sie endlos abzuspielen Dazu müssen wir die Zeitanzeige hier platzieren, während wir die Umschalttaste gedrückt halten Wir können die Videoebene vorerst ausschalten. Klicken wir nun mit der rechten Maustaste, gehen zur Zeit und wählen „Zeit-Neuzuordnung aktivieren Jetzt müssen wir sicherstellen, dass die Zeitanzeige einen Frame vor den Keyframes steht, die wir sehen Wenn Sie auf den Keyframes stehen, verschieben Sie das Bild auf diese Weise um ein Bild zurück Und jetzt werden wir zu diesem Zeitpunkt einen weiteren Keyframe erstellen , indem wir hier klicken Jetzt müssen wir diesen Keyframe löschen. Und jetzt werden wir einen Ausdruck für diese Keyframes erstellen. Expression ist ein Code, mit dem Sie automatisieren und steuern verschiedene Eigenschaften Ihrer Animation Es ist ein leistungsstarkes Tool, mit dem Sie komplexe Animationen erstellen können, ohne jedes einzelne Element manuell mit Keyframes versehen zu müssen jedes einzelne Element manuell mit Keyframes versehen Um einen neuen Ausdruck zu erstellen, müssen wir die Alt-Taste gedrückt halten und auf die Stoppuhr des Time-Remap-Parameters klicken auf die Stoppuhr des Time-Remap-Parameters Dadurch wird der Ausdruckszeilencode geöffnet. Mach dir keine Sorgen. Wir müssen nichts schreiben. Wir werden einen eingebauten Ausdruck verwenden. Um dies zu tun, klicken wir hier auf den kleinen Pfeil. Gehen Sie zur Eigenschaft und wählen Sie diesen Ausdruck. Um die Aktion zu beenden, klicken wir hier auf die Seite. Wir können einen Schritt zurücktreten und diese Ebene nun bis zum Ende der Komposition erweitern . Nun, alles, was zwischen diesen Keyframes passiert, was im Grunde unsere gesamte Animation ist wiederholt sich bis zum Ende der Komposition, und da haben Sie sie, unsere Animation wird endlos abgespielt Wir können das Video jetzt wieder einschalten, und jetzt drücken wir S und verkleinern die Ebene Lass es uns hier zur Seite verschieben. Wir können es noch ein bisschen verkleinern. Drücken wir die Apostroph-Taste, um das Raster zu sehen. Dadurch können wir viel einfacher wissen, wo die Animation platziert werden soll Und hier auf dieser Seite können Sie die Adresse Ihrer Website hinzufügen. Sie können es hier platzieren. Lass uns das Netz schließen. Im Grunde haben wir also eine Animation erstellt , die das Logo Ihres Kanals sein kann und bis zum Ende Ihres Videos abgespielt werden kann. Okay. Lassen Sie uns jetzt wieder die Endlosschleife erstellen. Aber dieses Mal verwenden wir die Komposition dieser Animation anstelle der gerenderten Datei. Lassen Sie uns unsere Renderdatei ausschalten und unsere Hauptkomposition namens Animation für einen Kanal einfügen . Aber vorher geben wir es ein und kürzen den Arbeitsbereich bis zum Ende der Animation weil wir den Rest der Timeline nicht benötigen. Andernfalls funktioniert der Ausdruck nicht. Klicken Sie also mit der rechten Maustaste und wählen Sie Trim Comp to work area. wir nun zur Videokomposition zurück und ziehen die Animation hierher, genau wie wir es mit der gerenderten Datei getan haben Wir müssen die Zeitanzeige hier platzieren , während wir die Umschalttaste gedrückt halten. Klicken wir nun, gehen wir zur Zeit und wählen „Zeit-Neuzuordnung aktivieren Wir müssen sicherstellen, dass die Zeitanzeige einen Frame vor den Keyframes steht , die wir sehen Jetzt erstellen wir zu diesem Zeitpunkt einen zusätzlichen Keyframe , indem wir hier klicken. Jetzt können wir den letzten Keyframe löschen und bei gedrückter Alt-Taste auf die Stoppuhr des Time-Remap-Parameters klicken Klicken wir nun hier auf den kleinen Pfeil, gehen zur Eigenschaft und wählen diesen Ausdruck Um die Aktion zu beenden, klicken wir hier auf die Seite. Wir können die Ansicht verkleinern und diese Ebene nun bis zum Ende der Komposition erweitern. Jetzt fragen Sie sich vielleicht, warum wir das nicht von Anfang an gemacht haben. Warum mussten wir es als MOV-Datei ohne Hintergrund rendern und die Komposition selbst nicht verwenden Der Grund dafür ist, dass die Verwendung der Originalkomposition Ihren Computer und Ihren Bearbeitungsablauf verlangsamt . Vor allem, wenn Sie an langen Videos arbeiten, z. B. an Bildschirmaufnahmen von Computerspielen oder Podcasts Daher empfehle ich nicht , Kompositionen direkt zu verwenden Es ist besser, Ihre Animation zu rendern und die MOV-Dateien in Ihren Videobearbeitungsprojekten zu verwenden . Okay, also werde ich diese Komposition hier platzieren. Und bevor wir fertig sind, organisieren wir das Projektpanel. Stellen wir zunächst sicher, dass wir nichts auswählen, und erstellen einen neuen Ordner namens Assets in dem wir den Solid-Ordner, die Farbpalette, das Video und das Rendern unserer Animation ablegen die Farbpalette, das Video . Als Nächstes stellen wir erneut sicher, dass wir nichts auswählen, und erstellen einen weiteren Ordner namens prep Wir werden alle Vorkompositionen, die wir im Projekt erstellt haben, hineinlegen , mit Ausnahme der Hauptkomposition, die wir Jetzt können wir diese Komposition von hier aus schließen. Lassen Sie uns diese Animation nun als hochwertige MP Four-Datei rendern als hochwertige MP Four-Datei , die wir in sozialen Medien teilen können. Aber vorher erstellen wir einen Hintergrund. Um die Palette zu sehen, öffnen wir den Assets-Ordner und wählen die Palette aus, damit wir sie von hier aus sehen können. Lassen Sie uns nun den Festkörper erstellen und ihn in dieser Farbe einfärben. Wir klicken auf Okay, verschieben diese Ebene unter alle Ebenen und drücken nun Strg M. Wir können hier das vorherige Rendern sehen. Wir können es jetzt schließen. Das ist der neue Render. Wählen wir H 0.2 64 40 MBPS, und jetzt entscheiden wir uns es in den Samples-Ordner zu rendern. Wir löschen die Nummer eins aus dem Namen und klicken auf Speichern und rendern. Mal sehen, was wir haben. Sieht ausgezeichnet aus. Jetzt können Sie die von Ihnen erstellte Animation in sozialen Medien teilen und auf Ihrer Portfolio-Website veröffentlichen. Wenn Ihnen der Kurs gefallen hat, würde ich mich sehr freuen, wenn Sie diesen Kurs nach Ihren Erfahrungen bewerten könnten . Vergiss auch nicht, eine Bewertung abzugeben, damit ich weiß, ob du im Kurs etwas Interessantes lernst oder nicht. In Ordnung, drücken wir die Esc-Taste, um das Video zu verlassen. Wir kehren zum Projekt zurück, verlassen es von hier und schließen es. , es zu speichern, bevor Sie das Projekt schließen Vergessen wir nicht, es zu speichern, bevor Sie das Projekt schließen. Drücken wir die Strg-Taste, und das ist das Ende der Lektion. Ich hoffe es hat dir gefallen. Sie können Ihr Video gerne in unserer privaten Community-Gruppe teilen Ihr Video gerne in unserer privaten Community-Gruppe und mir dort natürlich Fragen stellen. Ich verspreche, dass ich alle Ihre Fragen beantworten werde. Wir treffen uns in der nächsten und letzten Lektion dieses Kurses, in der wir eine spannende Loader-Animation erstellen und schauen, wie wir sie auf unserer Portfolio-Website wie eine Prosa präsentieren können unserer Portfolio-Website wie eine Prosa Aber vorher empfehle ich dringend, eine zehnminütige Pause einzulegen Stehen Sie von Ihrem Stuhl auf, machen Sie ein paar leichte Dehnübungen, kochen Sie Tee oder Kaffee und kommen Sie zurück, um sich für den nächsten Teil zu erfrischen. 24. Abschnitt 3: Projektaufgabe: Ordnung. Und jetzt zur Praxis, was wir gelernt haben. Bitte erstellen Sie diese Animation. Sie können andere Farben als meine verwenden, aber versuchen Sie, die Animation beizubehalten. Diese Aufgabe soll Ihnen helfen, Gelernte zu erinnern und es zu verstehen . Mach dir keine Sorgen. Die Aufgabe wird nicht zu viel Zeit in Anspruch nehmen. Es ist so konzipiert, dass es in nur 2 Stunden erledigt werden kann. Wenn Sie Probleme oder Fragen haben, mich oder Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten 25. Abschnitt 4: Loader-Animation für dein Portfolio: S S Hallo zusammen. In dieser Lektion werden wir eine supercoole Loader-Animation erstellen und lernen, wie wir sie auf unserer Portfolio-Website präsentieren können. Diese Lektion ist in vier Teile gegliedert. Im ersten Teil. Wir werden die Szene entwerfen und beginnen, sie zu animieren. Im zweiten Teil Wir werden fortgeschrittene Methoden lernen , um die Animation zu verbessern. Im dritten Teil. Wir werden das Ende der Loader-Animation erstellen. Dann im vierten Teil. Wir werden die Animation für die gemeinsame Nutzung in unserem Portfolio vorbereiten . Schließlich werden wir es im hochwertigen MP Four-Format rendern hochwertigen MP Four-Format und das Projekt organisieren, bevor wir es abschließen. Danach, am Ende der Lektion, erhalten Sie eine kleine Aufgabe, die Sie erledigen müssen. Die Aufgabe soll Ihnen helfen, sich an das Gelernte zu erinnern und es zu verstehen. Mach dir keine Sorgen. Die Aufgabe wird nicht zu viel Zeit in Anspruch nehmen. Es ist so konzipiert, dass es in nur 2 Stunden erledigt werden kann. Wenn Sie Probleme oder Fragen haben, mich oder Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten Ordnung. Genug mit dem Gerede. Lass uns anfangen. 26. Beginnen wir mit der Gestaltung der Szene: Okay. Öffnen wir die After Effects-Software. Wie üblich können wir dieses Fenster verlassen . Ich werde das Software-Fenster vergrößern. Klicken wir nun auf Standard, damit wir alle dieselben Panel-Layouts sehen können. Und jetzt erstellen wir unsere erste Komposition. Wir werden es Downloader-Animation nennen. Wir werden in einem quadratischen Format von zehn 80 mal zehn 80 Pixeln arbeiten zehn 80 mal zehn 80 Pixeln Dieses Mal werden wir mit 60 Bildern pro Sekunde arbeiten . Die Dauer der Komposition beträgt 10 Sekunden. Schließlich wählen wir eine graue Hintergrundfarbe und klicken hier. Lassen Sie uns nun das Projektfenster zurückbringen. Wenn Sie es von hier aus nicht sehen, klicken Sie einfach auf das Projekt mit den Pfeilen und Schuhen. Jetzt speichern wir das Projekt. Suchen wir den Ordner, den wir für die Lektion geöffnet haben. Gehen Sie in den Ordner A und geben Sie der Projektanimation den Namen Portfolio. Wir haben kein Problem damit, dass sich der Dateiname vom Namen der ersten Komposition unterscheidet , die wir erstellt haben. Jetzt importieren wir unsere Farbpalette in das Projekt. Doppelklicken Sie auf den grauen Bereich im Projektfenster. Jetzt können wir den Ordner finden, den wir für die Lektion erstellt haben , und in den Assets-Ordner wechseln. Wählen wir die Farbpalette aus und klicken Sie auf Import. Ziehen wir die Ebene in die Komposition, drücken Sie und passen Sie die Größe dieser Ebene auf 30 an. Wir werden es hier platzieren, damit es nicht im Weg steht. Wir können die Ebene sperren und sie aus dem Panel ausblenden. Für diejenigen, die das Shy-Funktionssymbol nicht sehen , können Sie hier klicken. Lassen Sie uns die Ebene als versteckte Ebene markieren und sie ausblenden, indem wir auf das Symbol hier klicken. Beginnen wir nun damit, den großen Kreis zu erstellen , auf dem sich die kleineren Kugeln bewegen werden. Dazu halten wir das Rechteckwerkzeug gedrückt und wählen dann das Ellipsenwerkzeug Lassen Sie uns die Füllung ausschalten. Und färbe den Strich schwarz aus unserer Palette. Vorerst ändern wir die Strichstärke auf zehn. Natürlich können wir das später ändern. Okay, lassen Sie uns den Kreis erstellen, während die Shift-Taste bei etwa dieser Größe gedrückt halten. Lassen Sie uns nun den Kreis mithilfe der Home-Tastenkombination auf das Kompositionszentrum zentrieren. Lassen Sie uns nun das Schlaggewicht erhöhen. Wir ändern es auf 30. Jetzt können wir zum Auswahlwerkzeug zurückkehren Drücken wir also V und ändern den Namen dieser Ebene in Kontur. Wir können die Ebene schließen und sperren, weil wir sie in absehbarer Zeit nicht anfassen werden. Lassen Sie uns nun die erste kleine Kugel erstellen. Wählen wir das Ellipsenwerkzeug und dieses Mal schalten wir die Füllung Wir färben es blau und schalten den Strich aus. Lassen Sie uns nun den großen Kreis etwas vergrößern und versuchen, die kleine Kugel mit derselben Größe wie die Strichstärke des großen Kreises zu erstellen derselben Größe wie die Strichstärke des . Etwas in der Art. Drücken wir V, um zum Auswahlwerkzeug zurückzukehren und den Namen der Ebene in Kugel eins zu ändern. Wenn der Kreis nicht die richtige Größe hat, können Sie ihn durch Drücken verkleinern. Ich werde die Größe nicht ändern, also drücke ich Strg Z. Lassen Sie uns den Bildschirm wieder anpassen. Lassen Sie uns nun die Kugel animieren. Sie wird sich auf diese Weise zu großen Kreisen bewegen. Okay, lass uns näher kommen. Drücken Sie die Leertaste, halten Sie sie gedrückt und ziehen Sie den Bildschirm nach unten , um den oberen Teil des Bildschirms zu sehen. Drücken Sie die Apostrophtaste, um das Raster zu öffnen. Jetzt platzieren wir die Kugel hier und verwenden das Ausrichtungswerkzeug, um sie in der Komposition zu zentrieren M geh etwas näher und verschiebe den Kreis hierher. Und jetzt werden wir Keyframes für den Positionsparameter erstellen, damit sich die Kugel bewegt . Wählen wir die Ebene aus und drücken P. Zu Beginn der Animation wissen wir, dass sich die Kugel an der Position befinden muss , an der sie sich gerade befindet. Lassen Sie uns den ersten Keyframe am zweiten Nullpunkt erstellen. Einen zweiten, lassen Sie uns die Kugel hierher verschieben. Um sie genau in der Mitte der Komposition zu platzieren, verwenden wir eine Linie, und jetzt, bei Sekunde zwei, verschieben wir die Kugel hierher. Auch hier verwenden wir die Linie, um sie in der Komposition zu zentrieren. Gehen wir nun etwas näher heran und bewegen die Kugel leicht nach links. In Ordnung, lass uns weitermachen. Nun, bei Sekunde drei, verschieben wir die Kugel hierher. Und mit der Linie positionieren wir sie genau in der Mitte der Komposition. Wir können die Kugel ein wenig absenken. Und jetzt, bei Sekunde vier, wollen wir, dass die Kugel an ihre ursprüngliche Position zurückkehrt. Dazu können wir die ersten Keyframes kopieren und hier einfügen. Mal sehen, wie es aussieht. Offensichtlich sieht es nicht sehr gut aus, weil der Pfad, den wir für die Kugelanimation erstellt haben für die Kugelanimation erstellt gerade und nicht abgerundet ist. Schauen wir uns an, wie wir den Pfad dieser Animation abrunden können. Gehen wir zunächst zu dem Punkt auf der Timeline, an dem sich die Kugel auf keinem der Keyframes befindet, sodass wir alle Punkte des Pfads sehen können Um nun die Ecken abzurunden, müssen wir ein Werkzeug namens Scheitelpunkt-Konvertierungswerkzeug verwenden Drücken wir lange auf das Stiftwerkzeug und hier ist es. Wir können das Tool von hier aus auswählen oder eine Tastenkombination verwenden. Lass es uns mit der Abkürzung machen. Nehmen wir an, wir haben nicht das Stiftwerkzeug ausgewählt und verwenden das Auswahlwerkzeug. Wir müssen lediglich einen der Punkte auswählen. Halten Sie die Tasten Strg und Ault gedrückt und klicken Sie dann einmal auf den Punkt. Und jetzt ist dieser Punkt abgerundet. Mit den Griffen, die wir jetzt haben, werden wir die Kurve der Ecke kontrollieren. Wir machen das gleich nochmal. Okay, lassen Sie uns vorerst auch diesen Punkt auswählen. Halten Sie die Tasten Strg und Ault gedrückt und klicken Sie einmal auf diesen Punkt. Ziehen wir nun diesen Griff nach rechts, während wir die Umschalttaste gedrückt halten, um den Griff in einer geraden Linie zu bewegen. Lass es uns auch auf dieser Seite machen. Machen wir es auch hier. Wir können Alt und die Apostroph-Taste drücken , um das proportionale Gitter Auf diese Weise können wir sehen, dass wir die Griffe relativ genau bewegen Außerdem können wir jederzeit überprüfen, wie es in Bewegung aussieht. Ich sehe, dass die Kugel an bestimmten Stellen von ihrer Bahn abweicht Dafür werden wir weitermachen und ihren Weg gestalten. Lassen Sie uns in der Zwischenzeit dieses Netz ausschalten. Drücken wir Alt und die Apostrophtaste. Gehen wir jetzt etwas näher ran und schauen, wie wir das Problem beheben können. Okay, an diesem Punkt fängt diese Kugel bereits an, von ihrer Bahn abzuweichen Nehmen wir also diesen Griff und passen ihn an. Wenn wir den Pfad mit einem Griff nicht richtig anpassen können, können wir diesen Punkt auch abrunden und mit seinen Griffen durch die Kurve navigieren. Wählen wir ihn aus, halten die Strg - und Alt-Taste gedrückt und klicken Sie einmal auf diesen Punkt. Jetzt haben wir einen zusätzlichen Griff, den wir steuern können. Machen wir dasselbe auf dieser Seite. Wählen wir es aus, halten Sie die Strg - und Alt-Taste gedrückt und klicken Sie einmal auf diesen Punkt. Aber wie Sie sehen können, haben wir es nicht wie zuvor in den Griff bekommen. Das liegt daran zwei Punkte übereinander liegen. In der Zwischenzeit können wir diesen Punkt hierher verschieben. Machen wir es zu einem regulären Punkt und nicht zu einem gerundeten Punkt. Halten wir die Strg-Alt-Taste gedrückt und klicken Sie einmal darauf. Wählen wir nun diesen Punkt aus und runden ihn ab. Und lassen Sie uns ihn zusammen mit diesem Punkt anpassen. Und am wichtigsten ist, dass wir diesen Punkt, wenn wir fertig sind , genau an seine ursprüngliche Position zurückbringen müssen . Auf diese Weise vermeiden wir Sprünge in der Animationsschleife, die wir bald erstellen werden Okay, lassen Sie uns den Bildschirm so einstellen, dass er passt. Lassen Sie uns hier mit der Zeitanzeige stehen und den Arbeitsbereich hier mit der N-Taste kürzen. Sehen wir uns nun an, wie die Animation in einer Schleife abgespielt wird. Ich sehe, hier gibt es ein kleines Problem. Wir können die Ansicht vergrößern und die Griffe neu anordnen. Jetzt sieht es gut aus und wir können weitermachen. Jetzt möchte ich diese Kugel etwas verkleinern. Gehen wir etwas näher ran. Wählen Sie die Ebene aus, drücken Sie und lassen Sie uns sie auf 85 verkleinern Auf diese Weise erscheint diese Kugel immer innerhalb des Kreises. Okay. Nachdem wir also den Pfad der kleinen Kugel korrigiert haben, verbessern wir ihre Animation. Wir können diese Ebene erstellen, den Vorschaubildschirm so einstellen, dass er passt, und dann zum nächsten Teil übergehen. 27. Fortgeschrittene Animationsmethoden: Um die von uns erstellte Animation zu verbessern, werden wir zunächst die Keyframes glätten, indem wir sie in EZ ES-Keyframes konvertieren Wählen wir die Ebene aus, drücken Sie auf Sie, um alle Keyframes zu sehen, wählen Sie sie aus und drücken Mal sehen, wie es aussieht. Okay, jetzt sieht die Animation nicht mehr so cool aus. Mal sehen, wie wir das verbessern können. Lass uns näher kommen. Wir bewegen den Bildschirm hierher und lernen, wie das geht. Zuallererst weiß ich, dass sich diese Kugel in diesem Keyframe sehr schnell nach oben bewegen muss Gehen wir dazu in den Diagrammeditor. Vergewissere dich, dass wir auf der Geschwindigkeitskurve sind. Und jetzt ziehen wir diesen Griff hierher und diesen hier rüber. Dadurch bewegte sich die Kugel am Anfang dieses Keyframes sehr schnell Jetzt möchte ich, dass sich diese Kugel schnell senkt, wenn sie diesen Keyframe erreicht Lassen Sie uns diesen Keyframe auswählen, diesen Griff hierher ziehen und diesen Griff dieses Keyframes Mal sehen, wie es aussieht. Sieht toll aus. Lassen Sie uns die Farbe der Kugel vorerst auf Weiß ändern, damit wir sie besser sehen können. Jetzt wählen wir von hier aus erneut den Positionsparameter aus, damit wir die Keyframes sehen und weitermachen können Jetzt möchte ich, dass diese Kugel an diesem Punkt nicht aufhört. Wählen wir dazu diesen Keyframe aus, drücken ihn zweimal und wählen Sie Continuous Klicken Sie auf Okay und bewegen Sie diesen Keyframe nach oben. Mal sehen, wie es aussieht Ich habe es zu oft angesprochen. Lass uns näher kommen. Und jetzt lass es uns ein bisschen senken. Jetzt sieht es toll aus. die Kugel an diesem Punkt muss die Kugel an diesem Punkt ihre Bewegung schnell fortsetzen. Mal sehen, wie wir das machen können. Lassen Sie uns den Graph-Editor beenden. dies zu erreichen, können wir diesen Keyframe in einen kontinuierlichen Keyframe umwandeln Ich werde den Keyframe vergrößern damit wir sehen können, was wir tun Wie Sie sehen können, ist der Keyframe derzeit ein Ease- und Wenn wir die Steuertaste gedrückt halten und einmal auf den Keyframe klicken, kehrt er zu einem normalen Keyframe zurück Wenn wir jedoch erneut darauf klicken, während wir die Strg-Taste gedrückt halten, wird es zu einem kontinuierlichen Schauen wir uns also an, wie es aussieht. Wenn die Kugel diesen Punkt erreicht, hört sie nicht auf, sie setzt ihre Bewegung fort. Nun, ich möchte auch nicht, dass es in diesem Teil zu einem Stopp kommt. Entweder machen wir aus diesem Keyframe ein kontinuierliches Keyframe oder kehren zu einem normalen Keyframe Wir halten die Strg-Taste gedrückt und klicken einmal auf diesen Keyframe. Mal sehen, wie es aussieht. Noch einmal. Es sieht gut aus. Aber jetzt versuchen wir, diesen Keyframe zu einem normalen Keyframe und den anderen zu einem kontinuierlichen Ich denke, so wird es besser sein. Lass es uns so belassen und weitermachen. Wir werden die letzten Schlüsselbilder in ein kontinuierliches Bild umwandeln. Wir halten die Strg-Taste gedrückt und klicken sofort. Mal sehen, wie es aussieht. Okay, ich denke, wir werden diesen Keyframe auf Continuous und diesen auf Normal zurücksetzen Ich zeige Ihnen bewusst diesen Prozess, denn wenn wir etwas animieren, ändern wir immer die Keyframes bis wir etwas finden, das uns besser gefällt Das ist ein normaler Arbeitsablauf und After Effects. Okay, wenn wir mit den Keyframes fertig sind, lassen wir die Animation zeitlich abstimmen und sie auf der Timeline verschieben , bis wir die Animationsgeschwindigkeit erreicht haben, mit der wir zufrieden sind Zuallererst dauert diese Animation momentan 4 Sekunden. Das ist zu lang, wodurch die gesamte Animation langsam aussieht. Lassen Sie uns die gesamte Animation kürzen. Wählen wir dazu alle Keyframes aus, die wir haben. Wir stehen bei der zweiten Nummer zwei mit der Zeitanzeige, halten die Alt-Taste gedrückt und ziehen den letzten Keyframe, während wir gleichzeitig die Umschalttaste gedrückt halten Mal sehen, wie es aussieht. Jetzt möchte ich, dass sich die gesamte Bewegung im unteren Teil des Kreises beschleunigt. Wählen wir dazu die letzten drei Schlüsselbilder aus. Halten Sie nun die Alt-Taste gedrückt und ziehen Sie den letzten Keyframe. Nehmen wir an, zu Frame 30. Lass uns sehen, wie es aussieht. Ich finde es großartig. Lassen Sie uns nun dafür sorgen, dass diese Kugel dieselbe Animation noch einmal wiederholt. Ich möchte, dass diese Kugel nicht aufhört , wenn sie diesen Punkt erreicht. Ich möchte, dass sie sich weiter nach oben bewegt. Dazu können wir diesen Keyframe und alle Keyframes, die danach kommen, auswählen diesen Keyframe und alle Keyframes, die danach kommen, Wir kopieren sie, indem wir Strg C drücken, und fügen sie vorerst hier in die zweiten Mal sehen, wie es aussieht. Sieht nett aus. Lassen Sie uns nun zur besseren Bewegungsfreiheit diesen Keyframe in ein kontinuierliches Keyframe umwandeln Frage, wie können wir ein Schlüsselbild in ein kontinuierliches Schlüsselbild konvertieren ein Schlüsselbild in ein kontinuierliches Schlüsselbild Dazu halten wir die Strg-Taste gedrückt und klicken einmal auf diesen Keyframe und dann erneut. Mal sehen, was dabei herauskommt. Mir ist auch aufgefallen, dass es hier ein kleines Problem geben wird , weil die Keyframes hier von einem anderen Typ sind Machen wir es auch kontinuierlich. Und der letzte kontinuierlich. Mal sehen, was herauskommt. Lass uns die Kugel mit einem weiteren Sprung fertig machen. Lassen Sie uns zunächst den Arbeitsbereich erweitern. Und wie zuvor, als wir die gesamte Animation von diesem Schlüsselbild kopiert haben. Wir können diese Keyframes jetzt von hier aus kopieren , denn dann beginnt die Kugel aufzusteigen, bleibt in der Luft und sinkt dann schnell wieder ab Gehen wir nun zu Frame 30 und fügen sie hier ein. Irgendwie wurden diese Keyframes einfach zu handhaben. Das ist kein Problem. Lassen Sie uns sie in fortlaufende Keyframes konvertieren sie in fortlaufende Keyframes Lassen Sie uns nun sehen, wie alles zusammen aussieht. Meiner Meinung nach ist die Animation langsam. Verkürzen wir es ein bisschen. Wählen Sie dazu alle Keyframes aus. Nehmen wir an, wir möchten, dass die gesamte Animation bis zur vierten Sekunde andauert. Halten Sie die LP-Taste gedrückt und ziehen Sie den letzten Keyframe, während Sie gleichzeitig die Umschalttaste gedrückt halten Beachten Sie, dass das Verschieben dieses Keyframes einfacher wurde Im Moment stört uns das nicht. Bei Bedarf werden wir uns später darum kümmern. Im Moment überprüfen wir nur die Geschwindigkeit der gesamten Animation. Es sieht toll aus. Jetzt möchte ich , dass die Animation im unteren Teil schnell und flüssig ist. Was wir tun können, ist, diese Keyframes so nahe beieinander zu bringen diese Keyframes so nahe beieinander zu Machen wir das an allen Stellen, an denen sich die Kugel am unteren Rand der Animation befindet Mal sehen, wie es aussieht. Meiner Meinung nach können wir das noch weiter beschleunigen. Lassen Sie uns diese Keyframes noch näher aneinander bringen. Lass es uns nochmal sehen. Okay, jetzt sieht es viel besser aus. Lass uns diese Kugel eine weitere Drehung machen lassen. Gehen wir dazu zu Sekunde und 30 Frames. Wir werden alle Schlüsselbilder aus dieser Kugel kopieren und sie an der Position der Zeitanzeige einfügen. Lassen Sie uns diese Keyframes in fortlaufende Keyframes umwandeln. Nachdem wir mit dieser Animation fertig sind, lassen wir die Kugel irgendwie in den Frame eindringen , denn sie kann nicht einfach hier stehen und dann springen. Es sieht nicht gut aus. Ab diesem Zeitpunkt können wir zum Beispiel eine maßstabsgetreue Animation für die Kugel erstellen. Drücken wir S und erstellen hier erste Keyframes. Drücken wir Sie nun, um alle Keyframes auf dieser Ebene zu sehen Gehen wir nun ein bisschen zurück in der Zeit, zum Beispiel bis hier, und setzen wir die Kugelgröße auf Null Wir werden diese Keyframes in asYEAs konvertieren und sehen, wie Ich finde, es sieht gut aus. Jetzt, wo wir beginnen, die Kugel von diesem Moment an zu sehen, brauchen wir nicht wirklich den ganzen Anfang. Aber um die Animation zu speichern und Schäden zu vermeiden, werden wir die Keyframes nicht löschen. Wir kürzen einfach die Ebene. Wir können die Ebene entweder manuell kürzen oder die Abkürzung lt und die linke Klammer verwenden. Und jetzt können wir eine Animation des Verschwindens der Kugel erstellen eine Animation des Verschwindens der Kugel Dazu können wir die Keyframes des zuvor erstellten Skalenparameters kopieren des zuvor erstellten Skalenparameters Fügen Sie sie anschließend am Ende der Animation ein und kehren Sie ihre Reihenfolge um, indem Sie mit der rechten Maustaste auf einen von ihnen klicken, auf den Keyframe-Assistenten zugreifen und die Time-Reverse-Keyframes auswählen Da wir zu diesem Zeitpunkt die Kugel nicht mehr sehen, können wir die Ebene ausschneiden Stellen wir uns hier mit der Zeitanzeige hin und drücken Alt und schreiben Klammer. Lassen Sie uns nun unsere Animation mit einem coolen Effekt namens Echo verbessern , den wir in der vorherigen Lektion verwendet haben . Gehen wir zum Bedienfeld „Effekte und Voreinstellungen“. Geben Sie Echo in die Suchleiste ein. Ziehen Sie diesen Effekt auf die Kugel. Hier schreiben wir -0,001. Hier schreiben wir 30 und hier ändern wir es auf Maximum. Wenn sich die Kugel jetzt mit hoher Geschwindigkeit bewegt, werden wir einen coolen Trail-Effekt sehen. Dieser Effekt kann Ihren Computer etwas belasten. Achten Sie also darauf, ihn nicht mit zu vielen Duplikaten zu übertreiben Lassen Sie uns nun die Kugel blau einfärben, genau wie am Anfang Wir wählen die Ebene aus, gehen zur Füllung über und probieren die blaue Farbe mit der Pipette Dann drücken wir die Eingabetaste. Hervorragend. Zoomen wir wieder rein und duplizieren wir jetzt unsere Kugel noch zweimal. Aber vorher richten wir den Vorschaubildschirm für einen besseren Arbeitsablauf ein. Und jetzt wählen wir die Ebene aus. Als Nächstes drücken wir Strg D. Schließlich färben wir die neue Kugel gelb ein. Danach duplizieren wir es erneut und färben es rot. Lassen Sie uns nun einen Offset zwischen allen Kugeln erstellen. Lassen Sie uns diese beiden Ebenen hierher verschieben. Um genau zu sein, können wir mit einem Tastenkürzel zählen , wie viele Frames wir genau verschoben haben. Wir halten die Steuertaste gedrückt und drücken den Rechtspfeil auf unserer Tastatur. Okay, wir verschieben also genau zehn Frames. Jetzt wählen wir nur die Ebene der roten Kugel aus. Verschieben Sie es nun mit den Strg- und Pfeiltasten auf der Tastatur um zehn Frames . Jetzt verschieben wir die Ebene hierher. Lass uns sehen, wie es aussieht. Sieht toll aus. Jetzt möchte ich dir etwas Wichtiges beibringen. Nehmen wir an, wir haben beschlossen, die Dicke des Strichs des großen Kreises auf zehn zu reduzieren . Jetzt sind die kleineren Kugeln im Vergleich zum neuen Strich zu groß. Wenn wir diese Ebenen mit dem Skalierungsparameter reduzieren, weil dieser Parameter bereits Keyframes hat, erzeugen wir unnötige Keyframes und ruinieren die Animation. Mal sehen, wie man es richtig macht. Der richtige Weg, dies zu tun , besteht darin, den Inhalt der Ebene zu öffnen und die Transformationen der Ellipse selbst zu erreichen Wir können dies schnell für alle Ebenen zusammen tun , indem wir sie alle auswählen, Maßstab in die Suchleiste eingeben, die Eingabetaste drücken und die Kugeln durch die Transformation der Ellipse und nicht durch die Ebenenskala verkleinern Ellipse und nicht Sie sehen, der Skalierungsparameter enthält keine Keyframes . Wir schreiben hier 50. Wir werden das auch in die zweite und dritte Sphäre schreiben. Jetzt können wir die Suchleiste schließen und dort haben wir die Kugeln verkleinert, ohne die Animation zu beeinflussen In Ordnung, lassen Sie uns weitermachen. Jetzt erhöhen wir die Strichstärke des großen Kreises. Vielleicht auf 20. Es ist zu groß. Schreiben wir 15. 15 ist ausgezeichnet. Jetzt sehe ich, dass der Offset, den ich erstellt habe, zu groß ist. Lassen Sie uns die Ebenen also auf diese Weise näher zusammenbringen. Das ist besser. Sieht nett aus. Übrigens, wenn Ihnen der Effekt nicht gefällt, können Sie ihn von hier aus ausschalten. Mal sehen, wie es aussieht. Okay, mir gefällt, wie es mit dem Effekt aussieht. Das ist es. Wir haben die Kugeln animiert und nun wollen wir den Strich des großen Kreises animieren Aber vorher empfehle ich dringend, eine zehnminütige Pause einzulegen. Steh auf von 28. Fertigstellung der Loader-Animation: Lassen Sie uns diese Ebene zunächst mit einer beliebigen Farbe beschriften , damit wir sie von den anderen Ebenen unterscheiden können. Um nun unseren Strich zu animieren, öffnen wir die Ebene, öffnen auch den Inhalt, wählen die Ellipse aus und fügen einen Effekt hinzu, der als Pfade trimmen bezeichnet wird Positionieren wir den Bildschirm so, dass wir den Kreis sehen können. Wenn wir nun den Effekt öffnen, sehen wir einen Parameter namens end, den wir animieren werden Gehen wir zum Anfang der Animation und setzen den Wert des Parameters n auf Null In der zweiten Nummer werden wir ihn auf 100 ändern. Mal sehen, wie es aussieht. Hervorragend. Wie Sie sehen können, sind die Ecken unseres Strichs gerade. Ich finde nicht, dass das sehr nett aussieht. Mal sehen, wie wir sie umrunden können. Dazu öffnen wir die Strichparameter und ändern die Linienobergrenze auf rund. Ändern wir es auch hier auf rund. Jetzt sieht es ein bisschen besser aus. Okay. Lassen Sie uns den Strich schließen und die Animation verbessern, die wir mit*** erstellt haben. Wählen Sie die Schlüsselbilder aus und drücken Sie F neun. wir nun die Alt-Taste gedrückt und doppelklicken Sie auf einen der Keyframes, um die Keyframe-Geschwindigkeit aufzurufen Wir ändern es hier auf 85 auf 85 und klicken auf Okay. Mal sehen, wie es aussieht. Okay, lassen Sie uns es schließen und mit der Erstellung der V-Symbolanimation fortfahren. Die Animation des V-Symbols soll beginnen, wenn die kleinen Kugeln ihre letzte Umdrehung beendet haben. Stellen wir uns an den Punkt, an dem die blaue Kugel ihre Animation beendet. Gehen wir näher ran. Stellen Sie sicher, dass wir keine Ebene auswählen, und wählen Sie das Stiftwerkzeug. Von diesem Punkt an werden wir die Form der V-Form erstellen. Wir können diese Punkte später verschieben. In der Zwischenzeit deaktivieren wir die Füllung für diese Form und wählen, dass die Kontur blau sein soll. Als Nächstes ändern wir die Dicke auf 15 und runden die Ecken dieser Form wie zuvor ab. Dazu öffnen wir die Strichparameter und ändern die Linienobergrenze auf rund, sodass die Verbindung ebenfalls rund ist. Ändern wir es auch hier auf rund. Jetzt ist es auch hier abgerundet. Lass uns die Ebene schließen. Drücken Sie nun die Eingabetaste und ändern Sie den Namen in V one. Diese Ebene soll von hier aus beginnen, also brauchen wir diesen ganzen Teil hier am Anfang nicht. Lassen Sie es uns auf die Position der Zeitanzeige zuschneiden , indem wir die Alt-Taste und die linke Klammer drücken. Und um diese Form zu animieren, verwenden wir wie zuvor wieder den Effekt „Pfade trimmen Öffnen wir also den Inhalt, wählen die Form aus, gehen wir zum Hinzufügen und wählen Sie „Pfade zuschneiden“ Auch hier werden wir Keyframes für den nd-Parameter erstellen. Wir können das Kompositionsfenster für einen besseren Arbeitsablauf anpassen für einen besseren Arbeitsablauf Lassen Sie uns zu diesem Zeitpunkt Keyframes mit dem Wert Null erstellen. Und jetzt gehen wir 1 Sekunde vorwärts. Wenn wir uns jetzt beim fünften und 19. Bild befinden, gehen wir zum sechsten und 19. Bild über. Lassen Sie uns Schlüsselbilder mit einem Wert von 100 erstellen. Lassen Sie uns nun die Keyframes so erstellen, dass wir diesmal die Geschwindigkeit über den Diagrammeditor so ändern werden . Was wir jetzt gerade gemacht haben, ist , die Animation des V-Symbols auf die Animation des Endes der Kugel abzustimmen. Das heißt, wenn die blaue Kugel kleiner wird, erscheint die erste V-Form Konzentrieren wir uns nun auf diesen Teil der Form. Wir wollen nicht, dass dieser Teil hier bleibt. Dieser Teil muss sich innerhalb der Kugel befinden. Mal sehen, wie es geht. Kehren wir zunächst zum Auswahlwerkzeug zurück. Und jetzt passen wir auch den Startparameter an. Wir möchten, dass die Formanimation so ist, wie sie bis jetzt aussieht. Lassen Sie uns hier also einen Keyframe mit dem aktuellen Wert erstellen. Und wenn die Form ihre Animation abgeschlossen hat, wollen wir, dass sich dieser Teil ein wenig nach innen bewegt. Lass uns 20 schreiben. Lassen Sie uns auch diese Keyframes in Easy Ease umwandeln und sehen, wie es aussieht Ich denke, diese Animation sollte früher beginnen . Das sieht besser aus. Und jetzt können wir auch die Geschwindigkeit dieser Animation über den Diagrammeditor ändern dieser Animation über , wie wir es zuvor getan haben. Schauen wir uns an, wie es aussieht. Ordnung. Lass uns weitermachen. Okay. Wenn wir nun die Form ein wenig ändern wollen, können wir das Stiftwerkzeug nehmen, einen der Punkte auswählen und ihn verschieben, wo immer wir wollen. Lassen Sie uns das in etwas Ähnliches verschieben. Lassen Sie uns diese Ebene nun noch zweimal duplizieren. Aber vorher schneiden wir diese Ebene bis zu dem Punkt ab, an dem die Animation endet. Die Animation endet hier. Drücken wir die Alt-Taste und die rechte Klammer, um sie abzuschneiden. Schließe jetzt alle Ebenen. Kehren Sie zum Auswahlwerkzeug zurück und duplizieren Sie die Form. Lassen Sie uns nun die Farbe der neuen V-Form in Gelb ändern. Lassen Sie uns diese Ebene noch einmal duplizieren und die Farbe in Rot ändern. Und jetzt möchte ich, dass das blaue V über allen anderen steht, also verschieben wir die Ebene mit dem gelben V darunter und platzieren das rote V unter dem gelben V. Als Nächstes erstellen wir auf diese Weise einen Offset für diese Ebenen. Verschieben wir es etwas weiter weg. Lass es uns noch einmal sehen. Ich denke, diese ganze Animation läuft sehr langsam. Lassen Sie uns also all diese Ebenen auswählen. Drücke dich. Wählen Sie alle Schlüsselbilder aus. Halten Sie jetzt die Alt-Taste gedrückt und ziehen Sie die letzten Schlüsselbilder dieser Ebenen hierher. Jetzt sieht es besser aus. Wenn Sie diese Ebenen etwas länger behalten möchten, können Sie sie wie folgt erweitern. Lass es uns noch einmal sehen. Okay, jetzt beenden wir diese Animation, indem wir diesen Kreis schließen. Wir machen das mit dem Effekt „Pfade trimmen“. Lassen Sie uns den Vorschaubildschirm anpassen und diese Ebenen schließen. Wählen Sie nun den Kreis aus und passen Sie das Kompositionsfenster wie folgt an. Lassen Sie uns nun die Ebene öffnen und zwar für diejenigen, die den Effekt „Pfade trimmen“ nicht sehen können. Sie können hier alle Parameter öffnen , bis Sie den Effekt sehen. Diesmal animieren wir den Startparameter. Lassen Sie uns entscheiden, dass der Abschluss an dem Punkt beginnt , an dem alle V-Formen verschwinden , also bei 6 Sekunden und 50 Frames Zu diesem Zeitpunkt werden wir Keyframes mit dem Wert Null erstellen. Lassen Sie uns nun den Arbeitsbereich ein wenig anpassen. Jetzt bewegen wir uns eine Sekunde genau vorwärts. Wenn wir jetzt bei 6 Sekunden und 50 Frames sind, kommen wir zu 7 Sekunden und 50 Frames, und wir werden Keyframes mit einem Wert von 100 erstellen. Lassen Sie uns nun diese Keyframes in Asys umwandeln. Diesmal ändern wir die Geschwindigkeit im Diagrammeditor so , dass die Animation langsam beginnt und gegen Ende an Geschwindigkeit zunimmt Damit die Animation, die wir erstellt haben, in einer perfekten Schleife abgespielt wird, gehen wir nun die Animation, die wir erstellt haben, in einer perfekten Schleife abgespielt wird, zu dem Zeitpunkt, an dem wir noch einen kleinen Teil des Strichs des großen Kreises sehen können einen kleinen Teil des Strichs des großen Kreises sehen Das ist ein guter Zeitpunkt, denn wie Sie sehen können, sehen wir einen kleinen Teil des Strichs. Und jetzt kürzen wir den Arbeitsbereich bis zu diesem Zeitpunkt indem wir hineindrücken. Okay. Gehen wir jetzt zurück zum Anfang. Drücken Sie Sie und bewegen Sie diese beiden Keyframes ein wenig nach hinten , sodass die Animation dort beginnt, wo wir diesen kleinen Teil bereits sehen können Was jetzt passieren wird, ist, dass die Animation, wenn sie endet, reibungslos an derselben Stelle beginnt, an der sie geendet hat Jetzt möchte ich Ihnen zeigen, wie es ausgesehen hätte, wenn wir das nicht getan und die Animation beenden würden, wenn der Strich vollständig vom Bildschirm verschwunden wäre. Auch am Anfang, wenn wir die Keyframes nicht ein bisschen verschoben Ich werde die Animation wieder so machen, wie sie am Anfang war Du musst es nicht mit mir machen. Es hätte so ausgesehen. Achte auf die Animation , wenn das Video endet. Es gibt einen kleinen und unangenehmen Schnitt in der Animation. Lass es uns noch einmal sehen. haben wir die Animation beendet und gestartet , als wir dieses kleine Stück sehen. In Ordnung, ich werde es jetzt wieder normalisieren. Damit sind wir mit Vorbereitung der Loader-Animation fertig. Drücken wir die Strg-Taste, um das Projekt zu speichern, und fahren fort, um zu sehen, wie wir diese Animation in unserem Portfolio wie ein P präsentieren können diese Animation in unserem Portfolio wie ein P 29. Teile es wie ein Profi in deinem Portfolio: Lassen Sie uns im ersten Schritt die Form des iPhones erstellen. Dazu verwenden wir das Rechteck-Werkzeug. wir nun sicher, dass wir keine Ebene auswählen , und ändern wir die Füllfarbe auf Weiß. Als Nächstes färben wir den Strich aus unserer Palette hellgrau. Eine wichtige Sache , die Sie vor der Erstellung des iPhone wissen sollten, ist, dass, wenn wir eine Form und bestimmte Abmessungen erstellen möchten , in unserem Fall 1.920 Pixel in der Höhe und 1080 Pixel in der Breite, die Formen symmetrisch erstellt und dann die Abmessungen des Pfads geändert Ich werde dir zeigen, was ich meine. Lassen Sie uns also unabhängig von der Größe ein symmetrisches Quadrat erstellen, indem Sie die Umschalttaste drücken. Öffnen wir nun die Parameter der Form, die wir hier erstellt haben. Wir werden den Pfad öffnen und genaue Abmessungen in den Parameter Größe eingeben . Lassen Sie uns das Schloss der Dimensionen öffnen. Und jetzt schreiben wir hier in der Breite 1080 und in der Höhe 1920. Lassen Sie uns nun die Dimensionen wieder sperren und sie um einen der Werte reduzieren . Das ist genug. Von hier aus können wir um die Ecken fahren. 60 scheint mir perfekt zu sein. Lassen Sie uns nun den Hub auf 30 erhöhen. Danach drücken wir die Eingabetaste und ändern den Namen der Ebene in iPhone. Verschieben wir es unter alle Ebenen. Zentrieren Sie diese Ebene nun mit dem ausgerichteten Werkzeug auf die Komposition. Mal sehen, ob es gut zu unserer Animation passt. Falls wir die Höhe unseres iPhones erhöhen möchten, können wir zum Größenparameter dieses Formpfads zurückkehren, ihn entsperren und von hier aus seine Höhe ändern. Jetzt sperren wir es wieder und schließen die Ebene und fahren fort. Als Nächstes werden wir all diese Ebenen zu einer Pre-Comp zusammenfassen all diese Ebenen zu einer Pre-Comp Lassen Sie uns also alle Ebenen auswählen. Drücken Sie Strg, Shift C, rufen Sie diesen iPhone-Bildschirm vor der Installation auf und Okay. Gehen wir jetzt zurück zum Auswahlwerkzeug. Und wie Sie sehen können, haben wir hier viel leeren Raum. Lassen Sie uns die Größe dieses Precomps reduzieren. Dafür geben wir den Pre-Comp ein. Wir können den Hintergrund ausschalten, dann Strg K drücken und die Breite dieser Komposition reduzieren 540 sieht für mich gut aus. Und jetzt, da dieser gesamte Abschnitt in der Zeitleiste unnötig ist, können wir ihn abschneiden. Klicken Sie dazu mit der rechten Maustaste auf den Arbeitsbereich und wählen Sie Trim Comp to Work Area Kehren wir zur Hauptkomposition zurück und machen wir weiter. Als Nächstes ändern wir die Größe dieser Komposition, in der wir uns gerade befinden. Drücken Sie dazu Strg K, ändern Sie die Breite auf 1920 Pixel und drücken Sie die Eingabetaste. Es ist wichtig zu beachten, dass wir die Größe des iPhone Pre-Comp nicht geändert Dieser Pre-Comp hat die Größe, die wir zuvor festgelegt haben. Wir ändern die Einstellungen der Komposition, die als Downloader-Animation bezeichnet wird In Ordnung, lass uns weitermachen. Lassen Sie uns nun diesen ausgewählten und verarbeiteten Pre-Compp vergrößern. Lassen Sie uns es auf 200 skalieren. Lass es uns hier platzieren. Und wenn ich näher herangehe, stelle ich fest, dass die Qualität der Objekte in diesem Precomp abgenommen hat Frage, was sollten wir tun, um die Qualität zu maximieren? Dazu müssen wir die Collapse-Funktion aktivieren, die Sie hier finden. Lass uns hier klicken und sofort können wir den Unterschied sehen. Okay, lass uns weitermachen. Ich denke, diese Größe ist zu groß, also reduzieren wir sie auf 150 oder vielleicht 130. Drücken wir nun die Apostroph-Taste, um das Raster zu sehen. Dies wird es für uns viel einfacher machen, die Szene zu entwerfen. Lassen Sie uns hier nun drei Kugeln erstellen. Wir können es mit dem Ellipse-Werkzeug erstellen. Lassen Sie uns hier gedrückt halten und loslassen, um auf das Ellipsenwerkzeug zu klicken und es auszuwählen Stellen wir nun sicher, dass wir keine Ebene auswählen. Denn wenn wir eine Ebene auswählen und versuchen, eine Kugel zu erstellen, wird am Ende eine Maske angezeigt, und das wollen wir nicht. Drücken wir Strg Z , um die Aktion rückgängig zu machen. wir nun sicher, dass wir nicht diese Ebene auswählen und hier eine Kugel erstellen. Lassen Sie uns den Strich ausschalten. Wählen Sie die Füllfarbe und Blau. Als Nächstes wählen wir es in Bearbeitung aus und ändern dann den Wert auf 50 oder 30. Das sieht besser aus Gehen wir nun zum Inhalt dieser Ebene, wählen die Ellipse aus und duplizieren sie Aber vorher zoomen wir ein wenig hinein und passen den Vorschaubildschirm so an, dass wir sehen können, dass die Kugel besser ist Wählen Sie nun die Ellipse aus und drücken Sie Strg D. Als Nächstes öffnen wir die Transformation der neuen Ellipse und verschieben sie mithilfe des Positionsparameters verschieben sie mithilfe des Positionsparameters Lassen Sie uns abschließend die Farbe der Kugel auf Gelb ändern. Bevor wir es erneut duplizieren, müssen wir zuerst den Ellipsenpfad und dann die Ellipse auswählen und die Strg-Taste drücken, dann die Ellipse auswählen und die Strg-Taste um ihn zu duplizieren Lassen Sie uns abschließend die neue Ellipse hierher verschieben und die Farbe auf Rot ändern Lassen Sie uns nun den Namen in drei Kugeln ändern. Als Nächstes nehmen wir das Textwerkzeug. Stellen Sie die Vorschau so ein, dass sie zum Ladebildschirm einer App passt und schreiben Sie sie. Drücken wir Strg a , um den gesamten Text auszuwählen, und wählen Sie die Schriftart, die uns gefällt. Ändern Sie die Größe und passen Sie den Zeilenabstand ein wenig an. Drücken wir nun die Eingabetaste, um die Textzeile zu verlassen. Lassen Sie uns den Text mit unserer hellen Farbe aus der Palette einfärben und diese Ebene unter allen anderen Ebenen platzieren . Kehren wir abschließend zum Auswahlwerkzeug zurück und verschieben den Text hier nach unten. Lassen Sie uns die Kugeln hier ausrichten. Wir können sie mit einer Linie zentrieren. Lassen Sie uns nun die Textebene duplizieren. Wir verschieben es nach oben und hier können Sie den Text in Ihren Namen ändern. Reduziert die Schriftgröße, ändert die Schriftstärke auf etwas Leichteres. Lass uns jetzt hier klicken. Wir wählen das Auswahlwerkzeug und verschieben diesen Text hierher. Zu diesem Zeitpunkt benötigen wir die Farbpalette nicht mehr. Lassen Sie uns es also im Ebenenbedienfeld anzeigen und von hier aus löschen. Jetzt können wir das Raster ausblenden. Drücken wir also die Apostroph-Taste. Lassen Sie uns nun einen Festkörper erstellen, der als Hintergrund dienen wird . Dafür. Drücken wir Strg Y um die Hintergrundfarbe blau, aber etwas dunkler zu machen. Lassen Sie uns abschließend die feste Ebene unter allen anderen Ebenen platzieren . Lassen Sie uns nun das Aussehen unserer Szene mithilfe eines Effekts namens Schlagschatten verbessern unserer Szene mithilfe eines Effekts namens Schlagschatten verbessern Wir werden diesen Effekt auf den Precomp des iPhones anwenden. Probieren Sie nun die Hintergrundfarbe aus und machen Sie sie dunkler. Als Nächstes erhöhen wir die Opazität auf bis zu 100. Die Entfernung wird auf Null gesetzt und die Weichheit erhöht, sagen wir auf bis zu 300 Ich denke, die Farbe ist zu dunkel. Lass es uns ein bisschen aufhellen. Damit. Wir haben das Design dieser Szene fertiggestellt. Lassen Sie uns vor dem Rendern die gesamte Animation von Anfang bis Ende auf Fehler überprüfen. Mir ist der Rechtschreibfehler aufgefallen. Lassen Sie mich das schnell beheben. Lass es uns nochmal sehen. Und jetzt wollen wir diese Gelegenheit nutzen und noch einmal üben , um die Dicke des Strichs des großen Kreises anzupassen . Wählen wir also das Auswahlwerkzeug und gehen wir in den Precomp des iPhones Lassen Sie uns nun ein wenig heranzoomen, die gewünschte Ebene auswählen und die Dicke auf 25 erhöhen Und jetzt müssen wir auch die Größe der Kugeln erhöhen. Denken Sie daran, dass wir sie durch die Transformationen der Form vergrößern müssen die Transformationen der Form und nicht durch die Transformationen der Ebene Um dies schnell auf allen Ebenen zu tun, wählen wir alle Kugeln, Ebenen und die Textskala in der Suchleiste Und natürlich skalieren wir es nicht anhand der Ebenenskala, sondern anhand der Formskala. Ändern Sie es auf 85. Lass uns die Suchleiste schließen. Da wir nun die Kugeln vergrößern, müssen wir die Größe der V-Formen entsprechend anpassen. Wählen Sie also diese Ebene aus und erhöhen Sie den Strich auf 25. Lassen Sie uns abschließend auch die Konturgröße für diese beiden Ebenen ändern und sehen, wie sie aussieht. Es sieht toll aus. Jetzt können wir diesen Pre-Comp von hier aus schließen und die Animation, die wir erstellt Drücken wir also Strg M, um das Renderfenster aufzurufen. Wir wählen, es im hochwertigen H-Punkt-to-64-Format zu rendern , was einem hochwertigen MP4-Format entspricht und wählen, es in unseren Samples-Ordner zu rendern Ändern wir einfach den Namen in Animation für das Portfolio und klicken Sie auf Rendern. Lass uns ein paar Augenblicke warten. Okay, jetzt wollen wir sehen , was wir haben. Sieht gut aus. Jetzt können Sie die von Ihnen erstellte Animation in sozialen Medien teilen und auf Ihrer Portfolio-Website veröffentlichen. Eine solche Loader-Animation zu präsentieren ist viel beeindruckender, als sie als statisches Bild zu verwenden. Und wenn Ihnen der Kurs gefallen hat, würde ich mich sehr freuen , wenn Sie ihn lesen Er basiert auf Ihren Erfahrungen. Du kannst auch eine Rezension schreiben, damit ich weiß, ob du im Kurs etwas Interessantes lernst oder nicht. Okay, lass uns zu unserem Projekt zurückkehren und es organisieren. Bevor wir es schließen, erstellen wir einen Ordner namens Assets. Als Nächstes stellen wir sicher, dass wir nichts auswählen , und erstellen einen weiteren Ordner namens pre-comps Jetzt ziehen wir in den Assets-Ordner unsere Farbpalette und den Solids-Ordner Und in die Pre-Comps ziehen wir die iPhone-Pre-Comp. Lassen Sie uns abschließend unsere Hauptkomposition blau kennzeichnen. Und jetzt können Sie hier klicken, um das Arrangement noch übersichtlicher zu gestalten. Drücken wir nun Control S, um das Projekt zu speichern. Und jetzt kannst du es schließen 30. Abschnitt 4: Projektaufgabe: Ordnung. Und jetzt zur Praxis, was wir gelernt haben. Bitte erstellen Sie diese Animation. Sie können andere Farben als meine verwenden, aber versuchen Sie, die Animation beizubehalten. Diese Aufgabe soll Ihnen helfen, Gelernte zu erinnern und es zu verstehen . Mach dir keine Sorgen. Die Aufgabe wird nicht zu viel Zeit in Anspruch nehmen. Es ist so konzipiert, dass es in nur 2 Stunden erledigt werden kann. Wenn Sie Probleme oder Fragen haben, mich oder Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten Ihre Klassenkameraden gerne in unserer geschlossenen Community-Gruppe um Hilfe bitten M 31. Schließung: Und damit haben wir den Kurs beendet. Sie können stolz auf sich sein, denn Sie haben den ersten Schritt in die Welt des Motion Designs gemacht und viele neue Dinge gelernt , die Sie bereits in Ihrem nächsten Projekt verwenden können. Du kannst dein Video in unserer privaten Community-Gruppe teilen und mir dort natürlich jede Frage stellen. Ich verspreche, alle Ihre Fragen zu beantworten. Ich hoffe, Ihnen gefällt dieser Kurs und ich kann es erwarten, Sie im nächsten zu sehen.