Bezaubern: Erstelle Hingucker-GIFs mit After Effects und Photoshop

1. Einführung: Haben Sie jemals eine erstaunliche GIF- oder Looping-Animation gesehen, von der Sie einfach nicht wegschauen konnten. Eine, die dich gefangen genommen hat, eine, die dich zum Zeichnen gebracht hat, eine, die dich einfach da hinsetzt und starrt. Haben Sie sich dann jemals gefragt, wie man einen macht? In dieser Klasse werde ich Ihnen zeigen, was ich über die Erstellung dieser Schleifenanimationen weiß. Ich bin Rich Armstrong, ich bin Designer, Coder und Animator. Wir werden Adobe After Effects verwenden, um unsere Animationen zu erstellen und zu erstellen. Mach dir keine Sorgen, wenn du nicht so gut in After Effects bist, ich werde es langsam nehmen und neue Konzepte Stück für Stück erklären. Außerdem können Sie mit der Theorie, die wir behandeln, andere Animations-Apps und Stile verwenden , um Ihre eigene Marke von faszinierenden GIFs und Loops zu erstellen. Am Ende der Klasse werden wir einige wirklich kurze Looping-Gifs und Videos erstellt haben, die das Gefühl haben, dass sie für Ewigkeiten gesehen werden können. Außerdem zeige ich Ihnen, wie Sie Illustrator- und Photoshop-Assets in After Effects einbinden können. Wie man grundlegende Animationen in Photoshop und in einem Video macht, werde ich einige wirklich fortgeschrittene AAfter Effects Sachen abdecken. Als Vorsichtsmaßnahme können Sie jedoch am Ende sitzen und auf das starren, was Sie für längere Zeit erstellen. Fühlen Sie sich bereit, Eye Candy zu machen und viel Spaß zu haben. Melden Sie sich jetzt an und starten Sie diese verrückte Klasse. 2. Looping-Theorie: Also lassen Sie uns eine schnelle Theorie machen, es wird uns helfen, die praktische Seite der Dinge zu verstehen. Als erstes ist eine Animation, genau wie alle Videos, eine Illusion der Bewegung. Es ist wirklich ein Haufen von Bildern, die an deinen Augen vorbeikommen, wirklich schnell, und es bringt deine Augen dazu, zu denken, dass es Bewegung gibt. Die zweite Sache ist, dass die meisten Filme und Animationen, die wir gewohnt sind, in einem linearen Format sind, es hat einen Start- und einen Endpunkt. Aber diese Klasse befasst sich mit Looping-Animation. Sie sind wahrscheinlich in Form von Online-GIFs oder Instagram-Videos auf sie gestoßen, und sie sind besonders, weil sie für immer Schleife sind, und sie lassen den Betrachter entscheiden, wenn sie vorbei sind. Dann gibt es die Art von Schleifenanimation, die dich fasziniert, sie machen dich sabbern, sie lassen dich starren, sie lassen dich deinen Kopf in Staunen neigen. Ihre Timeline kann ganz einfach als Kreis dargestellt werden , wobei ihre letzten und ersten Frames voneinander führen, genau wie andere Frames in einer Timeline. Eines der Dinge, die sie so faszinierend machen, ist, dass sie nahtlos sind, man weiß nicht, wo der Anfang und das Ende der Animation ist. Aber das ist nicht alles, was sie so faszinierend macht. Es gibt ein paar Ziele dieser Klasse. Die erste ist, Ihnen beizubringen, wie Sie nahtlose Animationen machen, die zweite ist, Ihnen die Prinzipien der faszinierenden Schleifen beizubringen, die dritte ist, Ihnen Methoden zu geben, um faszinierende Animationen zu machen, und die letzte ist, dass es ein großartige Einführung in Aftereffekte in der Welt der Animation. Also, ja, lasst uns anfangen. 3. Einfach nahtlos: In diesem Video werde ich Ihnen vorstellen, was After Effects ist, und ich werde Ihnen zeigen, wie Sie eine wirklich einfache, nahtlose Schleife erstellen. Das erste, was ich will, dass du machst, ist After Effects zu öffnen. Wenn Sie ein Fenster wie dieses erhalten, klicken Sie auf „Neues Projekt“. Wenn Sie dies nicht tun und Sie so etwas sehen, klicken Sie auf „Datei“, „Neu“, „Neue Projekte“. Wenn dies Ihr erstes Mal in After Effects ist, willkommen. „ Was ist After Effects?“ Du fragst vielleicht. Nun, es ist wirklich ein Mash-Up zwischen ein paar verschiedenen Konzepten und Anwendungen. Es ist ein Mashup zwischen Photoshop, Illustrator, einer 3D-App und einer Videobearbeitungs-App. Es ist wirklich mächtig und wirklich flexibel, wenn es um Animation geht. Aber es kann sich wie ein Pilotencockpit anfühlen. Sie haben vielleicht keine Ahnung, was diese Panels und Schaltflächen und Dinge tun, das ist okay. Ich werde versuchen, Kopf und Schwanz davon für dich zu machen und dich langsam hineinzubringen. Das erste, was ich möchte, ist, speichern Sie Ihr Projekt Datei, Speichern unter, Speichern unter. Ich werde alle meine Projektdateien auf dem Desktop speichern, ich werde nur diese loops.aep nennen, was After Effects Project bedeutet. Sie sollten dieses Projektfenster haben, wenn Sie dies nicht tun, gehen Sie zum Fenster und klicken Sie auf „Projekt“. Sie werden sehen, dass das Fenster oder das Bedienfeld, das sich auf oder konzentriert und mit dem wir derzeit beschäftigt sind, diesen blauen Strich um ihn herum hat. Ich möchte, dass du diesen kleinen Knopf hier anklickst, den, der wie ein Filmstreifen aussieht. Erstellen Sie eine neue Komposition. Nun, was ist eine Komposition? Nun, eine Komposition ist wie ein Photoshop-Dokument, und ein AAfter Effects Projekt kann mehrere Kompositionen enthalten. Meine Komposition Name, ich werde es Blume nennen, und ich werde nicht eine vordefinierte Voreinstellung verwenden, Ich werde zu Ihnen eine benutzerdefinierte Voreinstellung verwenden, das bedeutet, dass ich meine Breite und Höhe ändern kann. Jetzt werde ich meine Breite und Höhe auf 1280 x 1280 Pixel einstellen. Der Grund, warum ich das mache, ist, dass es ein Quadrat ist, was bedeutet, dass ich es auf Instagram teilen kann. Das bedeutet, dass ich es in Photoshop aufnehmen und auf die Bildgröße zuschneiden kann , die ich für verschiedene Plattformen benötige. Jetzt mein Pixel-Seitenverhältnis, lassen Sie es bei quadratischen Pixeln und meiner Bildrate behalten, ich mag es, das bei 30 zu behalten. Sie können dies ändern, wenn Sie wollen, einige Leute bevorzugen 25, einige Leute bevorzugen 30. Abbildung für etwas wie 60 wird viel glatter animieren, aber ich finde, dass 30 eine großartige Mischung zwischen glatter Animation und kleinen Dateigrößen ist. Die Entschließung ist, wie unsere Komposition eine Vorschau auf das, was wir spielen, so dass wir es vorerst einfach vollständig halten können. Da die Dinge komplizierter werden und unser Computer länger dauert, um unsere Kompositionen wiederzugeben, können wir die Auflösung auf die Hälfte oder sogar ein Drittel ändern. Jetzt mein Startzeitcode, lasst uns das einfach bei Null belassen, das bedeutet im Grunde, dass wir unseren Kompositionsakt beginnen werden, und wir werden es bei Null beginnen. Dann sind die Dauer unserer Komposition Frames, Sekunden, Minuten und Stunden. Ich werde meine auf zwei Sekunden umstellen. Wenn Ihre Einstellung auf eine Minute oder 30 Sekunden eingestellt ist, ändern Sie sie auf zwei Sekunden. Wir können dann unsere Hintergrundfarbe ganz einfach ändern, also werde ich für eine bläuliche Farbe gehen, vielleicht eine scharfe Farbe. Wir können alle diese Einstellungen ändern, sobald wir die Komposition erstellt haben, aber ich finde immer, dass es hilft, sie beim ersten Mal richtig einzurichten. Ich habe auch ein Dokument angehängt, in dem die verschiedenen Dokumentgrößen und Frameraten für Ihre Referenz erläutert werden. Es ist wirklich theoretisch und ein bisschen langweilig, wenn ich ein Video einfügen muss, aber Sie können es als Textdokument zugreifen. Also lassen Sie uns diese Komposition erstellen. Wir drücken einfach „Okay“ und plötzlich werden ein paar Dinge passieren. Sie werden sehen, dass sich in Ihrem Projektfenster eine Blumenkomposition befindet. Sie werden sehen, dass hier unten, die Ihre Timeline-Panel ist, Sie werden diese Blume Tab haben, die im Grunde sagt, dass diese Blumenkomposition jetzt geöffnet ist. Wenn Sie es schließen, können Sie immer darauf doppelklicken, um es wieder zu öffnen, und dieses Panel hier ist Ihr Kompositionsvorschaufenster. Wenn etwas in Ihrer Timeline wiedergegeben wird, wird es in der Kompositionsvorschaufenster angezeigt. Aber jetzt gibt es nichts in unserer Timeline, es gibt nichts wirklich hier außer unserer Hintergrundfarbe, lasst uns eine Ebene erstellen. Ebene, Neu, es gibt eine ganze Reihe von verschiedenen Arten von Ebenen, das ist richtig, After Effects ist erstaunlich. Welchen wollen wir jetzt? Nun, lassen Sie uns für eine Formschicht gehen. Sie werden sehen, dass wir jetzt diese Formebene haben, aber es gibt immer noch nichts zu zeigen. So können wir hineinzoomen, indem wir „Command Plus“ oder „Control Plus“ drücken, oder wir können unsere Maus verwenden, um hinein und heraus zu scrollen. Was ich jetzt tun möchte, ist, dass ich meiner Formebene eine Form hinzufügen möchte. Also halte ich dieses Rechteck-Werkzeug gedrückt und lasse auf Sternwerkzeug los, und so werden wir unsere Blume erschaffen. Sie klicken und ziehen, und halten die Umschalttaste gedrückt, um einen geraden Stern zu erstellen, und wenn Sie fertig sind, lassen Sie einfach die Maustaste los. Jetzt haben wir einen Stern, fantastisch. Wenn wir zu unserer Formebene in unserem Timeline-Panel gehen, können wir dann auf diese Dropdown-Schaltfläche klicken, um auf alle seine Eigenschaften zuzugreifen. Wir werden sehen, dass es zwei Haupteigenschaften hat, Inhalt und Transformieren. Wenn ich also zu Inhalt gehe, werde ich sehen, dass, hey es ein Polystar 1 gibt, und ich kann die Sichtbarkeit dieses Polystars 1 einschalten genau wie ich die Sichtbarkeit dieser ganzen Formschicht umschalten kann. Ich kann eine andere Form hinzufügen, also lassen Sie uns einfach ein Quadrat hier hinzufügen, und Sie werden sehen, dass ich jetzt ein Polystar 1 und ein Rechteck 1, wirklich cool. Wenn wir nun zum Polystar 1 gehen, möchte ich es gerne innerhalb meiner Formschicht zentrieren. Die Formschicht befindet sich tatsächlich in der Mitte unserer Komposition, also werde ich Polystar 1 transformieren, nicht mit der Transformation der Schicht zu verwechseln. Ich werde zu dieser Position gehen, und Sie werden sehen, dass es bei negativem x und einem negativen y-Wert ist. Jetzt könnten wir das einfach auf Null ziehen, oder wir könnten einfach darauf klicken und „0" drücken. Plötzlich ist es bei 0, x, und wenn wir hier klicken, können wir „0" drücken und plötzlich ist es bei 0, y in der Mitte, fantastisch. Nun, was ich gerne tun würde, ist, dass ich das gerne mehr wie eine Blume machen würde, ich würde gerne die Größe ändern. Lassen Sie uns einfach Rechteck 1 für jetzt ausblenden, und gehen Sie zum Polystarpfad 1. Wir gehen in dieses Drop-down-Menü, und wir können die Anzahl der Punkte ändern. Ich möchte die Anzahl der Punkte auf sechs, zehn oder 12 belassen . Was auch immer Sie wählen, wählen Sie keine ungerade Zahl. Wenn Sie eine ungerade Zahl wählen, wird es wirklich schwierig, sich zu drehen. Ich würde empfehlen, zwischen sechs und 12 zu kleben, nur weil es einfacher ist, mit zu arbeiten. Sie können es hier auf sechs ändern, und wir können unseren inneren Radius ändern, dann die Größe unseres Sterns erhöht. Unser äußerer Radius, der auch die Größe unseres Sterns vergrößert. Wir können es in so etwas ändern. Nun, deine innere Rundheit, mit der du rumspielen kannst, aber ich werde das bei Null behalten. Meine äußere Rundheit, wenn ich Shift gedrückt halte, schrubbt es viel schneller. Wenn ich Shift nicht halte, ist es etwas feiner. Ich werde so eine Blume erschaffen. Das nächste, was ich tun möchte, ist, dass ich seine Farbe ändern möchte. Ich kann entweder einfach seine Farbe hier oben ändern oder ich könnte zu Polystar 1 gehen, Fill 1, und dann die Farbe hier ändern. Was ich gerne tun würde, ist, dass ich es in schlichtes Weiß ändern möchte. Jetzt möchte ich anfangen, meine Blume zu animieren. Gehen wir wieder zu Polystar 1, und fangen wir an, es zu animieren. Wenn wir Polystar 1 transformieren, können wir anfangen, es zu drehen, was wirklich, wirklich cool ist. Wenn wir dann wieder Rechteck zeigen und wir die Rotation des Sterns unserer Blume ändern, werden Sie sehen, dass sich das Rechteck überhaupt nicht ändert. Nun, das ist sehr wichtig, denn wenn wir zur Transformation unserer Formebene 1 gehen und die Drehung ändern, werden Sie sehen, dass die gesamte Formebene ihre Drehung ändert. Ändern wir das wieder auf Null und öffnen Sie den Inhalt. Ich werde einfach mein Rechteck löschen. Hier möchte ich das animieren, und ich möchte es im Laufe der Zeit animieren. Da mein Spielkopf von Null Frames zu einer Sekunde geht, möchte ich, dass er sich dreht. Nun, das scheint ziemlich einfach zu sein. Lasst uns einfach die Rotation ändern. Dies ändert sich auf 45. Was Sie sehen können, das passiert ist, dass es es für jeden einzelnen Frame ändert. Nicht das, was wir wollen. Was wir tun müssen, ist, dass wir dies auf Null ändern müssen, und wir müssen auf diese Stoppuhr klicken. Was das tatsächlich tut, sagt es ermöglichen Zeit sehr Stoppuhr. Es schaltet die Fähigkeit einer Eigenschaft, sich im Laufe der Zeit zu ändern. Wenn wir nun darauf klicken, bedeutet dies, dass After Effects auf Keyframe-Änderungen wartet. Wenn wir zu einer Sekunde gehen und wir einen weiteren Keyframe hinzufügen, entweder durch Klicken auf diesen, und um einen zu entfernen, klicken Sie einfach erneut darauf. Oder Sie können einfach den Wert ändern. Es geht auf 46. Wenn wir wieder zu Null Frames gehen und wir drücken „Play“, spielen Sie entweder auf unserem Vorschau-Panel, das Sie von Fenster und Vorschau zugreifen können, oder wir drücken einfach die Leertaste, es wird abgespielt. Das schleift automatisch, was großartig ist. Was das hier tut, heißt es „Hier ist ein Keyframe. Es hat einen Wert von Null, und es gibt einen Keyframe hier und es hat einen Wert von 46.“ Was After Effects tut, ist, dass es die Werte der Zwischenbilder ausarbeitet. Sie werden sehen, dass dies 1.5 ist, der nächste Frame 3.1 ist und so weiter, was wirklich, wirklich mächtig ist. Es bedeutet, dass Sie einfach zwei Werte angeben können und After Effects funktioniert alles dazwischen. Das ist unser Timeline-Panel. Wir können Keyframes hinzufügen, und die Keyframes, die wir auswählen, sind blau, die Keyframes, die nicht ausgewählt sind, sind grau. Wir können mit diesem kleinen Schieberegler unten hinein- und auszoomen, wir können Plus und Minus drücken, um hinein und heraus zu zoomen. Wir können auch diese kleinen Zeit Navigator Ende und Zeit Navigator starten, ziehen [unhörbar]. Ziemlich cool. Was ich jetzt gerne tun möchte, ist, dass ich eine animierende Schleife erstellen möchte. Wir gehen zu einer Sekunde oder 30 Frames, und dann ziehen wir unseren Arbeitsbereich Ende dorthin. Dies ist ziemlich wichtig, denn wenn wir in unserem Arbeitsbereich spielen wird Schleife in unserem Arbeitsbereich. Wenn wir „Play“ drücken, wenn wir nicht in unserem Arbeitsbereich sind, wird es die gesamte Komposition spielen, was wir nicht wollen. Wenn Sie einen Arbeitsbereich eingerichtet haben, stellen Sie sicher, dass Sie im Arbeitsbereich auf Wiedergabe drücken. Wir haben eine Schleife. Fantastisch. Aber es ist nicht nahtlos, nicht durch irgendeine Strecke des Geistes. Es gibt einen großen Sprung. Was ich hier tun möchte, ist, anstatt es zu animieren oder um 46 Grad zu drehen, ich möchte es um 360 dividiert durch die Anzahl der Punkte in meinem Stern drehen. In diesem Fall sind es sechs. Wenn Ihre Mathematik nicht so gut ist, führen Sie einfach die Berechnung in dieser Eingabe in After Effects durch. Sie drücken „Enter“, und es funktioniert es auf 60 Grad. Was wirklich cool daran ist, dass von 0-60, es sieht nicht wirklich so aus, als wäre es überhaupt gedreht, oder es sieht aus, als wäre es um 360 Grad gedreht. Hier kommen Illusionen ins Spiel. Es bedeutet, dass wir etwas für eine Sekunde spielen können und es erscheinen lassen, als ob ein für immer rotiert. Hier dreht sich nur um 60 Grad und geht dann zurück auf Null Grad und dreht dann weitere 60 Grad. Es sieht so aus, als würde es nur weitermachen , und weiter und weiter. Was hier wirklich wichtig ist, ist, dass, wenn wir am Ende unseres Arbeitsbereichs hineinzoomen und wo sich unser Keyframe befindet, wenn unser Arbeitsbereich um zwei Frames oder sogar um einen Frame ausgeschaltet ist, dies zu einer Verzögerung führen kann. Wenn ich jetzt „Play“ drücke, sehen Sie eine leichte Verzögerung. Wenn ich hier einfach noch einmal scrolle, wenn ich das auf sechs Frames vergrößere, wird eine wirklich lange Verzögerung sehen, die jetzt wirklich spürbar ist. Wenn dies bei 28 Frames oder sogar bei 29 Frames ist , werden Sie sehen, dass es einen Sprung gibt, der ebenfalls unerwünscht ist. Obwohl Sie es vielleicht nicht aufnehmen können, ist das menschliche Auge wirklich gut etwas aufzuheben, das aus ist oder das sich nicht richtig bewegt. Sie möchten sicherstellen, dass auf diesem letzten Keyframe Ihr Arbeitsbereich endet. Was hier passiert ist, ist, dass es von 28 Frames zu 29 Frames geht, und dann, anstatt dorthin zu gehen, wo sich dieser Keyframe befindet, geht es zurück zu Frame 0. Das liegt daran, dass dem letzten Frame Ihrer Schleife der erste Frame Ihrer Schleife folgt. Holen Sie es, verstehen Sie es. Es ist ein Kreis. Unsere Animation kommt nie wirklich auf 60 Grad Rotation. Ab Frame 29 kommt es nicht zu Frame 30. Es geht zurück auf Null. Obwohl es ein wenig schwierig ist zu verstehen, ist es wirklich cool, wenn man es tut. Jetzt haben wir unsere Looping-Animation. Es ist erstaunlich. Es ist eine coole kleine Blume. Es schlaufen nahtlos. Aber was machen wir jetzt damit? Lassen Sie es uns exportieren, rendern wir es. Das erste, was wir tun müssen, ist es einfach zu retten. Lassen Sie uns „Datei“ und „Speichern“ gehen. Dann gehen wir „Komposition“. Lassen Sie uns zur Renderwarteschlange hinzufügen. Sobald es sich in der Renderwarteschlange befindet, normalerweise die bestmöglichen Einstellungen verwendet, es handelt sich um eine verlustfreie Datei. Fantastisch. Wir exportieren sie aus After Effects als verlustfreie Datei, nehmen sie dann in Photoshop und exportieren sie dann von dort als MP4 und ein animiertes GIF. Wir wollen sagen, Ausgabe auf Desktop, und rendern. Das sind die Grundlagen von After Effects. Im nächsten Video werde ich Ihnen zeigen, wie Sie ein animiertes GIF und ein MP4 aus der MOV-Datei erstellen , die wir gerade gerendert haben. 4. Photoshop-Export: In diesem Video werde ich Ihnen zeigen, wie Sie die MOV-Datei, die nach Effekten in Photoshop gerendert für den einfachen Export zu nehmen . Wir nehmen eine wirklich große und qualitativ hochwertige Datei und exportieren sie als animiertes GIF und auch als MP4. Wir gehen zu unserem Finder, lassen Sie auf Desktop gehen und wir können es nicht in der Vorschau anzeigen, weil es eine verlustfreie Qualitätsdatei ist. Wenn wir das einfach direkt in Photoshop ziehen, bekommen wir unseren Film in Photoshop, was seltsam ist und Sie werden dieses kleine Timeline-Panel Pop-up sehen. Wenn dies nicht der Fall ist, können Sie über Fenster und Zeitachse darauf zugreifen. Ich ziehe das einfach nach unten, bis es den blauen Streifen gibt und dann meine Maustaste loslassen und dann habe ich eine Timeline am unteren Rand, ähnlich wie nach Effekten. Wenn ich „Jetzt spielen“ drücke, werden Sie sehen, dass es Schleifen ist Wenn es nicht läuft, stellen Sie einfach sicher, dass die Loop-Wiedergabe ausgewählt ist. Jetzt möchte ich es für Instagram exportieren. Instagram benötigt Videos, die drei Sekunden oder länger sind und weil unsere nur eine Sekunde ist, müssen wir dies mindestens dreimal duplizieren. Klicken Sie mit der rechten Maustaste auf Ihre Ebene und sagen Sie „Ebene duplizieren“. Sie könnten auch einfach „Befehl J oder Control J“ drücken und plötzlich haben Sie drei Iterationen dieser Schleife. Was Instagram tut, wird es dann nehmen Sie Ihr Video und Schleife es, während jemand es auf ihren Telefonen oder auf ihren Computern ansieht. Sobald wir drei Iterationen haben, gehen wir zu Datei-Export und rendern dann Video. Wir möchten den Ordner auswählen, der mein Desktop ist und dann wollen wir das Format wählen, das 8.264 sein sollte , was bedeutet, dass es eine MP4-Datei macht , die Ihr Telefon und Instagram verstehen können. Die Voreinstellung verwendet immer hochwertig, die Größe sollte die Dokumentgröße sein, die Bildrate sollte die Dokument-Frameraten sein und der Rest dieses Zeugs spielt damit herum, aber lassen Sie es, wenn Sie es noch nie geändert haben. Dann drücken Sie „Rendern“. Das dauert nicht allzu lange, ich glaube, es ist schon erledigt, fantastisch. Wir gehen zu unserem Finder und wir haben Flower Dot MP4 und da gehen wir. Wir können diese dann an unser Telefon senden und auf Instagram posten. Jetzt für ein animiertes GIF. Ich werde hier nur ein paar Mal rückwärts treten , bis wir nur eine Iteration unserer Schleife haben. Ich möchte dies auf Dribble als Bild, als animiertes GIF teilen . Dribble benötigt Dateien mit einer Dimension von 400 x 300 oder einer Größe von 800 x 600. Was ich tun werde, ist, ich werde zum Bild gehen, ich werde Bildgröße sagen, ich werde dies als 800 mal 800 ausprobieren und dann werde ich es jetzt mit Leinwandgröße ändern , um eine Höhe von 600 haben, fantastisch. Wenn ich nun auf „Play“ klicke, habe ich eine 800 mal 600 animierte Schleife. Wir können dann zu Datei-Export gehen, speichern Sie für Web-Legacy. Wenn Sie eine ältere Version von Photoshop haben, kann dies sagen, für Web speichern oder sogar für Web und Geräte speichern, und dies ist Ihr Exportbildschirm. Wenn Sie GIF hier nicht ausgewählt haben, können Sie es von PNG oder JPEG zu GIF ändern und dann von hier aus können wir eine Reihe von Einstellungen ändern, um es entweder wirklich gute Qualität zu machen oder die Dateigröße wirklich klein zu machen. Sie müssen sich fragen, wo dieses animierte GIF sein wird und was ist der Zweck? Wenn der Zweck ist, Teil einer Webseite zu sein, möchten Sie es zu einem wirklich kleinen GIF oder GIF machen. Wenn Sie es auf Dribble oder einigen anderen Websites teilen möchten, auf denen Sie Ihr Know-how zeigen möchten, möchten Sie Ihre Animationsfähigkeiten zeigen, ich werde versuchen, die Qualität ein wenig zu steigern. Um die Qualität zu erhöhen, die Sie die Farben erhöhen möchten, um die Dateigröße zu verringern, möchten Sie die Farben verringern. Bei diesem Beispiel wird es nicht wirklich wichtig sein, weil wir so wenige Farben in unserer Animation haben. Wenn wir für 64 Farben gehen, werden wir sehen, dass es eine Dateigröße von 282 hat. Eine andere Möglichkeit, Ihre Dateigröße zu verringern, besteht darin, Ihre Daten zu verringern, aber in diesem Beispiel wird es keinen großen Unterschied machen, da wir keine Farbverläufe oder Schatten haben. Der beste Weg, um die Dateigröße zu verringern, besteht darin, die Abmessungen zu verringern. Wenn wir dies auf 400 verringern, werden wir sehen, dass die Dateigröße auf 126K geht, was ziemlich klein ist. Ich werde dies einfach auf 800 ändern, weil ich möchte, dass der Fokus dieses animierten GIF die Animation ist, nicht wirklich die kleine Dateigröße. Der 282 ist ziemlich klein, er ist ziemlich gut. Nun, das Wichtigste hier ist diese Looping-Optionen-Option. Wir wollen uns einmal zu ewig ändern. Wir wollen, dass unsere Animation für immer durchläuft. Das ist das Wichtigste. Sobald wir dies festgelegt haben, können wir, sobald wir alle Optionen ausgewählt haben, auf „Speichern“ klicken. Ich werde es als Flower Dot GIF auf meinem Desktop speichern und einfach so habe ich Flower Dot GIF, die ich in der Vorschau sehen kann. Ich kann diese dann hochladen, um zu dribbeln oder an ein paar andere Orte, wo ich meine GIFs teile, oder ich kann meine Blume Punkt MP4 auf Instagram teilen, auf Facebook, wo auch immer. Jetzt, da wir diesen gesamten Prozess durchlaufen haben, haben etwas Spaß, spielen herum und machen eine wirklich einfache nahtlose Schleife. Laden Sie es auf Instagram hoch, wenn Sie möchten, laden Sie es zum Dribble hoch und laden Sie es in Ihre Projektgalerie hoch. Wenn Sie es in Ihre Projektgalerie hochladen, stellen Sie sicher, dass Ihr animiertes GIF unter zwei Megabyte liegt und wenn Sie mich in sozialen Medien erwähnen möchten, bin ich bei Taptapkaboom. Das ist eine ganze Menge zu nehmen, ich verstehe, wenn du so bist : „Whoa, das hat mich gerade zerrissen.“ Machen Sie es sich leicht, schauen Sie es wieder an, spielen Sie herum und stellen Sie eine Reihe von Fragen in den Kommentaren und Diskussionsrunden. Ich bin für Fragen und werde mein Bestes geben, um sie zu beantworten. 5. Prinzipien der Bezauberung: Die meisten faszinierenden Animationen drehen sich um Illusion und Trickerei, aber sobald Sie die Formel kennen, sind sie wirklich einfach. Hier sind ein paar Prinzipien, um Ihnen den Einstieg zu erleichtern. Das erste Prinzip ist Wiederholung oder Wiederholung. Ihre ganze Animation muss sich wiederholen, sie muss Schleife, es ist kein Kinderspiel. Aber auch Unteranimationen in Ihrer Animation können wiederholt werden. Denken Sie daran, was Sie wiederholen und wie Sie es wiederholen. Das zweite Prinzip ist die Position. So bewegen Sie Dinge auf dem Bildschirm, so dass Elemente beginnen, wo ein anderer endet, erstellen Sie ewige Bewegung, halten Sie Ihr Publikum engagiert und halten Sie ihre Augen in Bewegung. Das dritte Prinzip ist Zustand, Elemente langsam oder schnell in ein anderes verwandelt, und Sie können Form, Kapazität und andere Eigenschaften und Effekte im Laufe der Zeit ändern . Lassen Sie die Dinge wachsen, lassen Sie sie atmen, lassen Sie sie spritzen, lassen Sie es sich lebendig fühlen. Das vierte Prinzip ist die Rotation. Die Rotation ist ähnlich wie die Wiederholung und es ist ziemlich einfach zu verwenden. Ich denke, es liegt daran, dass, wenn sich etwas dreht, egal wie klein oder größer es ist, es immer am selben Punkt landet, irgendwann. Eine Uhr, zum Beispiel, ist eine echte Looping-Animation. Das fünfte Prinzip besteht aus mehreren Elementen. Wenn es noch mehr zu sehen gibt, gibt es noch mehr zu sehen. Bei mehreren animierten Elementen wird es immer etwas Neues geben, besonders wenn sie verschwinden und während der Schleife zu verschiedenen Zeiten wieder erscheinen. Das sechste Prinzip ist die Botschaft. Wenn Ihre Animation einen Punkt zu machen hat, abgesehen davon, dass sie nur Eye Candy ist, macht es viel erstaunlicher. Kein Druck hier, es ist nur die Kirsche oben. Das siebte Prinzip ist Farbe. Tolle Farbschemata können die Aufmerksamkeit der Menschen auf sich ziehen, bevor sie überhaupt irgendeine Bewegung gesehen haben Berücksichtigen Sie daher Ihre Farbwahl selten sorgfältig. Das achte Prinzip ist Geschwindigkeit. Ihre Animationsgeschwindigkeit muss genau richtig sein, nicht zu langsam, nicht zu schnell, aber machen Sie es genau richtig. Das neunte Prinzip ist das Interesse. Welche Effekte und interessante Dinge animieren Sie? Dies ist oft ein Bereich, in dem Sie Köpfe biegen und einen Wow-Faktor herausziehen können. Ihr Stil und Ihre Arbeitsweise werden hier immer eine große Rolle spielen. Für ein wenig Inspiration, denken Sie an Escher, denken Sie an Dolly, trippy Filme, die Sie gesehen haben, und seltsame Träume, die Sie hatten. Dies sind wenige Prinzipien, die Ihnen auf Ihrem Weg helfen, aber wie Sie Ihr Publikum dazu bringen, länger zu bleiben, als sie geplant haben, liegt wirklich an Ihnen. Ich denke, das Beste ist, zu experimentieren und zu sehen, womit Sie gerne arbeiten. 6. Gegensätze drehen: In diesem Video werden wir unsere einschichtige Blume nehmen, mehrere Ebenen erstellen und wir werden einige der Ebenen gegen den Uhrzeigersinn drehen und einige der Ebenen im Uhrzeigersinn. Lasst uns reingehen. Das erste, was ich tun möchte ist, dass ich meine Blumenkomposition in Blume 1 umbenennen werde, also klicke ich mit der rechten Maustaste und wähle Umbenennen und benenne sie Blume 1 um . Sie werden es duplizieren, so dass ich immer eine gespeicherte Kopie der Blumen-1-Komposition habe, also kann ich Bearbeiten, Duplizieren gehen . Hier ist Blume 2. After Effects macht einen schönen Job, indem die Zahl erhöht wird. Wenn ich darauf doppelklicke, öffnet es eine weitere Registerkarte in meinem Zeitleistenfenster. Blume 1 und Blume 2 sehen im Moment identisch aus, aber es sind tatsächlich separate Videos, es sind separate Kompositionen. Es ist wie das Duplizieren eines Textdokuments im Finder oder Windows Explorer. Es sind verschiedene Dokumente, auch wenn sie im Moment dasselbe sind. Ich werde Blume 1 schließen, und in Blume 2 werde ich nur die Eigenschaften der Formschicht 1 zusammenbrechen. Dann werde ich Shape-Ebene 1 duplizieren. Ich werde Bearbeiten gehen und dann duplizieren. Jetzt habe ich Formschicht 2, und innerhalb der Formschicht 2 habe ich Polystar 1. Was ich für Polystar 1 innerhalb der Formschicht 2 tun möchte, ist, dass ich die Skala des Polystars ändern möchte. Ich muss Polystar 1 transformieren und die Skala auf 80 Prozent ändern. Dies unterscheidet sich von der Änderung der Transformation oder der Skalierung des gesamten Layers. Ich könnte die Ebene auf 80 Prozent ändern, was aussehen könnte, als würde es dasselbe tun. Aber was dies tut, ist, dass es die gesamte Ebenenskala transformiert anstatt nur die Polystar-Skala 1 zu transformieren. Sobald wir dies getan haben, möchte ich gehen und Formebene 1 auswählen und die volle Farbe in so etwas ändern . Fantastisch. Sie werden Shape-Ebene 2 duplizieren. Ich kann entweder Bearbeiten gehen und duplizieren, oder ich kann Befehl D oder Control D drücken. Sie werden die Skala dieses Polystars auf 60 Prozent ändern , fantastisch. Ich werde die Farbe von Formebenen in etwas ganz Ähnliches ändern aber ein wenig heller. So wie so. Ich werde dann Shape-Layer 3, Befehl D oder Steuerelement Dduplizieren Befehl D oder Steuerelement D und die Skalierung auf etwa 40 Prozent ändern, also ändern wir das in 40 Prozent. Dann werde ich die Farbe der Formschicht 3 auf wieder etwas ganz Ähnliches ändern, aber ein wenig heller. Das ist, wie viele Schichten ich mit gehen werde. Sie können beliebig viele Layer hinzufügen, Sie können Ihre Layer vergrößern und Ihre Layer verkleinern. Ich werde nur vier Schichten haben, und das wird genug Ebenen sein, um über den Punkt zu bringen. Was ich jetzt gerne tun möchte, ist, dass ich die Balkenfarben der Formschicht 1 und der Formschicht 3 ändern möchte. Ich wähle hier nur dieses kleine Muster oder ein kleines Quadrat aus, und ich kann es ändern. Gehen wir für Gelb. Das sagt: „Hey, diese sind ähnliche Schichten, lassen Sie uns sie gleich behandeln, und die blauen, lassen Sie uns sie gleich behandeln.“ Ich möchte jetzt die Animation einiger Ebenen ändern. Wenn ich anfange, hier unten zu bohren, kann ich zur Rotation kommen, aber das ist eine Menge Zeug, nur um zur Rotation zu kommen. Was ich tun kann, ist, dass ich eine Ebene drücken und U auf der Tastatur drücken kann. Was „U“ tut, ist es zeigt uns die Eigenschaften, die animiert wurden, was wirklich cool ist. Wir können alle diese Ebenen auswählen, halten Sie die Umschalttaste gedrückt, halten Sie Befehl A gedrückt und drücken Sie U. Wenn es ausgeblendet wird, können Sie erneut U drücken und es wird sie angezeigt. Jetzt können wir das sehen, es gibt Polystar 1 innerhalb der Formschicht 4 und es zeigt uns die Rotation. Es zeigt uns die Rotation von Polystar 1 in jeder der Schichten. Für Schicht 3 und Ebene 1 gehe ich zu einer Sekunde, ich werde ihre Rotation von plus 60 auf negative 60. Wenn ich diesen Keyframe auswähle und den Befehl gedrückt halte, und ich diesen Keyframe hier kleben, kann ich ihn dann auf negativ 60 ändern, und Sie werden sehen, dass er sich sowohl auf Formebene 3 als auch auf Formebene 1 ändert. Jetzt, wenn ich auf Play klicke, sieht es wirklich cool aus. Ich habe eine viel interessantere Animation als zuvor. Es gibt einige Laser, die im Uhrzeigersinn drehen, einige drehen sich gegen den Uhrzeigersinn. Fantastisch. Von hier aus können wir es als verlustfreie MOV-Datei rendern, und dann nehmen Sie diese MOV-Datei in Photoshop, exportieren Sie es als animierte GIF, oder exportieren Sie es als MP4-Datei. Fantastisch. 7. Eine Einheit der Animation: Lassen Sie uns noch einmal die Theorie plaudern. Angenommen, wir haben eine Schleifenanimation, die vier Sekunden lang ist und die Bildrate 30 Frames pro Sekunde beträgt. In diesen vier Sekunden haben wir 120 Frames zu verwenden. Ich nenne das gerne die Einheiten der Animation. Es ist gut zu wissen, wie die Animationseinheiten sind, damit Sie Unteranimationen innerhalb Ihrer Animation erstellen können. Sie nehmen einen Bruchteil der Zeit und somit, Schleife mehr als einmal während des Lebenszyklus der Schleife. Ich nenne diese Untereinheiten der Animation gerne. Dann sind Länge und Rahmen Zahlen, durch die die gesamte Einheitenanimation ohne Dezimalstellen oder Reste geteilt werden kann. Beispiele für Untereinheiten einer Vier-Sekunden-Schleife wären also Subanimationen zuletzt 60F, 30F, 20F, 15F, 10F oder fünf Frames lang. Die Subanimationen können entweder kontinuierlich in der Hauptschleife schleifen oder sie können für Teile des Lebenszyklus der Hauptschleife erscheinen. Sie einen Blick auf jede nahtlose Schleifenanimation, und Sie werden dieses Prinzip bei der Arbeit sehen. 8. Quirlig: In diesem Video werden wir unsere Blumenanimation nehmen und alle Ebenen auf die gleiche Weise drehen, aber mit einer anderen Geschwindigkeit. Wir werden auch Schlagschatten hinzufügen, und ich werde Ihnen zeigen, wie Sie den Schlagschatten animieren. Das erste, was wir tun wollen, ist, dass wir zu Blume 2 gehen und es duplizieren wollen. Sie können Befehl D gehen, und es schafft eine Blume 3 für uns. Lassen Sie uns doppelklicken, und es öffnet es, und lassen Sie uns eine Blume schließen 2. Was wir jetzt tun wollen, ist, dass wir diese alle auf die gleiche Weise drehen wollen. Ich werde alle meine Ebenen erstellen und ich halte einfach die Umschalttaste gedrückt und wähle sie von oben nach unten aus. Ich werde alle meine Ebenen in die gleiche Farbe ändern und dann kann ich meine Ebenen umbenennen, nur um ein bisschen mehr Sinn für Formebene 1, Formebene 2 usw. zu machen . Um eine Ebene umzubenennen, wählen Sie eine Ebene aus und drücken Sie „Enter“. Ich werde nur dieses nennen, ich werde Shape Layer 2, 2 umbenennen, und dann Shape Layer 3, 3, Shape Layer 4, 4, da gehen wir. Das nächste, was ich tun möchte, ist, dass ich meine Rotation ein wenig ändern möchte, also gehe ich zum letzten Schlüsselbild, und sie werden meine untere Rotation auf 60 und die Rotation meiner dritten Ebene wieder auf 60 ändern , nur damit alles dreht sich mit der gleichen Geschwindigkeit. Jetzt muss ich entscheiden, welche Ebene am schnellsten gedreht werden soll. Ich denke, es sollte die untere Schicht sein und ich denke, die oberste Schicht sollte sich am langsamsten drehen. Ich werde meine Rotation von 60 als Basis halten und dann für Schicht drei werde ich es um 120 Grad drehen und dann für die nächste Ebene werde ich dies mit drei multiplizieren, also 60 mal 3 wäre 180. Es ist wirklich cool, dass Sie etwas Mathematik machen können und die Eingabe und Aftereffekte bedeutet, dass Sie keine Dinge in Ihrem Kopf trainieren müssen. Hier können wir 60 multipliziert mit 4, 240 gehen. Jetzt, wenn die Dinge herumspielen, können wir sehen, dass sich die Rückenschicht wirklich schnell bewegt, die Schicht nicht so schnell nach oben, die Schicht darüber etwas weniger langsam, und dann schließlich bewegt sich die oberste Schicht mit einer Standardgeschwindigkeit. Jetzt ist es ziemlich schnell Wenn ich also alle meine Ebenen mit Befehl A auswähle, kann ich diese Bewegungsunschärfe verwenden, die eine Verschlussdauer anregt. Wenn Sie sich vorstellen, wenn es dunkel ist und Sie versuchen, ein Foto zu machen und Sie ein Foto von jemandem machen, der läuft, können sie etwas verschwommen erscheinen. Das ist genau das, was Bewegungsunschärfe tut. Wir können nur überprüfen, dass mit allen unseren Ebenen ausgewählt, und wir können dies überprüfen, was sagt aktivieren Bewegungsunschärfe für alle Ebenen mit dem Bewegungsunschärfe-Schalter gesetzt, fantastisch. Wenn Sie das nicht haben, müssen Sie möglicherweise „Schalter und Modi“ drücken , damit es angezeigt wird. Wir gehen zurück auf Null, und wir drücken „Jetzt spielen“. Es könnte einige Zeit dauern, bis dieser grüne Balken von links nach rechts geht, aber sobald es tut und das ist wirklich gut. Wenn wir hier hineinzoomen, Command plus, können Sie die Bewegungsunschärfe auf den Ebenen sehen , die ich etwas schneller bewegen, und dies erzeugt einen realistischeren Effekt. Das sieht im Moment ziemlich gut aus. Was ich als Nächstes tun möchte, ist ein paar Schlagschatten hinzuzufügen, es macht die Dinge Pop, es fügt etwas Interesse hinzu. Ich werde meine oberste Ebene hier auswählen, Ebene 4, ich werde dann mit der rechten Maustaste klicken und ich werde zu Ebenenstilen gehen, und ich werde Schlagschatten auswählen. Das ist sehr ähnlich wie der Schlagschatten von Photoshop. Wir haben jetzt unsere Ebenenstile auf Ebene 4, sodass sie Inhalte, Transformations- und Ebenenstile enthält . Dies ist wirklich wichtig, dass wir die Ebenen erstellt oder dupliziert haben, anstatt die Formen mit der inneren Formebene zu duplizieren, denn wenn wir die Formen mit der inneren Formebene dupliziert hätten, als wir der Ebene einen Ebenenstil hinzugefügt haben, wir hätten es zu all diesen Formen kombiniert hinzugefügt. Wir haben hier einen Schlagschatten, ich werde die Kapazität auf 50 Prozent ändern. Ich werde kein globales Licht verwenden, weil ich das animieren möchte, den Winkel lassen Sie uns es auf 90 ändern, nicht ganz sicher, genau dass es 180 sein muss. Die Entfernung können wir auf 10 ändern, die Größe können wir auf 20 ändern. Lassen Sie uns die Entfernung auf 22 ändern, und das sieht ziemlich gut aus. Sie können etwas Rauschen hinzufügen, wenn Sie möchten, aber im Moment sieht das wirklich gut aus. Was wir jetzt tun können, ist, dass wir zu Frame Null gehen können, wir können Layer-Stile oder Schlagschatten auswählen, aber Layer-Stile auswählen, und drücken Sie „Befehl C“ oder bearbeiten, kopieren und dann, was wir hier tun wollen, ist, dass wir den Rest auswählen unserer Ebenen und gehen Sie bearbeiten und einfügen. Was dies tun sollte, ist, dass es den Layer-Stil kopieren und auf alle Ebenen einfügen sollte. Jetzt werde ich das spielen, es sieht wirklich cool aus. Es wird einige Zeit dauern, um zu rendern, aber sobald es tut, beginnt es zu schleifen, das sieht wirklich cool aus, aber es bewegt sich immer noch ziemlich schnell, also lasst uns das ändern. Ich möchte genau dieses Ding animieren, aber mehr als zwei Sekunden, anstatt nur eine Sekunde. Wir gehen hier zu zwei Sekunden, und Sie sehen, dass wir nicht ganz dazu kommen können. Um unsere Kompositionsdauer und ein paar andere Dinge zu ändern, lassen Sie sich zur Komposition gehen, und wir gehen zu Kompositionseinstellungen, oder Sie drücken „Befehl K“ oder „Control K“. Dann kann dieses Fenster ziemlich vertraut erscheinen, es ist genau das gleiche wie beim Erstellen einer neuen Komposition. Ändern wir unsere Dauer auf drei Sekunden und drücken Sie „Okay“. Sie werden sehen, dass wir jetzt ein bisschen mehr Platz haben. Ich kann bis zu zwei Sekunden gehen und lassen Sie uns alle unsere Schlüsselbilder auf zwei Sekunden verschieben. Vielleicht schreien Sie mich jetzt an, weil wir die Schlüsselbilder von Ebene 4 nicht verschoben haben, also werde ich einfach „U“ drücken und wir können diesen Schlüsselrahmen einfach auf zwei Sekunden ziehen. Aber was hier passiert, ist, dass die Ebenen tatsächlich verschwinden, also werde ich „Befehl A“ drücken, um alle meine Ebenen auszuwählen und einfach die Dauer meiner Ebenen ein wenig weiter zu ziehen und dann werde ich die Arbeitsbereich Ende auf zwei Sekunden. Lassen Sie uns eine Vorschau darauf sehen, wie es aussieht. Jetzt sollten die Dinge etwas langsamer gerendert werden, wenn die Dinge viel zu lange dauern, drücken Sie „Space“, stoppen Sie die Animation und ändern Sie Ihre Auflösung auf die Hälfte oder sogar dritte. Ich werde meinen in ein Drittel umstellen. Dies bedeutet, dass es nur schneller rendert, Sie können schneller arbeiten, aber die Qualität wird nicht so gut sein. Das fühlt sich ein bisschen natürlicher für mich an, es ist faszinierender, es ist nicht nur Spinnen und Spinnen und Spinnen, das ist wirklich cool. Das einzige, was ich noch tun möchte, ist, dass ich auch den Schlagschatten drehen möchte. Es lässt es so aussehen, als würde es ein Licht um diese Blütenschichten schwingen. Versuchen wir es auf Schicht 4. Ich werde zu Null Frames gehen, ich werde ein wenig verkleinern und ich werde zu den Layer-Stile Schlagschatten gehen. Was ich tun werde, ist, dass ich den Winkel des Schlagschattens animieren werde. Lassen Sie uns auf diese kleine Stoppuhr klicken, die einen Schlüsselrahmen erstellt und dann mit zwei Sekunden, erstellen Sie einen neuen Schlüsselrahmen. An dieser Stelle möchte ich sagen, lassen Sie es eine volle 360 Grad animieren, die dann 1 mal 360 plus 90 animiert. Wenn wir das nochmal spielen, wirst du sehen, dass das wirklich cool aussieht. Der Schlagschatten bewegt sich und sieht vielleicht so aus, als ob es ein Licht herumschwimmt, fantastisch. Wenn Sie es auf andere Weise animieren möchten, können wir einfach diesen Schlüsselrahmen auswählen, ihn mit Befehl C kopieren und dann mit Befehl V einfügen . Es ersetzt dann den Schlüsselrahmen, auf dem Sie sich befinden, also sind wir jetzt bei 90 Grad. Wenn ich es in die andere Richtung animieren wollte, würde ich 90 minus 360 sagen, was mir 270 geben würde. Nun, wenn ich es gespielt habe, das könnte ein bisschen natürlicher für Sie aussehen, es ist Ihr Anruf am Ende des Tages. Sobald Sie sich mit der Schlagschattenwinkelanimation entschieden haben, können Sie auf Null Frames gehen und kopieren Sie Layer-Stile aus Ebene 4, Befehl C, und wählen Sie dann alle unsere Ebenen und drücken Sie „Befehl V“. Das hätte die Schlagschattenanimation 2 eingefügt haben sollen , wie sie aussieht. Da gehen wir. Wir haben eine etwas interessantere aussehende Animation, die Schlagschattenschleifen, es gibt verschiedene Dinge vor sich, diese verschiedenen Elemente bewegen sich mit unterschiedlichen Geschwindigkeiten. Es ist ziemlich hypnotisierend. Von hier aus können Sie es zu Ihrer Renderwarteschlange hinzufügen, Sie können es rendern, und dann können Sie es in Photoshop bringen, es als animiertes GIF exportieren und als mp4 exportieren, fantastisch. 9. Rollende Blumen: In diesem Video werden wir etwas über Präkompositionen lernen, die Kompositionen in andere Kompositionen hinzufügen. Während wir dies tun, werden wir eine wirklich coole, nahtlose Animation erstellen , in der mehrere Blumen über den Bildschirm rollen. Das erste, was ich tun möchte, ist eine neue Komposition zu erstellen. Wir werden das rollende Blumen nennen. Die Einstellungen werden gleich bleiben, Breite, Höhe, und die Dauer kann drei Sekunden sein, es kann 10 Sekunden sein, oder wir werden wirklich zielen darauf ab, eine zwei Sekunden Schleifenanimation zu erstellen. Jetzt haben wir eine rollende Blumenkomposition. Ich möchte dann Blume 3 hinzufügen, in die rollende Blütenzusammensetzung, und dies wird zu einer Präkomposition. Ich würde gerne einen Ordner nur für meine Vorkompositionen erstellen, und ich möchte es einfach Vorkompositionen nennen. Ich werde Blume 1 auswählen, Shift drücken, Blume 3 drücken und dann in Precomps ziehen. Dann werde ich in Blume 3 zu rollenden Blumen ziehen, die jetzt auf meiner Timeline geöffnet ist. Fantastisch. Ich werde Blume 3 schließen, und jetzt habe ich rollende Blumen offen. Sie werden sehen, dass diese Schicht ein wenig anders ist. Dies ist eigentlich eine Komposition, und Sie werden sehen, dass ich auf keinen der Inhalte zugreifen kann, die Blume 3 darin hat. Wenn ich darauf doppelklicke, kann ich wieder auf Blume 3 zugreifen. Ich werde in der Lage sein, seine Eigenschaften zu ändern, und dies wird aktualisiert, in den anderen Kompositionen, in denen es sich befindet. Lassen Sie uns Blume 3 schließen, und mal sehen, was wir mit Blume 3 ändern können. Wir können die Skala ändern, ich ändere das auf 70 Prozent, und wir können sogar die Rotation, die Kapazität, die Position ändern . Was ich hier tun möchte, ist es in Ebene 1 umzubenennen, und dann möchte ich es duplizieren, also Befehl D, und dann werde ich anfangen, mehrere Iterationen dieser Blume 3-Komposition zu machen . Hier, anstatt zu meinem Pfeil zu gehen und dann zu transformieren, werde ich einfach P drücken, und das wird nur die Position zeigen. Ich werde dann die Position auf negativ 640 ändern, also ist es eine ganze Kompositionsbreite links von Ebene 1. Ich werde dann P drücken, wenn ich Ebene 1 ausgewählt habe, und ich werde anfangen, beide Ebenen zu animieren. Ich werde die Stoppuhr auf beiden Ebenen drücken, und Sie werden sehen, dass beide diese Schlüsselbilder hatten. Ich gehe dann zu zwei Sekunden, und wenn du nicht ganz da bist oder dich faul fühlst, kannst du das einfach drücken und das Ende-zu-Ende, was du willst. Ich würde gerne zu zwei Sekunden gehen, OK drücken, und es dauert mich direkt bis zu zwei Sekunden. Ich werde dann Schlüsselbilder auf beiden Ebenen hinzufügen , und dann auf Ebene 2 werde ich es bitten, bis 1280 vorwärts zu gehen, und ich werde dasselbe für Ebene 1 tun. Es wird eine ganze Kompositionen Breite auf der rechten Seite animieren. Mal sehen, wie das aussieht. Sieht ziemlich blöd aus. Was wir hier nicht getan haben, ist, dass wir unseren Arbeitsbereich nicht verändert haben, also lassen Sie uns das einfach in zwei Sekunden bringen. Von hier aus haben wir gerade eine Looping-Animation erstellt, mit einer Looping-Animation darin. Das wird wirklich interessant. Das nächste, was ich tun möchte, ist es interessanter zu machen, und die Art und Weise, wie wir das tun können, um mehr Elemente hinzuzufügen. Jetzt werde ich versuchen, eine Blume in der Mitte hinzuzufügen. Ich gehe zu Null Frames, ich werde Ebene 2, Befehl D duplizieren , und Sie werden sehen, dass, wenn ich P drücke, alle Schlüsselbilder ebenfalls dupliziert werden. Was ich gerne tun würde, ist, ich möchte einfach 642 hinzufügen, es ist eine Position, die mich auf Null bringen würde, ich gehe dann gerne zum End-Keyframe und füge 640 hinzu. Jetzt haben wir drei Sterne. Wenn ich jetzt auf Play klicke, gibt es einen kleinen Sprung, was problematisch ist. Nun, was ich tun muss, ist, dass ich zwei weitere Sterne hinzufügen muss, ich werde am Anfang einen weiteren Stern hinzufügen müssen, und am Ende einen weiteren Stern, nur damit es viel besser läuft. Fügen wir zuerst den einen am Anfang hinzu. Ich werde meine Ebene 1 auswählen, ich werde es duplizieren. Duplicate, es ist jetzt Ebene 4, ich werde P drücken, und ich werde dies ändern, um nur 640 Pixel nach rechts und wieder, 640 Pixel nach rechts am Ende. Fantastisch. Jetzt, wenn ich zum letzten Schlüsselbild am Ende meiner Schleife gehe, wähle ich Ebene 2 aus, ich werde das duplizieren, senden Sie es nach oben, und ich sende es mit Befehl und rechter Klammer nach oben , und wenn Sie möchten , um es nach unten zu senden, können Sie Befehlstaste und linke Klammer drücken.Sie können dies auch tun, indem Sie Schicht, Bereich, und bringen Schicht nach vorne, oder bringen Ebene nach vorne. Es ist so ziemlich das gleiche wie Photoshop. Dann drücke ich P, und dann auf Ebene 5 muss ich diese Ebene um 640 Pixel nach links senden. Dann wäre das Gleiche am Anfang. Nun, was wir haben, ist, dass wir die gleiche Animation fünfmal dupliziert haben, die eine Illusion erzeugt, dass es nur eine endlose Menge dieser rollenden Blumen oder rotierenden Blumen gibt. Ziemlich cool. Wir können hier mit einem Haufen Sachen herumspielen. Wenn ich alle meine Ebenen auswähle und P drücke, verschwindet die Position, und wenn ich S drücke, wird die Skalierung angezeigt, und sie liegen alle bei 70 Prozent. Wenn ich das auf 100 Prozent ändere und sehe, wie das aussieht, Schleifen sich immer noch, aber es sieht nicht so gut aus. Wir können das auf 50 Prozent ändern, vielleicht sieht es ein bisschen besser aus. Sieht aus, als wäre es in Ordnung, aber lustig, 70 Prozent waren ziemlich gut. Ich habe da ein Spiel. Wir können auch R drücken, um die Rotation zu drehen und alle auf, ich weiß nicht, 45. Sieh dir das an. Sieht ziemlich cool aus, also können Sie dies zu Ihrer Renderwarteschlange hinzufügen, Sie können dies rendern und es dann in Photoshop bringen, um daraus ein animiertes GIF zu erstellen oder ein MP4 daraus zu erstellen. 10. Fallende Blumen: In diesem Video werden wir so ziemlich das Gleiche tun, wie wir es im Rolling Flowers Video getan haben, außer wir werden machen, dass die Blumen von oben kommen und nach unten gehen. Die Art und Weise, wie wir es tun, wird anders sein. Auf diese Weise, wie wir es tun, wäre wirklich hilfreich für zukünftige Looping-Animationen. Lassen Sie uns in After Effects eine neue Komposition erstellen, und wir werden sie fallende Blumen nennen. Der Rest unserer Einstellungen sollte genau gleich sein, außer für die Dauer, die 10 Sekunden betragen sollte, und die Hintergrundfarbe, die wir ein wenig ändern können. Ich möchte meine in eine blaue oder türkisfarbene Farbe ändern. Lassen Sie uns das schaffen. Ich werde dann meine Flower-3-Komposition als Präkomposition in meiner fallenden Blütenkomposition hinzufügen . Der Grund, warum der Hintergrund nicht mitkommt, ist, dass, weil in Flower-3, wenn ich es zu einer Komposition hinzufüge, es wirklich so hinzugefügt wird, Sie das Transparenzraster sehen können, wie Sie es in Photoshop können. Um das zu deaktivieren, können Sie diese Schaltfläche Transparenzraster umschalten drücken. Wenn Sie Flower-3 alleine rendern, wird es mit diesem Hintergrund gerendert. Wenn Sie den Hintergrund ausblenden, können Sie die Rendereinstellungen so ändern, dass sie ohne Hintergrund gerendert werden. Ob es an- oder ausgeschaltet ist, wenn Sie zu fallenden Blumen oder rollenden Blumen gehen, der Hintergrund mit dem Hintergrund dieser Komposition. Lasst uns zu fallenden Blumen gehen. Jetzt möchte ich die Flower-3-Skala ändern, ich werde „S“ drücken und ich werde die Skala wieder auf 70 Prozent ändern, und dann werde ich den Namen von Flower-3 ändern, indem Sie „Enter“ zu Ebene-1 drücken, und dann werde ich dies animieren. Ich werde „P“ für Position drücken und dann beginnen, die Position zu animieren. Meine Ausgangsposition, ich möchte, dass dies 614 minus 1280 ist, was die Kompositionen Höhe ist, Sie werden sehen, dass es weit oben beginnt. Dann nach zwei Sekunden, und wenn es nicht genau dorthin geht, wo Sie es wollen, können Sie entweder „Command“ oder „Control“ drücken und links oder rechts auf Ihrer Tastatur, oder Sie können dieses Panel hier verwenden, um zu einer genauen Zeit zu gehen. Wenn ich zu zwei Sekunden komme, möchte ich zurück in die Mitte und eine weitere 1280 Pixel nach unten. Sie werden sehen, dass, wenn dies animiert, es ziemlich schön animiert, wenn wir dann unseren Arbeitsbereich auf zwei Sekunden ziehen müssen, es erzeugt eine ziemlich schöne Schleifenanimation, aber Sie können deutlich sehen, wo es beginnt und wo es endet. Was ich jetzt tun werde, ist, dass ich Ebene 1, Befehl D duplizieren werde, und ich werde in meine Timeline zoomen, so dass ich 20 Frames sehen kann, und dann werde ich bei 20 Frames meine Ebene 2 ziehen, um dort zu beginnen. Es wird Schicht 1 in der Zeit folgen, da gehen wir. Wenn ich zu Schicht 2 sagen muss, lassen Sie mich Ihre Opposition sehen, Sie werden sehen, dass die Position versetzt ist. Nun lasst uns das noch einmal machen, also lasst uns weitere 20 Frames gehen, duplizieren Sie das. Anstatt dieses Mal zu ziehen, werde ich nur die linke Klammer drücken, und das sagt zu der Ebene „Hey du, fange hier an“, diese Blumen werden dann einander folgen. Aber jetzt, wenn wir „Play“ drücken, gibt es einen massiven Sprung. Sie folgen einander, aber am Anfang gibt es eigentlich nichts. Es gibt ein paar Möglichkeiten, dies zu tun, aber die Art und Weise, die ich Ihnen zeigen werde, ist wirklich hinterhältig und wirklich effektiv. Lassen Sie uns fortfahren, diese Ebenen zu duplizieren und sie um 20 Frames zu verschieben. Machen wir es noch einmal und lassen Sie uns 20 Frames vorwärts gehen. Jetzt haben wir zwei Sekunden Arbeitsbereich, also möchte ich jetzt gerne mit einer Sekunde und 10 Frames beginnen, und ich würde gerne mit drei Sekunden und 10 Frames enden. Dies ist eine zwei-Sekunden-Animation und lassen Sie uns sehen, wie es funktioniert, es schleift perfekt. Was wir getan haben, ist, dass wir die Startzeit auf eine Sekunde und 10 Frames geändert haben und diese Schleifenanimation innerhalb von zwei Sekunden über eine Reihe von Ebenen erstellt haben, die sequenziert werden, was wirklich clever und wirklich effektiv ist. Das bedeutet, dass wir einfach durch Duplizieren und Sequenzieren einer Reihe von Ebenen diesen Effekt erzielen können, dass es sich anfühlt, als wären sie nur Blumen, die vom Himmel fallen, erstaunlich. Wenn wir das hineinzoomen, können wir es etwas näher sehen. Nun, was ist wirklich cool über Präkompositionen, und alle diese sind die gleiche Vorkomposition, und wir können dies durch Klicken auf Layer-Namen sehen, ändern wir es in Quellname, und Sie können sehen, dass es alles Flower-3 ist. Wir ändern es zurück in Ebenenname, wir können diese nach Herzenslust benennen. Wenn wir auf einen dieser doppelklicken, gehen wir dann zu Flower-3 und wir können beginnen, diese Ebenen zu ändern. Wenn ich Schicht 3 ändern möchte, und lassen Sie uns seine Farbe in etwas bizarres ändern, wie diese große türkise Farbe. Wir gehen zurück zu fallenden Blumen, Sie werden sehen, dass alle diese fallenden Blumen jetzt aktualisiert werden, so dass die Vorkomposition ist viel die gleiche wie ein intelligentes Objekt in Photoshop. 11. Endloses Kräuseln: In diesem Video werden wir endlose Wellen erschaffen. Wir werden alles festigen, was wir gelernt haben, und ich werde Ihnen noch ein paar neue Dinge zeigen. Dann After Effects, lassen Sie uns ein neues Projekt erstellen, so Datei, Neues Projekt. Wir werden eine neue Komposition erschaffen und wir werden es Welligkeit nennen, so buchstabieren Sie Welligkeit? - Ja. Die Breite wird 128 sein, die Höhe wird 1280 sein. Ich möchte, dass die Dauer 20 Sekunden und die Hintergrundfarbe eine wirklich dunkle Farbe hat, also lassen Sie uns vielleicht einfach für Schwarz gehen. Wir haben eine wellige Komposition, die in unserer Timeline offen ist, ich möchte jetzt eine Form hinzufügen. Layer, New Shape Layer, und ich möchte, dass die volle Farbe weiß ist, und ich werde das einfach von Anfang an festlegen. Ich wollte keinen Kreis hinzufügen, also füge ich eine Ellipse mit dem Ellipsenwerkzeug hinzu, lassen Sie uns einfach Command Plus vergrößern. Fügen wir einfach eine Ellipse hinzu. Ich halte die Umschalttaste gedrückt , so dass die Breite und die Höhe proportional sind, und ich lasse meine Maustaste los. Es ist nicht in der Mitte, aber lasst uns das jetzt klären. Gestalten Sie Layer 1, Ellipse 1, gehen Sie zu Transformieren Ellipse 1 und setzen Sie die Positionen x und y auf Null. Wir haben unsere Kreis-Setup, jetzt was ich tun möchte, ist, dass ich es von nichts zu einer wirklich großen Welligkeit animieren möchte. Für diese Animation möchte ich auch einen Strich hinzufügen. Meine Strichfarbe Ich möchte, dass es weiß ist und lassen Sie uns die Dicke auf 100 Pixel ändern. Bei Null-Frames möchte ich meinen Ellipsenpfad ändern, ich möchte seine Größe von Null ändern. Im Laufe von 15 Sekunden, lassen Sie uns zu 15 Sekunden gehen. Ich möchte das in etwas ziemlich Großes ändern, also werde ich nur Shift halten, während ich das ziehe oder schrubbe, zoomen, und da gehen wir. Im Laufe dieses Zeitraums wird es von Null auf die Größe animiert. Was ich nicht getan habe, ist, dass ich hier keine Keyframe-Animation aktiviert habe, also füge ich schnell den Keyframe hinzu, gehe zurück zu Null-Frames und ändere die Größe auf Null. Das heißt, in 15 Sekunden wird es von 0-1971 oder was auch immer animieren, was ziemlich cool ist. Sie werden sehen, dass es nur sehr schnell mit einem Punkt beginnt , und das liegt daran, dass es einen Strich darauf gibt. Was ich tun werde, ist, dass ich auch die Deckkraft animieren werde. Auf Formebene 1, innerhalb des Inhalts, innerhalb der Ellipse, gehe ich zu Deckkraft und Transformationsellipse 1. Ich werde einen Keyframe setzen, der Null sein würde, und dann werde ich nach etwa zwei Sekunden die Deckkraft auf 100 setzen. Es wird verblassen und dann einfach weiter wachsen, was ziemlich cool ist. Was ich dann tun werde, ist, ich werde die Füllung ausblenden, so dass die Deckkraft in diesem Zeitraum von 100 auf Null gehen wird . Wenn die Form eingeblendet wird, wird die Füllung ausgeblendet. Das ist ziemlich cool. Was ich tun möchte, ist, dass ich die Dicke des Strichs animieren möchte. Gehen wir zu Strichbreite von 0-10 Sekunden, ich möchte die Strichbreite von 100 bis 0 animieren, so dass, wenn sie größer wird, die Welligkeit verblasst. Aber aus irgendeinem Grund sind es zwei. Ich werde das einfach wieder auf Null ziehen, und das sieht wirklich schön aus. Lass uns einfach das spielen, wir können es zu einem späteren Zeitpunkt bearbeiten, aber jetzt denke ich, es ist eine fantastische. Das ist eine Welligkeit, und jetzt möchte ich diese eine Welligkeit zu einer neuen Komposition hinzufügen. Lassen Sie uns eine neue Komposition erstellen, ändern wir die Hintergrundfarbe in dunkles Purpley-Blau, die Dauer kann 20 Sekunden betragen. Wir werden wirklich nur eine Animation von ein oder zwei Sekunden erstellen, und lassen Sie uns dies in Wellen ändern. Wir können Ripple in Precomp-Ripple umbenennen, wenn wir wollen, und dann doppelklicken Sie auf „Wellen“ und fügen Precomp-Ripple zur Komposition der Welligkeit hinzu. Das spielt ziemlich gut. Was ich jetzt gerne tun würde, ist, das zu duplizieren, also Befehl D, und dann in einer Sekunde würde ich gerne sagen: „Hey, du Statur.“ Dann noch eine Sekunde Zeit, also in zwei Sekunden, würde ich gerne eine weitere Welligkeit beginnen, und dann würde ich eine weitere Sekunde Zeit gerne eine weitere Welligkeit beginnen. Ich werde das weiter machen, bis ich zu 15 Schichten komme. Wenn wir das jetzt von Anfang an spielen müssen, können Sie sehen, was passiert. Sie können sehen, wie die gewellt, fett, lassen Sie uns einfach ein wenig hineinzoomen. Sie können sehen, dass sie weggehen, und an dieser Stelle sieht es einfach wie eine Schleifenanimation aus. An welchem Punkt ist das? Nun, von ungefähr hier 11 Sekunden. Beginnen wir unsere Komposition hier, ziehen wir unseren Arbeitsbereich hierher. Wenn Sie nicht Lust haben, ziehen Sie einfach „B“, und dann steht der Anfang des Arbeitsbereichs ist hier. Dann, sagen wir mal eine Sekunde, setzen wir das N des Arbeitsbereichs. Wir könnten unseren Arbeitsbereich ziehen oder wir könnten „N“ für Ende drücken, aber was das tut, ist, dass es nicht genau dort, wo wir sind, es setzt es auf Rahmen und Front. Ziehen wir das einfach leicht nach rechts, oder wir waren vielleicht nicht genau dort, wo wir es haben wollen, nach 12 Sekunden ist es eigentlich perfekt. Wenn wir das spielen, ist es Schleifen, es sieht fantastisch aus, wir haben eine Reihe von Wellen. Das einzige, was ich denken würde, um dies hinzuzufügen, ist, dass ich, anstatt es zu 100% Deckkraft für jede einzelne Welligkeit zu machen, es auf etwa 30 Prozent ändere. Lassen Sie uns in Precomp-Welligkeit gehen und ändern Sie die Deckkraft. Wenn wir dies nur ein wenig höher ziehen, und wir drücken „Shape Layer“ und drücken „U“, erhalten wir alle Eigenschaften, die animiert sind. Was wir hier tun, ist, dass wir die Deckkraft der Kreise voll ändern, und wir ändern auch die Deckkraft des ganzen Kreises in Shape-Layer 1. Das bedeutet, dass die Form nach zwei Sekunden zu 100 Prozent ist, und ich möchte, dass es 30 Prozent ist, das sieht ziemlich gut aus. Gehen wir zurück zu Wellen und sehen, wie es aussieht. Das sieht wirklich cool aus, es sieht aus wie endlose Wellen, genau wie wir wollten, dass es aussieht, und die Deckkraft bei 30 Prozent erzeugt hier einige interessante Effekte, wo es sich überlappt mit einigen anderen Schichten, um wirklich abzukühlen. 12. Inspiration und Vorlagen: Wenn Sie etwas Inspiration und eine Referenz für Looping-Animationen benötigen, habe ich dieses Pinterest-Board namens Looping GIFs erstellt. Es gibt statische Bilder, es gibt Videos und es gibt animierte GIFs, die Sie auschecken können. Also haben Sie einen Scroll durch das. Dann gibt es auch Dribbble, die Sie auschecken können. Diese URL ist ziemlich hilfreich, also schauen Sie sich die beliebten animierten GIFs und auch die kürzlich animierten GIFs an. Dann gibt es auch Ello, die für animierte GIFs wow ist, es ist wie eine Schatzgrube, erstaunliche Sachen hier. Wenn Sie also nur durch einige dieser animierten GIFs blättern, ist es erstaunlich. Schau dir diese drei Links an und dann kannst du immer spazieren gehen. Gehen Sie nach draußen, nehmen Sie Ihr Telefon, nehmen Sie Ihr Buch und Ihren Bleistift, lassen Sie sich von der realen Welt inspirieren. Wenn Sie dann etwas von meiner Arbeit sehen wollen, folgen Sie mir einfach auf Instagram, Ello oder Dribbble. Ich habe viele GIFs und Videos auf diesen Plattformen veröffentlicht. 13. Du bist dran!: Wir haben Prac gemacht, wir haben Theorie gemacht, und ich hoffe, es war aufschlussreich und hilfsbereit für Sie. Wenn Sie noch nie After Effects verwendet haben oder nie mit Looping-Animationen experimentiert haben, kann ich schätzen, dass es sich ziemlich überwältigend anfühlt. Wenn nötig, kommen Sie zurück und sehen Sie sich die Videos erneut an. Davon abgesehen, sollten Sie in den letzten paar Videos genug gelernt haben , um einige wirklich coole faszinierende Loops zu erstellen. Tun Sie etwas Experimentieren, spielen Sie herum und haben Sie Spaß. Wenn Sie bereit sind, laden Sie Ihre Kreationen Ihre Projektgalerie hoch und betten Sie sie entweder als Videos ein, oder stellen Sie sicher, dass Sie GIFS mit einer Dateigröße von unter zwei Megabyte hochladen. Wenn du sie in sozialen Medien teilen willst und mich erwähnen willst, bin ich @taptapkaboom. Wenn Sie den Kurs bisher genossen haben, geben Sie ihm einen Daumen hoch, und schreiben Sie eine Rezension. Es wird einigen anderen großartigen Schülern helfen, es zu finden, und ich werde auch sehen, wo ich meinen Unterricht besser machen kann. Es gibt ein paar Bonus-Videos, in denen Sie lernen können , wie Sie Grafiken aus Illustrator und Photoshop importieren, wie Sie auf einer Timeline in Photoshop animieren, wie Sie Ihre Ebenen automatisch in After Effects, und wie Sie Code verwenden, um Layer-Eigenschaften in After Effects randomisieren. Diese Videos sind alle Bonus-Videos, so dass Sie nicht zu viel verpassen, wenn Sie sie nicht sehen, aber wenn Sie mehr über After Effects erfahren möchten, gehen Sie für sie und sehen Sie sie an. Okay, du rockst und ich sprichwörtlich über das, was du erschaffen wirst. 14. Bonus: Arbeiten mit Illustrator- und Photoshop-Dateien: In diesem Video zeige ich Ihnen, wie Sie Ihr Kunstwerk von Illustrator in After Effects und von Photoshop in After Effects aufnehmen Ihr Kunstwerk von Illustrator in After Effects können. Ich werde Ihnen auch zeigen, wie Sie einen Pfad aus Illustrator kopieren und in After Effects einfügen können. Beginnen wir mit Illustrator. Angenommen, Sie haben ein glattes Kunstwerk, in diesem Fall ist es ein bisschen symmetrische Layer-Kunst, und sieht viel wie die Blumen aus, mit denen wir früher gearbeitet haben. Die Farben sind schön, aber Sie haben es als etwas Flaches entworfen. Aber jetzt möchten Sie es animieren, Sie möchten das Ganze nicht erneut in After Effects neu erstellen müssen. Was machen wir? Nun, wir können es einfach in After Effects importieren, aber bevor wir das tun, müssen wir unsere Datei ein wenig vorbereiten. Jedes Element, das wir animieren möchten, muss sich auf einer eigenen separaten Ebene befinden. Wir könnten gehen und schneiden und dann eine neue Ebene erstellen und sie einfügen, oder wenn wir so etwas haben, könnten wir sie alle auswählen, dann könnten wir zum Panel unserer Ebene gehen, auf die kleinen Linien hier klicken und Sagen Sie Release to Layer-Sequenz, die dann eine Reihe von Ebenen oder Sublayer innerhalb von Ebene 1 erstellen würde. Dann ziehen wir alle Ebenen über Ebene 1 und löschen dann Ebene 1. Jedes einzelne Element befindet sich nun auf einer eigenen Ebene. Eine andere Sache, die ich möchte, dass Sie wissen , dass, wenn Sie irgendwelche Schlagschatten in Illustrator haben, sobald Sie sie in After Effects aufgenommen haben, sie dort nicht ändern können, Siesie dort nicht ändern können,müssen Sie zurück zu Illustrator, um sie zu ändern. Wenn Sie die Schatten in After Effects neu erstellen, können Sie sie animieren, was wirklich cool ist. Was ich hier tun werde, ist, dass ich alle meine Ebenen mit Ausnahme meiner Ebene 10 auswählen werde , die meine Hintergrundebene sein wird. Ich gehe zu meinem Attributfenster und schalte einfach die Sichtbarkeit des Schlagschattens um. Sieht jetzt nicht so druckvoll aus, aber das ist okay. Wir werden das speichern, also Datei, Speichern. Wir gehen dann zu unserem Finder, und Sie werden sehen, dass es eine star.ai gibt. Wir gehen in After Effects als nächstes, und von hier aus gehen wir Datei, Datei importieren. Wir können auch Befehl I drücken oder wir können in diesem Projektfenster doppelklicken. Ich wähle meine start.ai aus und möchte sie öffnen. Ich möchte es als Komposition importieren, nicht als Filmmaterial. Wenn ich es als Filmmaterial importiere, ist es im Grunde eine flache Datei, es ist wie ein JPEG. Wir wollen das nicht tun. Ich möchte Composition und Footage Dimension sagen, ich möchte die Ebenengröße beibehalten. In diesem Fall spielt es keine Rolle, aber ich ziehe es vor, die Ebenengröße zu verwenden, nur weil es bedeutet , dass am Rand jeder einzelnen Ebene keine Leerzeichen gibt. Was das tut, ist, dass es eine Komposition erstellt, und es gibt uns Zugriff auf alle Ebenen, so dass wir tatsächlich Schicht für Schicht zu einer Komposition hinzufügen können. Bu t, wenn wir in die Sternkomposition gehen und uns hineinzoomen, hat es eine volle Auflösung. Wir können sehen, dass wir unseren Stern wieder in After Effects haben, und wir können alle Ebenen animieren. Wenn ich etwas Rotation animieren wollte, würde ich hier R drücken und dann könnte ich einfach so etwas Rotation animieren. Wenn ich einen Schlagschatten hinzufügen wollte, würde ich mit der rechten Maustaste klicken, ich würde nach unten zu Ebenenstilen scrollen und kam zu Schlagschatten, genau so. Das ist der einfachste Weg, Illustrator-Dateien in After Effects zu übertragen. Die andere Sache, die ich Ihnen über Illustrator zeigen möchte, bevor wir zu Photoshop gehen , ist, wie Sie einen Pfad kopieren und einfügen. Wenn wir eine neue Komposition erstellen und wir es einfach Pfadbeispiel nennen, wenn ich Layer, New, Shape Layer sage und ich mein Stiftwerkzeug verwende, so dass Sie mit einem Stiftwerkzeug so ziemlich einfach jede beliebige Form erstellen können. Wenn ich das nicht mache, mache ich einfach rückgängig und erstelle nur einen Punkt mit meinem Stiftwerkzeug Dann gehe ich zu Illustrator und wähle den Pfad aus. Bevor ich es kopiere, gehe ich zu Datei- oder Illustrator-Einstellungen und Dateihandhabung und Zwischenablage, ich stelle sicher, dass es AICB gibt, keine Transparenzunterstützung, Kontrollkästchen aktiviert ist und sie erhalten Pfade ausgewählt ist. Dann kopiere ich das. Also Bearbeiten, Kopieren, und dann zurück zu After Effects, und ich füge es hier ein. Also Bearbeiten, Einfügen, Sie werden sehen, dass jetzt es die Pfade eingefügt. Dies ist eigentlich eine Formebene. Meine Form 1 ist Teil der Formebene. Ich kann den Strich ausschalten, ich kann die volle Farbe ändern, ich kann tun, was ich will. Ich kann den Weg sogar im Laufe der Zeit manipulieren. Der andere Weg, dies zu tun, ist nicht mit der Formebene, sondern mit einer anderen Ebene. Shape-Ebene würde auch funktionieren, aber es ist einfacher, sie mit einer anderen Ebene zu erklären. So können Layer, Neuer Volumenkörper und der Volumenkörper ein roter Volumenkörper sein. Fantastisch. Wenn ich es jetzt einfüge, also Bearbeiten, Einfügen, was das tut, ist es eine Maske erstellt. Wir haben Masken in dieser Lektion nicht viel erforscht, aber es ist ziemlich dasselbe wie eine Photoshop-Maske oder eine Illustrator-Maske, und Sie können sie umkehren, um sie so aussehen zu lassen, als wäre sie ausgestanzt. Sie können den Maskenpfad im Laufe der Zeit ändern. Sie können die Maske federn, also sieht es aus, als wäre sie ein bisschen verschwommen. Sie können die Deckkraft der Maske ändern, und Sie können auch die Erweiterung der Maske festlegen und alle diese Eigenschaften animieren, was wirklich, wirklich Spaß macht. Das ist es von Illustrator's Seite, ich werde Sie jetzt zu Photoshop bringen. Wenn wir zu Photoshop gehen und wir haben, wow, eine Illustration, ein Kunstwerk. Es ist ziemlich dasselbe wie in Illustrator, außer dass alle Schlagschatten Ebenenstile in Photoshop sind. Was wir hier tun können, ist innerhalb von After Effects, was ich tun werde, ist, ich werde hier doppelklicken, oder drücken Sie Befehl I Ich werde dann star.psd importieren, und ich werde es öffnen. Auch hier habe ich die Möglichkeit, zu importieren, und es gibt Footage, Komposition oder Kompositions-Retain-Ebenengrößen, für die ich mich entscheiden werde. Sie möchten dann „Bearbeitbare Layerstile“ sagen, d. h. Sie können die Schlagschatten bearbeiten oder die Ebenenstile mit dem Footage zusammenführen. Ich möchte die Layerstile bearbeiten. Lassen Sie uns Stern 2 öffnen, das ist unser PSD, und Sie werden hier sehen, dass die Ebenenstile mit ihm kommen. Es hat eine Reihe von verschiedenen Optionen hier, aber Sie werden sehen, dass der Schlagschatten einige Einstellungen hat, die von Photoshop kamen, was wirklich mächtig, wirklich cool ist. Was Sie wissen sollten, und ich werde nur rückgängig machen, rückgängig machen, rückgängig machen, nur damit wir es nicht mehr haben, ist, dass in Photoshop, wenn Sie zwei Ebenen auswählen und Sie sie gruppieren, also lassen Sie uns einfach diese, und ich speichere das, und dann gehe ich zu After Effects, und ich drücke Befehl I zum Importieren und ich importiere start.psd, und ich wähle alle die gleichen Einstellungen, werden Sie sehen, dass, wenn ich Stern 2 öffne, Meine Gruppe ist eine Präkomposition. Was nicht ideal ist, aber ich kann diese dann bearbeiten oder diese Vorkomposition bearbeiten. All diese werden innerhalb von Star 2 Schichten verfügbar sein. Ich könnte theoretisch in Stern 4 einfach so ziehen. andere tolle Sache beim Importieren von Illustrator- und Photoshop-Dateien ist, dass, wenn ich zu Illustrator gehe und ich eine dieser Farben in eine abscheuliche Farbe ändere, wie Gelb, dann befehle ich S, was bedeutet, dass ich speichere, und dann Gehen Sie zurück zu After Effects, wenn ich meinen Stern öffne, werden Sie sehen, dass er aktualisiert wird, und andere tolle Sache beim Importieren von Illustrator-Dateien ist, dass sie Vektor sind, das bedeutet, dass ich sie skalieren kann, ohne dass sie pixelig sind. Wenn wir die Größe von Ebene 2 vergrößern oder für die Größe der Ebene 3 gehen, und wir drücken S für die Skalierung, und wir skalieren diese nach oben, sehen Sie, dass, wenn wir vergrößern, es pixelig ist und wir nur mit 50 Prozent Zoom. Ich dachte, du sagtest, das sei Vektor. Nun, Sie sehen diese kleine Sonne hier drüben, wenn wir sie nur für diese Ebene anklicken, werden Sie sehen, dass sie plötzlich kristallklar wird, und das liegt daran, wenn Sie den Mauszeiger über sie bewegen, heißt es, für die Vektorschicht es kontinuierlich rasteriert „, was bedeutet, dass es knackig bleibt. Nun, wenn wir zu Stern 2 gehen wollen, das ist unser Photoshop-Dokument, und wir müssen hineinzoomen und dasselbe für Ebene 3 tun, S' für Skala drücken, und das ist gepumpt, Sie werden sehen, dass es pixeliert. Sie möchten überlegen, woher Sie Ihr Kunstwerk importieren möchten oder wo Sie Ihr Kunstwerk erstellen möchten. Möchten Sie es in Illustrator erstellen, weil Sie es nur gewohnt sind? Möchten Sie es in Photoshop erstellen, weil Sie es gewohnt sind? Sie können Ihre Ebenenstile hinzufügen, die innerhalb von After Effects funktionieren. Möchten Sie alles in After Effects erstellen? Ihr Stil und der Projekttyp bestimmen dann, wo Sie Ihr Bildmaterial erstellen, wo Sie Ihre Assets und wie Sie Ihre Animationen erstellen. 15. Bonus: Autosequenzierung deiner Ebenen: In diesem Video zeige ich Ihnen, wie Sie die Sequenzierung Ihrer Ebenen automatisieren können. Denken Sie daran, in unserer Wellen Animation oder Wellen Schleife, wir hatten diese schöne Wellen Animation von der Mitte, die nur ewig dauern würde, für die Ewigkeit, und erinnern Sie sich, wie viel Schweiß wir brechen mussten , um die erste Schicht zu duplizieren, und verschieben Sie sie dann auf eine Sekunde, duplizieren Sie diese Ebene und verschieben Sie sie auf zwei Sekunden usw. Nun, ich werde Ihnen einen ganz einfachen Weg zeigen, dies zu tun. Wenn wir alle unsere Ebenen auswählen und wir die linke Klammer drücken, ist unsere ganze Arbeit weg. Das bedeutet, dass es nur eine Animation gibt, die alle übereinander liegen. Nun, was ich tun kann, ist, dass ich diese automatisch sequenzieren kann. Ich scrollen nach unten, ich wähle die untere Ebene, Ebene 16, und scrollen Sie dann nach oben und halten Shift gedrückt, ich wähle meine erste Ebene aus. Die Reihenfolge, in der Sie dies tun, ist wichtig. Der erste wird zuerst kommen und der letzte wird zuletzt sequenziert. Dann kann ich Animation, Keyframe-Assistent und dann Sequenz-Layer gehen . Ich kann dann Überlappung wählen, und dann ist die Dauer, mit der ich es überlappe, der Betrag der Präkompositionen. In diesem Fall sind es 20 Sekunden abzüglich der Lücke zwischen den Schichten, die in unserem Fall eine ist. Also 20 minus 1 ist 19. Ok. Genau so haben wir Schichten sequenziert, so dass, wenn wir in unseren Arbeitsbereich kommen, die ganze harte Arbeit erledigt ist. Fantastisch, richtig? Erstaunlich. Nun, wenn unsere Präkompositionswelligkeit war, sagen wir 10 Sekunden, also gingen wir zu Komposition und änderten die Kompositionseinstellungen auf, gehen wir zu 10 Sekunden, wir gingen zurück zu Wellen, und wir haben das wieder getan. Wir müssen dann unsere untere Ebene auswählen, Shift heben unsere oberste Ebene, gehen Sie zu Animation, Keyframe-Assistent, Sequenzebenen, und statt 19, was hier überhaupt nicht funktionieren würde, müssten wir Animation gehen, Keyframe-Assistent, Sequenzebene. Wir müssten 10 Sekunden minus 1 gehen, das wären neun Sekunden, und das würde uns genau den gleichen Effekt geben, jetzt, da unsere Präkompositionen 10 Sekunden kürzer sind. Fantastisch. Also habe ich dir gerade eine Menge Zeit erspart. Du musst ein bisschen mehr wissen, um es zu tun, aber wow, es ist erstaunlich. 16. Bonus: Effekte und Ausdrücke: In diesem Video zeige ich Ihnen, wie Sie Code innerhalb von After Effects verwenden , um die Eigenschaften einer Ebene, Eigenschaften wie Position, Deckkraft, Drehung, Skalierung und sogar einige Effekte, die wir auf die Ebene anwenden, zufällig Eigenschaften wie Position, Deckkraft, Drehung, zu bestimmen. Wir werden am Ende so etwas erschaffen, und es wird sich wie eine Party anfühlen, oder es wird sich wie Verkehr anfühlen, was auch immer. Es wird Spaß machen. Also lasst uns anfangen. Sobald wir ein neues Projekt und After Effects erstellt haben, erstellen wir eine neue Komposition, und diese neue Komposition nennen wir precomp1. Es wird eine Höhe von 50 Pixel haben und eine Dauer von einer Minute haben. Die Höhen von 50 Pixeln liegt daran, dass wir nicht ganze 1280 Pixel benötigen , um etwas von links nach rechts zu animieren , das nur 50 Pixel hoch ist, und die Dauer ist immateriell, aber ich mag es, eine Minute zu verwenden, damit Wir können viel Platz zum Spielen haben und ich kann dir etwas wirklich cooles zeigen. Okay, also hast du Precomp1. Ich werde eine Ebene hinzufügen, und es wird eine Formebene sein, und in dieser Formebene werde ich ein Quadrat hinzufügen. Wenn ich „Shift“ drücke, wird es ein Quadrat geben und ich werde es vorerst in die Mitte legen. Dann werde ich sicherstellen, dass es 50 Pixel mal 50 Pixel sind. Dann werde ich es neu positionieren, so dass es auf der linken Seite der Komposition steht. Also lassen Sie uns bei minus 640 gehen, was es dort gibt, was fast links ist, aber nicht ganz. Also, weil ich weiß, dass es 50 Pixel hoch und 50 Pixel breit ist, werde ich nur die Hälfte von 50, das sind 25, zur Position hinzufügen werde ich nur die Hälfte von 50, das sind 25, zur Position hinzufügenund da gehen wir, es ist jetzt genau der richtige Ort, ich werde dann die Position animieren, und in einer Sekunde werde ich die Position auf 640 ändern. Wieder, ich werde nur minus 25, um es an die genau richtige Position zu bringen. Dies wird also von links nach rechts animieren. Anstatt den Arbeitsbereich auf diese Position zu ändern, auf eine Sekunde, werde ich diese Positionsschleife kontinuierlich machen. Es gibt ein paar Möglichkeiten, das zu tun. Eine Möglichkeit wäre, einen Frame nach rechts zu gehen und diese Frames zu kopieren und einzufügen, so und dann wieder tun, einen Frame nach rechts und dann die Frames einfügen, so dass es jetzt, wenn ich es abspiele, Schleifen. Großartig. Aber was passiert jetzt, wenn ich die Dinge ändern will? Wenn ich die Alt-Taste gedrückt halte und auf die Stoppuhr klicke, sehen Sie, dass die Werte rot werden. Dies ermöglicht mir, die Position dieses Rechtecks auf dieser Ebene zu manipulieren. Ich werde später in diesem Video auf einige weitere Codierungsbeispiele eingehen, aber im Moment möchte ich diese Werte durchlaufen. Wir können dies tun, indem wir loopOut eingeben und in einfachen Anführungszeichen oder doppelte Anführungszeichen würde nur Zyklus eingeben. Was das ist, ist dies ein Stück JavaScript-Code. After Effects versteht JavaScript, also wenn ich diesen Loop-Out-Zyklus lese, tut es dies. Es geht nur weiter Schleifen. Wenn wir die Dauer dieser beiden Keyframes verringern, überprüfen Sie das, und wenn wir die Dauer erhöhen, all diese kleinen grünen Punkte angezeigt. Das liegt daran, dass es Schleifen ist. Überprüfe das. Das ist also wirklich cool. Wir werden das viel benutzen. Ich werde diesen Keyframe nur auf eine Sekunde zurückverschieben. Also haben wir diese Looping-Animation, ohne tatsächlich einen unserer End-Arbeitsbereich, Ausgangspunkte zu ändern. Was ich jetzt gerne tun würde, ist die Deckkraft zu ändern, wenn sie ein- und ausgeht. Am Anfang mag ich die Deckkraft, um bei Null zu beginnen. Dann etwa 15 Sekunden, möchte ich, dass die Deckkraft zu 100 Prozent geht und wenn es dann eine Sekunde erreicht, mag ich die Deckkraft auf Null zu gehen. Jetzt sieh dir das an. Nichts da, weil es die Position schleift, aber die Deckkraft liegt bei zwei Prozent, was bei null Prozent liegen sollte. Sie sollten dies nochmals überprüfen, Null, 100 und Null. Also werde ich LoopOut-Zyklus kopieren, und dann halten Sie Alt oder Option gedrückt und klicken Sie auf eine Stoppuhr und fügen Sie diesen LoopOut-Zyklus. Jetzt geht es also durch beide Eigenschaften, sowohl Position als auch Deckkraft. Das nächste, was ich tun möchte, ist, dass ich auch die Skala ändern und dann von 100 Prozent gehen, gehen wir zu Frame 15, 100 Prozent sind dort gut und dann gehen wir zu Frame 30, 100 Prozent dort drüben. Ich würde das gerne ändern in, na ja, nicht minus 217, ich möchte es auf Null ändern, und das gleiche mit dem ersten Frame auf Null. Ich halte Alt gedrückt und klicke auf die Stoppuhr und füge dann LoopOut-Zyklus wieder ein. Das bedeutet, es wird größer und es verblasst ein und aus. Es ist eine Art coole Animation. Ich werde es so belassen, wie es vorerst ist, aber später komme ich wieder und ändere einige Eigenschaften. Das nächste, was wir tun wollen, ist eine neue Komposition zu schaffen. Wieder kann es eine Minute lang sein, aber die Höhe werde ich zurück auf 1280 ändern. Jetzt haben wir diese Comp1 und wir können es Party nennen. Dann werde ich dieser Komposition precomp1 hinzufügen. Lassen Sie uns verkleinern und lassen Sie uns nur eine Vorschau dieser. Wenn wir jetzt spielen, können wir sehen, dass die Dinge hier funktionieren. Lass es uns nur sichtbar machen. Wenn ich es dupliziere, dupliziert es direkt an der gleichen Stelle, nicht wirklich, was wir wollen. Also, was ich jetzt tun werde, ist, dass ich eine Reihe dieser precomp1-Eigenschaften randomisieren werde . Beginnen wir mit der Randomisierung seiner Position, seiner Skalierung, seiner Rotation und Deckkraft. Ich erwarte nicht, dass Sie genau verstehen, was mit JavaScript oder diesen Code-Snippets los ist , die wir einfügen, sie werden tatsächlich Ausdrücke genannt, aber ich erwarte, dass Sie im Grunde kopieren und einfügen, was ich Ihnen gebe und herumspielen mit ihnen. Ich werde dasselbe tun, nur damit ich Babylon nicht wegen Code verstehe. Ich werde Ihnen ein Dokument geben, in dem Sie nach Bedarf kopieren und einfügen können. Für Position, als Beispiel, wählen Sie einfach all dies, Sie kopieren es, gehen dann zurück zu After Effects, und dann in Ihrer Position, halten Sie Alt und klicken Sie dann auf die Stoppuhr, und fügen Sie sie dann ein. Sie klicken Alt und plötzlich sehen Sie, dass dieses Ding eine zufällige Position hat und dann legen Sie es dort oben. Was hier los ist, ist, dass die Seedrandom-Linie im Grunde sagt: „Hey, wir müssen es zufällig machen, aber dann ändern Sie es nicht.“ Wenn ich also diese seedrandom Linie entfernen würde, werden Sie sehen, dass jeder einzelne Frame, diese Komposition an einer anderen Position ist, was problematisch ist. Also werde ich das rückgängig machen. So dass seedrandom Linie wirklich wertvoll ist. Am Ende sage ich im Grunde, für diese Komposition, zu diesem Zeitpunkt, möchte ich Ihnen eine x-Position und eine y-Position geben. Das ist so ziemlich alles, was du wissen musst. Wenn ich das duplizieren musste, können Sie sehen, dass jede Ebene dann an einer anderen Position beginnt, was erstaunlich ist. Also werde ich diese einfach entfernen und weiterhin die Skalierung, Rotation und Deckkraft randomisieren. Wenn ich zu meinem Dokument zurückgehe, lassen Sie uns dann den Maßstab kopieren. Gehen wir zurück zu After Effects, halten Sie die Alt-Taste gedrückt, klicken Sie auf die Stoppuhr und fügen Sie die Skalierung ein. Was ich hier mache, ist, dass ich eine zufällige Skala zwischen 20 und 150 feststelle, während meine Position eine zufällige Position zwischen Null und 1280 festlegte. Für die Rotation ist es ein bisschen anders. Wir werden einen Wert zwischen 0 und 360 randomisieren. Also lasst uns eine Rotation machen, Alt halten und einfügen, was uns hier oben etwas gibt. Wenn wir das jetzt duplizieren wollen, werden Sie sehen, dass es Position, Skalierung und Drehung ändert. Ich werde einfach rückgängig machen. Das Letzte, was wir tun müssen, ist Opazität. Also lassen Sie uns das einfach kopieren, und ich werde eine Deckkraft oder zufällige Deckkraft zwischen 20 und 100 festlegen. Halten Sie also Alt gedrückt, klicken Sie dort, fügen Sie ein und klicken Sie dann auf Alt und dies wird mir eine zufällige Deckkraft geben. Also dieser bei 63 im Moment. Fantastisch. Wenn ich das duplizieren müsste, können wir hier einige ziemlich schöne Effekte erzielen. Drücken Sie „Play“. Das ist ziemlich cool. Wir haben eine Looping-Animation, wenn wir dann die Ebenen sequenzieren würden, hätten wir diesen wirklich interessanten Effekt. Wir werden die Ebenen gerade jetzt sequenzieren. Aber bevor wir das tun, möchte ich diesen Ebenen einige Effekte hinzufügen. Ich werde diese erneut löschen, und mit einer ausgewählten Ebene werde ich jetzt einen Effekt hinzufügen. Wir gehen zu Effect und wow, es gibt viele Effekte hier. Sie können sie entweder durchschauen, durch sie blättern, sie ausprobieren. Was ich hier mache, ist Farbkorrektur und Farbton und Sättigung, die hier unten ist. Die andere Möglichkeit, dies zu tun, ist, zu Fenster zu gehen und Ihr Fenster Effekte und Voreinstellungen zu öffnen, das gerade hier drüben ist. Hier können Sie nach einem Effekt suchen. Ich werde nach Farbton suchen, und da gehen wir, Farbtonsättigung. Sie ziehen es dann auf Ihren Layer, und Sie werden sehen, dass dieses Fenster hier angezeigt wird und es eine weitere Registerkarte zu Ihrem Projekt ist. Sie haben Ihre Registerkarte „Projekt“ und dann bewerten Sie Ihre Effekte und Steuerelemente. Jetzt können alle Ihre Effekte in diesem kleinen Drop-down-Menü gefunden werden, also Farbtonsättigung. Aber sie sind auch in diesem Fenster hier zu finden, mit dem manchmal etwas einfacher zu arbeiten ist. Was ich tun möchte, ist, dass ich meine Ebene einfärben möchte und dann möchte ich sicherstellen, dass die Sättigung bei einem 100 liegt. Es wird immer richtig hell sein. Dann möchte ich den Farbton randomisieren und ich ging, um das Gleichnis zufällig zu bestimmen. Wieder drücke ich Alt und klicke auf „Colorize Lighness“. Hier kann ich einen anderen Ausdruck einfügen. Meine Leichtigkeit, ich werde die Ähnlichkeit zwischen negativen 50 und negativen 20. Fügen wir es einfach hier ein. Gehen wir und randomisieren den Farbton. Wenn ich eine Alt gedrückt halte und erneut klicke, kann ich den Wert dort eingeben. Der Farbton, ich werde das einfach kopieren und zu After Effects kommen, und ich füge ein. Ich habe dieses völlig zufällige Quadrat, das über den Bildschirm animiert. Wenn ich dann diese Precomp dupliziere, werden Sie eine Änderung sehen, alle möglichen Dinge. Wenn ich jetzt „Play“ drücke, sieht das wirklich gut aus, nicht wahr? Was ich jetzt tun werde, ist, dass ich diese Precomp-Schicht ungefähr 30 Mal duplizieren werde. Ich habe 16 hier. Ich werde Apple D drücken, sobald ich sie alle ausgewählt habe, und plötzlich werde ich 32 haben, was großartig ist. Ich werde nur 31 und 32 entfernen, und dann habe ich 30 Schichten. Jetzt möchte ich sie sequenzieren, also lass mich sie sequenzieren. Ich werde sie alle schleichen, ich werde mit dem unteren beginnen und dann den ganzen Weg nach oben gehen und sagen Animation, Keyframe-Assistants, Sequenz-Layer, und ich möchte mich überlappen und meine Dauer ist eine Minute minus einen Frame, weil ich möchte, dass der Offset nur ein Frame ist. Gehen wir 59 Sekunden und 29 Frames. Wir werden hier sehen, wenn ich hineinzocke, dass im Laufe einer Sekunde, jedes einzelne Bild, etwas Neues passiert. Ich muss hier rauszoomen und auf eine Sekunde gehen, und ich musste meinen Arbeitsbereich auf eine Sekunde einstellen. Wenn ich das spiele, wirst du diese Party sehen, die nicht genau genau ist, weil diese Animation noch keine Zeit hatte, etwas zu tun. Lass uns das weitermachen, damit wir in einer Sekunde anfangen können verrückt zu werden. Lassen Sie uns das einfach noch einmal duplizieren und es über einen Frame verschieben. Dann können wir mit einer Sekunde beginnen, und wir können unsere Schleife mit einer Sekunde beginnen und bis zu zwei Sekunden gehen. Wenn Sie nun auf „Play“ drücken, hatten wir diese erstaunliche Schleife. Wir haben eine Reihe von Quadraten, die zufällige Kapazität, Rotation, zufällige Farbe, zufällige Skala haben , alles ist zufällig über sie. Sieht fantastisch aus. Nun, das sieht ziemlich ruhig aus. Sieht cool aus. Ihr Auge wird zu verschiedenen Zeiten auf verschiedene Dinge angezogen, und es ist interessant, es gibt viele Elemente. Aber sicher, sie sind das gleiche Element. Es gibt einen Weg, sich zu ändern. Die Precomp1, ich werde das duplizieren. Ich werde jetzt in precomp2 gehen, und ob es ein Rechteck war. Nun, ich werde das ändern. Ich werde seine Rundheit auf 100 ändern, und plötzlich wird es zu einem Kreis. Ich gehe zurück zu meiner Parteikomposition, und mal sehen, für 15 dieser Ebenen werde ich sie alle auswählen und dann in precomp2 ziehen. Dann, während ich Alt halte, lasse ich auf precomp1 gehen. Plötzlich wechseln sie zu precomp2. Dies bedeutet, dass die Hälfte meiner Precomps jetzt precomp2 sind, und die andere Hälfte ist precomp1. Mal sehen, wie das aussieht. Jetzt haben wir Kreise und Quadrate, was noch interessanter ist. Was ist Weg kühler ist, dass in precomp2, können wir andere Dinge außer nur die Rundheit des Quadrats ändern. Was ich jetzt ändern möchte, ist die Rotation einer Ebene. Anstatt die Drehung der tatsächlichen Form zu ändern, möchte ich die Drehung der Ebene selbst ändern. Lassen Sie uns die Drehung an einem ersten Schlüsselbild animieren, und dann möchte ich dies in einer Sekunde auf 360 Grad ändern, was eine Drehung ist. Du wirst sehen, was hier passiert. Wenn ich verkleinere, wirst du sehen, dass die Dinge verrückt werden. Es gibt alles seltsame Drehungen hier, und das liegt daran, dass sich die gesamte Ebene verändert oder rotiert. Was wirklich cool ist. Was ich bei dieser Rotation tun werde, ist, dass ich einen Ausdruck hinzufügen werde, der besagt, LoopOut-Zyklus, nur damit es immer und immer wieder weitergeht. Aber Sie fragen sich vielleicht, nun, wir werden es nicht sehen, weil es abgeschnitten wird oder es abgeschnitten wird. Sieh es nicht, also sehen wir nur ein bisschen da, wahr. Wenn wir jetzt zur Party gehen, können wir sehen, dass, hey, das stimmt. Was manchmal cool sein kann, aber nicht selten. Was wir hier tun können, ist, dass wir alle precomp2-Schichten auswählen, und dann überprüfen wir diese kleine Sonnenbox. Dies bedeutet, dass für eine Comp-Schicht, bei der es sich um Kompositionsschicht handelt, alle Transformationen zusammenklappen. Es ist im Grunde Magie. Es bedeutet, dass es keine Beschneidung gibt. Jetzt gibt es eine wirklich coole Party, die passieren wird. Also haben wir diese Quadrate an Orten fliegen. Wir haben diese Kreise, die manuelle Drehungen rund um die Show machen. Es ist ziemlich genial. Aber das einzige, was dies besser machen wird, neben dem Hinzufügen von mehr Präkompositionen ist, mehr Kompositionen zu machen. Im Moment haben wir 30 Kompositionen. Wenn wir alle diese auswählen und Befehl D drücken und sie nach oben verschieben, können wir die Farbe der Ebene ändern, wenn wir wollen. Wir haben jetzt 60. Sie können gehen, während hier, je mehr Sie agiler, und verrückter diese Komposition wird zu bekommen, und alle Schleifen und es nahtlos, erstaunlich. Das ist die Macht des Codes. Das ist die Kraft der Ausdrücke. Das ist die Macht des Zufalls. Viel Spaß damit. Kopieren und Einfügen. Machen Sie einige Recherchen über Ausdrücke, wenn Sie wollen. Rendern Sie es nochmal. Geh wild. 17. Bonus: Animation in Photoshop: In diesem Video werde ich Ihnen zeigen, dass After Effects nicht das einzige coole Kind auf dem Block ist, Photoshop kann auch einige coole Motion-Sachen machen, vielleicht nicht so intensiv und vielleicht nicht mit so guter Kontrolle und es kann nicht so mächtig sein, aber Sie können es immer noch verwenden, besonders für einfache Animationen. Ich habe hier ein Dokument von 1282 von 1282. Ich werde zu Fenster gehen, ich werde nach unten scrollen, bis ich zur Timeline komme. Ich werde diese kleine Timeline auftauchen lassen, ich ziehe sie runter, bis ich diesen blauen Balken bekomme, und dann bam, ich habe eine Timeline. Ich sage dann „Video Timeline erstellen“. Wenn ich das nicht sehe und ich Frame Animation erstellen sehe, klicken Sie einfach auf das Dropdown-Menü und sagen Sie „Video Timeline erstellen“, und dann drücken Sie einfach die Taste und bam, Sie haben eine Timeline. Wenn Sie Ebene Null haben und es sich nicht um eine Hintergrundebene handelt, können Sie immer zu Ebene, Neu, Hintergrund aus Ebene und voila wechseln Neu, Hintergrund aus Ebene , Sie haben einen Hintergrund. Jetzt lasst uns eine Form machen. Lassen Sie uns ein Rechteck erstellen, ein Quadrat, und ich werde Ihnen nur zeigen, wie man eine einfache Rotation macht. Lassen Sie uns gehen und erstellen Sie ein 400 mal 400 Quadrat. Lassen Sie es uns in die Mitte bewegen. Fantastisch. Sie werden sehen, dass, wenn wir nur das Panel aufrufen, dass dies ziemlich ähnlich ist wie After Effects. Wir können die Position animieren, Deckkraft, wir können den Stil animieren, Vektormaske Position, Vektormaske aktivieren, was ist das? Nun, die Sache ist, dass, wenn wir versuchen, die Position einer Form zu animieren, das wird mono. Es wird also sagen: „Das Animieren der Ebenenposition hat möglicherweise keine Wirkung. Möglicherweise müssen Sie die Maske animieren.“ Beachten Sie dies, wenn Sie die Position einer Formebene animieren möchten. Ich werde das vorerst entfernen und das rasterisieren. Also klicken Sie mit der rechten Maustaste auf „Rastern Layer“ und plötzlich, hey, wir können Position animieren. In einer Sekunde können wir das bewegen und wir können in unseren Arbeitsbereich bringen, so dass, wenn wir das spielen, hey, es etwas Neues macht. Wenn es nicht für Sie tut, drücken Sie diese kleinen Symbole hier und wählen Sie „Loop-Wiedergabe“. Das ist die Position wirklich, im Grunde. Lassen Sie uns einfach alle Schlüsselbilder entfernen. Aber wo ist die Rotation? Ich möchte das drehen. Das ist ein bisschen schwierig in Photoshop, also das Beste, was Sie hier tun können, ist mit der rechten Maustaste und sagen „In Smart Object konvertieren“. Dann haben Sie diese Transformationseigenschaft. Wenn wir dies in einer Sekunde transformieren wollen, klicken wir einfach auf die Stoppuhr und dann in einer Sekunde wie so, können wir gehen „Befehls-T“ oder „Bearbeiten“, „Free Transform“. Wir können anfangen, das zu drehen. Wenn Sie die Umschalttaste gedrückt halten, wird die Umschalttaste in größeren Blöcken gedreht. „ Enter“ und wir sehen, dass, hey, es dreht sich. Die Dinge sehen gut aus. Aber jetzt, was Photoshop nicht hat, ist, dass es nicht versteht, dass etwas 360 Grad und dann mehr drehen kann. Wenn wir das wieder transformieren, und wir mussten rund und rund und rund und rund gehen und dann „Enter“ drücken und dann „Play“ drücken, hey, das bewegt sich überhaupt nicht. Denken Sie nicht, dass es ein Trick des Auges ist, es bewegt sich nicht so schnell, dass Sie denken, dass es stationär ist. Dieses Ding bewegt sich eigentlich gar nicht. Manchmal bewegt es sich sogar rückwärts oder dreht sich gegen den Uhrzeigersinn, wenn es im Uhrzeigersinn gedreht werden soll. Überprüfe das. Es ist wirklich frustrierend. Die Art und Weise, wie ich dies tun kann, besteht darin, diesen Schlüsselrahmen zu entfernen, und über einen Zeitraum von ein paar Sekunden oder ein paar Frames kann ich es dann dazu bringen, es zu tun. Wenn ich hier nur um 90 Grad drehe, fantastisch, gehe zu 20 Frames, drehe hier um 90 Grad, und gehe dann zu einer Sekunde und drehe hier um 90 Grad. Wenn ich dann „Play“ drücke, dreht es sich etwas schneller. Da gehen wir hin. Wir haben eine Looping-Animation in Photoshop, die wir in Photoshop gemacht haben, und von hier aus können Sie es exportieren, Sie können „Datei“, „Exportieren“, „Für Web speichern“ oder Sie können „Video rendern“. 18. Bonus: Überordnung, Lockerung, Umkehr von Masken: In diesem Video werde ich Ihnen zeigen, wie Sie Layer-Parenting, Keyframe-Lockerung und umgekehrte Masken verwenden, während wir eine sexy Looping-Buchstaben-Animation erstellen, so etwas wie diese. Wir fangen in Illustrator an. Lassen Sie uns unser Type-Werkzeug verwenden. Klicken Sie einfach irgendwo auf Ihre Zeichenfläche und drücken Sie „Shift Z“, um ein z zu erhalten. Sie können jeden Buchstaben verwenden, den Sie mögen. Ich mag es, z zu verwenden, weil es symmetrisch ist. Drücken Sie „Escape“ und dann skalieren wir es einfach. Halten Sie Shift gedrückt, um es proportional zu machen. Das sieht ziemlich gut aus. Dann werden wir umwandeln, um zu skizzieren. „ Typ“, „Konturen erstellen“. Das heißt, wir können es nicht mehr bearbeiten, aber das ist okay. Das bedeutet, dass wir das direkt in die Mitte unserer Zeichenfläche stellen können. Bevor wir zu After Effects gehen, haben wir gerade überprüft, ob unsere AICB-Einstellung aktiviert ist. AICB, ja, das ist überprüft. Das bedeutet, dass Sie diesen Pfad in After Effects kopieren und sicherstellen können, dass „Pfade beibehalten“ ausgewählt ist. Gehen wir jetzt zu After Effects. Wir haben hier eine Komposition. Es sind 1.280 mal 1.280. Es hat eine Hintergrundfarbe von Schwarz, und es ist 30 Sekunden lang. Was ich hier tun möchte, ist nur eine Formebene zu erstellen, also „Ebene“, „Neu“, „Formebene“. Dann die Formschicht, Ich möchte nur ein Quadrat erstellen. Lassen Sie uns ein Quadrat erstellen, halten Sie „Shift“ gedrückt, um es quadratisch zu machen. Dann wollen wir das zentrieren. Wir gehen, um Rechteck 1, x Position Null, y Position Null zu transformieren . Jetzt ist es in der Mitte. Was ich jetzt tun möchte, ist, dass ich die Größe auf etwas ganz Großes ändern möchte. Wenn wir dies auf 1.280 ändern, was die Kompositionsbreite und -höhe wäre, sieht das ziemlich gut aus. Aber jetzt, weil wir dieses Quadrat drehen werden, wenn wir hier nach unten drehen, können wir den Hintergrund sehen, der nicht ideal ist. Vielleicht wollen Sie das, damit Sie es testen können, aber im Moment möchte ich das auf etwa 2.000 erhöhen. Ja, das sieht gut aus. Ich werde 2.000 betreten. Da gehen wir. Wenn wir das drehen, können Sie sehen, dass wir den Hintergrund nicht mehr sehen können, was fantastisch ist. Jetzt gehen wir zurück zu Illustrator. Wir wählen einfach unser Zed oder unser Z und gehen „Bearbeiten“, „Kopieren“, gehen Sie zurück zu After Effects, und klicken Sie dann auf Ihre Ebene und „Bearbeiten“, „Einfügen“. Genau so haben wir eine Zed-Maske oder eine Z-Maske. Wenn Sie Ihren Layer hier öffnen, sehen Sie Inhalte und Masken. Nun, das ist wirklich alles maskiert, aber das Z. Ich möchte tatsächlich ein zed-Loch in diese Schicht schlagen. Ich klicke auf „Invertiert“. Voila. Ich habe ein Loch in meiner Schicht und es ist ein Zed Loch. Fantastisch. Benennen wir diese z1 einfach um. Was ich jetzt tun werde, ist, dass ich die Hintergrundfarbe der Komposition ändern werde, also „Komposition“, „Kompositionseinstellungen“. Wir ändern es vorerst in hellgrau, damit wir die Schlagschatten sehen können: „Okay“. Ich werde mit der rechten Maustaste auf meine z1-Ebene und wir gehen zu Ebenenstilen und setzen einen Schlagschatten. Da gehen wir. Sehen wir uns unsere Schlagschatten-Einstellungen hier an. Ändern Sie es in 50 Prozent Deckkraft. Ändern wir den Winkel auf 90 Prozent, den Abstand zu 10 Prozent und die Größe auf 20. Das sieht ziemlich gut aus, denke ich. Ja, das sieht toll aus. Nun, was ich gerne tun würde, ist, dass ich das viermal duplizieren möchte, also 1, 2, 3, 4. Wir haben jetzt fünf Zed-Ebenen und sie werden Masken haben. Als nächstes gehen wir zurück zu Illustrator und skalieren wir das jetzt. Mit dem Skalierwerkzeug können Sie entweder S drücken oder Sie können dieses Werkzeug hier verwenden. Wenn Sie nur darauf doppelklicken, können wir es nach unten skalieren. Wenn ich nur eine Vorschau darauf sehe, skaliere ich es um 90 Prozent. Drücke auf „Okay“. Nun möchte ich es erneut auswählen und kopieren. Ich werde „Kommando C.“ gehen. Dann gehen Sie zu After Effects. Nun, z5 ist meine oberste Schicht, z4 ist meine nächste oberste Schicht, und so weiter. Was ich jetzt tun werde, ist, dass ich zum z4 gehe, ich gehe zu Masken. Oder was ich tun könnte, ist, dass ich alle diese Ebenen auswählen und einfach „M“ für Masken drücken könnte. Ich gehe zur z4 Maske eins und drücke „Befehl, V.“ Genau so, du wirst sehen, dass, hey, ich habe jetzt eine kleinere Maske. Sie können sehen, dass wir anfangen, diesen wirklich schönen Layered Effekt zu schaffen. Wir werden dies für jede Schicht weiter tun. Ich werde das noch einmal skalieren. Gehen wir um 90 Uhr. Ich werde es kopieren. Ich werde in After Effects gehen, ich werde zu z3 gehen, ich werde zu seiner Maske gehen, und „Befehl, V.“ Dann haben wir eine andere Schicht. Gehen wir noch einmal in Illustrator. Lassen Sie es uns nochmals um 90 Prozent skalieren. Drücken Sie V, um den zed, „Befehl C“ auszuwählen . Gehen wir zurück zu After Effects. Gehe zu z2's Maske, „Befehl, V.“ Wir müssen das nur noch ein Mal machen. Verschieben Sie es auf z1 und fügen Sie es ein. Da gehen wir. Wir haben eine Reihe von Schichten. Es sieht so aus, als würden Sie einen Stapel von Papierstücken hinunter schauen , die alle mit einem Zed oder Z ausgelocht sind. Das nächste, was ich gerne tun würde, ist nur diese Schichten zu färben. Lassen Sie uns ein wirklich cooles Farbschema wählen, Farbpalette. Ich gehe zu Safari, wo ich zu coolors.co gegangen bin, und ich habe ein cooles Farbschema generiert. Doppelklicken Sie einfach auf „Befehl C“, gehen Sie zu After Effects, und gehen Sie in unsere oberste Ebene. Ich werde nur „4" drücken und es hebt automatisch die Eingabe für mich hervor. Ich gehe „Befehl V“, und das ist die erste Schicht. Ich werde das weiter machen. Wählen Sie meine zweite Ebene aus. Einfügen. Fantastisch. Lass uns die grüne dritte Schicht holen, „Okay“. Gehen wir nach Safari. Lass uns diese violette Schicht holen, „Okay“. Dann ist die letzte, die diese blaue Schicht ist, diese Farbe bereits. Nun wollen wir nicht wirklich, dass unsere Hintergrundfarbe diese graue Farbe hat. Wenn wir zu Safari gehen und wir wählen diese lila Farbe. Dann gehen wir zu Kompositions- und Kompositionseinstellungen. Lassen Sie uns unsere Hintergrundfarbe in diese lila Farbe ändern, aber lassen Sie uns es ein wenig dunkler machen. Wie wär's damit? Das sieht gut aus. Jetzt müssen wir uns für unsere Basisschicht entscheiden. Was ich gerne tun möchte, ist, alle meine Ebenen auszuwählen, also gehen Sie Befehl A, drücken Sie einfach P, und es wird keine Eigenschaft mehr angezeigt. Ich möchte die Rotation aller meiner Ebenen animieren, also gehe ich und drücke R, um nur die Rotationseigenschaften anzuzeigen. Dann werde ich die erste Ebene animieren, also Z5, und ich werde dies als meine Basis verwenden. Sie können die untere Ebene als Basis oder die obere Ebene verwenden. Ich werde die oberste in diesem Beispiel verwenden. Was ich gerne tun möchte, ist, dass ich die Rotation in etwa zwei Sekunden animieren möchte. Vergrößern wir uns hier ein wenig. Was wir jetzt tun werden, ist, dass wir unseren Arbeitsbereich auf zwei Sekunden reduzieren werden, genau so. Fantastisch. Dann möchte ich Ihnen zeigen, was Erziehung ist. Sieh dir das an. Wenn ich zur Ebene Z4 gehe und das Elternteil als Z5 auswähle, und warum das wirklich cool ist, ist, dass beim Drehen von Z5, Sie sehen, dass Z4-Ebene auch gedreht wird. Ich werde die obige Ebene für jede einzelne Ebene als übergeordnete Ebene auswählen. Was das wirklich cool macht, ist, dass, wenn ich Ebene 5 drehe und Ebene 4 drehe, Sie sehen, dass alles darunter auch diesen Betrag dreht. Ebene 3 ist auf Ebene 4 aufgeführt, und Ebene 4 ist auf Ebene 5 aufgeführt. Wirklich cool. In diesem Sinne werde ich dann nur die Position dieses Z5 animieren und dann diese Rotation in den Ebenen kopieren und einfügen. Fügen wir hier einen Keyframe hinzu. Lassen Sie uns das auf negative Fünf setzen. Gehen wir zu einer Sekunde, lassen Sie uns einen Frame rückwärts gehen, setzen Sie dies auf fünf und dann nach zwei Sekunden wieder auf negative fünf setzen. Das bedeutet, dass wir als Ort diese leichte Schaukelbewegung bekommen. Es ist keineswegs perfekt, aber es ist ein Anfang. Sie werden sehen, dass alle Ebenen auch die Schaukelbewegung ausführen ohne dass ich Keyframes zu einer der anderen Ebenen hinzufügen muss. Nun, was wirklich super cool ist, ist, wenn ich auf Rotation klicke und du siehst, dass alle meine Keyframes blau werden. Ich drücke Befehl C, und dann wähle ich alle meine Ebenen und drücke Befehl V Einfügen, du wirst sehen, dass jetzt, Ich habe diese wirklich süße Animation. Sieh dir das an. Was hier los ist, ist, dass Schicht 5 oder Z5 um negative fünf rotiert, so ist Z4, aber dann geht es noch eine weitere negative Fünf. Z3 wird eine negative 10, und dann eine weitere negative fünf, und so weiter. Du bekommst diesen wirklich coolen Rotationseffekt. Super, aber es ist nicht perfekt. Wie machen wir es perfekt oder näher daran, perfekt zu sein? Ich möchte meiner Animation etwas Lockerung hinzufügen. Als Erstes möchte ich alle Keyframes auf der Z5-Ebene auswählen, mit der rechten Maustaste auf Keyframe-Assistants klicken und dann Easy Ease auswählen. Sie werden sehen, dass die Keyframes dann die Form ändern. Wenn Sie diese nun kopieren müssen, wählen Sie alle Ebenen erneut aus. Sie sehen, dass die Animation etwas glatter ist. Ziemlich cool. Wenn wir das noch einen Schritt weiter machen wollten, könnten wir dann Z5 auswählen und dann diesen Diagramm-Editor drücken. Lassen Sie uns einfach die Rotation auswählen, können wir das Diagramm der Rotationsgeschwindigkeit sehen. Dies zeigt die Mengen der Rotation im Laufe der Zeit, was wirklich cool ist. Umgekehrt, wenn wir rückgängig machen mussten, so Befehl Z Wenn wir jetzt den Diagramm-Editor betrachten mussten, werden Sie sehen, dass sich die Drehung oder die Geschwindigkeit nicht so stark ändert. Es ist bei 10 Grad pro Sekunde, und dann wird es plötzlich 10 Grad pro Sekunde negativ. Wenn wir zurückgehen müssten, werden Sie sehen, dass sich die Rotation jetzt im Laufe der Zeit ändert. Was wir jetzt tun können, ist, dass wir eine von ihnen auswählen und Sie können diese manuell ändern, ähnlich wie ein Stift-Werkzeug in Illustrator oder Sie können darauf doppelklicken und die Einstellungen ganz mathematisch ändern, was ich mag. Weil es ein Looping GIF ist, bedeutet das, dass ich möchte, dass die Dinge genau sind. Ich werde dies auf 50 Prozent Einfluss auf die eingehende Geschwindigkeit und 50 Prozent Einfluss auf das ausgehende ändern . Ich werde dasselbe für jeden dieser Punkte tun, also 50, 50. Sie werden sehen, dass sich mein Diagramm jetzt ändert. Wir bekommen jetzt dieses wirklich interessante Stück Dynamik. Ziehen wir das einfach nach unten und drücken Sie die Leertaste. Möglicherweise können Sie sie nicht so sehr sehen, weil wir unsere Keyframes nicht kopiert und eingefügt haben. Lass uns das einfach machen. Gehen wir zu allen Ebenen und fügen Sie ein. Wenn wir jetzt spielen, werden Sie sehen, dass die Animation noch glatter ist. Es fühlt sich wirklich an, dass es jetzt rockt. Fantastisch. Das ist nur eine Sache, die Sie tun können, um diese wirklich interessante Briefform zu machen, drehen. Es fühlt sich an, dass es rockt. Was können wir jetzt noch tun? Es gibt eine Reihe von Dingen, die Sie tun könnten, aber eines der Dinge, die ich gerne mache, ist ziemlich dasselbe zu tun , außer mit Position hinzugefügt. bei ausgewähltem Z5 die Umschalttaste gedrückt und drücken Sie P. Dies geht, lassen Sie uns zeigen, was wir zeigen und positionieren. Lassen Sie uns dann einen Keyframe da drüben setzen, einen Keyframe dort drüben setzen und einen Keyframe nach zwei Sekunden setzen. Nun, was ich tun werde, ist, dass ich in zwei Sekunden sagen werde, lass uns gehen und minus 25x und minus 25y. Ich werde diesen Keyframe kopieren und dann diesen Keyframe einfügen. Dann in der Mitte, werde ich sagen, plus 25x, und plus 25y. Für dieses Beispiel können wir die Position nicht auswählen und dann kopieren und einfügen, da die Position von Z4 tatsächlich relativ zur Position von Z5 ist. Wenn wir P verschieben müssen, werden Sie sehen, dass 615 und 615 irgendwo weit weg sind. Wenn wir rückgängig machen müssen, werden Sie sehen, dass 0, 0 eine Position relativ zur Z5-Ebene oder relativ zu ihrer übergeordneten Ebene ist. Wir werden das Gleiche hier machen. Wir ändern die Position hier um jeweils 25 Pixel, also minus 25, minus 25. Lassen Sie uns das Schlüsselbild kopieren. Fügen wir den Keyframe ein. Gehen wir zu diesem, und gehen zu 25 und zu 25. Sehen Sie, dass es ein bisschen Bewegung gibt. Voila, Voila. Wenn wir diesen Keyframes dann eine einfache Lockerung hinzufügen, macht es noch schöner. Lassen Sie uns leicht gehen, und ändern Sie den Einfluss wieder auf 50 und 50. Mach das Gleiche für all diese. Dies ist nur so, dass wir eine wirklich schöne glatte Schaukelanimation bekommen. Gehen wir zu den hier drüben. Wenn wir jetzt spielen, werden Sie sehen, dass nur die beiden oberen Ebenen ihre Position sowie ihre Drehung animieren und schon ziemlich gut aussieht. Gehen wir zurück zu Null-Frames und kopieren Sie die Position von Z4, und wählen Sie dann unsere unteren drei Ebenen und fügen Sie ein. Sieh es dir jetzt an. Das ist echt cool. Es gibt viele Bewegungen, viel Energie, das ist fantastisch. Dann müssen wir jetzt nur alle unsere Ebenen auswählen Bewegungsunschärfe aktivieren und sicherstellen, dass unsere Komposition Bewegungsunschärfe aktiviert ist, und dann sehen sie noch besser aus. Fantastisch. Von hier aus können wir es als verlustfreie MOV-Datei exportieren. Dann denken Sie daran, Photoshop machen Sie es zu einem animierten GIF-Format oder exportieren Sie es als mp4, und teilen Sie es. 19. Ende: Das ist es. Ich hoffe, Sie haben auch die Klasse und das Bonusmaterial genossen. Posten Sie Ihre Loops in Ihrer Projektgalerie und teilen Sie sie in sozialen Medien. Erwähnen Sie mich, ich bin @taptapkaboom. Vor allem haben Sie Spaß, Ihre Freunde und Anhänger zu faszinieren. Tschüss für jetzt.