Live Encore: Wie man einfache und lustige Motion-Design-GIFs mit Leben erfüllt

1. Einführung: Hi. Mein Name ist Hongshu und ich bin Motiondesigner mit Sitz in Toronto, Kanada. Ich animiere seit mehr als sechs Jahren in Adobe After Effects. Derzeit arbeite ich in einer Werbeagentur für Kunden wie Adidas, PayPal, Walmart und viele mehr. Ich freue mich, heute hier zu sein, um eine Live-Session zu veranstalten. Heute werden wir gemeinsam an einer sehr einfachen und unterhaltsamen Animation arbeiten . Es ist ungefähr acht Sekunden lang. Ich werde Ihnen beibringen, wie Sie im Adobe After Effects arbeiten , dem Workflow zwischen Adobe Illustrator und After Effects, einige Tipps und Tricks sowie einige Tastenkombinationen. Dieser Kurs wurde live aufgenommen, also musste ich mit Schülern interagieren, während ich an diesem Projekt arbeitete. Lasst uns kurzerhand direkt hineinspringen. 2. Vorbereitung deiner Illustrator-Datei: Mein Name ist Tiffany. Ich arbeite an Skillshares Community-Team. Ich bin der glückliche Gastgeber des heutigen Live-Kurses bei der Top-Lehrerin Hung Shu Quo. Wir freuen uns sehr, Hung Shu heute bei uns zu haben. Er wird uns durch ein paar einfache und unterhaltsame Motion Graphics führen. Lasst uns kurzerhand anfangen. Hung Shu, wir freuen uns sehr, dich heute hier zu haben. Erzählst du uns bitte ein bisschen darüber , wer du bist und was du tust. Hi, allerseits. Willkommen. Mein Name ist Hung Shu. Ich bin Motion Designer mit Sitz in Toronto, Kanada. Ich animiere seit mehr als sechs Jahren in Adobe After Effects. Derzeit arbeitet er in einer Werbeagentur für Kunden wie adidas, PayPal. Ich freue mich sehr, heute hier zu sein, um Ihnen zu zeigen, wie Sie eine lustige Motion Graphics machen können. Ich bin vor ein paar Jahren zu Skillshare gekommen , als ich als Student angefangen habe, und ich mag die Community sehr. Ich habe auch bei Skillshare vieles gelernt. Ich habe letztes Jahr angefangen, bei Skillshare zu unterrichten, und es ist wirklich eine großartige kreative Community , die die Leute sehr ermutigend sind, also ist es großartig. Wir würden uns freuen, ein bisschen mehr darüber zu hören, was Sie heute mit uns teilen möchten? Zunächst zeige ich Ihnen nur, wie Sie diese Illustrator-Datei vorbereiten, bevor Sie sie zur diese Illustrator-Datei vorbereiten, bevor Animation in After Effects bringen können. Wenn Sie die Datei bereit haben, öffnen wir sie in Adobe Illustrator. Das habe ich hier. Wie Sie hier sehen können, habe ich all diese Ebenen getrennt. In den meisten Fällen, wenn Sie eine solche Illustration haben, werden Sie einige dieser Elemente getrennt haben , wenn Sie es tun, was großartig ist. Aber die Sache ist, wenn wir diese Datei in After Effects bringen , wird sie nicht getrennt. Alle diese Ebenen werden zu einer flachen Illustration zusammengefasst , Sie nichts dagegen tun können. Was wir zuerst tun müssen, ist hier in diese rechte Ecke zu gehen und auf diesen Layer zu klicken. Wenn Sie keine Ebene haben, können Sie hier oben in diese Menüleiste gehen und zu Fenster gehen. Dann sehen Sie hier unten tatsächlich das Ebenenbedienfeld. Klicken Sie darauf, und dann haben wir das Ebenenbedienfeld auf der rechten Seite geöffnet, und Sie können sehen, dass sich alles auf nur einer einzigen Ebene befindet. Wenn Sie hier auf diesen Pfeil klicken , können Sie all diese verschiedenen Elemente in dieser einen Ebene sehen . Es gibt nur eine einfache Sache, die wir tun müssen , ist einfach auf diese Ebene 2 zu klicken und dann zu diesem Dropdown-Menü auf der rechten Seite zu gehen, diese Schaltfläche hier, klicken Sie darauf und gehen Sie dann zu Auf Ebenen freigeben Sequenz. Sobald ich darauf klicke, siehst du all diese Elemente. Ich kann das Augensymbol vor der Ebene umschalten, um es auf der Kunsttafel unsichtbar und sichtbar zu machen . Alle diese Layer sind nicht getrennt. Als Nächstes müssen wir einfach alle auswählen. Derjenige, der sich in Ebene 2 befindet, wählt alle aus und ziehe sie dann außerhalb von Ebene 2. Nachdem wir sie alle nach draußen gefahren haben, wird Layer 2 leer sein, damit wir sie löschen können. In diesem Fall haben wir alle unsere Ebenen voneinander getrennt, und so können wir sie in After Effects bringen , um einzelne Ebenen zu animieren. 3. After Effects-Projekt organisieren: Als Nächstes können wir diese Datei in After Effects bringen, organisieren und mit dem Animieren beginnen. Wenn Sie Ihre After Effects geöffnet haben, gehen wir zu Adobe After Effects. Wir können ein neues Projekt erstellen. Wenn Sie dieses Panel hier haben, klicken Sie einfach auf Neue Komposition. Dann können wir diese Komposition in Main Comp umbenennen. Machen wir die Breite bis 1920 bis 1080. Bildrate können wir es bei 25 Bildern pro Sekunde halten, und dann die Dauer, wir können es einfach bei 15 Sekunden belassen, was gut ist. Schlag auf „Okay“. Jetzt haben wir dieses Panel hier, all das. Ich versuche oben zu Windows zu gehen. Könnt ihr das Fenstermenü ganz oben auf meinem Bildschirm sehen ? Ja. Da ist es. Ja, weil ich auch meine Zoom-Steuerelemente oben habe [ÜBERLAPPEND]. Ja. Es ist verwirrend. [GELÄCHTER] Ja, es vermasselt mit meinem Klick. Wenn Sie zu Windows gehen und dann Workspace auswählen können, stellen Sie ihn einfach auf Standard ein. Sie werden die gleichen Layouts in den After Effects sehen wie das, was ich gerade habe. Wenn Sie es immer noch nicht sehen, können Sie Standard auf Gespeichertes Layout zurücksetzen, es wird auf das Standardlayout zurückgesetzt. Das haben wir, wenn wir Adobe After Effects zum ersten Mal öffnen. Zuerst müssen wir die Illustrator-Datei einbringen . Wir gehen hier zum oberen linken Bereich, das besagt, projizieren, und dann einfach ist es, einfach auf dieses Bedienfeld zu doppelklicken, einen leeren Bereich, doppelklicken. Es öffnet sich das Finder-Fenster und navigieren wir dann zu unserer Datei hier. Weißt du was? [GELÄCHTER] Ich habe eine Sache vergessen, ich habe vergessen, die Datei zu speichern. [GELÄCHTER] Bevor Sie etwas tun, stellen Sie sicher, dass Sie diese Datei speichern, da sonst nicht alle Ebenen getrennt sind. Stellen Sie einfach sicher, dass Sie dies speichern, damit alle Ebenen hier enthalten sind, und gehen wir dann zu After Effects zurück. Doppelklicken Sie hier auf dieses Projektfenster. Navigieren wir zu der Illustrator-Datei, die wir haben. Bevor Sie auf etwas klicken, importieren Sie es als Komposition - Behalten Sie Layergrößen anstelle von Filmmaterial bei, denn wenn Sie es als Footage machen, wird es auch alles abflachen in eine einzelne Ebene , die Sie nicht animieren können, also müssen Sie diese Komposition auswählen - Ebenengrößen beibehalten. Stellen Sie dann sicher, dass Sie diese beiden nicht anklicken , da einige Leute, ohne zu merken, dass diese Illustrator-Sequenz geöffnet ist. Wenn Sie dies überprüft haben, wird es später sehr schwierig sein, es zu beheben, also müssen Sie es erneut importieren. Das ist sehr wichtig. Dann klicke auf „Öffnen“. Jetzt haben wir im Projektpanel zwei zusätzliche Dinge hier, einer ist ein Ordner, der alle Ebenen unserer Illustrator-Datei enthält , und der andere ist eine Komposition. Wenn ich auf diese Komposition doppelklicke, siehst du tatsächlich, dass ich dieses Kunstwerk in After Effects importiert habe . Alle diese Ebenen sind getrennt. Das ist sehr gut. Jetzt zeige ich Ihnen nur, wie Sie die Dateien organisieren, bevor wir mit dem Animieren beginnen. Erstellen wir zunächst einen Ordner im Projektfenster und nennen wir ihn Assets. Gut. Dann brauchen wir einen anderen Ordner, der precomp heißt. Für diejenigen unter Ihnen, die neu bei Adobe After Effects sind, sind Precomps wie Ordner in Adobe After Effects. Es kann Ihnen helfen, Dinge zu organisieren, und dann kann es Ebenen gruppieren. Das nennen wir Precomp in After Effects. Um dieses Projektpanel zu organisieren, kann ich diesen Ordner einfach in die Assets legen und dann gilt dies als Precomp, da Sie das Symbol hier sehen können. Dies ist ein Precomp-Symbol. Wir können es in die Precomps stecken. Jetzt haben wir drei Dinge. Dies sind die drei Dinge, die wir brauchen. Wir werden den Haupt-Comp haben, der den Arbeitsbereich ist. Dies ist der einzige Comp , in dem wir animieren werden. Wir haben einen Ordner, der alle Assets enthält, und dann haben wir einen Precomp-Ordner den wir später benötigen werden. Zu Beginn können wir alle unsere Adobe Illustrator-Layer kopieren , einfach den Befehl A auf der Tastatur und Befehl C, kopieren und zum Haupt-Comp zurückkehren, ihn in unseren Haupt-Comp einfügen. Dies wird der Comp sein, in dem wir animieren werden. Jetzt können wir das schließen. Als Nächstes möchte ich diese Ebenen nur organisieren und umbenennen, damit sie einfach und klar sind. Im Moment sehen Sie den Dateinamen hier mit der Aufschrift CC.ai, was nicht das ist, was wir wollen. Wenn ich hier auf diesen Quellnamen klicke, dieses kleine Symbol oder Namen hier, kann es zwischen Quellname und Layer-Name wechseln. Der Quellname ist nach der Quelldatei benannt, die ziemlich lang ist, das ist nicht das, was wir wollen. Wir klicken darauf, es wird unseren Ebenennamen angezeigt, der Layer 3-12 ist. Das ist auch nicht sehr hilfreich. Was wir tun müssen, ist einfach zu sehen, was sie sind und sie umbenennen. Dieser sollte der Hintergrund sein. Ich versuche nur herauszufinden, welcher welcher ist. Zuallererst möchte ich die Hintergrundebene erhalten. Jetzt können Sie Layer 7, Layer 10 und Layer 12 sehen. Wenn ich das Augensymbol umschalte, sind diese drei Ebenen der Hintergrund. Wir müssen diese drei Schichten zu einem Precomp gruppieren. Die Verknüpfung dazu ist Command Shift C. Sie können hier auch auf meinem Bildschirm sehen. Nennen wir es Background. Klicken Sie auf „Okay“. Jetzt haben wir eine Precomp mit Hintergrund, und Sie können im Projektpanel sehen, dass und Sie können im Projektpanel sehen wir eine zusätzliche Precomp haben, also müssen wir dies ganz in den Precomp-Ordner legen , um es zu organisieren und zu gestalten sauber. Dies ist ein Hintergrund und dann werden wir die beiden Kreise hier haben . Das ist unser Kreis. Lass es uns noch einmal vorfassen, Command Shift C, nenne es Circle. Jetzt haben wir einen Kreis hier. Wir können diesen in die Precomp fallen lassen. Jetzt haben wir drei Precomps im precomp-Ordner. Das ist dieses Gebäude hier, und dann haben wir dieses Gebäude, wir haben dieses Gebäude. Die drei Schichten in der Mitte sind die drei Hintergrundgebäude. Ich möchte auf dieses Farbsymbol hier vorne klicken und es in gelbe Farbe ändern , damit es leichter zu erkennen ist. Benennen wir dieses einfach in Szene 3 um, nennen wir das eine Szene 1. Der letzte, den ich möchte, dass es der zweite ist, also wird das die Szene 2 sein. Eine, 2, 3, drei Szenen. Dann werden die letzten beiden der Zug sein, den wir haben. Dann werden diese die Büsche sein. So organisieren wir Ebenen und organisieren das Projektfenster in Adobe After Effects , damit alles klar und organisiert ist , bevor wir mit der Animation beginnen. 4. Deine Animation starten: Im nächsten Abschnitt dreht sich alles um Animation. Zuallererst möchte ich die drei Szenen animieren, zuerst die Hintergrundszenen. Wie wir das machen, gehen wir hier einfach in diese erste Szene und wir können auf der Tastatur auf das P klicken. Es gibt eine Positionseigenschaft. Die Grundidee ist, dass diese drei Szenen von rechts nach links verlaufen werden. Sie werden eins nach dem anderen von rechts nach links kommen . Von rechts nach links etwa so. Ich muss einen Keyframe hinzufügen. Bei Null Sekunde möchte ich, dass diese erste Szene von hier aus beginnt. Fügen wir hier einen Keyframe hinzu. Dann gehen wir vielleicht zur Drei-Sekunden-Marke, wie Sie auf der Zeitleiste hier sehen können, wie Sie auf der Zeitleiste hier sehen können, diese Positionseigenschaft ganz nach links ziehen , damit sie sich bewegt. Wenn Sie auf die Leertaste klicken würden , um eine Vorschau der Animation hier anzuzeigen, haben wir das jetzt. Wenn ich dann diese beiden ausschalte, um es klar zu sagen, können wir diese nur jetzt sehen. Wir werden diese einfache Animation auf alle drei Szenen anwenden , damit sie eine ähnliche Animation haben, aber dann können wir sie später versetzen, damit sie nacheinander auftauchen, damit sie nicht ineinander stoßen. Bei diesem hier werden wir diesen einen Schritt von rechts nach links haben . Dann lasst uns die Szene 2 hier haben. Klicken Sie auf P auf der Positionseigenschaft. Wir können hier einen Keyframe hinzufügen. Von der dritten Sekunde bis zur wahrscheinlich Sechssekunde können wir diese Szene hier nach links bewegen lassen. Dann schalten wir die Szene 3 ein. P auf der Tastatur für Position und dann fügen wir hier einen Keyframe hinzu. Als es anfing, wollte ich von irgendwo hier anfangen und dann auf die acht Sekunden weitergehen. Zum letzten möchte ich nicht, dass es sich ganz nach links bewegt, weil in der letzten Sekunde immer noch etwas Hintergrund in meinem Kreis haben möchte, ich in der letzten Sekunde immer noch etwas Hintergrund in meinem Kreis haben möchte, anstatt ihn ganz zu bewegen, wenn die Animation endet, es wird nichts drin sein. Das ist nicht das, was wir wollen. Wir wollen, dass dies drinnen bleibt, wenn die Animation endet, also stelle ich sie hier in die Mitte. Dies wird vorerst unsere Animation sein. Das ist unsere Hintergrundszene Animation. Nachdem wir diesen an Ort und Stelle haben, können wir den Zug animieren. Der Zug wird auch die Positionseigentumsänderung sein , was sehr einfach ist. Lasst uns einfach auf P auf der Tastatur drücken. Zu Beginn der Animation möchte ich dazu etwas anderes ausprobieren. Ich möchte mit der rechten Maustaste auf Positionseigenschaft klicken und dann auf separate Bemaßungen klicken. Auf diese Weise können Sie die X - und Y-Position einzeln anstelle von allen gleichzeitig ändern - und Y-Position einzeln . Da sich der Zug nur horizontal bewegt sich nur auf der Exposition bewegt, werden wir nur die Exposition im Zug ändern. Bei Nullsekunde wollen wir, dass der Zug irgendwo hier von links startet . Sagen Sie dann, dass die Animation acht Sekunden dauern wird. In letzter Sekunde möchte ich, sich der Zug hier irgendwo bewegt. Achte hier auf meine Zeitleiste. Wenn ich auf der Tastatur auf N drücke, können Sie sehen, dass sich dieser Vorschaubereich ändert. Dies wird als Vorschaubereich bezeichnet. Wenn mein Timeline-Indikator bei acht Sekunden liegt, wenn ich N drücke, wird er von hier aus gekürzt. Ich betrachte nur alles zwischen Nullsekunde und acht Sekunden. Werfen wir vorerst einen Blick auf unsere Animation. Das Problem ist gerade sich der Zug zu langsam bewegt. Ich möchte, dass der Zug schon innerhalb des Kreises liegt, vielleicht etwa 1,5 Sekunden, also muss ich den Zug hier etwas mehr beschleunigen. Dann geht es einfach langsam voran. Lassen Sie uns eine Vorschau anzeigen und den Unterschied sehen. Der Zug bewegt sich im Frontend etwas schneller von Null Sekunde auf 1,5 Sekunde und dann bewegt er sich langsam in der Mitte, so dass wir die ganze Action hier und dann etwa acht Sekunden sehen , es wird dort aufhören. 5. Einen Parallax-Effekt schaffen: Das nächste, was wir tun wollen, ist, dass wir die Büsche animieren wollen. Wir wollen diesen Parallax-Effekt erzeugen. Wir wollen, dass sich das Gebäude auf der Rückseite langsam bewegt, was sie bereits tun. Sie bewegen sich hinten ziemlich langsam. Dann möchten wir, dass sich diese Büsche ziemlich schnell und ziemlich schnell bewegen, um diesen Parallax-Effekt zu erzeugen und Ihnen das Gefühl zu geben, dass sich der Zug schnell bewegt. Obwohl Sie sehen können, bewegt sich unser Zug ziemlich langsam ohne Kontext, aber wenn wir den Busch hinzufügen, wird es die Illusion erzeugen , dass sich der Zug schnell bewegt. Was wir tun müssen, ist, dass wir hineinzoomen müssen, Befehl. Sie können die Verknüpfung auf meinem Bildschirm hier sehen. Wir müssen hineinzoomen und dann müssen wir zu unseren Buschschschichten gehen. Das sind unsere Buschschschichten. Schalten wir das Augensymbol im Zug aus. Versteck es einfach vorerst, damit wir uns nur auf diese konzentrieren. Dieser Teil wird ein bisschen schwer zu verstehen sein , aber ertragen Sie es mit mir. Wir werden es schaffen. Zuallererst müssen wir unser Lineal, Command R, einschalten . Sie können sehen, dass sich hier ein Lineal auf meinem Bildschirm befindet. Wenn ich von diesem Teil hierher ziehe, zieht es ein Lineal heraus. Ich möchte hier nur ein Lineal an der Spitze dieses Busches haben. An der Spitze hier drüben sieht man, dass er diesen ersten Baum hier fast berührt. Dann möchte ich zwei Büsche duplizieren. Ich gehe zu Command D, dupliziere einen und dann erneut Befehl D, dupliziere einen anderen. Also habe ich drei Schichten. Der erste Busch wird der mittlere sein , den wir haben, und dann ziehen wir einen nach links. Dann die dritte, wir ziehen einen nach rechts. Wir werden die Länge dieser Büsche verlängern , damit wir sie ziemlich schnell bewegen können, wenn wir sie von rechts nach links bewegen. Du siehst diesen Teil, es hat hier ein Problem. Diese Bäume hier, ich möchte den Busch 2 unter den Busch 1 legen , die zentrale ist, um diese Abschnitte als sich schneidend zu bedecken . Als Nächstes wollen wir uns einfach an diese Zeile erinnern. Diese Linie berührt den allerersten Baum auf der linken Seite. Als Nächstes wollen wir wollen wir die linken und rechten Bäume in den Mittelpunkt stellen. Wir müssen zum Busch 3 gehen und dann diesen Pick Whip Button ziehen. Das ist Elternschaft. Wenn Sie mit der Elternschaft nicht vertraut sind, sagen ich diese beiden Büsche zum mittleren gezogen habe, wenn ich den mittleren bewegt habe, sagen wir, wenn ich auf der Positionsgrundlage auf „P“ klicke und dann ziehen, die beiden werden sich mit dem mittleren bewegen. So etwas. Ich muss nur den mittleren animieren und ich muss nicht alle drei gleichzeitig animieren. Es wird den Workflow schneller machen. Was ich jetzt tun muss, ist ein Schlüsselbild für die Position hinzuzufügen . Tut mir leid, ich glaube, die Position hat sich geändert, eine Sekunde. Hier drüben kannst du meinen Busch 1 sehen. Diese Linie berührt diesen Baum hier, was gut ist. Was wir dann tun müssen, ist, dass wir hier eine Positionseigenschaft am Busch in der Mitte hinzufügen müssen . Ziehen Sie es ganz nach rechts, damit der Busch von hier aus animiert wird , und dann wird er sich vielleicht innerhalb von zwei Sekunden ganz nach links bewegen. Jetzt muss ich hineinzoomen. Was ich hier versuche, versuche ich hier eine Schleife zu erstellen. Wenn ich diesen Busch 1 ausschalte, muss ich nur sehen, dass mein letzter Busch, der Busch 3, dieser Baum diese Linie berührt. Deshalb kann ich eine Seamless-Loop erstellen , damit Sie beim Schleifen dieser Animation keinen Unterschied bemerken werden. Es wird sich einfach kontinuierlich von rechts nach links bewegen. Dieses hier, alles was ich tun muss, versetze ich einfach anhängen, weil wir diesen Baum am Anfang haben werden . Wir müssen diesen Baum hier berühren lassen und am Ende berührt dieser Baum fast die Linie, berührt dieser Baum fast damit wir eine Schleife erstellen können. 6. Eine Schleifenanimation erstellen: Alles, was wir tun müssen, ist dass wir diese drei Ebenen duplizieren müssen. Aber bevor wir das tun, möchte ich einen Pre-comp erstellen, Command Shift C. Jetzt möchte ich diese Ebene hier schneiden. Als Nächstes möchte ich nur Command D Wenn ich eine Vorschau anschaue, siehst du, dass es dort tatsächlich innerhalb des Kreises läuft. Aber es ist schwer zu sagen, denn ich habe noch keine Maske an. Das nächste, was ich tun muss, ist eine Maske zu erstellen, um nur den mittleren Kreisbereich anstelle des Ganzen anzuzeigen. Ich muss diese Schleife nur hier duplizieren. Was ich dann tun muss, ist, dass ich eine andere Komposition erstellen muss , die all diese vier Animationen zusammenstellt , eine größere Gruppe, um all diese vier Ebenen zu hosten. Befehl Umschalttaste C, Bush. Jetzt haben wir diese eine Schicht. Als Nächstes muss ich nur eine Maske ziehen. Geh hier ganz oben, gehe zum Ellipse-Tool. Zeichnen Sie einfach eine Maske auf diese Ebene und Sie können die Umschalttaste gedrückt halten , um sicherzustellen, dass es sich um einen perfekten Kreis handelt, und halten Sie dann die Leertaste gedrückt , um die Maske zu verschieben. Ich halte die Umschalttaste gedrückt und auch Leertaste, um die Maske zu bewegen, um sicherzustellen, dass sie perfekt am Kreis ausgerichtet ist. Ich versuche das hier mit dem Kreis auszurichten. Das ist gut. Wenn wir uns diese Animation hier ansehen, können wir sehen, wie sich der Busch bewegt. Das ist gut. Dann haben wir den Hintergrund, aber wir haben noch keine Maske für den Hintergrund erstellt, also siehst du schon alles draußen. Als Nächstes, was wir tun wollen, wollen wir dasselbe tun. Komponiere einfach die drei Szenen vorab. Befehl Umschalt C. Nennen wir es Szenen, und jetzt können wir einfach eine Maske zeichnen. Stellen Sie sicher, dass Sie den Szenen-Layer ausgewählt haben, und zeichnen Sie dann einfach eine Maske. Halten Sie die Umschalttaste gedrückt, um sicherzustellen, dass es sich um einen perfekten Kreis handelt, und dann können Sie die Leertaste gedrückt halten, um die Maske zu und dann können Sie die Leertaste gedrückt halten, um die Maske zu bewegen , damit Sie alles perfekt ausrichten können. Das ist gut. Dann zoomen wir heraus und schauen uns mal an. Eine andere Sache ist, dass wir unsere Zugschichten jetzt einfach einschalten können . Du siehst den Zug. 7. Spurflächen hinzufügen: Für den Zug möchte ich eine andere Idee vorstellen. Wir haben die Maske für die Büsche und die Szenen gemacht, damit du nur diesen mittleren Abschnitt siehst. Aber für den Zug möchte ich das hinzufügen, was wir Track Mattes nennen. Wie wir das machen, ist, dass wir zu Layer gehen, wir gehen zu neu und erstellen dann eine solide Ebene. Schlag auf Okay. Dann müssen wir immer noch einen Kreis auf dieser festen Ebene zeichnen. Stellen Sie sicher, dass ich auf Umschalttaste klicke und dann die Leertaste benutze , um mich zu bewegen. Das ist gut. Das nächste ist, dass ich diesen Kreis will, lass uns das in eine Track-Mattes umbenennen. Ich möchte, dass dieser Kreis eine Gleismatte für den Zug ist. Das einzige, was wir tun müssen ist sicherzustellen, dass sich diese Schienenmatte auf der Ebene befindet, Sie auswählen möchten, und dann in den Zug gehen und hier klicken, es gibt eine Track-Matte-Funktion. Stellen Sie sicher, dass Sie es auf Alpha Matte einstellen. Sie können sehen, dass dieser Layer automatisch ausgeschaltet ist. Wenn Sie die Spur hier nicht sehen, können Sie hier auf dieses zweite Symbol in der linken Ecke klicken hier auf dieses zweite Symbol in der linken Ecke und es wird diese Spalte anzeigen, die Sie auswählen können. Was passiert, ist, dass immer dann, wenn dieser obere Kreis sichtbar ist , die darunter liegende Ebene sichtbar ist. Wie wir sehen können, haben wir den Kreis in der Mitte. Wann immer der Zug eintritt, wird der Kreis sichtbar. Wenn der Zug außerhalb des Kreises ist, wird es unsichtbar sein. So funktioniert eine Track-Matte. Wenn der Zug den Kreis darüber betritt, wird er genau so sichtbar sein, aber alles außerhalb des Kreises kann man nicht sehen. Was ich tun möchte, ist, dass ich das ändern möchte , weil ich nicht möchte, dass der Zug hier vom Kopf abgeschnitten wird. Ich möchte nur auf diese Ankerpunkte auf der Maske der Gleismatten klicken und diese dann ein bisschen mehr ziehen, damit der Zug, wenn der Zug außerhalb des Kreises fährt, immer noch auftaucht. Zieh es noch mehr. Wenn ich es hineinziehe, siehst du es. Wenn es außerhalb des Kreises liegt, kann man nicht sehen. wir einfach sicher, dass es hier in dieser Gegend ist. Zieh es ganz nach draußen. Der Zug ist immer sichtbar. Ich kann hier immer noch ein bisschen den Zugleiter sehen. Ich muss sicherstellen, dass die Ausstellung etwas mehr nach links verschoben wird. Lassen Sie uns eine Vorschau dieser Animation hier anzeigen. 8. Andere Elemente hinzufügen: Zuallererst möchte ich am Anfang ein Pop-up hinzufügen, einen Übergang, der sagt, um diese Animation zu enthüllen. Ich will nicht, dass das ständig auf der Vorführung bleibt. So gehen wir hier einfach nach oben und klicken Sie auf dieses Ellipsen-Tool und doppelklicken Sie einfach auf das Ellipsenwerkzeug. Es schafft hier eine ovale Form. Im Moment habe ich hier nur einen Strich, ich habe keine Füllung, also muss ich eine Füllfarbe erstellen. Stellen Sie sicher, dass Sie darauf klicken und dann die gelbe Farbe auswählen. Ich habe schon diese gelbe Farbe hier. Sie können das Pipette-Werkzeug verwenden , um eine beliebige Farbe auszuwählen. Lasst uns absagen. Klicken Sie einfach auf „Okay“ Ich habe diese Füllfarbe und dann kann ich den Strich ausschalten , indem ich die Option einfach auf meiner Tastatur gedrückt halte. Ich klicke ein paar Mal mit der linken Maustaste, es wird ausgeschaltet. Jetzt gehen wir zu dieser ovalen Form. Klicken Sie auf dieses Dropdown-Menü, klicken Sie auf diesen Ellipsenpfad und Sie können sehen, dass es eine Größe gibt. Lassen Sie uns die Verknüpfung der Proportionen , damit wir diese ovale Form in einen Kreis verwandeln können. Lassen Sie uns es bis 1080 auf 1080 ändern und so bekommen wir einen perfekten Kreis. Ich möchte diesen Kreis etwas kleiner machen , so etwas. Das nächste, was wir tun wollen, ist, dass wir eine weitere Maske über diesen Kreis hinzufügen möchten. Ich möchte auf dieses Ellipsen-Tool klicken und dann sicherstellen, dass Sie hier auf dieses Maskentool klicken. Wenn Sie nicht oben auf diese Maske klicken, wird eine andere Form innerhalb dieser Ebene gezeichnet. Das wollen wir nicht, wir möchten eine Maske innerhalb dieser Ebene zeichnen , also klicke auf die Maske. Eine andere Sache ist, wenn Sie eine Maske zeichnen, können Sie von der perfekten Mitte aus beginnen und beim Zeichnen sicherstellen, dass Sie Umschalttaste auf der Tastatur drücken und dann auf der Tastatur auf Befehl drücken. Wenn Sie auf der Tastatur auf Befehl drücken, wird der Kreis von der Mitte aus gezeichnet. Sie sehen, dass wenn ich auf der Tastatur auf Befehl drücke , die Maske von der Mitte aus zeichnet. Jetzt muss ich nur noch zur Maske gehen und eine der Eigenschaften animieren, die die Maskenerweiterung ist. Wenn ich diese Maskenerweiterung umschalte, siehst du, dass meine Maske ein- und auswächst. Ich möchte diese Uhr hier drücken, um einen Keyframe hinzuzufügen und diesen Keyframe dann ein wenig nach vorne zu ziehen und sicherzustellen, dass die Maske am Anfang nicht existiert. Ziehen Sie es ganz auf negativ 369. Solange es verschwindet, sollte es mir gut gehen. Wenn ich dann die Zeitleiste umschalte, wird der Kreis einfach so auftauchen. Als Nächstes möchte ich nur Easy Ease hinzufügen. Wählen Sie die beiden Keyframes aus, klicken Sie mit der rechten Maustaste und dann Keyframe-Assistent, Easy Ease, indem Sie einfach die Lockerung hinzufügen. Gehe dann zum Graph-Editor hier, du kannst auf dieses Feigendiagramm klicken, um sie anzuzeigen. Stellen Sie einfach sicher, dass Sie diese Grafik ein wenig manipulieren , damit er mehr Energie hat. Der Kreis wird so herauskommen. Das ist gut. Als Nächstes möchten wir diese Maske, Befehl D, duplizieren, diese Maske duplizieren und dann diesen Maskenmodus in Subtrahieren ändern. Dies ist ein Trick , den wir immer machen. Wir ändern die Maske , um die Keyframes zu subtrahieren und dann zu versetzen. Sie können den Effekt sehen, den wir erzielen werden. Doppelte Maske ändert sie, um die Keyframes zu subtrahieren und dann zu versetzen. Das ist der Effekt, den wir nach der beiden Maske bekommen , die wir dem Kreis hinzufügen. Wir können das Timing auch so manipulieren, wie es uns gefällt. Aber im Moment habe ich das Gefühl, dass der Kreis nicht in der Mitte ist, also können wir einfach diese ganze Ebene verschieben , um sicherzustellen, dass sie direkt in der Mitte liegt. Das funktioniert. Jetzt muss ich nur noch die Animation aller darunter liegenden Ebenen verzögern. Wählen Sie einfach alle diese Animationen , die wir zuvor gemacht haben, mit Ausnahme des Hintergrunds und ziehen Sie die Ebenen dann ein paar Bilder voraus, damit sie am Anfang nicht auf dem Bildschirm sichtbar sind . Ziehen Sie es vielleicht den ganzen Weg hierher. Ich möchte, dass der Kreis zuerst auftaucht und dann die Animation offenbart. Sieh dir das an. Das ist gut. Das nächste, was wir tun wollen, ist, dass wir ein paar Sprechspuren hinzufügen möchten, als ob sich der Zug schnell bewegt. So wie wir das tun, müssen wir hier oben gehen, um dieses Stiftwerkzeug auszuwählen und dann hineinzuzoomen. Zeichnen wir zwei Punkte. Zeichnen Sie eine Linie wie diese und gehen Sie dann hier oben, stellen Sie sicher, dass die Option Füllen deaktiviert ist, halten Sie es auf der Tastatur. Klicken Sie dreimal auf „Füllen“ und gehen Sie dann zum Strich, stellen Sie sicher, dass er weiß ist. Jetzt haben wir diese weiße Linie hier, aber ich muss die Linie immer noch dicker machen, um den Strich der Linie auf neun Punkte zu ändern und dann die Butt Cap in eine runde Kappe zu ändern. Jetzt haben wir hier eine Schlange. Als nächstes müssen wir einen Trimmpfad hinzufügen. Gehe zu dieser Zeile, die wir gerade gezeichnet haben, diese Ebene, und dann ist hier die Schaltfläche Hinzufügen. Sie können darauf klicken, wir können einen Effekt „Pfad kürzen“ hinzufügen. Hier wurde ein Trimmpfad-Effekt hinzugefügt. Wenn ich hier den Prozentsatz von Ende und Start umschalte, kannst du sehen, dass die Linie tatsächlich ein- und ausgeschaltet wird. In dieser Sekunde müssen wir vielleicht nur etwa eine halbe Sekunde, klicken Sie hier auf die Uhr, um zwei Keyframes abzulegen und den Endwert auch auf Null zu ändern , also 00, beide beginnend bei Null und dann 10 Frames vorwärts. Befehl Umschalt-Pfeil nach rechts, so gehen Sie 10 Frames vorwärts und ändern den gesamten Wert auf 100 Prozent. Als Nächstes können wir alle auswählen, Keyframe Assistant, mit der rechten Maustaste und dann Easy Ease. Gehe zum Graph Editor, genauso wie zuvor. Ziehen Sie einfach diese Kurven, um sicherzustellen, dass sie mehr Energie haben. Als nächstes müssen wir den Keyframe einfach versetzen. Nachdem wir das getan haben, ist dies der Effekt, den wir erzielen werden. Man sieht die Linien fast wie einen Speed-Trail. Im Moment bewegt es sich zu schnell, also muss ich die beiden Keyframes am Ende vielleicht etwas weiter ziehen , damit es mehr Zeit hat. Ich muss diese beiden Schlüssel von noch mehr ausgleichen. So wie du es magst, aber ich denke, es funktioniert gerade so ziemlich gut. Das ist cool und jetzt müssen wir nur noch mehr hinzufügen. Am einfachsten ist es, diese Ebene zu duplizieren, Befehl D. Dann vergewissern Sie sich, dass Sie wieder im Auswahlwerkzeug sind, sonst zeichnen Sie weiter mit Ihrem Stiftwerkzeug. Gehe zurück zu diesem Select Tool und dann kannst du die Position ändern und vielleicht hier ablegen. Aber wir wollen nicht, dass sie gleichzeitig auftauchen, also können wir den Rahmen ein wenig ausgleichen. Sie können auf der Tastatur auf U klicken, um den Keyframe anzuzeigen, und dann können wir diesen ein wenig nach vorne ziehen , damit sie in einer anderen Sekunde auftreten. Das ist gut. Dann können wir ein anderes duplizieren es ganz oben ziehen. Aber dann möchte ich hier drüben , dass dies kürzer statt so lang ist. Ich muss zurück zum Stiftwerkzeug gehen und dann auf dieses eine Ende der Linie klicken dieses eine Ende der und es ein wenig zurückziehen , damit diese Linie kürzer ist. Wenn wir eine Vorschau anzeigen, werden wir das bekommen. Wir haben zwei lange Schlangen und dann eine kurze Linie. So etwas. Jetzt, da wir bereits drei vorhanden haben , um die Dinge schneller zu machen, können wir drei zusammen Command D duplizieren und dann alle nach vorne ziehen , damit es sich wiederholt. Aber was auch immer Sie tun möchten, Sie können es an verschiedene Orte ändern und die Länge ändern, ändern und die Länge ändern da Ihre Animation bereits vorhanden ist. Sie müssen nichts anderes ändern, nur die Position und die Länge der Geschwindigkeitslinie. Zoomen wir heraus und werfen einen Blick auf unsere Animation. 9. Reflexionsschicht hinzufügen: Das Letzte, was wir tun wollen, ist, dass wir einen Sheen-Effekt hinzufügen oder man kann ihn als Reflexion im Zug bezeichnen. Als ob der Zug Lichter von der Sonne reflektiert oder so. Der Weg, dies zu tun, besteht darin, dass ich zuerst zu meiner Ebene gehen und dann einen neuen Volumenkörper erstellen muss . Lassen Sie uns eine solide Ebene erstellen und dann möchte ich zum Stift-Werkzeug wechseln. Ich möchte hier ein paar Formen zeichnen. Zeichne einfach eine Form, die wie eine Reflexion aussieht. Vielleicht eine dickere und dann eine dünnere. Dieser wird hier sein. Das wird unsere Reflexion sein. Dann werden wir richtig auf die Tastaturposition gucken. rechten Maustaste auf „Separate Dimensions“ der rechten Maustaste auf „Separate Dimensions“. Wenn sich der Zug hier bewegt, möchte ich, dass dieser von rechts nach links bewegt wird. Ich fahre einfach durch den Zug. Das ist gut. Dann möchte ich ein anderes duplizieren und leicht modifizieren, so dass diese beiden beim Bewegen des Zuges durch den Zug fahren , so etwas. Das wird unsere Reflexion sein. Lasst es uns einfach vorkommieren. Command Shift C. Dies wird als Glanzeffekt bezeichnet. Das nächste, was wir tun wollen, genau wie die Gleismatte, über die wir zuvor gesprochen haben, möchte ich den Zug als die Strecke matt benutzen, damit sichtbar wird, wann immer der Zug diese Reflexion sichtbar wird, wann immer der Zug sichtbar ist . Ich muss diese Zugebene, Befehl D, duplizieren und sie dann ganz auf diese Glanzschicht legen und dann die Schienenmatte auf der Glanzschicht auf Alpha-Matte setzen . Jetzt können Sie sehen, wann immer dieser Zug sichtbar ist, der Glanz ist sichtbar. Als Nächstes, was wir tun wollen, lege ich diese beiden Schichten einfach auf unsere Zugschicht. Versuchen wir, es einen anderen Mischmodus einzustellen. Stellen wir es auf weiches Licht ein. Wenn wir es auf der Glanzschicht auf den Weichlicht-Blending-Modus einstellen , haben Sie das, und Sie können immer noch ein bisschen gelbliche Farbe sehen. Das liegt bei Ihrer Wahl. Sie können es auch auf Weiß ändern, wenn Sie möchten. Das ist der Effekt, den wir bekommen werden. Lassen Sie uns eine Vorschau der Animation anzeigen. Es ist sehr subtil, aber es ist effektiv. Es wird beim Geschichtenerzählen helfen und es realistischer machen. Im Moment können Sie den Glanzeffekt immer noch außerhalb des Kreises sehen. Eine andere Sache, die wir tun müssen, müssen wir diesen möglicherweise noch einmal komponieren, den Zug und den Glanz, Command Shift C. Vor den Glanzeffekten komponieren und dann diesen Layer-Mischmodus in weiches Licht ändern. Zeichnen wir eine weitere Maske über diesen Glanzeffekt, um sicherzustellen, dass sie nur innerhalb des Kreises erscheint. Wenn wir das Lineal verstecken, ist das unsere letzte Animation. Sie können immer noch die Geschwindigkeitslinie und die Reflexion im Zug sehen , und dann haben wir den Hintergrund in Bewegung, und wir haben die Büsche in Bewegung. Nachdem wir diese Animation bereit haben, können wir sie in ein GIF exportieren und im Internet teilen. So wie wir das tun, gehen wir hier zum Kompositionsmenü und fügen wir es dann zur Warteschlange von Adobe Media Encoder hinzu. Um ein GIF zu exportieren, benötigen wir diesen Adobe Media Encoder, eine andere Software. Wenn wir in das MP4-Format oder GIF-Format exportieren, verwenden wir dies normalerweise immer, weil es ziemlich schnell und wenn es rendert, können Sie in After Effects immer noch andere Dinge arbeiten . Du musst deine Arbeit nicht beenden. Es wird vollständig außerhalb von After Effects in einer anderen Software als Adobe gerendert , was ziemlich gut funktioniert. Ich weiß nicht, warum es überprüft wird. Komm schon. Nur ein letzter Schritt, um das GIF zu exportieren, und es scheitert mir. Die Dinge scheinen immer nicht so zu laufen, wie sie normalerweise laufen, wenn die Leute zuschauen. Ja. Nun, das war großartig. Während wir darauf warten , dass es exportiert und den letzten Schritt erreicht hat, kann ich vielleicht ein oder zwei Fragen weitergeben? Ja, auf jeden Fall. Cool. Es gibt tatsächlich eine Menge wirklich toller Fragen rund um das Leben eines Motion-Grafik-Designers und Animators, wie Sie anfangen usw. Sie fragen sich, ob Sie ein bisschen darüber teilen könnten, wie Sie ein bisschen darüber teilen können, wie Sie haben in der Branche angefangen, haben Sie irgendwelche Muster bemerkt und welche Fähigkeiten am gefragtesten sind oder nach denen die Leute suchen, irgendwelche Vorschläge zum Aufbau eines Portfolios oder eines Portfolios Demo-Rolle gerade über den ersten Start-Prozess? Ja, auf jeden Fall. Als ich auf dem College war, ist mein Hauptfach Grafikdesign, aber wir hatten auch Motion Graphics, aber wir lernen nur die Grundlagen, Grundlagen der Animation und auch einige der After Effects. Nach meinem Abschluss arbeitete ich ein paar Jahre als Grafikdesignerin. Gleichzeitig habe ich auch online gelernt, weil ich Motion Graphics wirklich mag und eine Reihe von Tutorials online gemacht habe . Ich bin nach Skillshare gegangen, um zu lernen, es gibt YouTube-Tutorials überall und es gibt auch wie andere Seiten, die Ihnen beibringen können, wie man Bewegungsgrafiken macht. Während ich tagsüber wie Grafikdesign-Arbeit machte, gehe ich wie nach der Arbeit immer wieder nach Hause und habe dann mein eigenes Projekt gestartet , wie Dinge hier und da zu machen , also habe ich mein Portfolio so zusammengestellt. Ich ahme nur nach, was andere Leute in ihrem Tutorial machen, denn als ob das Gute für die Demo-Rolle ist, musst du die meiste Zeit nicht das ganze Stück zeigen, du zeigst nur ein paar Sekunden das ist großartig und dann können Sie mit all den Online-Informationen für ein paar Sekunden etwas erstellen , das großartig ist und dann zum nächsten Projekt übergehen und dann ein paar haben tolle Stücke zusammen vielleicht wie eine winzige Demo-Rolle. So habe ich meine Demo-Rolle gestartet und lerne einfach weiter Online-Kurse. Nachdem ich drei Jahre meine Tagesarbeit im Grafikdesign gemacht habe, habe ich das Gefühl, meine Tagesarbeit im Grafikdesign gemacht habe, habe ich das Gefühl, dass ich mit meinen After Effects-Fähigkeiten zuversichtlich bin , also kündige ich einfach meinen Job und gehe raus und suche nach einer Bewegung Grafikjobs, etwas, das gezeitenmäßig ist wie Motion Graphic Designer. Zum Glück gab es für mich diese Werbeagentur, sie liebten meine Arbeit, sie haben nicht einmal etwas gesagt, weil für uns Designer oder Künstler wie manchmal Abschluss oder Universität keine Rolle spielt, wo auch immer Sie Ihren Abschluss machen spielt keine Rolle, solange Sie gute Arbeit haben und dann freundlich zu Menschen sind. Die meisten Unternehmen, wenn sie einstellen, kümmern sich um den Denkprozess Ihrer Arbeit und wie gut es Ihnen geht, wie gut ist Ihr Handwerk? Mein Vorschlag an jeden, der gerade erst angefangen hat, ist, ich denke einfach weiter zu üben, denn diese Dinge, manchmal sind es einfache Dinge wie diese Animation, die ich wahrscheinlich kann, wenn ich nicht unterrichte Ich kann es vielleicht in 20 Minuten machen, aber dann braucht es Zeit um es 20 Minuten lang machen zu können, es dauert Jahre des Trainings und manchmal lernt man eine Technik und dann fühlt man sich du es weißt, aber das nächste Mal, wenn du es tatsächlich brauchst und du es tun musst, hast du vergessen. Ich finde das lohnendste Ding ist, als würde ich nicht nur Tutorials oder Kurse ansehen , sondern es tatsächlich tun und dann vielleicht mein eigenes Flair aufsetzen, es so anpassen, wie was auch immer sie unterrichten, vielleicht haben sie ein Storyboard, Sie passen es an, Sie erstellen eine weitere Animation, die gehört, und Sie können es auf Ihre Demo-Rolle legen. Das ist es, was ich am meisten profitiere, habe ich einen der Punkte verpasst , die Sie zuvor gesagt haben? Das war großartig so großartig. Ich danke dir vielmals. Es war wirklich interessant zu hören, wie Sie selbst als Student bei Skillshare angefangen haben als Student bei Skillshare angefangen und wie Sie es geschafft haben. Lass den letzten Schritt los. Müssen wir es noch einmal versuchen? Ja, ich habe es versucht, weil ich denke, dass es an sich geschlossen hat, also habe ich schon wieder darauf geklickt, versuche es zu öffnen. Daumen drücken. Ja, lass es uns einfach noch einmal in die Warteschlange legen. Wie lange dauert dieser Schritt normalerweise? Normalerweise dauert es nur Sekunden, aber es scheint mir schwer zu fallen, die Software selbst zu öffnen , denn wenn Sie sie geöffnet haben, sollte es keine Sekunde dauern, um sie herauszugeben. Gibt es noch andere Fragen, die ich beantworten soll? Klar. Also möchte einer unserer Schüler wissen, planen Sie, weitere Kurse zu Erklärvideos zu veröffentlichen, wie Sie Erklärvideos Musik oder Soundeffekte hinzufügen ? Ja, ich plane gerade ein weiteres Erklärvideo und es sollte hoffentlich wie in ein oder zwei Monaten raus sein , weil ich ein paar Projekte habe, wie verschiedene Kurse in zur gleichen Zeit also ja, auf jeden Fall. Für Spezialeffekte sind es zwei Bereiche. Einer ist Spezialeffekte, der andere ist Motion Graphics. Sie kreuzen sich mit Sicherheit, aber für mich betrachte ich mich nicht als Spezialeffekt-Typ. Es braucht eine ganz andere Fähigkeit Spezialeffekte zu lernen, es ist wirklich schwer, ich finde das wirklich schwer. Aber wenn Sie daran interessiert sind, können Sie wahrscheinlich einen anderen Lehrer finden , der Spezialeffekte im Internet unterrichtet, ich selbst bin nicht sehr gut darin, ehrlich zu sein. Ich konzentriere mich meistens nur auf Motion Graphics und vor allem auf Anfänger um loszulegen. So fühlte ich mich, als ich angefangen habe, dass es schwierig ist Kurse zu finden, die dir beibringen , wie um echte Projekte zu machen und systematisch beizubringen, wie man das reale Projekt macht. Das ist für mich von Vorteil, als ich anfing , sogar eine einzige Klasse über Skillshare zu finden Klasse über Skillshare zu , um an realen Projekten arbeiten zu können. 10. Abschließende Gedanken: Stellen Sie einfach sicher, dass Sie Ihr Projekt in der unten stehenden Projektgalerie teilen , damit Sie Rückmeldungen erhalten und sich gegenseitig ermutigen können.