Verbessere deine Typografie: Animierte Sticker in After Effects erstellen

1. Einführung: Möchten Sie etwas mehr zu Ihrer typografischen Arbeit hinzufügen, Aufmerksamkeit in sozialen Medien oder einfach nur Ihre Fähigkeiten als digitaler Schöpfer diversifizieren? Hi, mein Name ist Manonlouart. Ich bin ein französischer Grafikdesigner, Motion Designer und Illustrator. In dieser Klasse zeige ich Ihnen verschiedene Möglichkeiten, Text mit After Effects zu animieren. Mit einfachen Animationstechniken können Sie Ihre Komposition, Ihre Erzählung und Ihre Typografie wirklich erhöhen . Die Klasse wird in zwei Hauptkapitel unterteilt. Zunächst werde ich euch im Warm-Up die verschiedenen Effekte und Techniken vorstellen und sie in kurzen Animationsübungen anwenden. Dann werde ich Sie im Projektkapitel durch meinen gesamten Prozess führen, um eine Looping-Animation mit bunten typografischen Stickern zu erstellen , vom Skizzieren von Ideen und der Auswahl von Schriftarten bis hin zum Animieren und Exportieren Ihrer Kreation. Die Klasse ist voll von meinen Lieblingseffekten, Animationsverknüpfungen und Tipps und mein Ziel ist es wirklich, dass Sie aus dieser Klasse mit einem soliden Animations-Toolkit kommen , zu dem Sie zurückkommen können, wann immer Sie brauchen. Diese Klasse ist perfekt für Macher mit Grundkenntnissen von After Effects. Intermediate Motion Designer, die einige neue Tricks oder sogar Grafikdesigner lernen möchten, die ihren Kreationen schnell ein auffälliges visuelles Interesse hinzufügen würden. Wenn das für dich spannend klingt, lasst uns anfangen. 2. Kursübersicht: Also lassen Sie mich Sie durch, wie die Klasse organisiert ist. Wie ich bereits erwähnt habe, ist die Klasse in zwei Hauptkapitel unterteilt, das Warm-up und das Klassenprojekt. Ich habe versucht, es so inklusiv wie möglich von allen Fähigkeitsstufen zu machen, also hier sind meine Empfehlungen. Wenn Sie After Effects noch nie benutzt haben oder wenn es eine Weile her ist, seit Sie es zuletzt geöffnet haben, würde ich Ihnen empfehlen, die ganze Klasse und vor allem die folgenden Teile anzusehen, die eine schnelle Auffrischung darüber sein wird, wie die Dinge in After Effects funktionieren. Aber wenn Sie bereits die Grundlagen abgedeckt haben, zögern Sie nicht, es zu überspringen und direkt zum Rest des Warm-up zu gehen. In dem Kapitel werde ich jede der Begriffe, die in der Klasse behandelt werden, mit einer schnellen Definition und einer Übung vorstellen . Wenn Definitionen nicht Ihr Ding sind oder Sie bereits einige der Effekte kennen, von denen ich spreche, können Sie direkt zu Kapitel 12 gehen und mit dem Klassenprojekt beginnen. Für die Materialien benötigen Sie etwas, um Ihre Ideen zu skizzieren, Illustrator, um Ihre Entwürfe zu bereinigen. After Effects zu animieren, natürlich, keine Plug-Ins notwendig. Media Encoder zum Exportieren und mein After Effects-Projekt, das Sie auf der Registerkarte Ressourcen finden können. Ein paar Tipps für Sie. Sie können Folgendes in den Projektabschnitten veröffentlichen die Aufwärmübungen, das Klassenprojekt mit Ihrem eigenen Twist und vor allem Ihr eigenes Projekt. Bitte lassen Sie mich wissen, wenn Sie nach einer konstruktiven Kritik suchen oder wenn Sie nur glücklich sind, zu teilen, was Sie gekommen sind, denn so oder so, ich freue mich, sie zu sehen. Im Allgemeinen, zögern Sie nicht, Fragen zu stellen, ich bin hier, um zu beantworten und einfach nur Spaß zu haben. Beginnen wir mit dem Aufwärmen und machen einige Animationen. 3. Aufwärmung: Öffnen Sie die AAfter Effects Projekte und gehen Sie gemeinsam über die verschiedenen Abschnitte. Hier ist das AAfter Effects Projekt, an dem wir heute arbeiten werden. Auf der Projektregisterkarte haben Sie diese beiden Unterordner. Einer ist für das Projekt und der andere für das Warm-up in Ihnen haben zwei Unterordner. Eine für Sie, in der Sie arbeiten können, und die andere ist die Referenz. Zum Beispiel sind dies die vier Übungen, die zusammen abgeschlossen sind, und dann haben Sie eine Komposition für jede. Sie können diese als Leitfaden verwenden, während Sie hier arbeiten. Jetzt werde ich einen schnellen AAfter Effects Überblick machen. Wenn Sie bereits vertraut sind, können Sie zum nächsten Teil überspringen. Lassen Sie uns eine neue Komp erstellen. Geh hier rüber und ich werde es benennen, Test. Für die Größe werde ich es bei 1080 mal 1080 belassen weil es die perfekte Größe für Instagram-Posts ist, wo ich die meisten meiner Arbeit poste. Es ist auch eine ziemlich kleine Größe. Das Rendern wird Ihren Computer nicht überhitzen, ich belasse die Bildrate bei 24 Bildern pro Sekunde. Das ist der Standard für die Animation. Für die Dauer sind vier Sekunden perfekt. Lassen Sie uns drücken, „Okay“, und jetzt können wir unsere Komposition auf der linken Seite im Projektpanel finden . Hier drüben rechts habe ich all diese Panels eingerichtet. Die wichtigsten für die Klasse werden eine Zeile, ein Zeichen und ein Absatz sein. Wenn Ihr Arbeitsbereich aus irgendeinem Grund nicht gleich aussieht, können Sie immer zu Fenster gehen und ein fehlendes Bedienfeld wie dieses hinzufügen. Beginnen wir mit dem Hinzufügen von Dingen zu unserer Komposition, beginnend mit einem festen. Wechseln Sie zu Ebene neu und Volumenkörper. Ein Volumenkörper per wird immer die Größe Ihrer Komposition sein. Hier ist es 1080 mal 1080, Sie können die Farbe ändern. Ich werde es schwarz lassen und sie emittieren Hintergrund. Drücken Sie „OK“, und Sie haben Ihre Ebene. Nun, gehen wir zu Layer, neuen Test und weil ich noch nie einen originellen Gedanken in meinem Leben hatte. Ich werde den Test eintippen. Dann mit dem Tab auf der rechten Seite, kann ich die Größe, die Farbe, so ziemlich alles ändern , was ich will. Das ist der Mittelpunkt des Tests. Wechseln Sie zu einer Zeile, und klicken Sie auf diese beiden. Lassen Sie uns auch einen Form-Layer hinzufügen. Wechseln Sie zu Layer, Neue Formebene. Nun kann ich entweder das Stiftwerkzeug oder das Formwerkzeug verwenden, um zu erstellen, was ich will, sagen wir, ich wollte Quadrat. Ich würde das Formwerkzeug verwenden und Shift halten. Ziehen Sie meine Maus so, wieder, stellt sicher, dass sie zentriert ist. Wenn ich wollte, könnte ich das Stiftwerkzeug verwenden, um eine andere Form auf derselben Ebene wie diese zu erstellen. Wenn Sie nun auf den Layer hinunter schauen, sehen Sie, dass für jedes Shape ein Abschnitt vorhanden ist. Lassen Sie uns einfach diese löschen und drücken Sie dann „Enter“, um die Ebene umzubenennen, wie Sie wollen. Natürlich, wenn Sie die Füllung oder den Strich Ihrer Form ändern möchten, könnten Sie hier nach oben gehen und Dinge wie diese ändern. Ich brauche nur eine weitere Ebene, die eine Anpassungsebene ist. Sie können hier nach oben gehen, um es zu finden und drücken Sie „Enter“, um es Rauschen umzubenennen. Wenn Sie nun zu Effect gehen, haben Sie viele Möglichkeiten. Moment gehen wir einfach zu Lärm und Getreide und fügen ein Geräusch hinzu. Das Hinzufügen des Effekts hat hier ein Panel mit einigen Parametern geöffnet , mit denen ich meine Effekte ändern und anpassen kann. Über Einstellungsebenen wirken sich alle Effekte, die Sie ihm hinzufügen , wiederum auf jede darunter liegende Ebene aus. Lassen Sie uns jetzt über Animation reden. Hier drüben haben Sie Ihre Zeitleiste, die vier Sekunden lang ist, wie wir definiert haben, als wir die Komposition zum ersten Mal erstellt haben. Wenn Sie die Leertaste drücken, wird Ihre Animation wiedergegeben. Abhängig von den verwendeten Effekten kann es jetzt möglicherweise nicht in Echtzeit wiedergegeben werden, insbesondere wenn viele Ebenen und Effekte vorhanden sind. Wenn das passiert, können Sie immer hier rüber gehen und die Vorschauauflösung reduzieren. Lassen Sie uns jetzt unsere erste Animation erstellen. Wenn Sie zu Ihrem Texte-Layer gehen, können Sie ihn hier und hier öffnen, und Sie werden diese fünf Parameter finden. Es gibt die Grundlage für die meisten Animationen in After Effects. Sie haben die Deckkraft, die Drehung, die Skalierung, die Position und den Ankerpunkt, sich genau hier befindet. Der Positionsmaßstab und die Drehung funktionieren in Bezug auf den Ankerpunkt. Was bedeutet, dass, wenn ich die Skala jetzt ändere, es so aussehen wird. Aber wenn ich hier runter gehe und die Position der Ankerpunkte ändere, dann wird die Skala so funktionieren. Nun, wo die Timeline ins Spiel kommt, ist, dass wir After Effects brauchen, um zu wissen , wie diese Ebene zum Beispiel zu einem bestimmten Zeitpunkt aussehen wird. Nehmen wir an, ich wollte, dass mein Text von der Außenseite des Comp am Anfang kommt. Von links könnte ich „Shift“ halten, und mit der Maus könnte ich es nach links ziehen, oder ich könnte hier nach unten gehen und die Parameter für die Position verwenden. Sie einfach sicher, dass die Zeitanzeige 0 Sekunden auf der Timeline ist. Halten Sie dann „Umschalttaste“ gedrückt, um den Text ausgerichtet zu halten, ziehen Sie ihn nach links. Wenn Sie hier nach unten gehen, können Sie einen Keyframe hinzufügen, indem Sie die Stoppuhr drücken. Gehen Sie dann zu einer Sekunde auf der Timeline, greifen Sie Ihren Text, halten Sie „Umschalttaste“ gedrückt und ziehen Sie ihn zurück zu irgendwo in der Mitte. Wenn Sie nun nach unten schauen, sehen Sie, dass After Effects mit einer Sekunde ein neues Keyframe für Sie erstellt hat. Wenn Sie „Leertaste“ drücken, erhalten Sie die grundlegendste Textanimation, die jemals erstellt wurde. Aber es ist immer noch Animation und niemand kann dir das wegnehmen. Nehmen wir an, ich möchte, dass das etwas langsamer wird, ich könnte einfach diesen Keyframe greifen es auf drei Sekunden bringen. Nun, mein Text kommt sehr langsam herein. Außerdem ist diese Animation momentan perfekt linear, was bedeutet, dass der Text für jeden Frame den exakt gleichen Abstand abdeckt. Sie können das für sich selbst überprüfen, wenn Sie wollen. Durch Drücken von „Command“ und der „Pfeiltasten“ können Sie Frame für Frame auf der Timeline verschieben. Ich persönlich liebe es, dass diese Animation ein wenig interessanter aussieht. Dazu können Sie beide Keyframes auswählen und dann „F9" oder Funktion 9 drücken. Oder wenn Sie Verknüpfungen nicht mögen, klicken Sie mit der rechten Maustaste, wechseln Sie zum Keyframe-Assistenten und wählen Sie Einfache Erleichterung aus. Gehen wir zurück zum Anfang und drücken Sie „Space“. Siehst du einen Unterschied? Wenn Sie die Geschwindigkeit eines Objekts in After Effects verringern, verlangsamt es sich, wenn Sie sich einem Keyframe nähern und beschleunigt sich dann beim Verlassen des Objekts. Lass uns das alles nochmal machen. Aber dieses Mal mit der Deckkraft werde ich einen ersten Keyframe bei Null Sekunden, Null Prozent hinzufügen und dann zu einer Sekunde gehen und es zu hundert Prozent machen. Wählen Sie dann alle Keyframes aus, drücken Sie „F9", um es zu erleichtern, und drücken Sie „Leertaste“, um die Animation erneut in der Vorschau anzuzeigen. Wenn Sie nun weitere Anpassungen an der Beschleunigung vornehmen möchten, können Sie alle Keyframes auswählen und dann zum Diagramm-Editor wechseln, indem Sie hier klicken. Wenn Sie hier drin sind, stellen Sie sicher, dass Sie sich in der Bearbeitungsgeschwindigkeit und nicht in der Wert-Grafik befinden. Lassen Sie uns alles neu auswählen. Wenn ich diesen Griff hier ziehe, wird es die Lockerung am Ende der Animation akzentuieren. Lassen Sie mich meine Zeitleiste auf eine Sekunde reduzieren, damit wir eine Keuchvorschau bekommen, und ja, ich mag es. Gehen wir zurück zur Komp. Nehmen wir an, ich wollte, dass mein Rauscheffekt nur auf meine Text- und Formebene angewendet wird. Ich könnte es kopieren und in jede Ebene einfügen und das würde funktionieren. Aber wenn Sie mit vielen Ebenen arbeiten, kann dies schnell ein bisschen chaotisch werden. Hier ist, was Sie stattdessen tun können, wählen Sie beide aus und verwandeln Sie sie in eine Vorkomposition. Lasst uns das machen. Wählen Sie beide aus, klicken Sie mit der rechten Maustaste, und gehen Sie zu Vorerstellen. Ich werde es Test-Pre-comp nennen. Wenn Sie nun zur Registerkarte Projekt zurückkehren, finden Sie sie hier. Wenn Sie beispielsweise Photoshop verwenden, ähneln sie Ebenengruppen oder Smart-Objekten. Zurück zum Effekt. Ich kann es jetzt von der Einstellungsebene kopieren, die auf ihre Pre-comp eingefügt wurde, die Einstellungsebene ausblenden. Nun, es wird nur auf die Pre-Comp angewendet. Lassen Sie uns „Space“ drücken, um eine Vorschau zu sehen, und da geht's. Was mit der Vorkomposition ziemlich cool ist, ist, dass Sie immer noch Dinge in ihnen anpassen können. Wenn ich darauf doppelklicke, wird es geöffnet und dann können Sie die Ebene öffnen, die Keyframes ändern, etwas mehr hinzufügen, alles. Nehmen wir an, ich finde den Text als zu groß. Ich möchte die Skala ändern. Ich werde es zu 50 Prozent machen. Nun, wenn ich zu meiner Hauptkomposition zurückkomme, wurde die Skala auch dort geändert. Lass es uns einfach wieder auf 100 Prozent ändern. Kommen Sie zurück zur Hauptkomposition, machen Sie diese vier Sekunden lang, und drücken Sie „Einfügen“, um eine Vorschau anzuzeigen, und das war's. Ich denke, das reicht für die Grundlagen. Natürlich werde ich immer wieder Dinge erklären, während wir gehen. Moment gehe ich auf die Registerkarte Projekt und lösche beide. Beginnen wir mit den Übungen. 4. Textpfad-Animation: Ich werde sehr ehrlich zu dir sein. After Effects hat dieses Ding namens Text Animators, und ich mag sie nicht sehr. Sie können nützlich sein, wenn Sie viele Arten von E [unhörbare] Projekten wie niedrigere Drittel machen , aber sie sind irgendwie klobig und nicht sehr intuitiv, also wenn ich sie vermeiden kann, werde ich, bis auf eine Sache, die Pfadanimationen ist. In den Parametern Ihrer Textebenen haben Sie einen Abschnitt namens Pfadoptionen, dem Sie Ihren Text entlang eines Pfades ausrichten können, genau wie in Photoshop oder Illustrator. Anschließend können Sie Animationen mit den Optionen für den ersten und letzten Rand erstellen. Hier ist, wie die abgeschlossene Übung 1 aussieht. Wir werden damit beginnen, den äußeren Teil direkt hier zu animieren. Lassen Sie uns die Übung 1 Komp öffnen und loslegen. Um eine neue Textebene zu erstellen, könnte ich hier nach oben gehen, wie ich es Ihnen gezeigt habe, oder ich könnte die Verknüpfung verwenden, die Shift Option Befehl T ist. Lassen Sie uns unseren Satz eingeben. Ich wählte, was hoch geht, muss runterkommen. Ich habe es aus einem Text-Generator gezogen, also fühlen Sie sich frei, Ihren eigenen zu verwenden. Ich werde dies schwarz machen, also ist dies eine Farbpalette, die ich in meine Bibliotheken für die Klasse importiert habe. Für die Schriftart werde ich Querruder in Schwarz verwenden. Dies ist eine Open-Source-Schrift. Auch hier können Sie alle über die Links in der Klassenbeschreibung finden. Passen Sie die Größe nach Ihren Wünschen an und bringen Sie den Text irgendwo in der Mitte. Denken Sie nun an unser Form- und Stift-Werkzeug. Nun, sie können auch verwendet werden, um Masken auf Ebenen wie diesen zu erstellen. Dann können wir dies einfach als Leitfaden verwenden, um unseren Textpfad zu definieren. Wenn Sie Ihre Textebene öffnen, gehen Sie zu Text, Pfadoptionen, und wählen Sie Ihre Maske als Pfad, dann wird Ihr Text folgen. Lassen Sie mich das alles rückgängig machen und lassen Sie es uns diesmal echt machen. Ich möchte, dass mein Text einem Quadrat folgt. Ich gehe hier hoch, benutze das Rechteck-Werkzeug und gehe dann irgendwo hierher, und halte Shift gedrückt, werde ich mein Quadrat zeichnen. Schön. Wechseln Sie zu Pfadoptionen. Wählen Sie erneut Maske 1 aus, und gerade jetzt ist es auf den Kopf gestellt. Lassen Sie uns den umgekehrten Pfad einschalten. Im Moment ist mein Text ein wenig nah am Rand. Ich werde das Auswahlwerkzeug verwenden oder V drücken und auf mein Quadrat klicken. Während ich Shift und Command gedrückt halte, werde ich es nur ein bisschen so zusammendrücken. Als nächstes möchte ich, dass mein Text wiederholt wird, also werde ich ihn einige Male um das Quadrat kopieren und einfügen. Um es perfekt zu machen, werde ich meinen Maskenpfad so anpassen, dass das Ende des Textes grob an der oberen rechten Ecke des Quadrats ausgerichtet ist. Drücken Sie erneut die Umschalttaste und Befehlstaste, um ausgerichtet zu bleiben, schalten Sie die Kraftausrichtungen ein. Jetzt haben Sie ein perfektes Quadrat an Texten, mit denen Sie arbeiten können. Als nächstes haben Sie diese beiden Parameter, die definieren, wo Ihr Text beginnt und wo er endet, und das ist, was wir animieren werden. Damit sich mein Text nahtlos in den Formen bewegt, wenn die erzwungene Ausrichtung aktiviert ist, muss ich beide im gleichen Tempo bewegen. Lassen Sie uns zu Null Sekunden gehen und fügen Sie einen ersten Keyframe für jeden von ihnen hinzu. Dann gehe ich bis zum Ende der Timeline so. Wie Sie sehen können, brauchen wir eine ziemlich hohe Anzahl, damit diese Animation funktioniert. Das ist Typ in 1.200 für jeden. Lassen Sie uns die Leertaste drücken und eine Vorschau der Animation anzeigen. Da gehst du hin. Lassen Sie uns diese Übung beenden und fahren Sie fort, um Player-Animationen zu formen. 5. Formebenen-Animation: Lassen Sie uns Übung 1 mit einer Shape-Layer-Animation beenden. Ihren Text in eine Formebene verwandeln, können Sie jeden der Buchstaben einzeln als Faktorpfad animieren , was sich hervorragend für detailorientierte Animationen oder einfach nur lustige Textverzerrungen eignet. Wir möchten hier etwas in der Mitte hinzufügen, also werde ich Shift Option Befehl T verwenden, um eine neue Textebene zu erstellen und Hey einzugeben. Für die Schrift werde ich mit einem schönen Schritt Serifen gehen , weil sie leichter zu dehnen sind, also lasst uns Stint verwenden. Dann werde ich die Größe erhöhen, so dass es das Quadrat in der Breite füllt. Gehen Sie zuerst zu Absatz, zentrieren Sie Ihren Text und richten Sie ihn dann aus, gehen Sie zurück zu Zeichen und beenden Sie die Anpassung Ihrer Größe. Verwandeln Sie es in eine Formebene Klicken Sie also mit der rechten Maustaste, gehen Sie zu Erstellen und Erstellen von Shapes aus Text. Sie haben Ihre neue Formebene direkt hier, und Ihre Textebene ist ausgeblendet. Wenn Sie den Layer öffnen, sehen Sie, dass er eine neue Gruppe für die H, E und Y erstellt hat . Ich möchte den Pfad für jeden Buchstaben animieren, also diese Punkte direkt hier. Anstatt alle Menüs zu öffnen, kann ich einfach die Suchleiste mit der ausgewählten Ebene verwenden, Pfad eingeben und jetzt kann ich meine Schlüsselbilder hinzufügen. Grundsätzlich möchte ich, dass meine Ebene von der Unterseite des Comp erscheint und dann den ganzen Weg nach oben dehnt; dehnt sich zurück auf ihre normale Größe und verschwindet oben. Die Art und Weise, wie der Text jetzt ist, wird mein zweiter Satz von Schlüsselbildern sein. Ich musste nur unten ausgerichtet werden, also gehen wir zu 12 Frames. Wählen Sie die einzelnen Pfade aus, und fügen Sie Schlüsselbilder hinzu. Drücken Sie „V“ oder verwenden Sie das Auswahlwerkzeug, doppelklicken Sie auf Ihren Pfad und ziehen Sie ihn ganz nach unten. Für mich dabei wird der nächste Schritt in der Animation der Text um eine Sekunde lang gestreckt sein , aber dann wollte ich zurück zu dieser neutralen Position kommen, aber oben ausgerichtet. Lassen Sie uns die eine zweite Position für jetzt überspringen. Kopieren Sie einfach die Keyframes und fügen Sie sie bei einer Sekunde und 12 Frames ein. Doppelklicken Sie dann auf den Pfad, und ziehen Sie ihn bei gedrückter Umschalttaste ganz nach oben. Duplizieren Sie den soeben erstellten Schlüsselrahmen mit einer Sekunde, und jetzt können wir den Text dehnen. Halten Sie die Umschalttaste gedrückt, und ziehen Sie die Maus über alle oberen Ankerpunkte Ihres Pfades. Ich habe die auch vergessen, also halten wir immer noch Shift fest. Ich werde auf sie klicken, und jetzt, wenn ich meinen Weg ziehen nur diese Punkte gehen zu bewegen. Halten Sie die Umschalttaste immer noch gedrückt und ziehen Sie sie ganz nach unten. Möglicherweise müssen Sie einige Anpassungen zwischen diesen beiden Schlüsselbildern vornehmen. Ich stelle nur sicher, dass der untere Teil ausgerichtet ist, also werde ich das tun und dich wiedertreffen, wenn es fertig ist. Ich denke, ich habe es, also gehen wir zurück zum Anfang der Timeline und wählen den gesamten Pfad neu aus. Doppelklicken Sie auf die Formen und Sie werden im Grunde Ihren Text auf eine gerade Linie wie diese abflachen. Schnellvorschau. Schön. Machen wir das Gleiche in zwei Sekunden. Lasst uns das noch mal spielen. Schön. Wählen Sie alle Ihre Keyframes aus und drücken Sie „F9" oder Funktion 9, um es zu erleichtern. Ich werde meinen Arbeitsbereich nur auf meine Keyframes reduzieren und Ihnen zeigen, was mich gerade mit der Animation belästigt. Im Moment verlangsamt sich die Animation und stoppt sogar bei 12 Frames; und noch einmal in 12 Frames und ich will das nicht. Ich möchte nur, dass After Effects weiß, dass so die Animation auf halbem Weg durch Null und eins und dann eins und zwei aussehen sollte. Lassen Sie uns die Vorschau stoppen und beheben Sie das. Halten Sie die Umschalttaste gedrückt und wählen Sie beide aus, und klicken Sie dann auf einen der Schlüsselbilder, um sie wieder in normale Schlüsselbilder umzuwandeln. mit der rechten Maustaste und wählen Sie „Rove über die Zeit“, die konstante Geschwindigkeit erzeugt, wenn die Animation diese Keyframes erreicht. Lassen Sie uns eine Vorschau der Animation anzeigen. Ja, das ist es, was ich will. Siehst du den Unterschied? Gehen wir zum Diagramm-Editor und passen die Erleichterung an. Wählen Sie alle Key-Frames unten aus. Die oben genannten Schlüsselbilder sind die Rove Across Time. Passen Sie die Lockerung nach Ihren Wünschen an und lassen Sie es uns wiedergeben. Schön. Gehen wir zurück zur Timeline. Ich möchte, dass sich die Buchstaben schrittweise bewegen, also werde ich die Schlüsselbilder für das E und das Y auswählen. Gehen Sie zu zwei Sekunden auf der Timeline und verschieben Sie die Auswahl der Keyframes. Sie bei gedrückter Umschalttaste die Auswahl der E-Schlüsselbilder auf. Verschieben Sie sich erneut um zwei Frames, und machen Sie dasselbe mit den Y-Schlüsselbildern. Lassen Sie uns den Arbeitsbereich zu unseren Schlüsselbildern vorschlagen und drücken Sie „Leertaste“, um eine Vorschau anzuzeigen. Schön. Ich möchte die Ebenen duplizieren, also drücken Sie „Befehl D“. Dann werde ich es auf der Timeline verschieben, so dass es direkt nach dem ersten kommt, also irgendwo hier. Vielleicht nur noch ein Rahmen. Perfekt. Nur noch eine Sache. Ich habe keinen perfekten Job gemacht, meine Linie am Ende abzuflachen, so dass Sie es immer noch sehen können, wenn der Text weg ist. Eine schnelle Lösung, wenn Sie das gleiche Problem haben besteht darin, am Ende Ihrer Animation zu gehen und „Shift Command D“ zu drücken , um Ihre Ebene zu teilen, und dann können Sie einfach den zweiten Teil löschen. Da hast du es. Abgesehen von der Schreibtischtextur und wir werden darauf zurückkommen, ist Übung 1 jetzt erledigt. Fahren wir mit Übung 2 und der Trimmpfadanimation fort. 6. Pfade trimmen: Gehen wir weiter zu Übung 2, und in diesem werden wir eine Schreibanimation mit Trim Path erstellen. Trimmpfad ist ein Effekt, der in Formebenen gefunden wird, mit dem Sie präzise Anpassungen am Pfad vornehmen können, was perfekt zum Erstellen von Schreibanimationen ist. Als Referenz, das ist, was wir ausarbeiten werden, also lasst uns in der Übung 2 Komposition beginnen. Wieder einmal wird diese Animation auf einer Formebene stattfinden. Lassen Sie uns jedoch zunächst eine Referenztextebene erstellen. Drücken Sie „Shift“ Option Befehl T, und geben Sie, hey. Lass es uns weiß machen, und dann werde ich eine kursive Schrift verwenden. Auch hier stehen die Schriftarten in den Ressourcen zur Verfügung. Ich werde mit dem Liga-Drehbuch gehen. Lassen Sie uns die Größe ein wenig anpassen und dann den Text ausrichten. Als nächstes lassen Sie uns eine neue Formebene erstellen, indem Sie zum Dropdown-Menü gehen, und wir werden das Stift-Werkzeug verwenden, um jeden der Buchstaben wie folgt neu zu erstellen, also lassen Sie uns „Z“ drücken, um zu vergrößern und eine bessere Ansicht zu erhalten, Sie können auch“ H „drücken, um das Handwerkzeug zu verwenden und navigieren Sie in Ihrem Comp. Lassen Sie es uns grob zentrieren und greifen Sie das Stift-Werkzeug wieder. Ich werde schnell das H machen und zurückkommen, wenn es fertig ist. Wenn Sie den Layer öffnen, sehen Sie, dass er eine neue Gruppe erstellt hat Drücken Sie also „Enter“ und benennen Sie ihn um H, und vergessen Sie natürlich nicht, den Layer umzubenennen. Jetzt werde ich das e und y erstellen und dafür stellen Sie sicher, dass Sie immer wieder zum Inhalt kommen, so dass es für jeden der Buchstaben eine neue Gruppe erstellt. Ich werde das tun und zurückkommen, wenn es fertig ist. Jetzt können wir die Referenzebene ausblenden und ich werde die Farbe in Weiß und den Strich auf 20 Pixel ändern . Wenn Sie in letzter Minute Anpassungen an Ihrem Weg vornehmen müssen, ist jetzt der richtige Zeitpunkt. Ich sehe ein paar Probleme wie dieses und das, also werde ich das schnell machen. Ich bin glücklich mit meinem Weg. Lassen Sie uns den Effekt erstellen, gehen Sie zu Ihrer H-Gruppe und fügen Sie einen Trimmpfad hinzu. Nun, öffnen Sie es und Sie werden sehen, dass Sie zwei Optionen haben, so dass diese definiert, wo Ihr Pfad beginnt und die andere, die Sie erraten, wo er endet. Es gibt auch den Offset, aber wir wollen nur den Pfad animieren, als ob er verfolgt würde, also tun wir nur Endparameter. Wechseln Sie zu Null, platzieren Sie ein erstes Keyframe auf Null Prozent, und gehen Sie dann zu einer Sekunde, und machen Sie es zu 100 Prozent. Wählen Sie dann beide Keyframes aus und drücken Sie „Funktion 9", um es zu erleichtern. Jetzt, um die Animation zu beenden, ist es super einfach. Kopieren Sie einfach Ihre Effekte, gehen Sie zum Anfang der Timeline und bewegen Sie sich mit den Pfeiltasten um vier Frames. Wählen Sie die zweite Gruppe aus, und fügen Sie den Effekt ein. Jetzt haben Sie die gleiche Animation, die gleichen Keyframes genau hier. Lassen Sie uns das noch einmal tun, bewegen Sie sich um vier Frames und gehen Sie dann zu Ihrer letzten Gruppe und fügen Sie den Effekt ein. Lassen Sie uns Vorschau, und Hier ist die Schreibanimation. Jetzt werde ich Ihnen zeigen, wie Sie diese Animation wirklich schnell erhöhen können. Wir werden zwei Kopien Ihrer Ebene erstellen, indem Sie zweimal „Befehl D“ drücken, und dann werden wir sie in der Zeit ausräumen, also in unserer Timeline um jeweils vier Frames. Dann werden wir den Strich für die beiden ersten Ebenen reduzieren, also machen wir es drei Pixel. Für die zweite hier, werden wir eine Füllung in der Farbe des Hintergrunds hinzufügen. Öffnen Sie dann den Layer, gehen Sie zum Inhalt und fügen Sie einen Offsetpfad hinzu. Dann können Sie es natürlich öffnen und den Betrag des Offsets ändern. Diese Einstellung funktioniert zufällig perfekt für mich, weil mein Offset 10 ist und mein Hub 20 ist. Aber wenn es für Sie nicht funktioniert, können Sie es natürlich ändern. Aber jedenfalls sind wir fertig. Das ist es. Ich liebe diesen Effekt einfach, weil er so anpassbar ist, können Sie die Anzahl der Kopien, den Offset, die Größe des Strichs ändern , also hoffe ich nur, dass Sie Spaß damit haben. Fahren wir mit der nächsten Übung und dem Echoeffekt fort. 7. Echo: Wenn wir mit Übung 3 fortfahren, werden wir zuerst mit dem Echo-Effekt arbeiten. Der Echo-Effekt erzeugt einen Stapel von Frames aus verschiedenen Zeiten in der Animation , um so genannte Streaking oder Bewegungsspur zu erstellen. Als Referenz sieht dies Übung 3 aus. Wir werden damit beginnen, diese beiden Wörter hier zu animieren, und dann gehen wir zum mittleren Teil über, also lasst uns anfangen. Lassen Sie uns erneut eine neue Textebene erstellen, indem Sie „Shift Option Command T“ drücken. Ich werde hallo eingeben und dann die Schriftart zurück zu Aileron in schwarz ändern. Lassen Sie uns auch die Größe etwas senken, vielleicht 75 Pixel, und ändern Sie die Farbe in Schwarz. Drücken Sie „V“, um das Auswahlwerkzeug zu verwenden, und bringen Sie dann die Ebene nach links. Schön. Wir werden die Position animieren, also drücken Sie „P“, und gehen Sie dann auf Null Sekunden und fügen Sie einen ersten Keyframe hinzu. Wechseln Sie dann zu 12 Frames und verwenden Sie das Auswahlwerkzeug erneut, also V, bringen Sie Ihre Ebene ganz nach oben. Dies hat hier einen zweiten Keyframe erstellt und jetzt können Sie beide auswählen und drücken Sie „F9", um es zu erleichtern. Das ist es, was wir bisher haben. Duplizieren Sie nun die Ebene, drücken Sie „Befehl D“ und drücken Sie erneut „P“, um die Position herauszuholen. Ich möchte, dass diese Ebene umgekehrt geht, also tauschen Sie einfach die beiden Positions-Keyframes aus. Lassen Sie es nun auf die andere Seite bringen, so stellen Sie sicher, dass Ihre Zeitanzeige auf einem Ihrer Keyframes platziert ist Wählen Sie beide aus. Lassen Sie mich dies einfach einschalten, damit wir unseren Positionspfad sehen können Halten Sie dann mit dem Auswahlwerkzeug „Shift“ gedrückt und ziehen Sie Ihren Text auf die andere Seite. Drücken Sie zur Vorschau die Leertaste. Weißt du was, ich denke, es ist ein bisschen zu schnell, also lass es uns stattdessen eine Sekunde lang machen. Lassen Sie uns noch einmal eine Vorschau anzeigen. Viel besser. Wählen Sie beide Ebenen aus und drücken Sie „P“, um die Position auszublenden, und drücken Sie dann „Befehl D“, um zwei Kopien für den Echo-Effekt zu erstellen. Bringen Sie beide unter, und ich werde sie einfach blau machen, um organisiert zu bleiben, drücken Sie dann „Enter“, um sie umzubenennen. Ich werde nur Echo am Ende der Namen hinzufügen. Wählen Sie dann beide aus, und wir werden die Füllung in einen Strich ändern. Fügen Sie dann eine neue Füllung in der Farbe des Hintergrunds hinzu. Lassen Sie uns den Echo-Effekt hinzufügen. Wählen Sie eine der Ebenen aus, und wechseln Sie dann zu Effekt, Zeit und Echo. Wenn ich mich in meiner Timeline bewege, sieht es so aus und das liegt daran, dass die Anzahl der Echos auf eins gesetzt ist. Lasst uns das vorerst auf 40 ändern. Jetzt lasst uns das weiße Chaos reparieren. Wechseln Sie zu Echo Operator, und stellen Sie ihn auf Composite in Front. Schön. Dies hier definiert die Zeit zwischen den einzelnen Kopien, und im Moment fühlt es sich ein bisschen zu verteilt an, also reduzieren wir es ein bisschen, vielleicht 0,01. Schön. Ich möchte, dass der Effekt Kopien erstellt, bis das Hallo den Anfang der Komposition erreicht hat. Ich werde die Anzahl der Echos erhöhen, bis ich diesen Sweet Spot gefunden habe. So sind es 100. Kopieren Sie den Effekt, fügen Sie ihn in die zweite Ebene ein, und wir sind fertig. Zurück zur Referenz, wir werden den Echo-Effekt ein letztes Mal verwenden, und das ist, um die verschiedenen Kopien des Textes in der mittleren Form hier zu erstellen. Wie Sie vielleicht bemerkt haben, ist dieser Teil tatsächlich ein Precomp und das liegt daran, dass wir den Effekt auf mehrere Ebenen gruppiert hinzufügen werden. Gehen wir zurück zu Übung 3, öffnen Sie dann das Projektfenster und stellen Sie sicher, dass Sie sich im Ordner Übung 3 befinden, drücken Sie „Befehl N“, um eine neue Precomp zu erstellen , und wir werden es polare Koordinaten precomp nennen. Jetzt brauche ich dieses, um ein Rechteck zu sein, und das liegt daran, wie der Effekt funktioniert, aber ich werde später mehr dazu erklären. Moment machen wir es einfach 1920 mal 1080, Bildrate, 24 Bilder pro Sekunde, vier Sekunden lang, und drücken Sie „Okay“. Lassen Sie uns die Umschalttransparenz ausschalten und eine neue Textebene erstellen, drücken Sie also „Shift Command Option T“, und lassen Sie uns unsere Lieblingsphrase noch einmal eingeben. Schön. Dann mach es schwarz und entferne den Strich. Jetzt möchte ich, dass der Text die ganze Komp füllt, also lasst uns die Größe vergrößern. Das sieht schön aus. Lassen Sie uns die Umschalttransparenz zurückschalten. Das war ein Fehler, mein Schlechtes. Vergewissern Sie sich, dass der Text zentriert ist. Wir werden die Position animieren, also lassen Sie sie von der Spitze der Komp kommen und dann unten verschwinden. Drücken Sie „V“, um das Auswahlwerkzeug zu verwenden und halten Sie die Taste gedrückt. 8. Polar-Koordinaten: Lassen Sie uns Übung 3 beenden. Dieser Effekt ist ein ziemlich alter Effekt, aber er kann restrisierende typografische Animationen erzeugen. Es ist auch wirklich einfach zu bedienen. Polarkoordinaten sind ein Effekt, der ein rechteckiges Bild nimmt und es je nach Ihren Einstellungen in einen Kreis oder das Gegenteil verzerrt . Gehen wir zurück zu Übung 3. Dann gehen wir zum Projekt-Panel und ziehen in unsere Polarkoordinaten pre-comp. Der Grund, warum wir dieses zu einem Rechteck gemacht haben, liegt daran, wie der Effekt funktioniert. Lassen Sie es uns hinzufügen. Wechseln Sie zu „Effekt“, „Verzerren“ und „Polarkoordinaten“. können Sie den Prozentsatz der Verzerrung Hier können Sie den Prozentsatz der Verzerrung und die Art der Konvertierung ändern. Wir brauchen die zweite Art der Konvertierung. Dann machen wir den Prozentsatz zu 100 Prozent. Es nimmt im Moment etwas zu viel Platz ein. Drücken Sie „S“ und wir werden die Waage 80 Prozent machen. Viel besser, laßt uns eine Vorschau laden. Sieht nett aus. Ich denke, ich werde dem Mix eine kleine Rotation hinzufügen, also drücken wir „R“ und gehen zu „Null Sekunden“, fügen Sie einen ersten Keyframe und gehen Sie dann zu „4 Sekunden“. Geben wir „180“ ein. Lassen Sie uns die Vorschau erneut laden. Da gehst du. Gehen wir weiter zu Übung 4 und CC Twister. 9. CC Twister: Lassen Sie uns im Aufwärmbereich trainieren und wir werden CC Twister verwenden. CC Twister ist ein alter und ziemlich vergessener Übergangseffekt, mit dem Sie die Ebene auf alle Arten von Spaß biegen und drehen können und ich denke, es hat viel Potenzial für Textanimationen. Hier ist also die letzte Übung, an der wir arbeiten werden. Wir werden den Text zuerst mit dem CC Twister-Effekt animieren und dann kümmern wir uns um diese animierte Textur im nächsten Kapitel mit dem fraktalen Rauscheffekt. Also lasst uns anfangen. Lassen Sie uns noch einmal eine neue Textebene erstellen. Drücken Sie also „Shift Option Command T“ und geben Sie hallo ein. Lassen Sie uns mit der gleichen Schriftart bleiben und ich möchte nur eine Füllung in weiß. Lass es uns ein bisschen größer machen. Vielleicht 375. Vergessen Sie nicht, Ihren Text zu zentrieren. Aber das sieht nicht zentriert aus. Warum ist es nicht zentriert? Ich schätze, das ist es. Ich werde es nur ein bisschen so nach oben bewegen. Drücken Sie „Befehl D“, machen Sie eine Kopie und bringen Sie sie dann unter. Ändern Sie die Füllung in die Hintergrundfarbe und fügen Sie dann einen weißen Strich hinzu und blenden Sie diese Ebene einfach aus, weil wir sie für jetzt nicht benötigen, und wählen Sie dann Ihren ersten Hallo erneut aus, gehen Sie zu Effekt, Übergang und CC Twister. Lassen Sie mich Ihnen also zeigen, wie der Effekt mit den Standardparametern aussieht. Das erste, was mir auffällt, ist die Schattierung hier. Ich will das nicht, also schalten wir es einfach hoch, und darüber hast du die Backside Option. Gerade jetzt ist nur auf sich selbst gesessen. Denken Sie daran, dass wir eine zweite Ebene erstellt haben . Wählen Sie sie aus und schauen Sie sich diese an. Die Animation geschieht um diesen Punkt genau hier und ich möchte nur sicherstellen, dass sie zentriert ist. Also lassen Sie mich das tun und die Drehachse ist auf minus 120 eingestellt. Lassen Sie uns das auf 90 Grad ändern. Mal sehen, ob es jetzt aussieht. Schön. Lassen Sie uns nun die Animationen erstellen. Stellen Sie also sicher, dass Sie sich auf 0 Sekunden in Ihrer Timeline befinden, und drücken Sie dann die Stoppuhr für die Fertigstellung. Um auf Ihre Keyframe-Animation zuzugreifen, drücken Sie „U“. Dann geh zu 1 Sekunde und mach es zu 100 Prozent. Wechseln Sie schließlich zu zwei Sekunden und ändern Sie es zurück auf 0 Prozent. Jetzt können Sie alle Keyframes auswählen und die Funktionslinie drücken, um es zu erleichtern. Lassen Sie uns eine Vorschau, und es ist fertig. Gehen wir zur animierten Textur über. 10. Fraktale Störung: in Übung 4 bleiben, fügen wir dem Text etwas Textur hinzu. Der Fraktal-Rauscheffekt, erzeugt einige Graustufenrauschen, und das kann verwendet werden, um Muster zu erstellen, Texturen, Verschiebungs-Maps, Hier werden wir es verwenden, um einige schwarzen Staub zu erstellen. Wir sind fast fertig mit den Übungen. Ich bin aufgeregt. Ich hoffe, du bist es auch. Wir werden den Effekt auf eine neue Ebene anwenden, also drücken Sie „Befehl Y“, um einen Volumenkörper zu erstellen. Nennen wir es schwarzen Staub, und die Farbe spielt keine Rolle, also drücken Sie „Okay“. Gehen wir dann zu Effekt, Rauschen und Korn und Fraktal-Rauschen. Dieser Effekt hat viele Optionen. Sie können die Art des Fraktals, die Art des Rauschens, den Kontrast, die Helligkeit ändern die Art des Rauschens, den Kontrast, , aber lassen Sie uns einfach auf das konzentrieren, was uns jetzt wichtig ist. Ich möchte, dass mein fraktaler Typ grundlegend ist. Schon der Fall. Dann für den Rauschtyp möchte ich linear, dann brauche ich einen sehr starken Kontrast. Normalerweise gehe ich für etwa 1.700. Um dann die schwarzen Bereiche zu reduzieren, bringen wir die Helligkeit auf etwa 500, so dass wir nur winzige Flecken von Schwarz bekommen. Wenn Sie mehr wollen, fühlen Sie sich frei, dies zu tun. Ich möchte nur, dass dieser Effekt subtil ist. Dann gehen wir zu Transformieren und bringen die Skala auf 15, nur damit wir ein bisschen mehr auf dem Bildschirm haben können. Zuletzt, bringen Sie die Komplexität auf drei. Schön. Jetzt möchte ich den Effekt nur auf die weiße Seite des Textes anwenden, also das hier, und dafür werden wir eine Spurmatte verwenden. Es ist das gleiche Prinzip wie eine Maske in Photoshop, außer dass wir hier eine Kopie unserer Ebene als Zielbereich verwenden. Wählen Sie die Hello Ebene und machen Sie eine Kopie durch Drücken von „Befehl D“, platzieren Sie sie über der schwarzen Staubschicht, klicken Sie dann auf Ihren Volumenkörper, gehen Sie zu Spurmatte und wählen Sie Alpha Matte. Dann lasst uns den einfachen Modus ändern, ich möchte, dass er auf Multiply gesetzt wird, so dass nur die schwarzen Punkte auftauchen, und wir können unsere schönen off white halten. Unser einziges Problem hier ist, dass der Staub auch auf der anderen Seite angezeigt wird, und das liegt daran, dass in unserer Textebene die Rückseite immer noch auf hallo 2 gesetzt ist. Lassen Sie uns das einfach entfernen. Schön. Lassen Sie uns eine Vorschau. Ehrfürchtig. Du bist fertig. Lassen Sie uns mit Ausdrücken animieren. 11. Ausdrücke: Lassen Sie uns diese Übung beenden, indem Sie einige Ausdrücke hinzufügen, einen zum Animieren der Textur und einen zur Textanimation. Ein Ausdruck ist ein Code, den Sie auf Ihre Layer anwenden können , um deren Eigenschaften zu beeinflussen. Zum Beispiel habe ich hier einen Ausdruck verwendet, um dem Layer mitzuteilen, seine Skalierung zweimal pro Sekunde um 10% ändert. Letztes Kapitel des Warmup. Wir werden einen Ausdruck verwenden, um die Textur zufällig zu bestimmen. Um das zu animieren, werden wir einen sehr einfachen Zeitausdruck verwenden. Gehen wir zurück auf die Ebene die „Evolutionsoptionen“ und die „Random Seed“. Lassen Sie mich Ihnen nur zeigen, was es tut. einfache Ändern dieser Zahl wird nur ändern, wie das Geräusch aussieht. Lassen Sie mich das einfach absagen. Um das Ausdrucksfenster zu öffnen, halten Sie „Option“ gedrückt und klicken Sie auf die Stoppuhr, und geben Sie dann Zeit mal 10. Jetzt haben Sie auch den Ausdruck Abschnitt hier unten. Was dieser Ausdruck im Grunde bedeutet, ist, dass er die Zufallszahl 10 Mal pro Sekunde ändern wird und natürlich wird diese Zahl zufällig sein. Lassen Sie uns eine Vorschau laden. Hier geht's. Sie haben Ihre animierte Textur. Ich weiß, dass manche Leute Ausdrücke nicht wirklich mögen weil es Code und Code ist, beängstigend sein können. Aber ich hoffe wirklich, dass Sie sie nach dieser Klasse weiter verwenden werden , weil es so ein Zeitgewinn ist, besonders für solche Dinge. Tut mir leid für das Hin und Her. Aber denken Sie daran, Übung 1, Ich sagte, dass wir etwas Textur hinzufügen müssen. Lasst uns das machen. Jetzt kopiere ich die Ebene und füge sie in die Übung 1-Komp ein. Wir brauchen keine Alpha-Matte für diesen hier, es wird über alles wie dieses gehen. Es ist im Moment ein bisschen stark. Ich werde die Deckkraft auf vielleicht 60 Prozent senken. Wieder, es ist T, die Deckkraft zu bringen und ja, das war's, es sieht so schön aus. Gehen wir zurück zu Übung 4. Ich muss dir nur von einem letzten Ausdruck erzählen, und dann sind wir fertig. Es ist ein Schleifenausdruck und wir werden es viel im Klassenprojekt verwenden. Momentan ist meine Textanimation nur zwei Sekunden lang. Danach passiert nichts. Wenn ich wollte, dass es doppelt so lang , könnte ich natürlich alle Ebenen auswählen und U drücken und alle Schlüsselrahmen auswählen und kopieren und einfügen. Aber sagen wir, Sie arbeiten an einem großen Projekt mit Tonnen und Tonnen von Schichten, das wird es einfach nicht schneiden. Verwenden wir stattdessen einen Ausdruck. Gehen wir zur Fertigstellung halten Sie „Option“ und klicken Sie auf die Stoppuhr. Ich werde einen LoopOut-Ausdruck verwenden. Dieser Ausdruck wird After Effects anweisen, diese drei Keyframes für immer nach zwei Sekunden zu wiederholen . Gehen Sie zurück zur Fertigstellung, klicken Sie mit der rechten Maustaste und wählen Sie „Nur Ausdruck kopieren“. Das wird uns erlauben, den Ausdruck auf andere Ebenen einzufügen. Wenn Ihre zweite Ebene eine andere Animation hatte, könnten Sie sie trotzdem einfügen. Nehmen wir an, Sie hatten viele Ebenen, Sie könnten einfach alle Eigenschaften auswählen, drücken Sie „Control V“, und jetzt läuft alles perfekt. Um zusammenzufassen, hier ist, was Sie gelernt haben, wie man bisher macht, was bedeutet, dass wir jetzt zum Klassenprojekt übergehen können. 12. Das Projekt: Ich habe diesen Trend mit Aufklebern gesehen, die seit einiger Zeit herumlaufen und ich möchte wirklich daraus für dieses Projekt ziehen, weil ich denke, dass es uns erlauben wird, die Arbeit in kleinere und überschaubare Stücke zu segmentieren und hoffentlich bleiben organisiert. Jeder Ihrer Sticker wird mit 1, 2, 3 der Techniken animiert , die wir während des Aufwärmen übergegangen sind. Ich werde Sie bei meinem Projekt begleiten. Wenn Sie Ihr eigenes Design erstellen möchten, finden Sie hier einige Hinweise. Es sollte in einem quadratischen Format sein, bereit für die Animation, also 1080 von 1080 und 72 DPI. Mindestens eine kurze Phrase von etwa 6-12 Wörtern in verschiedene Aufkleber, eine begrenzte Farbpalette, so würde ich empfehlen, um 3-4, und dann schwarz und weiß, 2-4 Schriften und versuchen, den Stil zu variieren. Vielleicht könntest du eine serifen- oder serifenartige Schrift haben, was immer du willst. Schließlich, für Ihr Design, versuchen Sie, einfache Formen und Kompositionen zu haben, die leicht in Aftereffekte neu erstellt werden können. Ich denke, dass es. Gehen wir zum nächsten Teil, in dem ich Ihnen zeigen werde, wie ich meinen eigenen erstellt habe. 13. Skizzen entwerfen: Ich habe einen Satz ausgesucht, der meiner Meinung nach ziemlich passend für die Klasse ist. Es heißt: „Haben Sie keine Angst, es zu versuchen, wir alle fangen von irgendwo an.“ Darüber hinaus habe ich vor, einige zusätzliche Worte der Ermutigung zu haben, wie, du hast das, tu es einfach, sei nett zu dir selbst. Ich habe auch ein sehr schnelles Moodboard gemacht. Ich habe vielleicht 15 Minuten damit verbracht, also verbringe nicht zu lange damit. Aber ich denke, es ist wichtig, einige Referenzen für Farben, Formen, Schriften, alles zu haben , also hier ist es, wenn Sie einen Blick haben wollen. Jetzt skizzieren wir die Dinge, ich mache das in Procreate. Sie können es digital oder traditionell tun, spielt keine Rolle. Wie Sie vielleicht bemerkt haben, habe ich schreckliche Handschrift und ich konnte keine gerade Linie zeichnen , wenn mein Leben davon abhängt. Aber weißt du was? Es ist okay, denn dieser Teil ist für mich und mein Gehirn allein. Na ja, das ist es normalerweise. Jetzt schreibe ich auf, was ich denke, der Effekt wird für jeden der Aufkleber und auch Art der Schriftart, die ich verwenden möchte. Dann habe ich ein paar Farbpaletten getestet und beschlossen, mit der letzten zu gehen, und die Farben auf meine Full-Size-Version angewendet, ein paar Dinge verfeinert, und ich denke, wir sind gut zu gehen. Jetzt sind wir in Illustrator. Ich habe diese Datei erstellt, meine Skizze hier importiert und darunter meine Farbpaletten erstellt. Ich habe auch ein paar verschiedene Art-Boards erstellt, nur um einige Dinge testen zu können. Sie sind alle 1080 mal 1080 Quadrate, genau wie das, was wir in After Effects brauchen. Ich habe auch dafür gesorgt, dass mein Farbraum in RGB und nicht CMYK ist. Nur eine allgemeine Regel für die Animation, der Farbraum wird immer RGB sein. Ich glaube, das ist alles. Ich werde gehen, um die Aufkleber zu erstellen und wählen Sie meine Schriften. Ich werde es beschleunigen, nur weil ich nicht möchte, dass es zu viel Zeit von der Klasse in Anspruch nimmt, weil dies schließlich eine Animationsklasse ist. - Ja. Ich treffe dich zurück, wenn es fertig ist. Ich bin zurück und das ist es, was ich mir ausgedacht habe. Lasst uns die Schriften durchgehen, die ich benutzt habe. Diese beiden sind Rodfat, für diese beiden habe ich Floyd benutzt, diese beiden sind Lucky, und das ist League Script. Jetzt für die Animation, Ich denke, ich werde eine Pfadanimation für tun, keine Angst, mit dem Auge öffnen und schließen. Dies wird abwechseln zwischen nur und tun Sie es mit einem CC Twister. Dies wird ein Trimmpfad sein. Dieser wird sich mit Polarkoordinaten drehen. Für diese, ich denke, ich werde CC Twister mit einer Shape-Layer-Animation kombinieren. Dieser wird auch eine Shape-Layer-Animation sein. Dieser wird eine Pfadanimation sein, nur eine sehr einfache Rotation. Dieser wird eine Echo-Animation sein. Bevor wir dies für After Effects exportieren, würde ich eine Sache empfehlen, für die Farbpalette zu tun, ist , sich die Zeit zu nehmen, einen Ordner dafür in den Bibliotheken zu erstellen. Ich klicke auf dieses Symbol, erstelle einen Ordner, nenne ihn Skillshare, und ich werde jede meiner Farben hinzufügen damit ich auf sie zugreifen kann, sobald ich in After Effects bin. Jetzt, da es fertig ist, kann ich diese Nummer 4 exportieren. Sie einfach wieder sicher, dass es 1080 x 1080 und 72 dpi ist. Wenn Sie exportieren, benennen Sie es so etwas wie Referenz um und wir sind bereit zu gehen. Gehen wir zu Datei, Exportieren und Exportieren als. Markieren Sie das kleine Kästchen, und für den Bereich ist es Nummer 4. Hier habe ich meinen Skillshare Ordner. Ich habe eine für die Illustrator-Dateien, eine für das AAfter Effects Projekt und eine für die Exporte. Gehen wir einfach zurück zum Illustrator eins. Sie können als PNG oder JPEG exportieren, spielt keine Rolle. Ich werde nur Referenz am Ende des Namens hinzufügen und klicken Sie auf „Exportieren“. All dies sieht gut aus, also klicken Sie auf „OK“, und jetzt können wir anfangen, einige Animationen zu machen. Ich bin aufgeregt. Lasst uns gehen. 14. Das Projekt anlegen: Wir haben unseren Spielplan für das Klassenprojekt. Lassen Sie uns den Workflow einrichten. Wir sind zurück zum AAfter Effects Projekt. Wie Sie sehen können, haben Sie im Projektordner genauso wie beim Aufwärmen im Projektordner genauso wie beim zwei Kategorien. Eine ist die Referenz und die andere ist für Sie, um an Ihrem eigenen Projekt zu arbeiten. Wenn Sie möchten, können Sie sich die Referenzanimation hier ansehen, und das ist, woran wir arbeiten werden. Im Projektfenster haben Sie auch Ordner und Kompositionen für jeden der Aufkleber. Zum Beispiel, wenn ich hier klicke, wird es mich zu einer anderen Komposition nur für diesen Aufkleber bringen. Eine Notiz über das Projekt, das ich gerade auf dem Bildschirm verwende, wenn ich zu Ihrem Projekt gehe, gibt es nichts. Keine Hauptkomposition, keine Kompositionen für jeden der Aufkleber, aber die, die Sie verwenden werden, so dass die aus dem Ressourcenbereich bereits alles für Sie einrichten wird , weil um ehrlich zu sein, Einrichtung von Projekten ist nur eine lange und ziemlich mühsam Prozess, und ich möchte nur, dass Sie Spaß haben und lernen, Typografie zu animieren. Ich werde mich immer noch aufzeichnen, weil ich denke, Sie könnten etwas lernen, wie Sie Projekte einrichten und Formen in After Effects erstellen. Um zu beginnen, werde ich meine Referenz importieren, also gehe ich zu Assets auf der Registerkarte Projekt, gehe dann zu Datei, Importieren und Datei, wähle dann das PNG aus und stelle sicher, dass es sich im Ordner Assets befindet. Als nächstes werde ich meine Hauptkomposition erstellen, die 1080 mal 1080 sein wird, also ein Quadrat. Sobald ich meine Aufkleber neu erstellt habe, verwende ich die Referenz als Leitfaden in der Hauptkomposition, um sie zu platzieren. Für die Größe der Kompositionen, für jeden der Aufkleber, ehrlich gesagt werde ich raten, basierend auf der Größe des Hauptkomps. Zum Beispiel einer Komposition für Sie haben keine Angst, wäre wahrscheinlich um 500 Pixel. Nur um auf der sicheren Seite zu sein, würde ich eigentlich empfehlen, sie ein bisschen größer zu machen , als das, was sie wirklich denken, nur weil es einfacher ist, so dass Sie sie immer nach unten skalieren können , sobald Sie sie in den Hauptkomp importieren, also zum Beispiel, sind sie nur 60 Prozent ihrer tatsächlichen Größe. Ich glaube, das ist alles. Also werde ich all das tun und zurückkommen, wenn ich fertig bin. Ich bin fertig, ich bin wieder da. Ich werde beide Kompositionen für meine Sticker importieren und sie in meine Hauptkomposition importieren. Stellen Sie sicher, dass Sie die Referenz oben behalten und die Deckkraft auf 70 Prozent umstellen. Wieder, wir sind es, die Deckkraft zu bringen und dann werden wir neu positionieren und die Größe ändern alle Aufkleber folgen dieser Anleitung. Jetzt können wir in die Animation kommen, und der erste, den wir animieren werden, ist freundlich zu sich selbst zu sein. 15. Animation mit Textpfaden: Das ist wichtig. Grundsätzlich möchten Sie, dass es ungefähr die gleiche Größe wie das Auge hat. und wählen Sie Ihre Maske und Magie. dass sie oben auf dem Auge sitzt, und Sie sind fertig. Ich bin ziemlich glücklich damit. aber wir müssen nicht darüber nachdenken, es überhaupt zu animieren. Kopieren Sie Ihre Pupillenschicht und springen Sie in Ihre Herzkomposition, fügen Sie sie ein. Was bedeutet, dass Sie jetzt zu Ihren Textpfad-Optionen gehen Wenn du wie ich bist, es wird die Positionsanimation der Pupille hier stören. Das einzige Problem ist, dass, wenn Sie alles auswählen und sie mit den Pfeiltasten herunterfahren, Drücken Sie die Umschaltoption Befehl T, und geben Sie die Großbuchstaben „NICHT ANSPORT“ ein. und Ihre Zeitanzeige auf einem der Keyframes platzieren. Mal sehen, wie es aussieht. Form 2 ist die untere. Klicken Sie einfach auf die Stoppuhr, und legen Sie sie auf Keine fest. Jetzt, und erst jetzt, faul, aber effizient zu sein. Ich werde die Schrift in Rodfat ändern. können Sie alles mit den Pfeiltasten oder dem Auswahlwerkzeug nach unten verschieben. Wir haben drei Aufkleber fertig, Hier ist, was ich mir ausgedacht habe. Ich werde diese Größe auf 70 Pixel ändern. Gehen wir einfach zurück zum Hauptkomp und laden Sie eine Vorschau. wechseln Sie zu Maske und Neue Maske. Um dies zu vermeiden, möchten Sie nur Ihre Positionsanimation auf der Pupille auswählen Cool. Wir haben unsere ersten beiden Aufkleber unten. Platzieren Sie einfach Ihre Textebene etwas höher, so und jetzt sollte Ihr Maskenpfad dem Augenlid folgen. wirst du wahrscheinlich alles neu zentrieren wollen, denn das wird dich stören. jetzt können wir mit Formebenen animieren. richten Sie sie erneut an der Mitte Jetzt können Sie einfach U drücken und Ihre Keyframes neu verteilen Wir wollen das obere Augenlid. Öffnen Sie die Ebene, wechseln Sie erneut zu Maske, Wir werden die Sterne, die wir gerade gemacht haben, wiederverwenden und die Ellipse und entfernen Sie auch die Positionsanimation. gehen Sie zurück zur Maske, fügen Sie sie ein, Dann öffnen Sie es und entfernen und Ihre Sterne auf das Herz legen, wie Sie wollen. sie auf den Herz-Aufkleber setzen, nur so dass es etwas visuelles Interesse hat, Zum Schluss machen wir meine Lieblingssache, nämlich und vergessen Sie nicht, ihn auszurichten. Gehen Sie zu Absatz, und stellen Sie sicher, dass er zentriert ist, Ich bin ziemlich glücklich damit. Jetzt werden wir tatsächlich den Maskenpfad ändern, so und entfernen Sie auch die Skalenanimation. dass er mit dem Pfad der Augenlider übereinstimmt. als Nächstes mit der rechten Maustaste auf Ihre Ebene, Gehen Sie zu Form 1, klicken Sie auf den Pfad und kopieren Sie Ihre Keyframes, Fügen Sie einen Keyframe hinzu, gehen Sie dann zu Ihrer Augenebene und öffnen Sie ihn einfach erneut. Wir werden schön und einfach mit einem einfachen Pfad Animation auf Be freundlich To Yourself beginnen. Wie ich schon sagte, wir werden mit dem Be Art To Yourself Aufkleber beginnen, lasst uns in diese Vorkomposition einsteigen. Wie Sie sehen können, haben wir bereits den Rücken. Wir werden eine neue Textebene erstellen. Drücken Sie „Umschaltoption Befehl T“. Für die Schrift benutzen wir Floyd. Ich werde in der schwarzen Farbe „Sei nett zu dir selbst“ eingeben . Stellen Sie sicher, dass es zentriert ist und vielleicht die Größe davon reduzieren, sagen wir 30. Als nächstes erstellen wir eine Maske für den Text, der auch folgen soll. Gehen wir zum Formwerkzeug. Ich werde eine Ellipse verwenden, und beginne in der Mitte der Komp, werde ich „Shift and Command“ drücken und einen Kreis erstellen. Stellen Sie dann Ihre Maske auf „Keine“ ein, gehen Sie zu Text, Pfadoptionen, Pfad und wählen Sie Ihre „Maske 1" aus, schalten Sie dann den umgekehrten Pfad ein. Dann werden wir den ersten Rand so verschieben, dass der Text oben ausgerichtet ist. Vielleicht hätte ich den Text etwas größer machen können, sagen wir 33. Wir setzen unseren ersten Keyframe auf zwei Sekunden. Der Grund dafür ist, dass wir wollen, dass der Text von links heraufkommt, ein bisschen oben bleibt und dann auf der rechten Seite runterkommt. In zwei Sekunden wird es aufstehen. Dann können wir auf Null Sekunden gehen und den ersten Rand ändern , so dass der Text ganz unten in der Maske ist. Dann können wir das Gleiche in vier Sekunden machen, aber dieses Mal einfach den Text in die andere Richtung bringen. Wir haben unsere Basisanimation. Ich möchte nur, dass der Text ausgeblendet wird, wenn er unten ist , also werde ich eine zweite Maske dafür erstellen. Ich werde ein Rechteck verwenden und es einfach über den Text ziehen. So, dann können Sie es einfach auf Subtrahieren setzen, drücken Sie „Leertaste“, um eine Vorschau anzuzeigen, und Sie haben Ihren Text. Vergessen Sie nicht, alle Ihre Keyframes auszuwählen und drücken Sie „Funktion 9", um die Vorschau wieder zu erleichtern. Das Problem hier ist, dass der Text ganz oben stoppt, und das will ich nicht. Ich gehe in den Diagramm-Editor, stelle sicher, dass du deine Keyframes ausgewählt hast und dass du dich im Geschwindigkeitsdiagramm bearbeiten und nicht im Wertediagramm befindest. Wenn ich nun versuche, diesen Punkt nach oben zu verschieben, damit er nicht vollständig beendet wird, werden Sie sehen, dass sie tatsächlich nicht miteinander verbunden sind, die beiden Seiten, also wählen Sie beide aus, klicken Sie mit der rechten Maustaste, und gehen Sie zu Keyframe-Geschwindigkeit und aktivieren Sie das Kontrollkästchen“ Kontinuierliche“ Box. Jetzt, da sie verbunden sind, wir in der Lage sein, sie hochzubringen, um die Geschwindigkeit zu verringern , damit sie langsamer werden, aber nicht vollständig aufhören. Jetzt können Sie auf den Punkt klicken, Shift halten, bringen Sie es nach oben, und dann werden Sie auf die Griffe auf beiden Seiten ziehen , so dass wir eine schöne Lockerung auf die Geschwindigkeit bekommen. Ich werde auch die Lockerung des ersten und letzten Keyframes reduzieren. Ich würde nur empfehlen, einige Male in der Vorschau zu sehen und Dinge anzupassen, bis Sie damit zufrieden sind. Ich glaube, ich habe etwas gefunden, mit dem ich zufrieden bin. Stoppen wir die Vorschau und gehen zurück zum Comp. Wir sind fertig mit dem Text. Jetzt für die Blume in der Mitte brauchen wir eine Formschicht, lassen Sie uns eine erstellen. Wir brauchen keinen Strich, aber wir brauchen eine Füllung in weiß. Fangen wir mit einer Ellipse an. Halten Sie die Option gedrückt, und erstellen Sie die Form. Sie auch sicher, dass es zentriert ist, ich werde nur die Größe ein bisschen anpassen, vielleicht ein bisschen kleiner, also 60. Dann, um die Blütenblätter zu erstellen, werden wir tatsächlich eine Sternform verwenden, die wir ändern werden. Gehen Sie also zum Formwerkzeug und erstellen Sie einen Stern. Perfekt. Ich werde nur den Stern unter die Ellipse setzen und auch meine Ebene umbenennen, fast vergessen, ich werde es Blume nennen. Wählen Sie die Sternform und Sie werden die Füllung in lila wie folgt ändern, und dann werden wir es öffnen und ändern. Zuerst, für die Punkte, werde ich es acht machen und dann für den inneren Radius, etwas etwas größer, vielleicht 11; und dann für die äußere, werde ich es 100 machen. Damit die Blütenblätter erscheinen, müssen wir die äußere Rundheit anpassen. Lass uns das einfach machen, bis es so gut aussieht wie hier. Wir haben unsere Blume, ich will sie nur ein bisschen animieren. Wir wählen die Ebene aus, drücken „R“ und gehen dann zum Anfang der Timeline und fügen einen ersten Keyframe hinzu. Damit diese Rotationsanimation perfekt durchläuft, muss meine Anzahl von Grad ein Vielfaches von 45 sein, da 360 Grad geteilt durch 8, 8 die Anzahl der Blütenblätter ist 45. So kommt es vor, dass ich nicht will, dass es zu schnell ist, also werde ich es nur 45 Grad machen. Lassen Sie uns eine Vorschau auf unseren ersten Aufkleber. Da gehst du. Es ist nichts zu schickes, zu schwer, aber ich denke, es ist ein schöner Start in das Projekt. Es ist ein sekundärer Aufkleber, ich möchte nicht zu viel Aufmerksamkeit von den wichtigsten ziehen. Jetzt können wir uns nicht fürchten. Wenn wir nicht Angst haben, werden wir auch die Pfadanimation für diesen einen verwenden, und wir werden mit den Augen beginnen. Lassen Sie uns eine neue Formebene erstellen, und wir werden das Stiftwerkzeug verwenden, um das Augenlid zu erstellen. Gehen Sie in die Mitte, fügen Sie einen ersten Punkt irgendwo um hier einen anderen auf der anderen Seite, und dann stellen Sie sicher, dass zentriert ist, wir nennen es „Auge“. Ich werde einen dritten Punkt in der Mitte wie folgt hinzufügen, und dann werde ich mit dem Werkzeug „Vertex konvertieren“ darauf klicken, um es gekrümmt zu machen. Jetzt hat es diese beiden Griffe, um die Kurven anzupassen. Ich möchte, dass das Auge geschlossen wird, dann irgendwo hier geöffnet wird, ein bisschen offen bleibt und dann wieder geschlossen wird. Gehen wir zu Inhalt und dann Form 1, Pfad 1, und fügen Sie ein erstes Schlüsselbild auf dem Pfad hinzu. Kopieren Sie das erste Keyframe, und fügen Sie es in vier Sekunden ein. Dann gehen wir irgendwo hier herum, vielleicht 18 Frames, mit dem Auswahlwerkzeug, drücken Sie „V“, klicken Sie auf diesen Punkt und bringen Sie ihn auf, und dann können Sie kopieren und fügen Sie diesen Keyframe in zwei Sekunden und 18 Frames. Wählen Sie alle Keyframes, drücken Sie „F9" zu erleichtern, und jetzt können wir drücken „Leertaste“, um eine Vorschau. Ich entschuldige mich, das ist schnell, aber es ist wirklich langweilig. Ich habe gerade die Form und Lockerung des Auges angepasst, bis es für mich perfekt aussah. Jetzt werden wir den unteren Teil des Auges erstellen, es wird eine Spiegelkopie sein. Dafür müssen wir nur sicherstellen, dass der Ankerpunkt für Form 1 in unserer Ebene zentriert ist. Drücken Sie Y, und wenn es nicht zentriert ist, tun Sie es. Wählen Sie Ihre Form 1 aus, und Sie werden sie duplizieren, indem Sie Befehl T drücken, dann öffnen Sie sie, gehen Sie zu Transformieren, und wir drehen sie um 180 Grad. Drücken Sie zur Vorschau die Leertaste. Cool. Schön. Wenn Sie es versäumt haben, Ihren Ankerpunkt richtig zu zentrieren, wie ich es gerade getan erhalten Sie diese lästige winzige Linie. Um das zu beheben, wählen Sie einfach Ihre Form 2 und bringen Sie sie mit den Pfeiltasten hoch, bis sie verschwunden ist. Cool. Perfekt. Beim zweiten Gedanken möchte ich, dass das Auge tatsächlich ein bisschen länger geschlossen bleibt , denn gerade jetzt fängt es gleich wieder an. Vielleicht bringe ich diese Keyframes hierher. Drücken Sie U, und Sie werden beide auswählen und sie auf drei Sekunden und 12 Frames bringen. Lassen Sie uns noch einmal eine Vorschau anzeigen. Viel besser. Jetzt bekommen wir nur die winzige Linie am Ende. Um es zu beheben, schneiden Sie einfach Ihre Ebene auf drei Sekunden und 12 Frames, und jetzt sollte es perfekt aussehen. Cool. Jetzt auf die Pupille, brauchen wir dafür eine weitere Formschicht. Gehen Sie zu Ebene, Neue Formebene, und wir werden sie umbenennen, Pupil. Ändern wir die Füllung in Schwarz, und wir werden das Ellipsenwerkzeug verwenden. Gehe in die Mitte deines Komps und erstelle deinen Kreis mit Befehlstaste und Umschalttaste. Moment liegt es über der Augenschicht, was bedeutet, dass, wenn das Auge schließt, die Pupille sichtbar bleibt. Ich will das nicht, also werden wir nur die Augenschicht duplizieren. Drücken Sie Befehl D, platzieren Sie sie über der Pupillenebene, benennen Sie sie in Eye Alpha um, indem Sie „Enter“ drücken. Dann gehen Sie auf der Pupillenebene zu Spurmatte, und stellen Sie es auf Alpha matt, und jetzt, wenn Sie Leertaste drücken, wird es perfekt aussehen. Jetzt werden wir den Schüler animieren. Wir fangen mit der Skala an. Wählen Sie Ihre Ebene aus, drücken Sie S, und fügen Sie ein erstes Keyframe bei Null Sekunde hinzu. Machen wir es zu 50 Prozent, dann gehen Sie zu 18 Frames, machen es wieder zu 100 Prozent, kopieren und fügen Sie den Keyframe ein und bringen ihn auf zwei Sekunden und 18 Frames. Endlich 50 Prozent wieder, wenn das Auge bei drei Sekunden und 12 Frames schließt. Wählen Sie alles aus und erleichtern Sie die Keyframes, indem Sie Funktion 9 drücken. Dann gehen Sie in den Diagramm-Editor und versuchen Sie Ihr Bestes, um die Lockerung mit der Öffnung und Schließung des Auges anzupassen . Lassen Sie uns nun die Position animieren. Drücken Sie P, und gehen Sie zu einer Sekunde. Ich möchte, dass es zentriert wird, wenn sich das Auge öffnet und dann nach links, rechts und zurück in die Mitte geht , bevor es sich schließt. Fügen wir hier unseren ersten Keyframe hinzu, und dann können wir ein bisschen später gehen, also kann es eine Sekunde und acht Frames sein. Es wird nach links gehen. Ich kann meine Pfeiltasten benutzen oder sie nach links ziehen. Dann dasselbe auf der anderen Seite. Gehen wir zu vielleicht zwei Sekunden und vier Frames und ziehen es nach rechts. Wenn Sie dies tun möchten, können Sie V drücken, um das Auswahlwerkzeug zu verwenden. Dann zurück in die Mitte, wenn das Auge schließt. Gehen wir zu zwei Sekunden und 18 Frames. Sie können einfach kopieren und einfügen Sie Ihren ersten Keyframe dort dann wählen Sie alles und drücken Sie Funktion 9, um es zu erleichtern. Mal sehen, was wir bisher haben. Gehen wir in den Diagramm-Editor und betonen die Lockerung ein wenig. Stellen Sie sicher, dass Sie sich im Geschwindigkeitsdiagramm bearbeiten befinden. Wählen Sie die Position aus, und deaktivieren Sie dann die Option Animierte Eigenschaften anzeigen, so dass nur die Position angezeigt wird. Obwohl ich nur möchte, dass meine Bewegungen bissiger sind, also werde ich es ein bisschen betonen. Ich werde nur einen Wackelausdruck hinzufügen nur um die Augenbewegung ein bisschen natürlicher zu machen. Halten Sie die Option gedrückt, und klicken Sie auf die Stoppuhr, und ich werde wackeln (0.5,10) eingeben. Also 0.5 ist die Frequenz und 10 ist die Amplitude. Es wird sich nach dem Zufallsprinzip 0,5 Mal pro Sekunde um 10 Pixel bewegen. Lassen Sie uns die Leertaste drücken und eine Vorschau anzeigen. Es ist ziemlich subtil, aber cool. Ich mag es. Perfekt. Jetzt fügen wir ein paar Sterne hinzu, die im Auge leuchten, und wir werden sie der gleichen Ebene hinzufügen. Ich werde das Sternformwerkzeug genau hier verwenden. Öffnen wir einfach die Ebene und gehen Sie zu Inhalt. Ich füge hier einen ersten Stern hinzu und ändere die Füllung in den weißen. Wenn wir dann zur Gruppe gehen und den Pfad öffnen, werden wir die Punkte auf vier ändern. Ändern wir den inneren Radius auf 15 und den äußeren auf 30. Dann werde ich nur die innere Rundheit ändern. Nun, bis es gut aussieht. Sagen wir 150. Jetzt werden wir die Skala dieses Sterns animieren. Stellen Sie einfach sicher, dass Sie sich im Transformations-Polystar und nicht in der Transformation der Ebene, und wechseln Sie dann zu Skalieren. Fügen wir hier irgendwo einen ersten Schlüsselrahmen hinzu, vielleicht eine Sekunde und vier Frames. Machen wir es zu 100 Prozent. Dann gehen Sie zurück zu einer Sekunde und machen es Null Prozent. Kopieren Sie diesen Nullprozent-Keyframe, fügen Sie ihn ein und gehen Sie zu einer Sekunde und 12 Frames und fügen Sie ihn ein. Dieses Mal werden wir nur den mittleren Keyframe erleichtern, so dass er sehr schnell wächst, weit wie möglich oben bleibt und dann herunterkommt. Es sollte so aussehen. Schön. Jetzt machen wir nur ein paar Kopien davon, verteilen sie auf dem Auge und auch in der Timeline. Sie können Befehl D drücken, um dies zu tun. Dann können Sie U drücken, um alle Größeneigenschaften aufzurufen, und ich werde nur einige von ihnen ändern. Vielleicht machen wir das zu 70 Prozent, und das hier auch, und vielleicht kann das 50 Prozent sein. Nur damit sie nicht alle gleich aussehen. Jetzt werde ich sie einfach auf der Timeline und auf dem Auge verteilen und wiederkommen, wenn es fertig ist. Wir haben unsere Augenanimation komplett. Endlich ist es an der Zeit, zur Textanimation zurückzukommen. Lassen Sie uns diese Ebene schließen, und wir werden eine neue Textebene über alles hinzufügen. 16. Animation mit Formebenen: Alles, was jetzt noch zu tun ist, ist, die Animation für jeden Buchstaben durch zwei Frames auszugeben Jetzt können Sie den gesamten Pfad direkt hier auswählen und alle Keyframes auswählen, auch diejenigen, Aber wenn wir alles so bewegen, dass dieser Keyframe der erste ist, den wir sehen, sollte es behoben werden. funktioniert es nicht bei der Pfadanimation, Jetzt können wir mit dem nächsten Kapitel fortfahren, in dem die sich außerhalb der Timeline befinden. Normalerweise würde ich einen Schleifenausdruck verwenden, aber leider Zunächst möchten wir sicherstellen, dass die Animation die vollen vier Sekunden abdeckt. Meine schlechte, ich habe vergessen, dass diese Keyframes Ja, perfekt. und dann sind wir fertig. Drücken Sie dann „F9", um es zu erleichtern. Jetzt zur großen Enthüllung. Gehen wir zurück zur Ebene und drücken Sie „U“, also sieht es am Anfang komisch aus. stellen Sie sicher, dass Sie Ihre Ebene in und fügen Sie also müssen wir nur eine Reihe von Keyframes kopieren und einfügen. wir diese Animation mit CC Twister beenden werden. Ich werde das einfach tun. Schön. und jetzt haben wir alle diese Keyframes zu arbeiten. Sobald Sie das Ende der Komp erreicht haben, , diese hier, nichts vor ihnen ist, Fügen wir einen weiteren Satz wie diesen hinzu und bringen Sie den Layer wieder ein. also müssen wir nur noch etwas Wackelraum haben. ein paar weitere Kopien hinzu, da wir die Keyframes rechtzeitig neu verteilen werden, Wir haben drei animiert. Gehen wir zum Sommeraufkleber und machen eine Shape-Layer-Animation. Lassen Sie uns drücken: „Shift“, „Option“, „Command T“, um eine neue Textebene zu erstellen. Ich werde einige eintippen. Stellen Sie sicher, dass es richtig in schwarz ist. Ich werde die Größe nur ein wenig vergrößern. Ja, so, gib es irgendwo auf dem Aufkleber oben rechts ein, dann werde ich es duplizieren, indem ich „Befehl D“ drücke. Bringen Sie die zweite darunter, und ändern Sie den Text an die Stelle. Dann ordnen Sie einfach alles neu an. Jetzt werden wir eine sehr einfache Shape-Animation auf der O von einigen hier machen. Sie mit der rechten Maustaste auf den Layer, gehen Sie zu Erstellen und Formen aus Texten erstellen. Wenn Sie sich an das Warm-Up erinnern, Sie beim Öffnen der Ebene haben Sie beim Öffnen der Ebene Gruppen für jeden der Buchstaben, und für einige von ihnen, wie das O, haben Sie zwei Untergruppen eine für den äußeren Pfad und eine für den inneren Pfad. Um die Animation zu erstellen, gehe ich zur Suchleiste und gebe Pfad ein. Dann werde ich einen Keyframe für alle von ihnen bei Null Sekunden hinzufügen. Übrigens, wenn wir ein wenig hineinzoomen, werden Sie sehen, dass das O bereits diese zwei sehr, sehr praktischen Ankerpunkte hat , die uns erlauben, es seitlich von der Mitte aus zu strecken. Wenn Ihre Schrift nicht hat, können Sie sie mit dem Stiftwerkzeug hinzufügen, aber für uns ist gut zu gehen. Ich gehe zu 12 Frames, und ich werde meine Maus ziehen und entfernen Sie alle Punkte, die auf der rechten Seite der Mitte des O sind Vielleicht möchten Sie vergrößern, sehen, ob Sie irgendwelche Punkte verpasst haben. Dann mit dem Rest Ihres Abschnitts, doppelklicken Sie und ziehen Sie es nach links, während Sie „Umschalttaste“ gedrückt halten. Versuchen Sie Ihr Bestes, um es auf das darunter liegende W auszurichten. Jetzt haben Sie alle diese Keyframes, die für Sie bei 12 Frames generiert wurden. Um das ungedehnte O zurück zu bekommen, gehen Sie zu einer Sekunde auf der Timeline und kopieren und fügen Sie Ihre ersten Keyframes dort ein. So wie das. Doppelklicken Sie dann auf einen der Pfade und Sie ziehen alles zurück nach links. Versuchen Sie erneut, es richtig mit dem W auszurichten . Möglicherweise müssen Sie zwischen diesen beiden Schlüsselbildern etwas hin und her tun , nur um sicherzustellen, dass sich das S nicht zu viel bewegt und die Dinge bei Bedarf anpassen. Als nächstes möchte ich, dass es für eine Weile still bleibt. Ich werde zu einer Sekunde später gehen, also zwei Sekunden, und kopieren Sie einfach und fügen Sie meine Reihe von Keyframes ihre. Dann gehen wir zurück Wählen Sie also die Keyframes aus 12 Frames aus und fügen Sie sie in zwei Sekunden und 12 Frames ein. Dann kopieren die von Null Sekunden sie und fügen sie bei drei ein. Wir haben unsere Basisanimation. Sie werden alles auswählen und „Funktion 9" oder „F9" drücken, um es zu erleichtern. Jetzt können wir es zurückspielen. Cool. Sehr schnell gehe ich in den Graph-Editor und akzentuiere die Lockerung ein wenig, also ja. Ich glaube, ich habe etwas, mit dem ich glücklich bin. Wir haben unsere Textanimation und jetzt lassen Sie uns den Planeten auf der Seite von einigen hinzufügen. Dafür brauchen wir eine neue Formebene. Wir brauchen eine Ellipse in Lila. Stellen Sie sicher, dass Sie sich in der Mitte des Comp befinden und drücken Sie „Command“ und „Shift“ und erstellen Sie Ihre Ellipse. Bitte stellen Sie sicher, dass es ausgerichtet ist, weil wir es später brauchen werden, wenn es in einem Pre-Comp ist, dann werde ich diese Größe anpassen. Ich möchte nur sicherstellen, dass es neben den Text passt. Also bringen Sie es vielleicht ein bisschen auf 130 runter. - Ja. Ich hätte fast vergessen, die Ebene erneut umzubenennen. Denken Sie daran, dass wir beim Aufwärmen den fraktalen Rauscheffekt verwendet haben, um eine animierte Textur zu erzeugen. Wir werden hier eine Variation verwenden, um die Oberfläche des Planeten zu animieren. Lassen Sie uns einen neuen Volumenkörper erstellen, indem Sie „Befehl Y“ drücken. Ich werde es Planet nennen, Textur und die Farbe spielt keine Rolle. Wechseln Sie als Nächstes zu Effekt, Rauschen und Körnung, und fügen Sie ein fraktales Rauschen hinzu. Für diese Einstellungen möchten wir, dass es einfach und Spline sein. Für den Kontrast möchte ich, dass es fast rein schwarz und weiß ist, also lass es uns 10.000 für die Helligkeit machen. Ich will, dass es mehr schwarz als weiß ist, also lass es uns so etwas wie minus 500 machen. Für die Komplexität, machen wir es eins. Also nur sehr einfache Formen wie diese. Dann gehen wir zu Transform und bringen die Skala auf, sagen wir 25. Lassen Sie es uns animieren. Damit es eine perfekte Schleife ist, musst du zu den Evolutionsoptionen gehen und das Kästchen Cycle Evolution aktivieren. Wechseln Sie dann zu Null Sekunde und fügen Sie einen ersten Keyframe hinzu. Als nächstes drücken Sie „U“, um die animierte Eigenschaft aufzurufen und bis zum Ende zu gehen. Ich werde das zu einer Zwei-Zyklen-Evolution machen. Lassen Sie uns „Leertaste“ drücken und eine Vorschau der Animation anzeigen. - Ja. Jetzt wollen wir, dass es nur auf der Oberfläche des Planeten auftaucht. Dafür verwenden wir eine Alpha Matte. Duplizieren Sie also die Planeten-Ebene, bringen Sie die Kopie über die Textur und benennen Sie sie Planetenmaske um. Schließlich legen Sie die Spurmatte auf der Textur auf Alpha-Matte fest. Ich will nur, dass die weißen Bereiche auf meinem Planeten erscheinen. Ich gehe zu den Mischmodi. Es ist das gleiche wie in Photoshop und Illustrator und ich werde es aufhellen. Bringen Sie auch die Deckkraft ein wenig nach unten, also drücken Sie „T“ und ich werde es zu 50 Prozent machen. Mal sehen, wie es aussieht. Ja, das ist nett. Was Sie tun können, wenn Sie wollen, ist tatsächlich bewegen Sie Ihre solide herum, nur bis Sie eine Region von Interesse finden, denke ich, genau wie ein Gebiet, von dem Sie denken, sieht gut aus. Vielleicht wäre hier nett. - Ja. Ich mag es. Denken Sie daran, als ich Sie bat, sicherzustellen, dass dies zentriert ist, weil wir es mit seiner Textur vorkomponieren werden, und die Vorkomposition wird einen Ankerpunkt in der Mitte genau hier haben. Wir werden die Skala animieren, also möchte ich nur sicherstellen, dass sie um einen Punkt in der Mitte richtig skaliert. Machen wir die Pre-Comp, wählen Sie die drei Ebenen und klicken Sie mit der rechten Maustaste, gehen Sie zu Pre-Compose. Ich werde es Planet Precomp nennen. Gehen Sie dann auf die Registerkarte Projekt und stellen Sie sicher, dass es dort ist, wo es in der irgendwo Gruppe sein soll. Gehen wir zum Anfang der Zeitachse und ich bringe den Planeten links von irgendwelchen rechts hier. Wir werden damit beginnen, die Skala zu animieren, also drücken Sie S. Wir werden hier einen ersten Keyframe mit 100 Prozent hinzufügen. Als nächstes, wenn Sie zu 12 Frames gehen, einige diese Seite erreicht, also müssen wir den Planeten auf Null Prozent Größe haben, also lasst uns das tun. Dann lassen Sie uns tatsächlich U auf die einige Formebene drücken , so dass wir die Keyframes als Referenz haben können. Ich möchte, dass es mit drei Sekunden gesichert wird Kopieren wir also den Nullprozent-Keyframe und fügen ihn in drei Sekunden bei 100 Prozent zurück. Weißt du was? Ich denke, ich möchte, dass es auch auf der rechten Seite erscheint. Ich werde einige Maßstabs-Keyframes dafür niederlegen und die Position später korrigieren. Fügen wir hier einen 100-prozentigen Keyframe hinzu, und dann verschieben wir ihn nach rechts und einen weiteren hier. Nun lasst uns die Position fixieren, damit all das Sinn ergibt und du mich nicht hasst. Ich werde das nur öffnen, damit wir beide Parameter gleichzeitig haben können. Ich gehe auf Null Sekunden und füge hier einen ersten Keyframe hinzu. Dann sollte es von 12 Frames auf der rechten Seite sein, hier. Halten Sie „Umschalttaste“ gedrückt, klicken Sie auf die andere Seite und ziehen Sie den Keyframe auf 12 Frames. Dann sollte es von hier aus wieder an seiner ursprünglichen Position sein Kopieren Sie also den ersten Keyframe und fügen Sie ihn ein. Wenn ich dir jetzt die Animation zeige, ist das ein Chaos, ich weiß. Bitte vertrauen Sie dem Prozess. Ich habe After Effects noch nicht gesagt, dass zwischen den Positionsschlüsselbildern keine Animation stattfinden sollte . Wenn ich jedoch mit der rechten Maustaste auf ein Keyframe klicke und „Keyframe halten“ auswähle, bedeutet das, dass zwischen den Positionsschlüsselbildern keine Interpolation von AAfter Effects ts-Teilen erfolgt. Es wird nur diese Position halten, bis der nächste Keyframe passiert und dann sofort umschalten. Jetzt fängt es an, wie etwas zu sehen. Jetzt müssen wir die Beschleunigung und die Geschwindigkeit für die Skalierungs-Keyframes korrigieren, damit sie dem Text entsprechen, also lassen Sie uns das tun. Drücken Sie „Funktion 9" oder „F9", um zu erleichtern und lassen Sie uns sehen, wie es aussieht. Besser, aber noch nicht perfekt. Ich will, dass der Planet wird, bevor das S bei 12 Frames ankommt. Ich werde diesen Keyframe kopieren und einfügen, um ein bisschen vorher, vielleicht bei sechs Frames. Fügen Sie es ein, und sehen Sie es. Ja, perfekt. Lasst uns dasselbe für die anderen machen. Hier wollen wir, dass der Planet nur ein bisschen später kommt, also werden wir den zweiten Keyframe auf sechs Frames später bringen. Mal sehen, ob das funktioniert. Ja, perfekt. Ich werde nur das gleiche für den zweiten Satz von Keyframes tun. Cool, ich mag es. Nur eine Sache, ich denke, es gibt einige Ausfallzeiten nach ein und drei Sekunden, also könnte ich vielleicht einfach die Animation etwas erweitern, damit der Planet hier wächst, nur damit es etwas mehr Zeit braucht und es nicht so aussieht, als ob er still bleibt. Ich werde diese beiden Keyframes nach sechs Frames verschieben . Mal sehen. Ja, nett. Gehen wir einfach in den Diagramm-Editor und passen Sie die Geschwindigkeiten ein wenig an. Lasst uns ein bisschen davon machen und ein bisschen davon. Lassen Sie uns eine Vorschau. Ja, ich glaube, wir sind fertig. Cool. Jetzt können wir auf den von Aufkleber gehen. Dieser wird tatsächlich mit einer CC Twister-Animation kombiniert werden, aber wir werden den ersten Teil mit einer Shape-Layer-Animation machen. Lassen Sie uns noch einmal eine neue Textebene erstellen. Drücken Sie „Shift“, „Option“, „Command“, „T“, und Sie werden von allen Großbuchstaben eingeben. Ändern wir die Farbe in Weiß, und ändern wir die Schrift in Lucky, und stellen Sie sicher, dass sie zentriert und auch ausgerichtet ist. Sie dann mit dem Auswahlwerkzeug Drücken Sie dann mit dem Auswahlwerkzeug V, um es herunterzufahren. Passen Sie die Größe so an, dass sie auf den Aufkleber passt, vielleicht 200, und richten Sie sie neu aus. Wir werden wieder Formen aus dem Text erstellen. der rechten Maustaste auf den Layer, gehen Sie zu Erstellen und Erstellen von Shapesfrom Text. Wieder einmal haben Sie alle Gruppen für Ihre Briefe. Ich gehe zur Suchleiste und gebe Pfad ein. Als nächstes werde ich nur die Gruppen für den äußeren Teil von R und O schließen , weil ich sie nicht für die Animation verwenden werde und ich sie aus dem Weg wollen. Ich gehe auf Null Sekunden und wähle alle meinen Pfad aus und füge einen ersten Keyframe hinzu. Als nächstes möchte ich, dass die Kreise nach oben gehen, also gehe ich zu 12 Frames. Drücken Sie dann mit dem Auswahlwerkzeug V, ich ziehe meine Maus über alle. Dies wird wahrscheinlich auch einige Punkte aus den R und O auswählen, aber den äußeren Pfad, also stellen Sie sicher, dass Sie sie aus dem Panel hier unten entfernen. Das sollte funktionieren. Jetzt können Sie auf einen der Pfade doppelklicken. Wenn Sie „Shift“ halten, werden Sie alles bringen, sagen wir mal, hier herum. Jetzt können Sie alle Ihre Keyframes von null Sekunden greifen und sie mit einer Sekunde einfügen. Hoppla, vergaß das hier. Jetzt haben wir diese Hin und Her Auf- und Abbewegung. Ich wollte tatsächlich ein paar Wellen erstellen, also müssen wir einige Keyframes bewegen. Das Problem ist, dass es für die M nur einen Pfad für beide Kreise gibt, also müssen wir das beheben, um eine gute Welle zu machen. Um dies zu tun, werde ich ein Rechteck innerhalb der M-Gruppen erstellen. Zuerst entferne ich den Pfad aus der Suchleiste und öffne meine Ebene erneut, gehe in die M-Gruppe. Dann werde ich gehen, um das Formwerkzeug zu greifen und ein Rechteck zu erstellen , das das M in der Mitte schneidet, wie folgt. Hoppla, hat nicht funktioniert. Lassen Sie mich es einfach zurück in die M-Gruppe bringen und es direkt unter die M legen . Klicken Sie dann zurück auf die M-Gruppe und gehen Sie zu Hinzufügen, und fügen Sie einen Mergepfad hinzu. Dann können Sie es so einstellen, dass es sich schneidet. Jetzt haben wir 1/2 der M. Drücken Sie einfach „Befehl“ „D“, machen Sie eine Kopie, um die andere zu machen. Jetzt können Sie einfach den Zusammenführungspfad eines von ihnen festlegen, um zu subtrahieren, und Sie sind gut zu gehen. 17. Animation mit CC Twister: Wir kommen dem Ende näher. Wir werden CC Twister benutzen. Wir sind zurück mit unserem von Aufkleber, so dass wir nur eine CC Twister Effekt 2D Animation hinzufügen , um es zu beenden. Stellen Sie sicher, dass Ihre Ebene ausgewählt ist, und wechseln Sie zu Effekt, Übergang und CC Twister. Zuerst wirst du die Schattierung entfernen, es sei denn, du willst es, ich bin niemand, der beurteilt und dann diesen Punkt mitbringt. Die Drehanimation wird um sie herum passieren , also bringen Sie sie in die Mitte der Ebene. Als Nächstes ändern Sie die Achse auf 90 Grad und stellen Sie sicher, dass Sie bei Null Sekunde sind, und fügen Sie einen ersten Schlüsselrahmen hinzu. Dann gehen Sie direkt vor einer Sekunde so 23 Frame und ändern Sie die Fertigstellung auf 100 Prozent. Drücken Sie U, um Ihre Schlüsselbilder herauszubringen, und ich werde diese direkt nach den 100 Prozent so kopieren und einfügen . Es wird einfach wieder in seinen ursprünglichen Zustand umschalten, ohne jede Animation. Dann gebe ich ihm ein wenig Zeit, um eine Pause zu machen. Ich werde es nach zwei Sekunden wieder einfügen, also wird zwischen diesen beiden Schlüsselbildern nichts passieren. Dann werde ich sehr schnell die Option drücken und auf die Stoppuhr klicken und ich werde einen Loop-Out-Ausdruck hinzufügen , nur so dass sich diese Animation sofort nach zwei Sekunden wiederholt. Nun, lassen Sie uns eine Vorschau sehr schnell. Ok, nicht schlecht. Nur eine winzige Einstellung. Ich denke, ich könnte das Timing zwischen der Pfadanimation und der CC Twister-Animation verbessern , besonders am Anfang dort. Ich denke, ich werde alles in dem Pfad auswählen und sie einbringen , so dass dieser Schlüsselrahmen nicht mehr der erste ist, sondern stattdessen wird dies der erste sein, also mal sehen, ob das funktioniert. Ja, besser. Alles klar, cool. Jetzt können wir die sekundären Elemente animieren und wir werden mit diesem Aufkleber fertig sein. Beginnen wir mit dem großen Stern in der Mitte. Dafür benötigen wir eine neue Formebene. Lassen Sie uns das Sternwerkzeug verwenden und auch die Füllung die Goldfarbe und dann zentrieren Sie sich, drücken Sie Shift und Befehl und erstellen Sie Ihren Stern. Vergessen Sie nicht, den Layer zu benennen. Ich werde es Big Star nennen, dann öffnen Sie es und wir werden die Anzahl der Punkte auf 16 ändern. Innerer Radius, lassen Sie es 50 äußere eins 100, und dann werden wir die Ebene innerhalb des Fensters zu bringen, also klicken Sie darauf und Sie können Befehl drücken, um ausgerichtet zu bleiben. Wir werden es auf und ab schweben lassen. Dafür werden wir die Position animieren, also drücken Sie P und wir gehen auf Null Sekunden. Fügen Sie einen ersten Schlüsselrahmen hinzu. Sie können es nur ein bisschen aufbringen, dann gehen Sie zu einer Sekunde und Sie werden es nicht zu viel runterbringen. Kopieren Sie dann den ersten Schlüsselrahmen und fügen Sie ihn in zwei Sekunden ein. Dann halten Sie die Option gedrückt, klicken Sie auf die Stoppuhr und fügen Sie einen Loop-Out-Ausdruck hinzu. Wählen Sie schließlich alle Schlüsselbilder aus und drücken Sie F9, um dies zu erleichtern. Lassen Sie uns eine Vorschau sehen, was wir haben. Schön. Weißt du was? Ich denke, es könnte auch den Radius wachsen, während es nach oben und unten geht, also lasst uns das tun. Öffnen wir den Polystar, gehen Sie zum inneren Radius und fügen Sie einen Schlüsselrahmen bei Null hinzu und dann gehen wir zu einer Sekunde. Ich werde es 30 schaffen. In Ordnung. Kopieren und fügen Sie den ersten Schlüsselrahmen bei zwei ein, drücken Sie die Option und klicken Sie auf die Stoppuhr. Wir werden auch hier einen Loop-Out-Ausdruck hinzufügen und dann alle Schlüssel-Frames auswählen, F9 drücken, um es zu erleichtern, und lassen Sie uns eine Vorschau noch einmal. - Ja. Schön. Weißt du was? Ich denke, ich werde der Mischung auch etwas Rotation hinzufügen, weil warum nicht. Drücken wir R und fügen Sie einen ersten Schlüssel-Frame bei Null und dieses Mal gehen wir bis zum Ende der Komp. Denken Sie daran, dass dieser Stern 16 Punkte hat, also 45 Grad wird unser Leben wieder retten. Jetzt können wir ein letztes Mal in der Vorschau sehen, denke ich. - Ja. Cool. Ich mag es. Weißt du was? Ich denke, ich werde die Sterne wiederverwenden, die ich erschaffen habe. Hab keine Angst, weil sie fertig sind, und ich will weitermachen, also lass es uns tun. Lassen Sie uns die Vorschau stoppen. Wir gehen zum Herzaufkleber. Ich habe vergessen, diese Ebene umzubenennen, also machen wir das. Nennen wir es Sterne und kopieren Sie es, gehen Sie zurück zu und fügen Sie es ein. Drücken Sie U, um die Schlüsselbilder aufzurufen, und noch einmal werde ich nur ihre Position auf der Timeline und ihre Position auf der Komposition ändern . Ich werde das tun und zurückkommen, wenn es fertig ist. Alles klar, das ist es, was ich mir ausgedacht habe. Sie haben vielleicht bemerkt, dass ich noch ein paar Exemplare der Sterne hinzugefügt habe , nur weil es hier und da einige Ausfallzeiten gab und ich die Leerzeichen ausfüllen wollte. Ich denke, wir sind fertig und wir werden weitermachen, um es einfach zu machen Aufkleber. Für diesen werden wir CC Twister als auch auf dem Text verwenden , um etwas Ähnliches wie ein Schlitz-Scan-Effekt zu tun. Es ist im Moment ein ziemlich trendiger Effekt und es wird normalerweise mit einem Zeitverschiebungseffekt gemacht; aber wir arbeiten mit CC Twister, denn um ehrlich zu sein, neigen Zeitverschiebungseffekte dazu, Computer zu überhitzen und wir haben nicht alle einen Gaming-PC. Ich möchte das nur so zugänglich wie möglich halten. Lassen Sie uns eine erste Textebene erstellen. Drücken Sie Shift Option Befehl T und geben Sie nur ein und ich werde diese schwarz machen. Bringen Sie auch die Größe herunter, so dass der Text zu den Aufklebern passt. Ich weiß es nicht. Vielleicht 130? - Ja. Das sieht ziemlich richtig aus. Erstellen Sie dann eine Kopie und blenden Sie die erste aus und ändern Sie dann den Text, um es zu tun. Ich möchte, dass beide die gleiche Breite haben, also werde ich nur die Deckkraft dieses etwas nach unten bringen und dann seine Größe ändern, bis es gleich aussieht. Dann möchte ich eigentlich auch, dass sie die gleiche Höhe haben. Ich werde den unaussprechlichen und dehnen Typ machen, weil ich glaube , dass Regeln gebrochen werden sollen und keiner meiner Einheiten Lehrer wird sich das ansehen. Außerdem bin ich mir sicher, dass, wenn es weniger als eine Sekunde auf dem Bildschirm ist, niemand es jemals erfahren wird, also lasst uns das tun. Ich werde diesen Umfang benutzen und ihn dehnen, bis er passt. Da. Perfekt. Jetzt können Sie dies schließen und sicherstellen, dass Ihre Layer ausgerichtet sind. Ok. Ich werde die do it-Ebene für jetzt ausblenden und die gerade Ebene auswählen und den CC Twister-Effekt anwenden. In Ordnung, jetzt können Sie die Schattierung entfernen und den Punkt oben in der Mitte platzieren, also nicht die Mitte, dieses Mal zentrieren, wenn das sinnvoll ist, und die Achse auf 90 Grad ändern. Lassen Sie uns einen ersten Schlüssel-Frame auf Null Sekunde setzen, dann gehen Sie zu einer Sekunde, drücken Sie U, um den Schlüssel-Frame aufzurufen, und machen Sie ihn zu 100 Prozent. Wählen Sie dann beide aus und drücken Sie F9, um es zu erleichtern. Dann werden wir zwei weitere Schlüsselbilder in einer Sekunde hier ablegen. Also eine für die Achse und eine für die Mitte, dann gehen Sie zu einem Frame später. Drücken Sie die Befehlstaste und verwenden Sie die Nach-rechts-Taste und Sie werden die Achse auf minus 90 Grad ändern und die Mitte direkt hier in den unteren Teil Ihrer Texte bringen, noch in der Mitte. Drücken wir U, also haben wir jetzt diese Schlüsselbilder hier. Wenn Sie versuchen, eine Vorschau der Animation, den ersten Teil direkt hier, werden Sie sehen, dass der Text nach oben geht, aber dann kommt es, was ich nicht will. Das liegt daran, dass die Rückseite auf sich selbst gesetzt ist Wenn wir sie also auf keine setzen, sie einfach verschwinden, nachdem sie sich verdreht hat. Dann, weil wir die Mitte und die Achse gewechselt haben, wenn ich meinen Schlüsselrahmen auf zwei Sekunden kopiere und einfüge , wird er von unten zurückkommen. Einen Sinn ergeben? Ok. Wenn ich es wiederspiele, sieht es so aus. Alles klar, Fortschritt. Jetzt werden wir alles durchlaufen, also kopieren und fügen Sie diese Schlüsselbilder in zwei Sekunden und diese auf Null Sekunden ein. Jetzt haben wir dieses schöne zusammenhängende Zwei-Sekunden-Bit. Dieses Mal lassen Sie uns eine Schleife in und out Ausdruck verwenden. Es ist Loop-in-Plus-Schleife aus minus Wert und ehrlich gesagt, ich weiß nicht, wie ich es erklären soll. Ich weiß nur, dass es funktioniert. Das ist meine Herangehensweise an Ausdrücke, also lasst uns damit rollen. Ok. Als Nächstes klicken Sie mit der rechten Maustaste auf Ihren Parameter, wählen Sie „Nur Ausdruck kopieren“ und fügen Sie ihn in die beiden anderen Parameter ein. Nun, wenn wir eine Vorschau der Animation, sollte es perfekt sein. Schön. In Ordnung, also sind wir auf halbem Weg erledigt. Der Rest wird super einfach sein. Sie werden nur Ihre CC Twister-Effekte auswählen und vergessen Sie nicht, auch die wichtigsten Parameter auszuwählen und einfach auf Ihre do it Ebene einfügen. Drücken Sie U und Sie werden Ihre gesamte Animation auf eine Sekunde später bringen , so dass wir eine Schleife in und out Ausdruck brauchten. Vergessen Sie nicht, die Schattierung zu entfernen und die Rückseite auf keine zu setzen. Lassen Sie uns nun eine weitere Vorschau laden. Ja, wir kommen irgendwohin. In Ordnung. Schön. Ich werde nur eine kleine Änderung vornehmen und nochmals geht es um Ihre persönlichen Vorlieben. Ich bin nur ein wenig von der Tatsache gestört, dass es so viel Platz zwischen den beiden Schichten gibt, wenn sie sich drehen. Ich denke, wenn ich den Prozentsatz der Abschlussrate hier reduzieren würde, so dass sie weniger Weg zu gehen haben, sozusagen, wären sie vielleicht näher beieinander. Ich hoffe, das ergibt Sinn. Ich weiß nicht wirklich, wie ich es erklären soll, aber ich denke, es wird funktionieren, also lasst es uns versuchen. Versuchen wir es 90 Prozent. Weil sie weit vor 100 Prozent der Fertigstellung verschwinden, können wir uns das erlauben. Probieren wir es aus. Ja, ich glaube, das funktioniert. Ich hoffe, dass meine Erklärung für Sie irgendwie Sinn gemacht hat, aber denken wir daran, dass es funktioniert hat, okay? Ja, ich mag es so. Ich denke, wir sind fertig mit CC Twister und jetzt können wir den Regenbogen animieren und dafür werden wir trimmen Pfad verwenden. 18. Animation mit Trimmpfaden: Wir werden das Animieren beenden, „JUST IT“ mit Trim Path verwenden, und dann gehen wir zu einem anderen. Jetzt werden wir einen schönen kleinen Regenbogen erstellen, um auf den Text zu gehen. Dann werden wir es mit Trim Path animieren. Lassen Sie uns eine neue Formebene erstellen. Wir machen einen Kreis, keine Füllung, sondern einen Strich. Lass es uns rot machen. Sagen wir Rot. Gehen Sie in die Mitte und halten Sie „Befehl“ und „Shift“, und erstellen Sie Ihren Kreis. Versuchen Sie, es über die Größe des Textes zu machen, bringen Sie die Größe des Strichs ein wenig nach oben. Sagen wir mal, 20. Dann gehen Sie einfach hinein und passen die Größe des Pfades an, bis er perfekt in den Text passt. Möglicherweise müssen Sie einige Anpassungen für die Ausrichtung vornehmen. Vergessen Sie nicht, es ein wenig nach oben zu bringen, so dass es passt und mit der Oberseite dieses Aufklebers ausgerichtet ist, wie folgt. Dann machen Sie eine Kopie. Drücken Sie „Befehl D“. Für diesen, lasst uns die Farbe in das Gold ändern. Dann wirst du die Größe des Pfades im Grunde nach unten bringen , bis er direkt unter dem ersten sitzt. Noch einmal, für diese, die aus Farbe lila, und bringen Sie die Größe auch nach unten, bis es direkt darunter passt. Schön. Jetzt fügen wir dem ersten Kreis einen Trimmpfad hinzu. Stellen Sie sicher, dass Sie es ausgewählt haben und gehen Sie zu „Hinzufügen“, „Pfad trimmen“. Lass es uns öffnen. Was ich denke ist, dass der Regenbogen zur gleichen Zeit kommen wird wie „DO IT“, und dann wird es für ein bisschen bleiben und verschwinden, wenn das „JUST“ kommt, dann wird es für ein paar Frames versteckt bleiben, und dann Schleife. Lassen Sie uns damit beginnen, den Regenbogen zu animieren, der hereinkommt. Dafür werden wir den Endparameter animieren. Bringen wir es auf Null. Wie Sie jetzt sehen können, ist der Startpunkt hier oben rechts, was bedeutet, dass wir den Trim Path auf minus 90 Grad versetzen müssen , damit der Start tatsächlich auf der linken Seite ist. Ich werde das tun und meinen Nullprozent-Schlüsselrahmen hinzufügen. Dann gehe ich später zu ein paar Frames, also sagen wir, vier. Ich werde diesen ersten Schlüsselrahmen kopieren und einfügen, nur damit er ein wenig versteckt bleibt, dann gehen wir direkt nach „DO IT“ ist fertig gekommen. Das wären 20 Frames und wir wollen nur, dass es auf halbem Weg so geht. Machen wir es zu 50 Prozent. Dann kann ich es kopieren und auf zwei Sekunden einfügen. Dann können wir einen Schleifenausdruck hinzufügen, und das wird wieder beginnen, aber zuerst lassen Sie uns den Anfang animieren, damit der Regenbogen auch verschwinden kann. Also erster Schlüsselrahmen bei Null, bei Null Prozent, und es wird gleich bleiben, bis ein wenig nachdem der Regenbogen fertig ist. Nehmen wir also an, eine Sekunde und vier Frames, also fügen wir ein weiteres hinzu, immer noch bei null Prozent. Dann wollte ich das Verschwinden beenden, nur damit das Timing Sinn macht, bei vier Bildern vor zwei Sekunden, also hier. Machen wir es zu 50 Prozent und kopieren Sie es dann und fügen Sie es in zwei Sekunden ein. Jetzt haben wir unsere Basisanimation. Alles ist zwei Sekunden lang, also wird es in der Lage sein, perfekt zu schleifen. Lassen Sie uns eine kurze Vorschau, um zu sehen, was wir haben. Ja, in Ordnung. Jetzt lassen Sie uns alles erleichtern, also drücken Sie „F9" oder „Funktion 9", um zu erleichtern, und dann werden wir eine Schleife in und out Ausdruck zu den beiden hinzufügen, wie folgt. Sie dann mit der rechten Maustaste auf „Nur Ausdruck kopieren“, und fügen Sie ihn am Ende ein. Lassen Sie uns eine weitere Vorschau haben. Ja. Schön, richtig? Nun, alles, was wir tun müssen, ist nur die Trim Path Animation auf die beiden anderen Streifen zu kopieren. Also lasst uns das machen. Ich werde den Trimmpfad kopieren und ihn auf die beiden anderen Ellipsen einfügen, und da gehst du. Ich möchte die Effekte nur ein wenig versetzen, also gehe ich einfach hinein, wähle die Schlüsselbilder für die beiden anderen Streifen aus, und ich werde nur jeweils um zwei Frames wie diese versetzen. Mal sehen, wie es aussieht. Schön. Weißt du was? Beim zweiten Gedanken möchte ich, dass meine Form des Regenbogens präsent bleibt, auch wenn die Streifen nicht angezeigt werden, also vielleicht etwas Statisches in der Farbe des Hintergrunds im Hauptkomp, also werde ich das tun. Ich hätte fast Ihren Namen vergessen, meine Schicht, bitte tun Sie das nicht. Ich kenne einen Motion-Designer, der mich schweigend beurteilt. Ich mache eine Kopie und bringe sie unter und benenne sie „Regenbogen zurück“ um, und dann werde ich „Ansicht“ drücken und dann werde ich nur die Schlüsselbilder für all diese entfernen und auch die Ausdrücke entfernen. Um dies zu tun, können Sie „Option“ halten und auf die Stoppuhr klicken, und es wird sie für Sie entfernen. Dann setzen wir die Enden auf 50 Prozent und beginnen bei Null Prozent. Also haben wir unseren Regenbogen zurück, er wird sich nicht bewegen. Lassen Sie uns die Farbe zu diesem ändern, aber nur ein bisschen dunkler, so. Schön, und lassen Sie uns schließen, und drücken Sie „Space“. Ja. Cool nur um es willen, ich gehe zurück zu „_MAIN“ und lade eine Vorschau, nur damit wir sehen können, was wir bisher getan haben, und auch, vielleicht gratuliere uns ein bisschen zu der Arbeit, die wir getan haben. Wir haben nur noch drei Aufkleber übrig. Wir haben „Sie haben das“, „wir alle fangen an“ und „versuchen“. Wir gehen auf „versuchen“ zu bewegen, weil es auch mit Trim Path animiert wird. Sie kennen die Bohrmaschine drücken Sie „Shift Option Befehl T“, um eine neue Textebene zu erstellen, und Sie werden eingeben „zu versuchen“, vergessen Sie nicht, die alle Kappen zu entfernen, und auch, die vertikale Streckung, die wir zuvor getan haben. Dann ändern wir die Farbe in Weiß und die Schrift in League Script. Vielleicht bringen Sie die Größe ein wenig hoch, sagen wir 165. In Ordnung. Stellen Sie sicher, dass es zentriert ist, und bringen Sie es etwa in die Mitte des Aufklebers. Cool. Wenn Sie sich an das Warm-up erinnern, wird dies nur mein Leitfaden sein, und ich werde es verwenden, um einige Formen mit dem Stiftwerkzeug neu zu erstellen. Dafür brauche ich eine neue Formebene und vergiss nicht, sie umzubenennen. Ich werde eine andere Strichfarbe verwenden, nur damit ich sehen kann, was ich tue und ein wenig zoomen kann. Nur ein paar Notizen, bevor ich anfange, es zu machen. Vergessen Sie nicht, die Gruppen für jedes dieser Shapes umzubenennen. Wenn Sie einige Doubles wie die T's haben, können Sie es auch einmal erstellen und duplizieren und zur Seite ziehen. Ich werde das beschleunigen und zurückkommen, wenn es fertig ist. Ich glaube, ich habe etwas, mit dem ich glücklich bin. Ich habe zuerst alle Buchstaben verfolgt und dann die Strichgröße hier auf 12 Pixel angepasst, dann korrigiere die Strichgröße hier auf 12 Pixel angepasst, sie aus dem Pfad, um diese Strichgröße besser anzupassen. Zum Beispiel habe ich die Schleife auf den T's entfernt, weil sie sich nicht gut in eine größere Strichgröße übersetzte, also ja, ich denke, wir sind bereit, sie zu animieren. Stellen Sie sicher, dass Sie Ihre T_1-Gruppe ausgewählt haben und Sie werden einen Trimmpfad hinzufügen, dann öffnen Sie ihn und wir werden Schlüsselrahmen das Ende, also erste Schlüsselbild bei 0 Prozent bei 0 Sekunden und dann gehen wir zu, sagen wir, 18 Frames und es wird wieder bei Zu 100 Prozent dort. Sie können auch die Textebene ausblenden oder löschen, die wir nicht mehr benötigen, also lassen Sie uns diese beiden Schlüsselbilder erleichtern, drücken Sie „F9" oder „Funktion neun“, und es sieht so aus. Jetzt kopieren Sie einfach diesen Trimpfad und fügen Sie ihn in den Rest Ihrer Buchstaben ein. Schön, und jetzt haben wir unsere Basisanimation. Zeit, es ein wenig interessanter zu machen, also werden wir einige Schlüsselbilder bewegen, um die Schreibeffekte zu erstellen, also drücken Sie „U“, und zuerst werden wir sie um jeweils zwei Frames abstellen, so dass Sie alle auswählen können der ersten Bewegung auf der Timeline mit dem Befehl und den Pfeiltasten, verschieben Sie die ganze Gruppe, deaktivieren Sie dann die zweite und so weiter, bis Sie alle getan haben. Lassen Sie uns eine weitere Vorschau haben. Schön. Ich habe das Gefühl, dass die Balken auf den T's vielleicht ein wenig später kommen könnten als der Rest der Gruppe, also werde ich nur die Schlüsselbilder für beide auswählen und sie einfach um vier weitere Frames verzögern und ja, das ist besser, schauen wir uns es noch einmal an Zeit. Ich werde das schnell und einfach machen, also lasst uns zuerst diesen Strich in die weiße Farbe ändern und dann eine Kopie der Ebene erstellen und die Farbe des Strichs diesmal in lila ändern, dann verschieben Sie ihn auf der Timeline um zwei Frames und machen Sie eine weitere Kopie, Verschieben Sie es erneut um zwei Frames, ändern Sie die Farbe, aber dieses Mal in Schwarz, und dann wieder eine Kopie, zwei Frames auf der Timeline wieder, und ändern Sie die Farbe in das Gold, weitere Kopie ein letztes Mal, zwei Rahmen und ändern Sie die Farbe in Weiß. Mal sehen, was wir haben. Cool. Ich denke, was ich tun werde, ist tatsächlich die erste Ebene statisch zu halten, ohne jede Animation, also werde ich hineingehen und den Trimmpfad für alle Buchstaben entfernen , nur damit wir eine Basis haben, und ich denke, dass es auf diese Weise lesbarer sein wird. Jetzt haben wir unsere Basis, mal sehen. Weißt du was? Was ist, wenn ich das hier rot mache? Ich mag es besser. Was passiert, wenn ich dem violetten einen Offset-Pfad hinzugefügt habe? Genau wie beim Aufwärmen, denke ich, das wäre schön, also mal sehen. Ich gehe zum Inhalt, also nicht zu einer bestimmten Gruppe und füge einen Offset-Pfad hinzu. Jetzt müssen wir die Füllung lila und der Strich weiß sein und dann werde ich die Strichgröße auf vielleicht zwei ändern und dann in den Offset gehen und den Betrag ändern, bis er passt, und in diesem Fall sind es fünf. Lassen Sie uns eine Vorschau. Lassen Sie uns verkleinern und ich möchte es wieder sehen. Jetzt nehmen Sie einfach diese vier Ebenen und drücken Sie „Befehl D“, um sie zu duplizieren, bringen Sie sie hoch, und Sie werden sie auf zwei Sekunden genau hier verschieben. Jetzt haben wir unsere erste zweite Animation, sie ist fertig, sie ist komplett, das einzige ist, dass wir einige Aliasing oder Glitching der Kanten um den Text wegen der verschiedenen Ebenen bekommen , und wir könnten versuchen, es zu beheben. Aber wenn wir verkleinern, es nicht wirklich sichtbar sein, lassen Sie mich Ihnen zeigen, was ich im Hauptkomp meine. Wie Sie in dieser Größe sehen können, ist es nicht wirklich sichtbar. Wenn Sie es beheben möchten, können Sie jede Ebene abschneiden, sobald sie bereits von der nächsten bedeckt ist. Aber um ehrlich zu sein, ich bin gut damit, also lasst uns weitermachen. Das Einzige, was mich ein bisschen stört, ist, dass ich wünschte, dieser Text wäre etwas kursiver schräg. Ich entschuldige mich im Voraus, ich werde wieder Typografie respektieren. Ich werde nur alle meine Ebenen auswählen und sicherstellen, dass ich an der richtigen Stelle im Projektregister bin. Ich werde sie alle zusammen vorkomponieren und den Pre-Comp umbenennen, um Pre-Comp zu versuchen und einen schnellen Effekt anzuwenden. Ich werde zu Effekten gehen, verzerren und CC Neigung. Ich will nichts zu Extremes. Setzen wir diese Neigung auf vielleicht 25, bringen Sie die Höhe ein bisschen nach unten, vielleicht 95 und ich werde nur den Boden in die Mitte des Pre-comp setzen. Ich werde diesen Effekt nicht übererklären, es ist nur eine schnelle Lösung, weil ich keine Kursiv-Skriptschrift finden konnte , die mir für diese Klasse genug gefallen hat , und ich wollte nur sicherstellen, dass sie alle Open Source für Sie weil ich möchte, dass dies zugänglich ist, benutze bitte einfach eine Schriftart, die du magst, und foltere sie nicht wie ich es gerade getan habe. Wir haben nur noch zwei Aufkleber zu gehen, ich bin super aufgeregt. Sie haben das hier und wir werden den Echo-Effekt verwenden. 19. Animation mit Echo: Okay, wir kommen dem Ende näher, wir werden den Echo-Effekt verwenden. Du hast das hier. Wir sind wieder da. Ich hoffe, du bist noch nicht müde, dass ich das sage, aber lass uns eine neue Textebene erstellen. Drücken Sie Shift Option Befehl T Ich werde Floyd in weiß verwenden und ich werde eingeben. „ Du hast das verstanden.“ Dies könnte definitiv ein bisschen größer sein, also werde ich zu Auto wechseln und diese 80 Pixel machen. Sie außerdem sicher, dass es links ausgerichtet ist, und bringen Sie es zurück in die Mitte Ihres Aufklebers. Außerdem werde ich etwas Platz darunter lassen weil ich später einen Pfeil hinzufügen werde. Das stört mich auch. Löschen Sie zwischen den G und T, also werde ich es nur reparieren, weil es aussieht, als ob es zwischen den drei Zeilen nicht dasselbe ist. Ja, das ist besser. Um den Pfeil zu erstellen, benötigen wir einen neuen Form-Layer. Vergessen Sie nicht, es umzubenennen. Dann werde ich das Stiftwerkzeug verwenden, um meine erste Zeile zu erstellen. Keine Füllung, sondern ein Strich, sagen wir von drei. Ich werde den ersten Punkt machen und dann die Umschalttaste halten um sicherzustellen, dass der zweite ausgerichtet ist. Wissen Sie was? Vielleicht verdient es, ein bisschen größer zu sein, also werde ich das Stift-Werkzeug wieder greifen, vergrößern, und ja besser. Um den zweiten Teil des Pfeils zu machen, werde ich tatsächlich eine Ellipse verwenden. Stellen Sie sicher, dass Sie sich immer noch in der gleichen Ebene im Inhalt befinden, und erstellen Sie Ihren Kreis. Dann können Sie Ihren Pfad öffnen und vergrößern. Tut mir leid, ich habe eine Sache mit ungleichen Zahlen, und ich versuche, damit besser zu werden, aber ja, es ist das, was es ist. Im Moment ist dieser Pfad ein Ellipsenpfad, was bedeutet, dass er nicht anpassbar ist. Sie können die Ankerpunkte nicht ändern. Aber wenn wir mit der rechten Maustaste darauf klicken und ihn in einen Basispfad konvertieren, können wir jetzt neue Ankerpunkte hinzufügen und alles ändern. Ich möchte alles außer diesem Teil hier löschen. Ich brauche diesen Weg, um ein offener Weg zu sein. Ich werde das Auswahlwerkzeug verwenden, klicken Sie mit der rechten Maustaste auf den Pfad und gehen Sie zu Masken- und Formpfad, und geschlossen. Jetzt ist es geöffnet und ich kann die Punkte mit dem Werkzeug „Scheitelpunkt löschen“ entfernen. Ich werde das tun. Schön. Jetzt kann ich es auswählen und es hier aufbringen. Dann mache ich eine Kopie und öffne diese. Wechseln Sie, um die beiden Parameter für die Skalierung zu transformieren und aufzuheben, und machen Sie diesen minus 100. Wir spiegeln es im Grunde. Mal sehen. Vielleicht kann ich ihnen beide ein bisschen zu Recht bringen. Ja. Wir haben unsere Basis dafür. Ich denke an einige Rotation und einige Skalenanimation. Das wird ein paar schöne Echo-Linien erzeugen. Um dies zu tun, gehen wir tatsächlich zur hinteren Ebene und duplizieren sie, bringen sie unter und benennen sie wieder eco. Ich werde diesem einen Zwei-Punkt-weißen Strich hinzufügen. Ok. Da wir die Rotation und Skalierung für alles animieren werden, werde ich das alles vorkomponieren. Es wird uns einfach das Leben erleichtern. Sie einfach mit der rechten Maustaste und wählen Sie Pre-Compose aus. außerdem sicher, dass Sie an der richtigen Stelle sind. Ich werde diesen Namen nennen. „Du hast das.“ Precomp drücken, „Okay“, und jetzt sehen Sie sich das an. Wir werden diese Ebene so überlagern. Was sind übergeordnete Schichten? Wenn Sie Layer A mitteilen, ist diese Ebene B jetzt die übergeordnete Ebene in einem dritten Effekt, dann wird A die Mischung kopieren und entfernen. Ob Sie die Position, die Skalierung, die Drehung von B, A animieren die Drehung von B, , wird dasselbe tun. Jetzt, da die Ebenen übergeordnet sind, werde ich anfangen, einige Animationen zu machen. Die Timeline wird in zwei verschiedene Teile aufgeteilt , weil ich möchte, dass sie zwei verschiedene Dinge macht. Wir werden mit der Skala beginnen, weil ich möchte, dass sie um 1 Sekunde skaliert und auch rotiert, dann wieder in den ursprünglichen Zustand zurückkehrt. Bleiben Sie dort für ein bisschen und tun Sie das gleiche, aber auf der anderen Seite. Fangen wir mit der Skala an. Drücken Sie S, und fügen Sie den ersten Keyframe bei Null Sekunden hinzu, und Sie können ihn dann kopieren und in zwei Sekunden einfügen. Lass uns etwas Zeit geben, dort zu bleiben. Ich gebe ihm sechs Frames. Gehen wir zu einer Sekunde und 18 Frames und fügen Sie es erneut ein. Dann irgendwo auf halbem Weg zwischen den beiden ersten Keyframes. Sagen wir, 22 Frames, machen wir es 30 Prozent. Jetzt können Sie alles kopieren und die Keyframes in zwei Sekunden einfügen, so dass die gesamte Timeline abgedeckt ist. Mal sehen, was wir haben. Ordnung. Schön, jetzt können wir die Rotation machen. Gehen wir zurück zum Anfang der Timeline. Drücken Sie R, um die Drehung aufzurufen, fügen Sie einen Keyframe hinzu, und drücken Sie dann U, um den Maßstab als Referenz anzuzeigen. Das Gleiche. Wir werden diesen Keyframe hier und hier einfügen, und auch am Ende hier und hier. Dann können wir zu 22 Frames zurückkehren. Ich werde es um 40 Grad drehen lassen. Ja. Dann kann es hier bei minus 40 Grad gedreht werden. Mal sehen, wie es aussieht. Drücken wir die Leertaste. Nur um auf Elternschichten zurückzukreisen, wie Sie sehen können, macht diese Schicht genau das gleiche wie die Pre-comp, was wir wollen, also ja. Jetzt können wir alles auswählen und F9 oder Funktion 9 drücken, um es zu erleichtern. Ich gehe in den Diagramm-Editor und wähle alles aus, um sicherzustellen, dass dies der Editiergeschwindigkeitsdiagramm ist. Dann werde ich die Lockerung nur ein wenig auf beiden Seiten akzentuieren, und lassen Sie uns eine Vorschau. Ja, das ist nett. Jetzt können wir den Effekt auf die hintere Ebene hinzufügen. Gehen wir zu Wirkung, Zeit und Echo. Es hat sich noch nichts geändert, weil die Anzahl der Echos auf eins gesetzt ist. Ändern wir das auf 40. Es ist gelb, weil es auf Hinzufügen eingestellt ist. Lassen Sie uns das in Composites vor ändern. Schon viel besser. Mal sehen. Es sieht schon ziemlich schön aus. Mein einziges Problem ist, dass es am Ende genau dort zu verschwinden beginnt. Das könnte behoben werden, indem mehr Echos hinzugefügt werden, aber ich denke, ich kann es auch beheben, indem ich die Echozeit ändere. Die Zeit zwischen den einzelnen Kopien, weil ich auch nicht möchte, dass es aussieht, als würde es sich zu viel bewegen und den Sweet Spot mit der Echo-Zeit zu finden, kann das tun. Dazu musst du nur eine Vorschau versuchen und wiederholen. Ich werde das tun und zurückkommen, wenn ich es gefunden habe. Okay, ich bin wieder da. Ich habe es auf minus 0,044 gesetzt, wenn das Sinn ergibt. Ich mag das, weil es nicht so aussieht, als würde es sich bewegen. Sie erhalten auch die ursprüngliche quadratische Form zu behalten, was ich wollte. Ich weiß, dass dies technisch keine direkte Dimension der Typografie war, aber ich mag das wirklich und ich denke, man kann es definitiv auf einen Brief oder ein Wort anwenden. Gehen wir zurück zum Haupt, weil ich gerne alles zusammen sehen möchte. Ja, es ist ziemlich nett, oder? Wir haben nur diesen hier zu tun, und wir werden Polarkoordinaten für diese verwenden, und dann wissen Sie alles, was Sie wissen müssen. 20. Animation mit Polar-Koordinaten: Das ist der letzte. Ich hoffe, Sie sind aufgeregt, weil ich daran arbeite, Polarkoordinaten zu verwenden, um diese zu animieren. Für diesen könnten wir versuchen, eine Pfadanimation zu verwenden, wie wir es für die Art zu sich selbst getan haben. Ich möchte nicht zu viel Zeit damit verbringen, die Pfeile richtig zu kurven. Wir werden nur unseren Weg aus der Sache betrügen und stattdessen Polarkoordinaten verwenden. Stellen Sie sicher, dass Sie sich im richtigen Ordner befinden, und erstellen Sie eine neue Komp. Dieses muss ein Rechteck sein, also machen wir es 1.800 mal 1.000, vier Sekunden lang, und ich werde es umbenennen, wir alle beginnen precomp, drücken „Okay“, und ich schwöre, dies ist die Zeit drücken Sie „Shift Option Command T“ um eine neue Textebene und geben Sie ein, beginnen wir alle. Lass es uns vielleicht etwas größer machen. Ja, das sollte funktionieren. Ich möchte, dass der Text nicht zu groß ist, aber die gesamte Breite des Comp ausfüllt und auch genügend Platz zwischen den Wörtern hat, um die Pfeile darin zu passen. Ich werde nur drücken „Space“ ein paar Mal zwischen jedem der Worte und auch vor, wir. Jetzt greifen Sie das Auswahlwerkzeug und bringen die Ankerpunkte Ihrer Ebene wie folgt auf die linke Seite des Komp. Jetzt muss ich einige Leerzeichen wie diese entfernen. Jetzt kann ich zurück zum Precomp gehen, bevor du das bekommst und die Pfeilebene schnappen, kopieren, zurückkommen und einfügen. Es ist ein bisschen klein, aber ich werde vergrößern und mit dem Handwerkzeug navigieren, ich werde die Komp navigieren und „Y“ drücken, um das Ankerpunktwerkzeug zu verwenden und es auf dem Pfeil neu zentrieren, so dass es um diesen Punkt vergrößert werden kann. Lassen Sie uns verkleinern und drücken Sie „S“ und sehen. Ich denke, 135 sollten es tun. - Ja. Dann richten Sie es mit uns aus, und machen einige Kopien durch Drücken von „Befehl D“ und setzen Sie sie zwischen die beiden anderen Wörter. Wir haben unsere Basis. Gehen wir zurück zu, „Wir alle beginnen“ und importieren Sie die Precomp und dann werde ich zu Effect und Verzerren gehen und fügen Sie eine polare Koordinaten. Wir wollen Rekt zu Polar und machen es zu 100 Prozent. Der Text ist jetzt definitiv zu weit draußen. Gehen wir zurück zur Precomp und bewegen alles. Denken Sie daran, als wir die Ligern im letzten Kapitel gedruckt haben, werden wir das noch einmal tun. Wählen Sie „Alle Pfeile“ und überlagern Sie sie der Textebene. Jetzt können wir alles zusammen bewegen. Das Verziehen mit diesem Effekt geschieht um den Punkt an der Spitze des Komps. Wir müssen den Text so hochbringen, dass er näher an die Mitte des Kreises kommt. Letzte Sache, schreiben Sie jetzt der Text nach innen gerichtet ist und ich möchte, dass es in der anderen Richtung ist. Ich gehe zurück in Precomp und ich werde diesen Ankerpunkt für die Textebene hier neu zentrieren , damit wir alles spiegeln können. Bringen Sie es in die Mitte, muss nicht genau perfekt sein. Eigentlich hätte ich vor allem meine Pfeile besser ausrichten können, weil sie nicht ausgerichtet werden wollen. Ja, das ist besser so. Tut mir Leid. Drücken Sie „S“ für die Skalierung und machen Sie die Skala negativ. Sobald Sie alles neu ausgerichtet haben, sollte es so aussehen. Jetzt können wir die Rotation animieren. Drücken Sie „R“ und gehen Sie zu Null. Wir wollen, dass die Leute den Text lesen, der oben steht. Zuerst werden wir es sein, dann alle, und dann fangen wir an. Erster Keyframe für wir, Ich werde es nach oben bringen, aber ein wenig nach links, weil es einen Aufkleber blockiert den Weg dorthin, also möchte ich nur sicherstellen, dass es lesbar ist. Die Rotation wird drei Stopps machen und dann wieder in ihre ursprüngliche Position zurückkehren. Das werden vier Keyframes sein, die ich gleichmäßig auf dieser Timeline verteilen muss , und ich könnte etwas Mathematik machen, um es herauszufinden. Ich werde sie nur um eine Sekunde ausräumen und dann zeige ich dir, wie man sie ausdehnt, weil wir Mathe hassen. Jetzt für den letzten Keyframe kann ich den ersten Keyframe nicht wirklich kopieren und einfügen, weil Sie mit der Rotation Grad haben, aber Sie haben auch Zyklen. Da wir gegen den Uhrzeigersinn drehen, muss der letzte gleich dem ersten sein, der mit minus 1 Zyklus ist. So wie das. Jetzt sollten wir eine perfekte Schleife haben. Jetzt strecken Sie einfach Ihre Keyframes, Sie werden nur alle von ihnen auswählen und drücken Sie „Option“, klicken Sie auf den letzten, ziehen Sie es einfach, wo Sie es brauchen, um es zu sein und da gehen Sie. Magie und keine Mathematik involviert. Wir haben die Basis für unsere Animation. Ich werde die Taste auswählen und „F9 oder Funktion 9“ drücken, um es zu erleichtern und dann tatsächlich in den Graph-Editor zu gelangen und die Lockerung ein wenig zu betonen, weil ich möchte, dass die Animation diesen Stopps bei jedem der Wörter wirklich markiert. Ich mag es. Wir sind fertig mit der Textanimation und wir werden nur noch eine Sache in der Mitte hinzufügen. Es wird eine Sonnenanimation sein, und wir werden wieder Polarkoordinaten verwenden, um sie zu animieren. Um das zu tun, brauchen wir einen neuen Komp. Stellen Sie einfach sicher, dass Sie sich im richtigen Ordner befinden und erstellen Sie eine neue Komposition. Ich werde diese eine Sun precomp nennen, gleiche Größe wie vorher und gleiche Länge. Drücken Sie auf „OK“. Fügen wir einen neuen Form-Layer hinzu und nennen ihn Basis. Ich werde das Formwerkzeug und eine Füllung in Gold verwenden. Stellen Sie einfach sicher, dass Sie zentriert sind und erstellen Sie Ihr Quadrat. Dann gehe ich hinein und ändere die Größe, so dass es dem comp in der Breite passt und die Hälfte der Größe in der Höhe ist. Also 1.800 mal 500, drücken Sie dann „V“ und ziehen Sie bei gedrückter Umschalttaste und Befehlstaste Ihre Form nach oben, so dass sie an der oberen Kante rastet. Wir haben die Basis der Sonne und das wird sich in einen Kreis verziehen. Jetzt brauchen wir die Strahlen. Ich werde eine neue Formebene erstellen und sie umbenennen Strahlen. Dieses Mal werden wir das Stiftwerkzeug verwenden, um ein Dreieck zu erstellen. Erstellen Sie zuerst eine Linie, halten Sie dann die Umschalttaste gedrückt, um die letzte zu machen, und das wird sie gleich weit zu den ersten beiden Punkten machen. Ziehen Sie dann diese nach unten und Sie möchten, dass sie etwa den unteren Rand des Komp so erreichen, doppelklicken Sie dann auf die Form und stellen Sie sicher, dass der Ankerpunkt zentriert ist. Drücken Sie „Y“ und verschieben Sie es bei Bedarf. Wir sprechen über den Ankerpunkt für diese Form, nicht über die Formebene. Dann werde ich es einfach ein bisschen dünner machen. Jetzt machen wir ein paar Kopien. Zuerst wirst du deinen Strahl zur Seite bringen, während du Shift gedrückt hältst, um ausgerichtet zu bleiben und du willst, dass er bündig gegen die Seite des Komps ist, aber stelle sicher, dass er es auch nicht überlappt. So wie das. Jetzt gibt es dieses wirklich coole Ding in Formebenen, mit dem Sie Kopien Ihrer Formen erstellen können. Wir werden einen Repeater hinzufügen und ich glaube nicht, dass ich erklären muss, wie das funktioniert. Sie können die Anzahl der Kopien wählen, ich werde es 10 machen. Dann können Sie im Transform Repeater im Grunde alles darüber ändern, wie Ihre Kopien angelegt sind. Die Position, die Skala, die Rotation, wir werden uns nur auf die Position konzentrieren. Ich möchte, dass meine 10 Kopien den Comp in der Breite füllen. Mal sehen, vielleicht nur noch ein Pixel. Ja, so wie das. Jetzt, da ich mir sicher bin, dass sie gleichmäßig verteilt sind, weil beide die Seiten berühren. Ich werde tatsächlich zu meiner Form zurückkehren und sie noch dünner machen und es ist nur eine Vorliebe, damit du es nicht tun musst. Gehen wir zurück zu, wir alle beginnen, und um einen besseren Überblick über das zu bekommen, was wir tun, und es ist wichtig, Precomp und fügen Sie in den Effekt. Also rekt auf polare 100 Prozent. Lassen Sie uns es auch auf etwas vernünftigeres skalieren, also sagen wir 25 Prozent. - Ja. Jetzt haben wir unsere Sonne und ich möchte nur schnell die Strahlen animieren und dafür werden wir den Wave-Warp-Effekt verwenden. Ich habe es ziemlich ausgiebig in meiner vorherigen Klasse abgedeckt. Aber im Grunde ist es ein Effekt, der einige Wellen auf der Oberfläche Ihrer Ebene erzeugt. Gehen wir zu „Effect“ und fügen den Strahlen einen „Wave Warp“ hinzu. Im Moment ist die Richtung auf 90 Grad eingestellt, also werden die Wellen diesen Weg gehen. Ich möchte, dass es vertikal ist, also werde ich es auf 180 ändern. Dann werde ich die Breite ändern. Ich will etwas Größeres, also machen wir es 182. Mal sehen, was wir haben. Ja, nett. Ich werde nur die Geschwindigkeit 2.5 ändern und wenn Sie mit der Geschwindigkeit experimentieren möchten und möchten, dass sie Schleife ist, würde ich empfehlen, sicherzustellen, dass es funktioniert. Ich weiß 0,5 und arbeite noch einmal für vier Sekunden, aber wenn Sie eine andere Länge haben, stellen Sie sicher, dass. Schauen wir uns an, wie die Sonne aussieht und wir beginnen alle. Das ist schön. Ich will nur, dass meine Strahlen noch dünner sind, tut mir leid, das ist das letzte Mal, dass ich es verspreche. Ja, das ist besser. Da ist es. Es ist komplett. Es ist erledigt, was bedeutet, dass wir offiziell das gesamte Projekt animiert haben. Glückwunsch, lade uns eine vollständige Ruhevorschau in die Hauptkomp, damit wir feiern können, was wir mit diesem Projekt erreicht haben. Hier sind sie, ich bin super zufrieden mit den Aufklebern. Ich hoffe, du bist es auch. Jetzt ist alles, was noch zu tun ist, den letzten Schliff hinzuzufügen und zu exportieren, und dann werden Sie mit der Klasse fertig sein. 21. Letzter Schliff: So sieht unsere Animation großartig aus. Es ist erledigt, es ist komplett. Ich werde Ihnen nur ein paar Effekte zeigen, die ich immer zu meinen hinzufügen, nur um ihm ein bisschen mehr Charakter zu geben. Sie könnten definitiv Ihre Animation von hier aus exportieren, kein Problem. Ich glaube, ich werde nur noch ein paar Dinge hinzufügen. Zuerst werde ich etwas weißer Staub mit der Technik hinzufügen, die wir beim Aufwärmen verwendet haben. Drücken Sie dazu „Befehl Y“, um einen neuen Volumenkörper zu erstellen, nennen Sie ihn weißen Staub. Die Größe ist korrekt, und die Farbe spielt keine Rolle, also drücken Sie „Okay“. Dann gehen wir zu Effekt, Rauschen und Korn und Fraktal-Rauschen. Fraktaler Typ, Grundrauschtyp, Linear. Für ihren Kontrast werde ich es 1.000 machen. Für die Helligkeit machen wir es minus 450. Dann gehen Sie zu Transform und ich werde diese Skala 20 machen. Das wird ziemlich subtil sein, oder? Das ist winzig, aber ich mag es und ich denke, es fügt Charakter hinzu. Du könntest auch mit der Komplexität herumspielen, aber ich bin damit gut. Dann gehen Sie zur Evolution Option und halten Sie die Option gedrückt und klicken Sie auf die „Stoppuhr“, um dem Zufallssamen einen Ausdruck hinzuzufügen. Geben Sie dann die Zeit mal 6 ein. Mal sehen, wie es aussieht. Ja, nett. Jetzt können wir dies schließen und den Mischmodus auf Hinzufügen setzen, und das ist ziemlich stark. Ändern wir die Deckkraft und machen sie zu 50 Prozent. Lassen Sie uns eine Vorschau. Schön. Wenn Sie einen stärkeren Effekt wollen, fühlen Sie sich frei, um mit der Helligkeit zu spielen, um etwas mehr Staub hinzuzufügen. Als nächstes werde ich meine übliche Mischung von Effekten anwenden, die ich immer auf meine Animationen anwenden, und ich habe sie hier in den Voreinstellungen gespeichert. Wenn Sie zuvor noch nie Voreinstellungen verwendet haben, sind sie sehr nützlich, wenn Sie viele Animationen durchführen. Wenn ich einen neuen erstellen möchte, müsste ich nur meinen oder mehrere Effekte auswählen und einfach zu Animation gehen und ihn speichern. Es werden auch die Keyframe-Animationen gespeichert, was super nützlich ist. Wenn ich es wieder verwenden möchte, kann ich einfach hier gehen und es auf eine neue Ebene anwenden. Über diese Effekte werde ich nicht alles übererklären, weil dies nicht das Thema der Klasse ist, aber fühlen Sie sich frei, Ihre eigene Zeit zu erkunden und zu graben. Lassen Sie uns zunächst eine neue Einstellungsebene erstellen, also drücken Sie die Option „Befehl Y“. Ich werde es Grain nennen und in meine Voreinstellungen direkt hier hinzufügen. Hier haben wir Zwei-Grain-Effekte mit verschiedenen Parametern für die Intensität, Größe, Weichheit und alles. Außerdem haben sie zwei verschiedene Mischmodi. Dieser ist auf Film gesetzt, dieser auf Multiply, und das erlaubt mir, die Körner auf den helleren Tönen wie diesen und auf die dunkleren zu balancieren . Wenn Sie mehr graben wollen, fühlen Sie sich frei, das zu tun. Ich werde eine weitere Einstellungsebene hinzufügen, also drücken Sie die Option „Befehl Y“, und ich werde diesen einen handgezeichneten Look nennen. Dieser Effekt habe ich in meiner vorherigen Klasse ausführlich erklärt, die Animator-Illustrationen in After Effects ist. Wenn Sie die Besonderheiten wissen möchten, würde ich empfehlen, Kapitel 10 dieser Klasse zu sehen. Es ist drei Minuten lang und wir informieren Sie über alles, was Sie wissen müssen. Lassen Sie es uns hinzufügen. Dieser hat zwei Turbulent Displace Effekte. Es ist ein Effekt, der die Kanten von Formen aufrauen wird, und so dass es sich zufällig ändert. In den Evolutionsoptionen habe ich einen Zeitausdruck für die Zufallszahl hinzugefügt. Ich habe zwei verschiedene, weil die Menge und die Größe unterschiedlich sind und auch ihre Komplexität. Ich glaube, das war's. Dann haben wir einen Effekt „Posterize Time“ auf 12 Frames pro Sekunde gesetzt. Ich animiere immer mit 24 Frames pro Sekunde, aber für einige Exporte setze ich es gerne auf 12 danach, weil es einfach eher wie traditionelle Animation anfühlt. Seit der letzten Klasse habe ich tatsächlich eine Unscharfe Maske hinzugefügt, die Sie in Weichzeichnen und Schärfen finden können. Dieser ist hier, weil ich bemerkt habe, dass der Turbulent Displace Effekt dazu neigt, die Dinge ein wenig verschwommen zu machen, so dass die Unscharfe Maske nur hilft, diese knackigen Kanten zurückzubringen. Dann liegt es an Ihnen, wenn Sie Ihre Animation weiter personalisieren möchten, können Sie definitiv einige Schlagschatten zu den Stickern hinzufügen. Sie können zu Ebenen- und Ebenenstil wechseln und einen Schlagschatten hinzufügen und ihn wirklich scharf machen. Sie können auch einige animierte Papiertextureffekte hinzufügen. Ich weiß, dass Ben Marriott tatsächlich ein tolles YouTube-Tutorial darüber hat, wenn Sie es überprüfen möchten. Ich werde hier anhalten. Ich werde tatsächlich die Hälfte der Effekte maskieren damit Sie den Unterschied sehen und eine Vorschau laden können. Da ist es. Sie haben entscheiden, Seite und ohne die Auswirkungen. Es liegt so ziemlich an dir, wozu du dich entscheidest. Jetzt, da ich Ihnen ein paar Möglichkeiten gezeigt habe, Ihrem Design etwas Charakter hinzuzufügen, denke ich, ich werde nur die Masken entfernen und Ihnen zeigen, wie Sie exportieren, und dann sind wir fertig. 22. Exportieren & Fazit: In Ordnung, also lassen Sie uns die Animation exportieren. Wieder einmal bin ich wirklich glücklich mit dieser Animation. Ich hoffe, du bist es auch. Dieser Teil wird wirklich kurz sein, ich werde Ihnen nur zeigen, wie man exportiert. Dafür werden wir Adobe Media Encoder verwenden. Wenn Sie After Effects heruntergeladen haben, sollten Sie es auch haben. Ich werde die Vorschau stoppen und zur Komposition gehen und zur Renderwarteschlange von Adobe Media Encoder hinzufügen. Du solltest dieses Fenster öffnen lassen. Um für das Web oder soziale Medien zu exportieren, würde ich empfehlen , H.264 im Drop-Down-Menü hier zu verwenden. Es ist ein Exportformat, das Ihnen eine MP4-Datei geben wird, die perfekt für das Web und normalerweise auch am kleineren Ende für die Größe ist. In Bezug auf die Exporteinstellungen würde ich empfehlen, dieses Menü zu öffnen, indem Sie auf „H.264" klicken und dann in die Video-Registerkarte gehen und die Bitratencodierung in CBR ändern , wenn Sie die Ziel-Bitraten um 20 machen können, aber überprüfen Sie Ihre geschätzte Dateigröße. Wenn Sie ein Limit haben, drücken Sie „Okay“. Dann können Sie hier auswählen, wo Ihre Datei exportiert werden soll. Ich gehe in meinen Skillshare Ordner und benenne ihn dann im Export um, drücke „Speichern“ und klicke dann auf den grünen Pfeil, und du bist fertig. Da ist es. Ich bin wirklich zufrieden mit dem, was wir mit den verschiedenen Effekten und Techniken erstellt haben. Ich hoffe, Sie genießen die Klasse. Ich hoffe, du hattest Spaß. Hier sind ein paar Animationen, die ich kürzlich mit den gleichen Effekten und Techniken erstellt habe. Hoffentlich kann das Ihnen einige Inspiration geben, um Ihre eigenen zu kreieren. Wenn Sie Fragen, Kommentare, Bedenken haben, wenn Sie auf etwas stecken, schreiben Sie mir bitte in der Registerkarte Diskussion. Sie können Screenshots Ihres Problems einbinden und ich helfe Ihnen gerne weiter. Alles klar, ich danke Ihnen so sehr, dass Sie meine Klasse genommen haben. Ich kann es kaum erwarten, deine Projekte zu sehen. Tschüss.