Animierte Typografie in After Effects: Einfache Effekte überlagern für einen komplexen Look

1. Willkommen: Willkommen bei Animierte Typografie und After Effects. In dieser Klasse lernen Sie, wie Sie einfache animierte Effekte schichten , um komplexe animierte Typografie zu erstellen. Ich bin Megan Friesth und ich werde einen Erklärer. Das ist nur mein Wort für das, was ich tue, das ist, pädagogische Animationen zu veranschaulichen und zu animieren. Es gibt so ziemlich überall Texte, und in der heutigen Welt ist viel davon digital. Dies hinterlässt eine große Chance, die relativ wenige Menschen nutzen; diesen Text animieren. Mit animierter Typografie können Sie Ihre Buchstaben buchstäblich oder im übertragenen Sinne vom Bildschirm abspringen lassen. Sie können auffällige Animationen erstellen, die Ihre Botschaft wirklich verstärken. Es gibt so viele Einsatzmöglichkeiten für animierte Topografie: von Erklär-Videos, kinetische Typographie-Videos, Musiklyrik-Videos, unteren Drittel, Logos, Titelsequenzen, digitale Grußkarten, Websites, Digital Signage, Werbung , und natürlich, soziale Medien. In dieser Klasse werde ich demonstrieren, wie es unendlich viele Möglichkeiten gibt, auffällige animierte Typografie zu schaffen , die völlig erreichbar sind. Du brauchst kein Experte zu sein. Wenn Sie neu bei After Effects sind, würde ich empfehlen, zuerst meine Klasse, animierte Schriftzug in After Effects, zu absolvieren. Sobald Sie sich mit den Grundlagen vertraut gemacht haben, die in dieser Klasse gelehrt werden, werden Sie bereit sein, diese anzugehen. In dieser Klasse wird beschrieben, wie Sie Ihr Textdesign in Adobe Illustrator erstellen, einschließlich Tipps, um perfekt ausgerichtete und abgerundete Buchstaben zu erstellen und bereit zu animieren Konturen und Akzente zu erstellen. Dann zeige ich Ihnen, wie Sie Ihre Hauptbuchstabenformulare in After Effects importieren und animieren. Danach ist es Zeit, alle lustigen Blüten wie animierte Umrisse, Akzente und Konfetti hinzuzufügen . Sobald Sie diesen Look erstellt haben, werde ich Ihnen einige weitere Ideen geben, wie Sie einfache Effekte animieren können , um Ihre ganz eigene, einzigartige animierte Typografie zu erstellen. Also, wenn Sie bereit sind, einige animierte Typografie zu machen, lasst uns anfangen. 2. Kursprojekt: Das Projekt für diese Klasse besteht darin, einen Buchstaben, eine Zahl oder ein Sonderzeichen in dem Stil zu animieren , den ich während der gesamten Klasse demonstriere, und um genau das zu erstellen, was ich erstelle, während Sie Videos drei bis 11 ansehen, werde ich die Buchstaben A, aber Sie können einen beliebigen Buchstaben wählen. Wenn Sie fertig sind, gehen Sie weiter und posten Sie es in den Klassenprojekten. Dann gebe ich dir in den Videos 12 bis 18 zusätzliche Inspiration, wie du andere ähnliche Effekte ausprobieren kannst , um deine eigene Schöpfung zu erschaffen. Ich würde gerne sehen, was du dir einfällt. Also posten Sie dies auch im Klassenprojekt. Diese Methode, Ihre eigene einzigartige Version zu imitieren und dann zu erstellen , hat wirklich in Klassen geholfen, die ich genommen habe. Wenn Sie diese Techniken wirklich lernen möchten, würde ich empfehlen, dasselbe zu tun. Wenn Sie fertig sind, haben Sie etwas völlig Einzigartiges für Ihr eigenes Portfolio oder soziale Medien. Natürlich müssen Sie nicht bei einem Brief anhalten. Sie können ein ganzes Wort oder mehrere Wörter buchstabieren. Wenn Sie das ganze Alphabet so machen, wie ich es getan habe , haben Sie Ihre eigene benutzerdefinierte Animationsschrift, die Sie über viele verschiedene Projekte hinweg wiederverwenden können . Wenn das einschüchternd klingt, beginnen Sie einfach mit einem Buchstaben, auch wenn Sie es auf einem animierenden ganzen Wort oder dem gesamten Alphabet abspielen, ist es am besten, einfach mit dem Animieren eines Buchstaben von Anfang bis Ende zu beginnen. Auf diese Weise ist es einfacher, einen Buchstaben als 26 zu ändern, wenn Sie sich entscheiden, dass Sie irgendwo im Prozess Änderungen vornehmen möchten . Also lasst es uns tun. 3. Textdesign in Illustrator erstellen: Wir beginnen mit Adobe Illustrator. Ich habe ein neues Projekt mit einem Artboard mit 1920 x 1080 Pixeln erstellt, denn das ist die Standardgröße. Aber wenn Sie eine andere Größe erstellen möchten, ist das auch in Ordnung. Ich erstelle gerne mein Text-Design in Illustrator und importiere die Ebenen dann in After Effects. Jetzt könnten Sie das Textdesign direkt in After Effects erstellen, aber ich bevorzuge es, Illustrator aufgrund von Funktionen wie Smart Guides zu verwenden , die es einfach machen, perfekte Buchstaben zu erstellen. Smart Guides hilft, etwas auszurichten und zu setzen, und wenn Sie sie noch nie benutzt haben, werden Sie sehen, was ich meine, in nur einer Sekunde. Um Smart Guides zu aktivieren, wechseln Sie zu Ansicht, und stellen Sie sicher, dass die Option Intelligente Hilfslinien aktiviert ist. Das erste, was ich tun werde, ist zu meinem Textwerkzeug gehen und dann auf meine Kunsttafel klicken und alles austippen, was ich schreiben möchte. Ich werde nur die Buchstaben A, B, C machen, nur für Demonstrationszwecke, weil sie etwas Abwechslung haben. Dann können Sie nach oben gehen und die Schriftart zu ändern, wo immer Sie sind. Ich werde Treibsand benutzen. Ich werde meine Texte noch größer machen, also halte ich die Umschalttaste gedrückt, werde ich sie einfach rausziehen. Lass es uns wirklich groß machen und wir werden es einfach auf eine gerade Zahl aufrunden . Das sieht ziemlich gut aus. Nun, der Grund, warum ich meinen Text extra groß machen möchte, ist, dass ich, wenn ich in After Effects arbeite, manchmal wirklich nah hineinzoomen möchte, um hautnah zu sehen, was meine Buchstabenanimation tut. Es kann im Viewer in After Effects pixelig werden. Deshalb möchte ich es schön und groß machen, um dieses Pixelationsproblem zu lindern. Aber wenn es rendert, egal welche Größe es ist, wird es eine Vektorform sein, also wird es nicht dieses Pixelationsproblem haben. Was ich als nächstes tun werde, ist nur diese Ebene zu sperren, die meinen Text darauf hat , und dann werde ich zu dieser neuen Ebenenschaltfläche gehen und eine neue Ebene erstellen. Dann gehe ich zu meinem Stiftwerkzeug oder drücke P auf der Tastatur. Ich werde nur meine Briefe verfolgen. Ich mache Pfade für alle meine Briefe, die an die Stelle dieser Textebene treten, denn so werde ich sie animieren. Genau wie wenn Sie meine vorherige Skizze Ihrer Klasse animierten Schriftzug gesehen haben, verwende ich die gleiche Technik. Zuerst muss ich diese Farbe in eine Strichfarbe ohne Füllung ändern und ich werde zu etwas wechseln, das oben auf diesem Schwarz leicht zu sehen ist. Ich werde nur mein Stiftwerkzeug über den Buchstaben verschieben und mit der Nachverfolgung beginnen, indem ich klicke und dann verschiebe, klicke und verschiebe das Zeichenstift-Werkzeug. Das ist, was ich meine, dass die Smart Guides hilfreich sind, denn im Moment können Sie diese rosa Linie sehen, die mir zeigt , dass meine unteren zwei Punkte aufgereiht sind. Das meine ich damit, dass Smart Guides hilfreich sind, um perfekte Briefe zu machen. Ich werde sammeln, um diese Linie zu beenden, und dann drücke ich Enter, um die Linie zu beenden. Sie können sehen, dass mein Schlaganfall viel kleiner ist als der tatsächliche Buchstabe. Ich werde nur hier rüber gehen und den Schlaganfall erhöhen. Vielleicht sieht so etwas wie 68 ziemlich gut aus. Dann mache ich nur die Kappen, abgerundete Kappen und ich mache die Ecken abgerundeten Ecken. Nun, ich möchte das einfach so anpassen, dass es genauer ist. Ich werde die A-Taste drücken oder hier zum Direktauswahl-Tool gehen. dem Direktauswahl-Werkzeug können Sie einzelne Punkte bearbeiten. Also werde ich Command Plus drücken, um hinein zu zoomen und dann werde ich das einfach ein bisschen besser ausrichten. Sie können sogar die Pfeiltasten drücken, wenn Sie nur kleine Inkremente wollen. Tun Sie das, und bewegen Sie das hier rüber, und muss nicht perfekt sein. Genau das, was für dich gut aussieht. Jetzt werde ich eine weitere Zeile hinzufügen. Drücken Sie also P, um das Stiftwerkzeug aufzurufen. Dann, wenn ich diese Zeile hier hinzufügen würde, können Sie sehen, dass der Pfad ausgewählt ist, es wird nur einen Punkt zu diesem Pfad hinzufügen und das ist nicht, was ich will. Also werde ich einfach von diesem Brief gehen. Dieser Brief ist nicht aktiviert und dann nur meinen Punkt. Dann drücke Enter it in der Zeile und ich kann zurückgehen und das aufstellen. Wenn ich die Umschalttaste gedrückt halte, wird sichergestellt, dass ich mich nur in der horizontalen Achse bewege. Das ist eigentlich nicht so, wie ich es will. Also werde ich einfach die Pfeiltaste nach oben ein wenig drücken. Ich möchte die ganze Linie nach unten verschieben. Ich wähle einfach das Ganze mit dem regulären Auswahlwerkzeug aus und dann drücke ich einfach die Pfeiltaste ein paar Mal nach unten. Das sieht gut aus. Also gehe ich zum B, jetzt werde ich das Stift-Werkzeug treffen und noch einen machen. Ich halte die Umschalttaste gedrückt, um sicherzustellen, dass dies eine gerade Linie ist , und dann werde ich mich mit dem Direktauswahl-Werkzeug anpassen. Ich möchte, dass sich das Ganze bewegt, also verwende ich das reguläre Auswahlwerkzeug, das die Verknüpfung V ist, und klicke dann einfach auf die Linie und verschiebe das Ganze über. Sie können sehen, dass diese Buchstaben, obwohl es aussieht, als wäre es eine Mono-Linie Front. Mono-Linie bedeutet einen Strich im gesamten Buchstaben. Es ist eigentlich kein vollwertiges Acryl eng, wählen Sie dieses B, es ist dünner hier, dann genau hier. Der Schlaganfall für mein A war 68 und das war ziemlich gut aufgereiht. Aber hier, wenn ich einen Schlaganfall habe, der 60 ist, ist es nicht ganz richtig. Aber ich werde das alles ignorieren und meine Schrift einfach wirklich geometrisch und wirklich einheitlich machen . Ich werde ein wenig von der tatsächlichen Schriftart abweichen. Das ist okay, weil wir nicht die tatsächliche Textebene sehen, die eigentliche Schriftart in unserem endgültigen Design, wir werden nur die Zeilen sehen, die ich erstellt habe, aus denen der Schriftzug besteht. Für diese Schleifenformen des B kann ich das Rechteck-Werkzeug verwenden, um sie perfekt abgerundet zu machen. Das ist ein weiterer Grund, warum ich mein Design gerne in Illustrator mache. Ich gehe zum Rechteck-Werkzeug und zeichne dann einfach ein Rechteck aus . Das sieht aus. Dann gehe ich zum Direktauswahlwerkzeug und trage diese beiden kleinen Eckkreise auf der rechten Seite meines B und dann werde ich nur Shift drücken, um den zweiten auszuwählen. Jetzt habe ich diese beiden Ecken ausgewählt, aber diese beiden sind es nicht, und Sie können übrigens feststellen, dass dieser Kreis und dieser Kreis dunkler sind. Jetzt werde ich in die Mitte ziehen, um das abzurunden. Es ist ein wirklich perfekter Bogen hier. Es ist nicht genau mit der Schriftart ausgerichtet, aber das ist okay. Nun, um die zweite Schleife auf dem B zu machen, werde ich diese Form duplizieren, also werde ich nur darauf klicken und ziehen, aber halten Sie die Option und Umschalttaste gedrückt. Dadurch wird sichergestellt, dass es in der gleichen vertikalen Achse bleibt und es auch dupliziert. Das ist es, was Option tut. Die untere Schleife am B ist größer als die obere Schleife. Also, was ich tun werde, ist, es einfach rauszuziehen, um es größer zu machen. Aber wenn ich es herausziehe, wird es auch meine Schriftgröße erhöhen. Ich muss das nur auf 68 zurücksetzen. Sie können sehen, dass ich das ziemlich gut aufgereiht habe , so dass der Schnittpunkt dieser beiden Schleifen genau ausgerichtet ist. Diese Schleifen sind auch mit der Rückseite des B ausgerichtet. Was ich jetzt tun möchte, ist, wenn ich das animiere, ich möchte nicht, dass es diesen hinteren Teil hier hat. Ich werde nur in meine Schichten gehen, um es dir zu zeigen. Sie müssen diesen Schritt nicht unbedingt tun. Aber ich werde alles über diese untere Schleife auf dem B verstecken , indem ich einfach auf den Augapfel klicke. Nun, ich habe nur das sichtbar. Eigentlich sieht es nicht so aus, als wäre das den ganzen Weg gekrümmt. Ich werde das nur vorschlagen, weil ich es mag, wirklich schön und rund zu sein. Nun, was ich tun werde, ist die C-Taste zu drücken. Das wird das Schneidwerkzeug oder das Scherenwerkzeug aufzeigen. Ich werde diesen Ankerpunkt und in diesem Ankerpunkt treffen. Was das getan wird, ist, meine Form an diesen beiden Punkten zu lösen. Jetzt kann ich diese Zeile auswählen und einfach löschen. Möglicherweise müssen Sie zweimal auf Löschen klicken , da es einige kleine Nachzügler Ankerpunkte hinterlassen wird. Ich habe das alles losgeworden. Jetzt habe ich nur diese Schleife. Auf diese Weise wird beim Animieren des B der hintere Teil des B animiert, und dann wird dieser separat animiert. Ich wollte diesen verbindenden Teil nicht , weil er dann wieder animiert werden würde und abhängig von der Reihenfolge der Animation sehen Sie es möglicherweise nicht, weil dies bereits animiert wäre. Auf diese Weise haben wir alles getrennt auf einer Arbeit schön und sauber. Jetzt müssen wir das Gleiche auf der Oberseite des B tun. Ich werde nur zeigen, dass eins und drücken C auf der Tastatur, um die Schere aufzurufen, schneiden Sie sie hier und hier, und löschen Sie dieses zusätzliche Stück. Ich möchte einfach all diese Dinge wieder sichtbar machen, Sie können die Ebene schließen, wenn Sie wollen und jetzt gehen wir zu C, um das C zu machen, werde ich das Ellipsenwerkzeug verwenden, also wird das unter dem Rechteck-Werkzeug sein, so klicken und halten Sie, oder Sie können die Verknüpfung L verwenden . Ich werde gedrückt halten Shift, um einen perfekten Kreis zu machen. Ich werde es einfach an Ort und Stelle bringen. Eine Sache, die ich wirklich schnell machen werde, ist zu meinem Transformationsfenster zu gehen, und wenn Sie dieses Panel nicht sehen, gehen Sie unter Fenster und dann können Sie es dort finden. Ich werde sicherstellen, dass Skala, Striche und Effekte tatsächlich deaktiviert sind. Auf diese Weise kann ich die Größe dieses Kreises ändern, aber er wird immer den 68-Punktstrich beibehalten, den ich für alle meine Buchstaben möchte. Ich werde nur dafür sorgen, dass das aufgereiht ist. Ich werde es wahrscheinlich ein bisschen größer machen müssen, denke ich, aber es ist schwer zu sagen. Was ich tun werde, ist Befehl R zu drücken, um meine Herrscher zu bringen und dann vom Lineal werde ich eine Richtlinie herausziehen und diese direkt am unteren Rand des B positionieren, weil dies ein schöner flacher Boden ist. Sie werden feststellen, dass mit dieser Schriftart und dies passiert ist, dass die gekrümmten Teile von Buchstaben tatsächlich über diese Grundlinie hinausgehen werden genau hier. Das A erstreckt sich ein wenig über die Grundlinie und das O sollte auch. Ich benutze nur diesen Leitfaden, um sicherzustellen, dass sich mein O über die Basislinie hinaus erstreckt, nur ungefähr den gleichen Betrag wie das A. Ich werde das nur ein wenig schieben, das sieht gut aus. Nun, um dies in eine C-Form zu machen, werde ich nur noch einmal das Scherenwerkzeug verwenden, um zwei Punkte zu schneiden. Dann löschen und löschen Sie einfach wieder und das macht ein C. Ich denke, ich mag die Art und Weise, die aussieht, obwohl es nicht ganz mit der Schriftart ausgerichtet ist. - Ja. Das wird funktionieren. 4. Trenne die Buchstabenstücke in Ebenen: Jetzt, da wir alle unsere Briefe haben, werde ich sie einfach in die Farben einfärben, die ich will. Ich werde nur ziehen und wählen Sie alle, und dann gehen Sie einfach hinein und lassen Sie uns dieses blaue klicken. Nun, was ich tun möchte, ist, alle diese Stücke aller Buchstaben auf ihre eigenen Schichten zu setzen . Was ich tun kann, ist nur das Leerzeichen neben dem Kreis auf der Ebene, die alle meine Buchstaben hat, und gehen Sie dann zu diesem Hamburger-Menü, und gehen Sie, um Ebenen zu Sequenz freizugeben, und dann werde ich alle Ebenen auswählen, die es in die Sequenz freigegeben und ziehen Sie sie über meine ursprüngliche Ebene nach oben. Jetzt können Sie sehen, dass sie alle auf sich allein gestellt sind. Bevor sie verschachtelt wurden, könntest du es sagen, weil sie eingerückt sind, aber jetzt befinden sie sich alle auf ihren eigenen Ebenen. Ich habe jetzt diese leere Ebene, die ich löschen kann, und ich habe auch diese Ebene, die diese Richtlinie genau hier hat, und ich brauche das nicht mehr, also drücke ich einfach Löschen. Alles klar, jetzt habe ich jedes Stück meines Briefes auf ihrer eigenen Ebene. Um dies einfach zu animieren, werde ich nur alle Ebenen umbenennen, also wird dies A-main sein, das wird A-quer sein, und Sie können sehen, dass meine Namenskonvention ist, ich beginne mit dem Buchstaben, dann Leerzeichen, Bindestrich, und dann Leerzeichen, und dann ein Deskriptor. Dies ist der Haupt-A-Frame, das ist das Querstück des A, und das hilft mir nur zu wissen, was ich animiere , wenn ich in meine Ebenen und nach Effekten gehe. Wenn ich mit diesen Buchstaben in After Effects arbeite, möchte ich , dass sie in der Mitte der Spalte zentriert sind, und das wird es einfach einfacher machen, weil ich alle meine Ebenen und alle meine Animationen in einem Comp in After Effects haben werde , und dann werde ich diesen Comp verwenden, wenn ich ein Wort buchstabieren möchte. Wenn das jetzt keinen Sinn ergibt, tragen Sie mich mit und folgen Sie mir, es wird später Sinn ergeben. Was ich jetzt tun muss, ist, diese Buchstaben einfach in die Mitte des Komp zu setzen. Ich werde beide Stücke des A auswählen, und dann gehe ich einfach nach oben, um mich hier zu transformieren, und dann werde ich in die Mitte des Kunsttafels tippen, also weiß ich, dass das 960 mal 540 sein wird, weil das die Hälfte von 1.920 mal 1 ist, - 080. Sie können sehen, dass das A zentriert ist, lassen Sie mich einfach diese anderen Ebenen verstecken. Eigentlich ist es egal, ich kann diese Referenztextebene einfach löschen , weil ich sie nicht mehr brauchen werde. Jetzt ist mein A in meinem Komp zentriert, und ich werde nur das A verstecken und das B zeigen und dasselbe tun. Jetzt fragen Sie sich vielleicht, warum ich nicht nur alle diese auswählen und dann die ausgerichteten Werkzeuge drücke. Nun, weil es das ist, was passieren wird. Es wird nicht alle drei Stücke zusammen ausrichten, es wird jeden von ihnen an der Mitte der Kunsttafel ausrichten. Lassen Sie mich das rückgängig machen, und dann gehen Sie einfach in die Transformation und geben Sie die Hälfte der Art Board-Größe ein, und das wird es schön zentrieren. Sie können diesen Trick verwenden, wenn Sie mehrere Dinge zentrieren möchten, aber sie sind nicht gruppiert. Das C ist eigentlich nur ein Stück, also kann ich hier meine Ausrichtungswerkzeuge verwenden. 5. Akzente in Illustrator erstellen: Der nächste Schritt besteht darin, die Ebenen für alle Akzentuierungsdetails zu erstellen , die ich animieren werde. Ich werde mich nur auf die A konzentrieren und die machen. Was ich zuerst tun werde, ist, einfach alle Teile des A auszuwählen, den Befehl C zum Kopieren zu drücken. Erstellen Sie eine neue Ebene, und stellen Sie sicher, dass in dieser Ebene. Dann drücken Sie Befehl Shift V, das wird diese neuen Ebenen in die gleiche Stelle einfügen, die sie vorher waren. Also, wenn ich mein A über in A main verstecke, können Sie immer noch sehen, dass A, das ich gerade eingefügt habe. Also im Grunde haben wir zwei Kopien des A. Was ich von hier aus tun werde, ist zu Objekt zu gehen, erweitern, dann wirst du einfach Fill and Stroke drücken und OK drücken. Was das getan wird, ist meine Linien genommen, die nur eine Linie mit einem Strich waren und keine Füllung Maine diese in feste Formen. Also habe ich hier zwei Stücke, die nur solide Formen sind. Was ich tun werde, wählen Sie beide aus und gehen Sie in mein Pathfinder-Panel. Wenn Sie das nicht sehen, wird das wieder im Windows-Menü sein. Ich werde die erste Option treffen, die sich zu vereinigen ist. Jetzt hat es diese beiden Formen zusammengefügt und sie zu einer Form gemacht. Das ist nur die Form des A. Also, was ich jetzt tun kann, ist, dies zu einem Umriss zu machen. Ich werde nur die Füllung und den Strich tauschen und daran erinnern, dass, Ich denke, ich werde wollen, dass das ein weiterer Punkt dicker ist, also erhöhen Sie das und jetzt haben wir einen Umriss unseres Briefes. Also werde ich das einfach umbenennen. Wenn ich meine beiden anderen Ebenen zeige, können Sie feststellen, dass sich dieser Umriss direkt auf der Außenseite meines Briefes befindet. Was ich jetzt tun möchte, ist eine weitere Gliederung zu erstellen , die ein wenig von meinem Brief versetzt ist. Was ich tun möchte, ist sicherzustellen, dass meine Gliederung ausgewählt ist. Gehen Sie zum Hamburger-Menü und drücken Sie Duplicate jetzt habe ich eine weitere Kopie. Ich werde das nur neu einfärben, damit du sagen kannst, was es ist. Ich werde dieses Hellblau benutzen, was schwer zu sehen ist. Also, während ich dabei bin, werde ich nur eine Hintergrundebene erstellen. Wenn Sie auf klicken, können Sie bei Verwendung des Formwerkzeugs tatsächlich Wert eingeben. Also, das werde ich hier tun. Zentrieren wir das zum Flughafen. Machen Sie das zu einem dunkelblauen, gehen wir noch dunkler als das. Okay, das wird tun, Lassen Sie uns eine neue Ebene für diesen Hintergrund erstellen. Ziel auf den unteren Rand und nennen Sie es Hintergrund. Wir können das einfach sperren, damit es nicht in die Quere kommt. Jetzt mit diesem Umriss in unserer Kopie werde ich diesen Umriss tatsächlich umbenennen, wenn er ausgewählt ist, ich gehe zum Objektpfad, Offset-Pfad. Dann wird es diese Kiste aufklären. Wenn Sie Preview drücken können sehen, was los ist. Was es tut, ist, den Pfad mit den Pixeln auszugleichen, die Sie hier einfügen. Versuchen wir mal so etwas wie vielleicht 10, das ziemlich gut aussieht. Also schlag ich einfach OK. Wenn du dann genau hinsiehst, hat es meinen ursprünglichen Weg beibehalten. Ich will nicht, dass der uns gesagt hat, löschen Sie das. Also jetzt habe ich meinen Brief mit einem inneren und äußeren Umriss, die Stücke, die im Brief animieren werden. Es gibt noch eine Sache, die ich hinzufügen möchte, und das sind diese Akzentlinien. Was ich tun werde, ist auf meine Haupt- und quer Buchstaben klicken, stellen Sie sicher, dass sie mit diesen Boxen hier ausgewählt sind. Gehen Sie zum Hamburger-Menü und Duplicate Selection. Ich werde diese auf A-Ebenen ziehen, dann werde ich hineingehen und diesen Akzent benennen. Ich stelle gerne die gemeinsame Sache an erster Stelle. Diese alle haben ein gemeinsam, dann das nächste, was sie gemeinsam für diese Akzente haben, ist, dass sie Akzente sind, also werde ich hier Akzent setzen. Sie müssen nicht unbedingt meine Namenskonvention verwenden, aber es ist etwas, das ich gefunden habe, funktioniert wirklich gut. Was ich mit diesen beiden Akzenten machen werde, ist, dass sie eine andere Farbe haben. Lassen Sie uns an diesem rosa gehen und machen, dass der Strich keine Füllung, jetzt werde ich den Schlaganfall verringern. Versuchen wir es wie 10, das ist ziemlich gut. Wir wollen, dass sie über unsere Briefe hinausgehen, nur um die Animation ein wenig interessanter aussehen zu lassen, da sie in animiert wird. Was ich tun werde, ist nur zum Direktauswahlwerkzeug zu gehen. Ich werde diese Linie nach unten ziehen und die intelligenten Guides sind eingeschaltet, was schön ist, weil es mir zeigt, ob ich diese Linie gerade und den gleichen Winkel halte. Ich mache das Gleiche mit der anderen Seite. Es zeigt mir, dass ich die gleiche Länge habe, gleiche Ausrichtung mit diesem Punkt, was schön ist, dann eigentlich an der Spitze, ich möchte, dass diese Linie über die A an der Spitze hinausreicht. Was ich tun werde, ist einfach dieses Scherenwerkzeug wieder zu benutzen, um diese Linie zu schneiden, dann kann ich das nach oben ziehen und diese Seite nach oben ziehen. Los geht's, ich ziehe jetzt die quer über die Linie. Alles klar, sieht gut aus. Also muss ich diese beiden A aufteilen, die in ihre eigenen ausgekleidet sind. Ich erstelle einen neuen Layer. Dann, wenn eine der ausgewählten Zeilen ausgewählt ist, nehme ich einfach dieses kleine Feld und ziehe es nach oben in die neue Ebene. Dies wird ein Akzent 2 sein und dies wird ein Akzent 1 sein. Wenn Sie an mehreren Buchstaben gleichzeitig arbeiten, möchten Sie dies für alle anderen Buchstaben tun , oder Sie können einfach eine Ebene machen, zurückkehren und diese Schrittebene für Ihre anderen Buchstaben ausführen. 6. Die Hauptbuchstaben animieren: Wir sind bereit, mit der Animation zu beginnen. Ich habe ein neues After Effects Projekt und ich gehe einfach zur Datei, Importdatei. Ich navigiere zu der gerade erstellten Illustrator-Datei und stelle sicher , dass ich importiert habe, da die Komposition Ebenengrößen beibehalten wird. Wenn diese Dropdown-Liste nicht angezeigt wird, drücken Sie die Optionsschaltfläche. Dann werde ich aufschlagen. Wenn ich auf diesen Comp doppelklicke, habe ich alle Ebenen, die ich in Illustrator erstellt habe. Das erste, was ich tun werde, ist, alle meine Ebenen mit Ausnahme des Hintergrunds auszuwählen. Klicken Sie mit der rechten Maustaste auf Gehen, um Formen aus Vektorebene zu erstellen Dadurch werden sie nur Formebenen, so dass ich in After Effects animieren kann. Zuerst gehe ich hinein und wähle alle Shape-Ebenen für das A aus . Ich werde nur Befehlshalt C drücken, um sie vorab zu komponieren, und ich werde nur dieses A nennen und OK drücken. Jetzt kann ich auf diesen Comp doppelklicken und jetzt habe ich gerade die A-Ebenen hier. Das erste, was ich hier animieren werde, ist der Hauptteil des Briefes, den ich blau gemacht habe. Ich werde alle anderen Ebenen verstecken und einfach daran arbeiten. Ich gehe nach unten und gehe, um Trimmpfade hinzuzufügen, und schalte das dann nach unten. Lassen Sie uns einen Keyframe setzen, sagen wir bei vielleicht 20 Frames. Legen Sie einen Schlüsselrahmen für den Endwert fest und gehen Sie dann zurück zu 0 und bringen Sie den n Wert auf 0. Sie werden sehen, dass im Hauptteil des A animiert wird. Jetzt werde ich nur diesen Begriff Pfad auf den queren Teil des A kopieren und U auf der Tastatur drücken, um meine Keyframes zu sehen. Ich möchte, dass diese Animation ein wenig später beginnt. Ich ziehe diese Keyframes einfach rechtzeitig nach vorne, vielleicht dort. Die Animation muss nicht so lange dauern, weil sie eine kürzere Linie ist . Vielleicht ziehe ich das hier, passe sie ein wenig an und sehe, wie das aussieht. Gut. Aber es ist wirklich langweilig, weil es sich um lineare Keyframes handelt, und so ist die Bewegung die ganze Zeit genau die gleiche Geschwindigkeit. Was wir tun können, ist die Auswahl dieser Keyframes. Wir können beide gleichzeitig auswählen. Jetzt haben wir ein paar Optionen von hier, um Lockerung hinzuzufügen. Das erste, was Sie tun können, ist mit der rechten Maustaste, gehen Sie zum Keyframe-Assistenten. Sie können zwischen einfacher Leichtigkeit, leichtem Ein- und Ausweichen wählen. Oder Sie können F9 drücken, um sie zu erleichtern. Aber wieder, einfache Leichtigkeit nicht all so interessant einer Animation. Mal sehen, was wir sonst noch tun können. Eine Sache, die ich die ganze Zeit verwende, um meine Keyframes zu erleichtern und die Animation interessanter zu machen, ist dieses Plug-in namens motion, und jetzt sind wir auf Bewegung Version drei. Dies ist ein Plug-in, das ich nicht mit allem verbunden bin, aber ich würde es sehr empfehlen, weil es Ihnen so viel Zeit spart. Sie können diese Voreinstellungen verwenden, um Ihren Keyframes eine Erleichterung hinzuzufügen. Jetzt können Sie mit Bewegung drei sogar eine kleine Vorschau sehen, wie der Diagrammeditor mit diesen Schaltflächen aussehen würde. Sie können weiterhin die Schieberegler verwenden, um die Beschleunigung der Keyframes anzupassen. Wenn Sie das Geld für Bewegung drei nicht ausgeben wollen, verstehe ich es völlig, aber wenn es ein Plug-In gibt, würde ich für Animatoren empfehlen, es wäre Bewegung drei, aber immer noch, wenn Sie es nicht haben, ist das völlig in Ordnung. Du brauchst es nicht. Sie können dieses kleine Symbol hier drücken, um in den Diagramm-Editor zu gehen, und dann können Sie Ihre Keyframes von hier aus anpassen. Ich werde das ganz auf die rechte Seite bringen, und mal sehen, wie das aussieht. Das ist wirklich knackig, es ist sehr langsam und dann plötzlich schnappt das ins Ziel. Das ist ein bisschen zu viel. Ich bringe das einfach ein bisschen runter. Vielleicht so etwas. Vielleicht sogar ein bisschen weniger. Ich glaube, das sah ziemlich gut aus. Nehmen Sie sich etwas Zeit, um Ihren Diagramm-Editor anzupassen oder Voreinstellungen oder Dual-Combo von beiden zu verwenden , denn das ist wirklich, was Ihre Animation interessant macht. Wenn Sie nur die standardmäßigen linearen Keyframes verwenden, wird es ziemlich langweilig. Wenn Sie einfache Leichtigkeit verwenden, macht es ein wenig besser, aber wenn Sie wirklich hineingehen und Ihre Keyframes anpassen, besonders wenn Sie komplexere Buchstaben als A haben, wie wenn Sie vielleicht drei Stücke los haben, hilft es wirklich , um Ihre Animation viel interessanter zu machen und sieht einfach viel polierter aus. Sobald Sie das so haben, wie Sie es mögen, können Sie aus dem Diagramm-Editor klicken, und jetzt werde ich beide Ebenen auswählen und Befehlshalt C drücken, um sie vorauszukomponieren. Ich werde das A Haupt nennen weil es der Hauptteil meiner Briefe ist und nur getroffen, okay. Jetzt habe ich diese Komposition, die beide Ebenen mit derselben Animation hat. Aber was ich jetzt tun kann, ist es zu duplizieren. Ich gehe zu meinen Effekten und Voreinstellungen, und wenn du das nicht siehst, kannst du zum Fenster gehen und du wirst es dort finden. Ich werde nur in dieses Suchfeld direkt hier eingeben. Ich werde füllen eingeben. Ich werde diesen Effekt nehmen, ziehen Sie das auf meine A-Haupt, die oberste Ebene. Das wird es neu einfärben und ich habe standardmäßig dieses widerliche Rot, aber was ich eigentlich haben möchte, ist eine andere Farbe. Ich gehe zurück zu meiner Illustrator-Datei, nur weil ich diese Muster hatte. Ich werde die hellblaue Farbe kopieren, wenn ich diese Hexadezimalzahl kopiere und okay drücke. Gehen Sie zurück zu After Effects und fügen Sie dieses in dieses Farbfeld ein. In Ordnung, wenn ich also Bewegung drei benutzt habe, kannst du auf diese Farbe klicken und hier neu einfärben, und du kannst sogar deine Farbfelder importieren. Das ist eine andere Sache, für die Bewegung drei wirklich praktisch ist. Was ich jetzt tun werde, ist, diese Ebene über zwei Frames in die Zukunft zu ziehen. Jetzt können Sie sehen, dass ich meine blaue Ebene und dann meine hellblaue Ebene gestaffelt habe, aber beide machen die gleiche Animation. Ich werde das noch einmal machen und diese Schicht staffeln, und dann mal sehen. Ich denke, ich möchte, dass mein erster hellblau ist, der zweite das mittlere Blau ist, und dann meine letzte Schicht, ich werde diese Füllung auch hinzufügen. Ich werde es dunkelblau machen. Jetzt habe ich eine versetzte Animation von drei Farben, die in animieren. Ich konnte diesen Comp in dieser Animation wiederverwenden und ihn einfach neu einfärben. 7. Äußere Umrisse animieren: Das nächste, was ich animieren werde, ist der äußere Umriss. Also werde ich nach unten umschalten, gehen, um Trimmpfade hinzuzufügen, und dann die Trimmpfade hinunterschalten, ich gehe zu etwa einer Sekunde, um einen Keyframe für den n Wert auf 100 Prozent zu setzen , und dann zu Null Frames und bringen Sie dies auf Null. Jetzt können Sie sehen, dass es in animiert ist, aber der innere Teil des a, aber der innere Teil des a, dieses kleine Dreieck animiert zuerst und dann den äußeren Teil. Ich möchte, dass sie beide gleichzeitig animieren. Hier können Sie sehen, dass Trimmen mehrere Formen gleichzeitig und nicht einzeln festgelegt ist , also würden Sie denken, dass dies bedeuten würde, dass sie beide gleichzeitig animieren würden. Aber da das nicht passiert, habe ich festgestellt, dass, wenn Sie diese Trimmpfadebene einfach unter Pfad zwei nach oben ziehen, es funktioniert, wie Sie es erwarten würden. Also animieren sie beide zur gleichen Zeit. Also habe ich den Umriss animiert, aber in meinem endgültigen Design möchte ich diesen Umriss nicht sehen. Also muss ich es auch animieren. Also werde ich unter Trimmpfaden ein Schlüsselbild für den Startwert auf Null und dann auf 100 Prozent setzen. Jetzt, wenn Sie dies wiedergeben, werden Sie nichts sehen, weil der Start- und der Endwert immer den gleichen Prozentsatz haben, und das bedeutet, dass Sie nichts sehen. Was ich tun muss, ist die Lockerung für diesen Keyframe anzupassen, so dass sie gleichzeitig animiert werden, aber Sie werden tatsächlich einen Teil der Zeile sehen, weil diese Werte gestaffelt sind. Also werde ich nur F9 drücken, um sie zu erleichtern, dann in meinen Diagramm-Editor springen, und ich werde den Start schnell und dann langsam machen, also werde ich das einfach so ziehen, also wird es schnell gehen und dann verlangsamen, und der n-Wert wird das Gegenteil tun. So langsam und dann schnell. Lasst uns das zurückspielen und sehen, wie es aussieht. Da ich also mit dem Strich arbeite, kann es schwierig sein zu sehen, was passiert, wenn meine Ebene ausgewählt ist, weil sie auch wie ein Strich ist. Was Sie also tun können, ist, diese kleine Schaltfläche hier zu drücken, und was das tun wird, ist, es einfach so zu machen, dass es nicht die tatsächliche Form Ihrer Ebene auswählt , wenn die Ebene ausgewählt wird, so dass ich sehen kann, was besser los ist. Mit dieser Animation und der Lockerung dieser Keyframes können Sie die Linie sehen, da die Beschleunigung gestaffelt ist. So animiert es alle auf einmal ein- und ausgeschaltet. Also lasst uns das zurückspielen und sehen, wie es aussieht. In Ordnung. Eine Sache, die mir auffällt, ist, dass die Animation für den Umriss auf der rechten Seite von vorn beginnt, während der Rest der Animation auf der linken Seite beginnt. Also möchte ich diese Animation auf dem Umriss bewegen, um auch links zu beginnen. Was ich tun kann, ist diesen Offset-Wert zu ändern und ihn einfach zu ziehen , um sich dort zu beugen. Mal sehen, wie das aussieht. Schön. Ich möchte auch nur darauf hinweisen, dass Sie die Richtung ändern können, die der Pfad mit diesen Schaltflächen animiert. Ich werde meine behalten, wie es ist. Ich werde meine Keyframes auf dem Umriss anpassen , so dass die Animation etwas länger dauert. Lassen Sie uns die letzten beiden Keyframes hierher bringen. Auf diese Weise lasse ich zuerst die Hauptanimation gehen, und dann ist noch ein wenig von der Umrisslinie sichtbar, die nach Abschluss der Hauptanimation animiert wird. Ich mag die Art, wie das aussieht. In Ordnung. Wir sind bereit, mit dem nächsten Schritt fortzufahren. 8. Innere Umrisse animieren: Das nächste, was ich animieren werde, ist der innere Umriss und ich kann tatsächlich die Trimmpfade vom äußeren Umriss kopieren und in den inneren Umriss einfügen. Zuerst gehe ich in den äußeren Umriss, wähle den Trimmpfad aus, drücke Befehl C zum Kopieren, schließe das, gehe in den inneren Umriss und stelle sicher, dass mein Spielkopf bei Null Frames ist und drücke Befehl V zum Einfügen. Jetzt kann ich nach unten wechseln, um diese getrimmten Pfade zu sehen und standardmäßig wurden sie in Gruppe 2 eingefügt und ich werde sie einfach in Gruppe 1 unter Pfad 2 verschieben und ich kann Gruppe 2 tatsächlich löschen. Dies wird die gleiche genaue Animation wie der äußere Umriss sein, also möchte ich sie ändern. Das erste, was ich tun werde, ist nur die Pfadrichtung zu wechseln und ich werde den äußeren Umriss zeigen, nur damit ich weiß, womit ich arbeite und lass uns den Offset ein wenig anpassen, also auf der inneren Kontur bin ich gehen, um das einfach dorthin zu bewegen. Ich mache sie nur ein wenig versetzt und jetzt, was ich tun werde, also werde ich den äußeren Umriss verstecken. Ich werde diesen inneren Umriss duplizieren. Ich werde einfach Befehl D drücken, um zu duplizieren und dann diese duplizierte Version, werde ich eine andere Farbe machen. Wenn Sie das Motion-Plugin nicht haben, können Sie einfach die Farbe hier ändern und ich werde den Strich ein wenig dicker machen, wie rötliche Farbe eins. Ich bringe das einfach auf vielleicht vier und du kannst sehen, wenn du genau hinsiehst, dass ich diesen inneren Umriss 2 oben auf dem roten habe und was ich hier tun werde, ist, einfach in die Trimmpfade zu gehen und die Richtung des Pfades zu wechseln, also geht es in die entgegengesetzte Richtung und ich werde diesen Offsetwert einfach anpassen. Sie beginnen wie direkt nebeneinander , aber dann werden Sie sehen, wenn sie an- und ausanimieren, werden sie sich voneinander trennen. Der Umriss 2, der weißliche farbige ist oben auf dem roten und ich möchte nicht in der Lage sein, es dort überlappend zu sehen , also werde ich es einfach unten bewegen. Eine Sache, die ich gerade bemerkt habe, ist, dass die Enden dieser Linien eine flache Kappe haben und ich möchte, dass sie abgerundet werden, obwohl es wirklich klein ist und es ein sehr kleines Detail ist, ich gehe einfach in und unter Schlaganfall, ich werde es ändern von Butt Cap zu runden Kappe und ich werde in und tun, dass auf den anderen Schichten als gut und ich werde auch diese auf meine äußeren Umrisse ändern müssen. Wir sind gut dorthin zu gehen. Ich werde nur diese Ebenen schließen und ich werde meinen Arbeitsbereich anpassen, verkleinern und das wiedergeben. Genau wie es ist, ist dies ein cooler Effekt, weil Sie Animation in beide Richtungen haben. Sie können das A für eine Sekunde lesen und dann animiert es aus. Mal sehen, wie alles insgesamt aussieht. Das ist es, was wir bisher haben. 9. Akzentlinien animieren: Das nächste, was ich animieren möchte, sind diese Akzentlinien, die durch die Mitte der Buchstaben verlaufen. Ich gehe hinein und mache meine erste Akzentlinie sichtbar, schalte nach unten und füge Trimmpfade hinzu. Dann schalte ich nach unten und setze einen Keyframe für den Endwert auf Null Prozent, bei Null Frames. Dann werde ich rechtzeitig etwa 20 Frames vorwärts gehen und dann diesen N-Wert auf 100 Prozent bringen. Jetzt möchte ich auch, dass diese Linie animiert wird, also werde ich einen Keyframe für null Prozent am Startwert festlegen, rechtzeitig vorwärts gehen und einen Keyframe auf 100 Prozent festlegen, und das animiert die Linie aus. Aber ich will nicht, dass meine Animation den ganzen Weg weiter und dann den ganzen Weg weiter geht, weil das nicht sehr interessant ist. Ich werde diese Keyframes auf den Startwert nehmen und sie ziehen , um ein wenig mit meinen End-Keyframes zu überlappen. Lassen Sie uns sie etwa fünf Frames überlappen. Mal sehen, wie das aussieht. Nicht schlecht, aber wir müssen diese Keyframes erleichtern. Aber zuerst möchte ich nur bemerken, dass ich das schon einmal animiert habe, also weiß ich, was gut aussehen wird. Wenn Sie das zum ersten Mal tun, und als ich das zum ersten Mal tat, musste ich mit den Keyframes in der Überlappung und Lockerung basteln. Also fühle dich nicht schlecht, wenn du viel Zeit damit verbringst , herauszufinden, was gut aussieht, das ist völlig normal. Ich habe das gerade schon herausgefunden, also musst du nicht zusehen, wie ich das durchmache. Ich gehe hinein und füge Erleichterung zu meinen Keyframes hinzu, indem ich sie einfach auswähle, mit der rechten Maustaste klicke und einfach gehe. Dann werde ich in den Diagramm-Editor springen, und ich werde meinen Startschlüsselbild langsam und dann schnell gehen, und mein End-Keyframe schnell und dann langsam gehen. Es sieht so aus, als würde der Stern der orange sein. Also lassen Sie uns diesen Keyframe auswählen, ziehen Sie ihn über, ziehen wir ihn über, vielleicht so etwas. Jetzt werde ich versuchen, den gleichen Bogen auf den End-Keyframes zu machen, aber nur spiegelte Bilder. So etwas wie das. Jetzt spielen wir das zurück und sehen, wie es aussieht. Ja, viel interessanter als das, was wir in linearen Keyframes hatten. Die ganze Zeit, die Sie benötigen, um Ihren Diagramm-Editor anzupassen , wird Ihre Animation wirklich auf die nächste Ebene bringen. Das Schöne daran ist, dass Sie oft Ihre Keyframes kopieren und einfügen können, und sogar die Lockerung Ihrer Keyframes, so dass Sie nicht dort sitzen müssen und den Diagramm-Editor für jedes einzelne Keyframe, das Sie festgelegt haben, ziehen müssen. Wenn ich zum Beispiel diese Keyframes auf den zweiten Akzent kopieren wollte, muss ich das nicht reanimieren, weil mir die Art und Weise gefallen hat, wie es sich herausstellte, kann ich einfach hineingehen und die Trimmpfade kopieren. Stellen Sie sicher, dass Sie Ihren Spielkopf bei Null Frames haben, das ist, wo Sie sie einfügen möchten. Ich werde diese sichtbar machen und drücken Sie „Befehl+V“, um sie einzufügen. Sie können die Keyframes dort sehen, und das Gleiche für diesen. Das hätte ich zur gleichen Zeit tun können. Nun, was ich tun werde, ist, meine Keyframes so zu versetzen, dass ich eines reinkomme, und dann das nächste kommt und dann das nächste kommt, in der gleichen Reihenfolge, in der der Brief es im Hauptteil des Briefes animiert. Also ziehen wir diesen Akzent auch auf etwa, mal sehen, vielleicht wie 10 Frames, um zu sehen, ob das richtig aussieht, nur diesen zu verstecken. Ja, das sieht gut aus. Ich möchte, dass es ist, bevor der Hauptteil des Briefes kommt, oder genau zur gleichen Zeit. Vielleicht sogar wie acht Frames. Ja, das sieht gut aus. Dann ein bisschen, bevor diese reinkommen, vielleicht sind das etwa 20 Frames für diese über Axone. Lasst uns das sichtbar machen. Ich möchte sicherstellen, dass alles zur gleichen Zeit endet. Sie können diese kleinen kleinen Punkte der Animation in der Kontur zu sehen ist fertig. Also lassen Sie uns sicherstellen, dass dieser zur gleichen Zeit fertig ist, oder ein wenig bevor sogar, durch zur gleichen Zeit, das wird funktionieren. Lasst uns das Ganze zurückspielen, was wir bisher haben. Sieht ziemlich gut aus. Eine andere Sache, die ich erwähnen möchte, ist, dass Sie, wenn Sie Ihre Keyframes lockern , dass Sie auf andere Keyframes kopieren möchten, aber Sie möchten nicht wirklich denselben Keyframe kopieren, also wenn ich die Lockerung auf diesen Keyframes, dieses Diagramm, aber ich möchte die tatsächlichen Trimmpfad-Keyframes nicht kopieren, die von 0-100 Prozent gehen, vielleicht wollte ich sie auf die Positionsschlüsselbilder kopieren oder etwas, es gibt ein wirklich nützliches Plug-in dafür. Es heißt EaseCopy. Ich erwähne nur das, nur weil es etwas ist, das ich viel benutze, nicht damit verbunden bin, aber ich empfehle es, weil es es wirklich einfach macht, die Lockerung der Keyframes durch Drücken von Kopie zu kopieren, und dann fügen Sie es in andere Keyframes ein, indem Sie „Easy“ drücken. Das ist nur etwas, was ich darauf hinweisen wollte, weil es Ihnen viel Zeit erspart. Ich wünschte, ich hätte es früher gewusst. Ein weiterer Tipp für Sie, wenn Sie mit der Arbeit an komplexeren Animationen beginnen, ist, Ihre Animation in Zeitlupe wiederzugeben , damit Sie sehen können, was etwas klar ist. Ich weiß für mich, dass das wirklich hilft, wenn ich viel los habe. Was Sie tun können, ist in das Vorschaufenster zu gehen, und dann ist meine Bildrate für dieses Projekt auf 30 Frames festgelegt. Was ich tun werde, ist, es zu etwas niedrigerem zu ändern. Ich geh einfach um 15 Uhr. Wenn ich das abspiele, wird es so spielen, als ob es in Zeitlupe ist. Das macht es mir einfach einfacher, alles zu erkennen, was nicht funktioniert, oder etwas Besseres zu machen. 10. Umgekehrte Animation: Nun, da wir unseren Brief in seiner Zeit animieren, um ihn zu animieren. Es gibt ein paar Möglichkeiten, das zu tun. Eine besteht darin, in jede Ebene zu gehen und Schlüsselbilder festzulegen, um die Ebene zu animieren. Oder Sie können das Ganze auf die gleiche Weise abzielen lassen, wie es hereinkam. Ich werde Ihnen zeigen, wie Sie das jetzt wirklich leicht machen können. Also werde ich diese ganze Komposition nehmen, die A genannt wird, und ich werde sie einfach duplizieren. Eine Möglichkeit, das zu tun, ist, es auf diesen kleinen Knopf hier zu ziehen und dann wird es eine neue Komp mit diesem Comp im Inneren machen. Also wird es automatisch das A2 nennen und ich werde es einfach A in und out nennen. Dann, was ich in diesem A in und out comp tun werde, werde ich die A-comp duplizieren, die die Animation des Briefes hat. Also werde ich das duplizieren, indem ich den Befehl D trage . Dann werde ich auf dieser obersten Ebene mit der rechten Maustaste klicken, auf die Zeit gehen und dann auf die umgekehrte Schicht zurückkehren. Wenn ich diese Ebene nur soloiert mache, werden Sie sehen, dass sie rückwärts animiert wird. Wie Sie sehen können, ist mein Comp wirklich lang und ich brauche diesen ganzen Link nicht. Also gehe ich einfach rein, doppelklicke auf die Komp und ändere die Dauer des Computers, so lange ich brauche. Es sieht so aus, als ob meine Animation etwa eine Sekunde dauert, 15 Frames. Also werde ich meinen Komp nur auf zwei Sekunden schneiden. Da ich meinen Arbeitsbereich bereits für zwei Sekunden eingestellt habe, kann ich einfach mit der rechten Maustaste auf den Arbeitsbereich klicken und sagen: „Comp auf den Arbeitsbereich zuschneiden“. Sie können auch zu den Kompositionseinstellungen oder Befehl K gehen, um die Zeit genau hier anzupassen. Jetzt, wo ich den Tunnel, meinen Computer angepasst habe, gehen wir zurück in den A-Computer. Jetzt werden Sie sehen, dass der Computer kurze Ende. Also kann ich einfach mit den anfangen. Also, nachdem das A hereinkommt, wird es animiert und umgekehrt, um zu animieren. Dann muss ich das loslegen und dann, wenn ich es wiederspiele, mal sehen, wie das aussieht. Perfekt. Also lassen Sie mich einfach meinen Arbeitsbereich umdrehen. Ein Nachteil davon ist, dass es genau auf die gleiche Weise animiert , wie es genau gegenüber kam, und wenn das nicht das ist, was Sie wollen , nun, haben Sie keine Optionen mit dieser Methode. Der andere Weg, wie Sie dies tun können, ist, tatsächlich in Ihren Hauptkomp zu gehen und dann einfach den Schlüsselrahmen anzupassen. Also tatsächlich animiert mit den einzelnen Keyframes auf jeder Ebene. So können Sie dies auf eine ganz andere Art und Weise animieren. Dann würden Sie in animieren. Du könntest etwas ziemlich Ähnliches tun, aber vielleicht nur eine andere Reihenfolge. Wie das erste, was in ist das Letzte, was aus oder umgekehrt , und Sie können die Dinge genau so beginnen, wie Sie sie wollen. Aber wenn Sie cool sind, wenn Ihre Animation nur auf die gleiche Weise ausgeht, wie sie hereinkam, einfach rückwärts, dann ist es einfach, den Computer zu duplizieren und umzukehren. Wenn Sie eine Animation haben, die Sie in eine Videodatei oder GIF exportieren können, können Sie am Ende dieses Kurses zu Video 19 wechseln, um zu erfahren, wie Sie sie rendern. 11. Animation auf anderen Buchstaben übertragen: An dieser Stelle sollten Sie einen Buchstaben haben, der ein- und auszieht. Es ist okay, wenn es genau wie meins aussieht. Sie können diese Version sogar im Klassenprojekt posten. In diesem Video werde ich Ihnen zeigen, wie Sie diese Animation ganz einfach kopieren und in andere Buchstaben einfügen können, wenn Sie das tun möchten. Das erste, was ich tun werde, ist zu meinem Projektpanel zu gehen und einfach diese A-Komposition zu nehmen und sie zu duplizieren, indem ich den Befehl D treffe. Das wird es A2 nennen. Aber ich werde Enter drücken und es B umbenennen, denn das ist ein weiterer Brief, den ich in Illustrator machen wollte. Dann werde ich das öffnen und es hat sich nicht nur magisch in den Buchstaben B geändert , weil ich ihn umbenannt habe. Wenn das nur funktioniert hat. Was ich tun werde, ist in meine ABC-Komp zu gehen, das ist diejenige, wo ich alle Briefe in Illustrator gemacht habe. Ich werde alle diese B-Ebenen kopieren. Aber ich muss die Formebenen kopieren, die ich erstellt habe. Dann werde ich Befehl C drücken, um zu kopieren. Geh rüber zu dieser Komp, die ich B genannt habe, aber hat eigentlich keine Schichten, die RB hier drin sind. Ich werde Befehl V drücken, um sie einzufügen. Jetzt werde ich nur alle meine Schichten schließen. Dann lassen Sie uns alle A-Ebenen so ausblenden. Wenn ich diese Ebenen kopiere und einfüge , kamen sie in umgekehrter Reihenfolge, wie ich sie in meinem A mit den Akzenten oben habe. Wirklich schnell werde ich diese einfach neu ordnen. Da gehen wir. Dann lassen Sie uns alles verstecken, das ist nicht das erste, was ich es animieren möchte. Diese ähneln dem, was in diesem A-Hauptkomp ist. Was ich tun werde, ist eigentlich nur in meine A-Hauptkomp zu gehen und Termpfade zu kopieren und einzufügen, nur diese Schlüsselbilder, also der Begriff Pfad. Dann geh zurück in die B-Komp. Stellen Sie sicher, dass mein Spielkopf bei Null Frames ist, und fügen Sie das dann einfach in die B ein. Ich werde das nur für alle drei dieser Ebenen tun. Mal sehen, wie das aussieht. Ich muss diese Schichten staffeln. Zuerst möchte ich, dass die linke Seite des B, die gerade Linie nach unten kommt. Dann können wir die obere Schleife des B und dann die untere Schleife des B haben. Ich möchte die Länge meiner Animation über alle Buchstaben konsistent halten , so dass, wenn ich die Buchstaben zusammensetze, um ein Wort zu machen, die Animation kohärent aussieht. Was ich tun werde, ist in die A-Hauptkomposition zu gehen und einfach zu sehen, wo diese Animation endet. Es endet mit einer Sekunde. Das bedeutet, dass ich diese B-Animation um eine Sekunde enden muss. Ich kann das einfach zurückziehen. Während ich das durchspiele, sehe ich, dass die untere Schleife des B ein wenig zu früh beginnt, weil diese Zeile noch [unhörbar] erreicht hat und mir nicht gefällt, wie das aussieht. Es ist nicht unbedingt falsch. Es ist nur so, dass ich den Look nicht mag. Ich werde das vorbringen. Vielleicht muss diese Top-Schleife ein wenig schneller gehen. Es gibt ein paar Bilder hier, wo nichts los ist. Weil Sie den Anfang davon nicht sehen können, weil es sich mit der oberen Schleife überlappt. Was ich tun werde, ist, diese obere Schleife einfach zurück zu bewegen, nur ein bisschen. Mal sehen, wie das aussieht. Ich möchte das nicht sehen, untere Schleife kommt, bevor die obere Schleife hereinkommt. Was ich tun werde, ist, diese Ebene einfach zu ziehen, so dass sie hier nicht sichtbar ist. Ich muss es dorthin bringen. Dann kann man nie wirklich sagen, dass es gehackt ist, weil es sich hinter dem Top B versteckt Lass mich das hier spielen und sehen, wie das aussieht. Es ist ziemlich schnell. Vielleicht ziehe ich die einfach ein bisschen raus und könnte etwas besser sein. Eine Sache, die ich tun kann, wenn ich nicht möchte, dass es ziemlich knackig ist, ist, die Keyframes anzupassen. Lass mich einfach reingehen, und vielleicht ist das nicht so hart. Ich denke, ich möchte den letzten Keyframe am Ende ziemlich hart halten , als ob es am Ende wirklich schnell geht. Mal sehen, wie das aussieht. Oh, und vielleicht muss dieser auch etwas weniger hart sein. Ja, ich mag es am Ende sind Schnappschüsse, aber die Animation ist im ersten Teil etwas sanfter, wie der Auf- und Abteil des B in der oberen Schleife. Sobald Sie das an einen Ort gebracht haben, an dem Sie es mögen, wählen Sie einfach alle drei dieser Ebenen aus, drücken Sie Befehlshalt C, um sie vorkomponieren zu können. Lassen Sie uns dieses B-Haupt nennen. Da gehen wir. Erinnern Sie sich, wie ich auf diesen A-Schichten hatte. Ich hatte sie mit verschiedenen Farben versetzt. Was ich tun werde, ist einfach zu gehen, was die A ausgewählt? Ich gehe zu meinen Effekt-Steuerelementen. Immer wenn Sie eines dieser Panels, von denen ich spreche, nicht sehen wird es immer unter Fenster sein. Ich werde nur diese Füllung kopieren. Ich wähle einfach aus, wo gefüllt steht, drücke Befehl C und füge das dann auf das B ein. Nun, das das mit der dunkelblauen Farbe neu gefärbt hat. Ich werde das duplizieren. Erste Kopie. Meine Füllung aus dem A. Hit Command B. Lassen Sie uns das an die gleiche Position staffeln, wie die A. Duplizieren Sie das. muss ich auch staffeln und kopieren. Das fiel auf diese Schicht. Wir können nun diese A-Hauptebenen löschen. Jetzt haben wir das B mit allen drei Farben versetzt. Das nächste, was ich tun werde, ist, meinen inneren Umriss zu zeigen. Dann werde ich den inneren Umriss nehmen, umschalten und einfach diese Trumpfade kopieren. Stellen Sie sicher, dass Ihr Spiel auf Null steht. Ich gehe zu meinem inneren Umriss auf dem B Hit Command B. Es sieht so aus, als hätte es in eine neue Gruppe eingefügt. Ich muss das oben in die Gruppe 1 unter allen drei Pfaden ziehen. Ähnlich wie das, was ich in der A tun musste dann werde ich nur Gruppe 2 löschen. Nun, lassen Sie uns einfach sehen und es ist einfacher zu sehen. Ich möchte sicherstellen, dass ich in die gleiche Richtung gehe, entweder im Uhrzeigersinn oder gegen den Uhrzeigersinn wie mit dem A. Je nachdem, wie das B gebaut wurde, kann es funktionieren oder nicht, wenn ich es einfach kopiere. Schauen wir uns an, wann ich das A innerlich gemacht habe. Mal sehen, in welche Richtung das ging. Es ging im Uhrzeigersinn. Ich habe auch einen dickeren Schlag dort, dass ich es irgendwo auf dem Weg geändert haben muss. Lass uns einfach reingehen und diesen Schlag in vier ändern und schauen wir uns mal an. Dieses B geht gegen den Uhrzeigersinn, während das A im Uhrzeigersinn geht. Ich muss die wechseln. Lassen Sie mich nur sicherstellen, dass das Innere des A, glaube ich, in die entgegengesetzte Richtung geht. Ja. Innerhalb von A geht gegen den Uhrzeigersinn. wir einfach sicher, dass das mit dem B übereinstimmt . Jetzt möchte ich einen Blick darauf werfen, wo diese Animation beginnt. Auf meinem A, lassen Sie mich einfach wieder meine A-Animation zeigen. Ich habe mit den Umrissen hier unten in der linken unteren Ecke angefangen. Dann gingen sie hoch und umher. Für das B beginnt meine Animation des tatsächlichen Buchstabens oben und mit meinem A habe ich unten angefangen. Vielleicht war das nicht so eine gute Wahl. Vielleicht möchte ich eigentlich das A an der Spitze starten und dann jeden einzelnen Buchstaben immer oben anfangen lassen. Oder vielleicht wollte ich ein paar Buchstaben auf der Unterseite machen, ein paar Buchstaben von oben. Das ist eine Designentscheidung, die ganz Ihnen überlassen wird. Aber dafür gehe ich einfach mit dem B an der Spitze. Denn wenn du B schreiben würdest wie mit deiner Handschrift, würdest du oben anfangen und mit A Großbuchstaben, du würdest wahrscheinlich unten anfangen. Vielleicht ist das meine Regel. Die Sache mit diesen Entscheidungen ist, dass Sie nur in Ihren Briefen konsistent sein wollen. Kommen Sie mit ein paar Ideen, denn ich möchte, dass die ganze Animation diesen Song nimmt. Ich möchte, dass sie alle diese Farben haben. Oder diese Buchstaben beginnen so, diese anderen Briefe beginnen so. Erstellen Sie einfach ein paar Regeln für sich selbst, damit Ihre Buchstaben konsistent aussehen , wenn Sie ein ganzes Wort oder das ganze Alphabet animieren. Aber Sie können Ihre eigenen Regeln erstellen. Was ich für dieses B tun werde, ist nur sicherzustellen, dass mein innerer Umriss oben in der Nähe von dem beginnt, wo das B beginnt zu zeichnen. Ich muss nur in den Offset dieses Trimmpfades gehen und diesen Start nur näher an die Spitze bringen. Irgendwas in der Gegend. Denken Sie nun daran, dass ich in diesem Umriss dupliziere und es dann in eine weißliche Farbe wiedergefärbt habe. Dann machte ich den Schlaganfall etwas dünner und ich kehre die Richtung um. Sehen wir uns jetzt an, wie das aussieht. Ich muss sicherstellen, dass der Offset hier von dort aus beginnt, wo ich es will, was gleich neben diesem roten Umriss sein wird. Dann möchte ich auch, dass der rote Umriss oben auf dem Weiß steht. Das sieht ziemlich gut aus. Ich musste nichts wiederbeleben. Es war ziemlich einfach, es aus dem Umriss auf dem A zu kopieren. Jetzt kann ich diese inneren Umrisse auf dem A löschen. Gehen Sie in meinen äußeren Umriss, finden Sie diese getrimmten Pfade, Befehl C zum Kopieren. Dann auf dem B, lassen Sie mich meinen äußeren Umriss zeigen und dann fügen wir ihn in eine neue Gruppe ein, die ich aus irgendeinem Grund diese roten Umrisse auf diesem B habe. Seine Gruppe 1, und ich will diese nicht, die werden wahrscheinlich von Illustrator und ich haben sie nur versehentlich nicht gelöscht. Das kann ich hier ganz schnell machen. Dann ziehe ich meine Trimmpfade unter Pfad drei nach oben. Löschen Sie diese Gruppe, weil ich sie nicht benötige. Mal sehen, wie das aussieht. Dieser äußere Umriss auf dem A geht im Uhrzeigersinn und auch das B. Das sieht gut aus. Ich kann diesen äußeren Umriss auf dem A. löschen Lassen Sie uns sicherstellen, dass dies an der Stelle beginnt, an der ich möchte, dass es beginnt. Wahrscheinlich helfen wir hier, nur die anderen Umrisse zu zeigen. Ja, ich denke, das sieht ziemlich gut aus, ohne sich viel anzupassen. Vielleicht müssen wir nicht einmal den Offset anpassen. Das nächste, was zu animieren ist, sind die rosa Akzentlinien auf dem B Lassen Sie uns diese zeigen und kopieren Sie den Akzent aus dem A Kopieren Sie diese Trimmpfade und lassen Sie uns einfach auf alle drei von ihnen auf einmal einfügen. Drücken Sie U, um sie zu sehen. Werfen wir einen Blick darauf, wie das aussieht. Lassen Sie mich diese Umrisse auch verstecken, damit es nicht ablenkt. Offensichtlich will ich nicht, dass sie alle auf einmal kommen, weil das nicht im Einklang mit den A. Lassen Sie uns einen Blick auf diese Akzente werfen und wenn sie fertig sind. Die Akzente auf dem A wurden bei einer Sekunde beendet, 15 Frames, also ist das mein Zeitrahmen für die Akzente in der B. Die untere Schleife auf dem B wird die letzte sein, die endet, also lass mich das einfach bis zu einer Sekunde 15 Frames ziehen. Dann setzen wir die Top-Akzente irgendwo in der Mitte. Wenn ich das wirklich langsam zurückspiele, kannst du dieses seltsame Ding hier sehen, wo diese Linie beginnt und dann mit der anderen verbunden ist. Was ich tun werde, ist, das zurückzuziehen. Es fängt an wie hier. Ich denke, dieses zweite kleine Stück hier, ich denke, das ist okay. Lassen Sie mich einfach alle meine Ebenen für das B noch einmal zeigen. An dieser Stelle kann ich die Akzente auf dem A löschen. Jetzt habe ich nur meine B-Ebenen hier und ich werde leicht alle meine Schlüsselbilder vom A über nach B kopiert . Ich habe mein Bestes getan, um es konsistent zu halten. Aber mal sehen, was der letzte Blick ist. Ich denke, das sieht ziemlich gut aus. Der nächste Schritt wäre, die beiden Buchstaben nebeneinander zu setzen und sie zu vergleichen. Lass uns einfach eine neue Komp machen und dieses A und B nennen und dann werde ich nur meinen A-Zug in die B ziehen. Lassen Sie uns B über diesen Weg bewegen, A über diesen Weg, und spielen das zurück. Dann sehen die ziemlich konsistent aus und gehören zusammen. Dafür habe ich geschossen. Nun, wenn Sie wollen, können Sie dies mit mehr Buchstaben fortsetzen , um ein ganzes Wort oder ein ganzes Alphabet auszumachen. 12. Erstelle dein eigenes Design!: Nun, da Sie einige Buchstaben animiert haben , indem Sie diese Methode zum Schichten mehrerer Trimmpfadanimationen verwenden. Um einen komplexeren Look zu kreieren, ist es Zeit, kreativ zu werden und eigene Briefe zu machen. In den nächsten paar Videos zeige ich Ihnen einige andere lustige und einfache Effekte, die Sie vielleicht verwenden möchten. Sie können auch jede Menge Inspiration online finden, wie auf Pinterest. Ich habe eine ganze Tafel animierter Typografie Inspiration. Wenn Sie sich eine Menge der Animationen, die Sie hier sehen, genauer ansehen, werden Sie feststellen, dass viele von ihnen mit Trimmpfaden ausgeführt werden können, ähnlich wie wir in dieser Klasse gemacht haben. Wenn du Farbinspiration brauchst, ist Pinterest auch eine großartige Quelle. Es gibt auch Adobe Color und zahlreiche andere Websites und Instagram-Accounts. Jetzt ist es an der Zeit, das, was Sie bisher gelernt haben, sowie ein paar zusätzliche Ideen in den kommenden Videos zu nehmen und zu sehen, welche Art von Typografie-Animation Sie sich vorstellen können. 13. Gestrichelte Linien: Der erste zusätzliche Effekt, den ich Ihnen zeigen werde, ist, wie Sie gestrichelte oder gepunktete Linien erstellen, und ich werde nur in den Akzent des A gehen . Wechseln Sie in die Gruppe und dann den Strich nach unten. Unter Schlaganfall haben Sie ein paar verschiedene Optionen. Offensichtlich können Sie die Farbe ändern, Sie können sogar die Farbänderung animieren. Sie könnten die Deckkraft animieren. Sie könnten die Strichbreite animieren, also beginnt sie vielleicht wirklich weit und dann animieren Sie sie verengend oder so etwas. Sie haben immer die Möglichkeit, die Kapsel des Schlaganfalls zu ändern, und dann sehen Sie hier unten Striche. Wenn Sie diese Plus-Taste haben , werden Bindestriche auf Ihrer Linie erstellt. Lassen Sie mich einfach darauf hineinzoomen, damit Sie sehen können, was ich tue. Sie können sehen, dass dadurch einige Bindestriche erstellt wurden und Sie die Kontrolle darüber haben , wie groß die Striche sind, und Sie können diesen Wert immer animieren. Vielleicht fangen sie so groß an, und dann schrumpfen sie mit der Zeit in eine gerade Linie, im Grunde, kein Bindestrich, so etwas. Sie haben auch die Möglichkeit, den Versatz dieser Striche anzupassen. Wenn Sie also möchten, dass sich die Striche bewegen, können Sie dies auch animieren. Wenn Sie erneut auf die Plus-Taste klicken, können Sie die Lücke zwischen den Strichen anpassen. Ich werde nur meine Lücke setzen, um so groß zu sein , und jetzt werden Sie sehen, dass sie als Punkte am Ende enden. Was ist die Punkte sind cool oder vielleicht wollte ich nur diese Schlüsselrahmen auf dem Strich löschen und dann nur diese großen Punkte haben, die quer animieren. Es ist coole Wirkung. Sie haben viele Optionen, die Sie mit dem Bindestrich anpassen können. Sie könnten auch einen Bindestrich um den Umriss anstelle des Akzents machen, oder vielleicht tun Sie beides. Spielen Sie einfach mit diesem herum, weil es wirklich cool sein könnte, einige Striche hinzuzufügen und sogar die Striche oder die Lücke zwischen den Strichen oder sogar den Offset der Striche zu animieren, um einige einzigartige Effekte zu erzeugen. 14. Mehrere Striche: Eine andere Sache, die Sie tun können, ist mehrere Striche zu Ihren Buchstaben hinzuzufügen. Also lassen Sie mich Ihnen zeigen, was ich mit diesem A meine. Ich gehe in die A quer und gehe dann einfach in die Gruppe, und dann werde ich diesen Schlag auswählen und Befehl D drücken, um ihn zu duplizieren. Wenn ich dann in diesen Strich umschalte, kann ich die Farbe ändern. Sie können das nicht wirklich sehen, weil Strich zwei auf der Unterseite ist. Lassen Sie mich das nach oben ziehen. Dann werde ich die Strichbreite dünner machen, so dass Sie den Strich eins darunter sehen können. Wenn ich das animiere, gibt es bereits Schlüssel-Frame gesetzt. Es wird nur alle auf einmal animieren, und Sie können dies mehrmals tun. Sagen Sie, ich möchte das noch einmal duplizieren, aber dieses Mal werde ich Ihnen ein bisschen anders zeigen, wie es zu tun ist. Ich werde die ganze Gruppe duplizieren. Dann werde ich Gruppe zwei, ich lösche einfach Strich zwei, und dann strichle eins ich werde weiß neu färben. Lasst uns das noch kleiner machen. Jetzt habe ich einen weißen Schlaganfall, aber dieser Schlaganfall ist in seiner eigenen Gruppe. Also schließen wir diese ab. Dann, wenn ich das wiedergebe, werden Sie sehen, dass es nur alle gleichzeitig animiert. Aber was ist, wenn ich wollte, dass der weiße Stroke von selbst animiert? Nun, eine Möglichkeit, dies zu tun, besteht darin, die mehreren Trim-Shapes von gleichzeitig zu einzeln zu ändern . Auf diese Weise wird es zuerst das weiße machen, weil es oben ist, und dann die beiden blauen. Jetzt erhalten Sie keine Anpassung, an die man zuerst geht, oder wenn sich die Animation überhaupt mit dieser Methode überlappt. Wenn Sie dieses Steuerelement jedoch haben möchten, könnten Sie einfach die Trimmpfade duplizieren und dann den Trimmpfad in die Gruppe ziehen. Wenn ich das hier abschalte, kann ich das vielleicht auf diese Weise bewegen. Du wirst sehen, dass es es allein kontrolliert. Wenn Sie die Art von Person sind, die nicht gerne viele Ebenen in Ihrem Projekt haben möchte. Auf diese Weise können Sie Ihre Ebenen komprimieren, sodass Sie auf einer Ebene nur eine Reihe von Strichen animieren. 15. Schlauchstrich: [ Musik] Ein weiterer Effekt, den Sie ausprobieren könnten, ist das, was ich den Röhrenschlag nenne. Lassen Sie mich Ihnen ein Beispiel zeigen, wann ich das benutze. In dieser Animation habe ich diesen kleinen Schlauchstrich gemacht, der um jeden Buchstaben geht , und dann habe ich ihn einfach dupliziert und in drei verschiedenen Farben aufgezeichnet. Lassen Sie mich Ihnen zeigen, wie ich das gemacht habe. Ich werde dieses A hier benutzen, und ich werde runterschalten. Dann habe ich diese Gruppe mit zwei Pfaden. Mein Trimmpfad, es gibt Verschmelzungspfade. Das liegt daran, dass das A dieses kleine Stück darin hat. Dann habe ich meinen Schlaganfall. Was ich tun werde, ist auf die Schaltfläche Hinzufügen zu gehen und ich werde Offset-Pfade hinzufügen. Was das getan wird, ist, dass diese Röhre auf meinem Schlag aussieht. Die Platzierung der Offset-Pfade ist wichtig. Glücklicherweise, als ich das hinzugefügt habe, hat es es einfach an die richtige Stelle gebracht, aber wenn es zum Beispiel hier platziert wurde, werden Sie nichts sehen. Die Reihenfolge der Effekte ist hier wirklich wichtig. Sie sollten die Pfade oben haben oder wenn Sie nur einen Pfad und dann die nächsten Trimmen Pfade haben. Wenn Sie „Pfade zusammenführen“ haben, weil Sie eine Form wie die A mit zwei Teilen haben und eines der Stücke wie ein abgeschnittener Teil ist, wird dies als nächstes sein. Dann Ihre Offset-Pfade, dann Ihren Strich. Sie können sehen, wenn dies animiert wird, es hat nur diesen röhrenartigen Effekt. Sie werden feststellen, dass ich spitze Ecken an den Enden meiner Röhre habe , aber wenn ich in meine Offset-Pfade gehe, kann ich dies in eine Runde Join ändern, und das wird die abgerundeten Enden der Röhre machen. Ich kann auch die Breite dieser Röhre mit der Menge anpassen. Dies wird eine dünne Röhre, Fettröhre sein. Wenn ich wirklich verrückt werde, fängt es an, Teile meines Briefes zu verbinden. Also lasst uns das einfach bei zehn behalten, wo es war. Dies allein könnte ein wirklich cooler Effekt sein. Du könntest auch einen Schlag in diese Röhre legen, wenn du es wolltest. Lassen Sie mich einfach in mein A gehen. Ich werde die inneren Pfade kopieren 2, gehen Sie zurück, fügen Sie das ein und jetzt können Sie sehen, dass das nicht drinnen bleibt, aber ich schaffe es, wenn ich wollte. Das ist auch eine Art coole Wirkung. Spielen Sie mit diesem Röhrenschlageffekt herum und schauen Sie sich auch einige dieser anderen Effekte an, vielleicht wie Wackelpfade oder Zick-Zack. 16. Animiertes Konfetti: Kreis und Quadrat: Eine weitere lustige Sache, die Sie zur animierten Topographie hinzufügen können, ist das, was ich gerne Konfetti nenne. Zuerst werde ich Ihnen zeigen, wie man ein kleines Kreiskonfetti macht. Ich gehe zum Formwerkzeug und klicke und halte gedrückt, um zum Ellipsenwerkzeug zu gehen. Dann halte ich Shift gedrückt und ziehe einen perfekten Kreis aus. Dann werde ich diese Ellipse hinunterschalten, zum Ellipsenpfad gehen und uns einfach eine schöne gerade Zahl auswählen. Ich werde 100 wählen und ich mag meinen Ankerpunkt immer in der Mitte meines Kreises zu haben, wenn Sie das Bewegungsskript haben, können Sie das einfach verwenden, um es zu zentrieren. Andernfalls können Sie das Werkzeug „Schwenken hinter“ verwenden, das sich in der Tastatur befindet. Halten Sie dann die Befehlstaste gedrückt, während Sie das ziehen, und es wird es direkt in der Mitte einrasten. Ich werde nur darauf hineinzoomen, wir können es wirklich klar sehen. Sie können sehen, dass ich einen Schlaganfall habe, der weiß ist und eine Füllung, aber der Augapfel ist aus, also ist er nicht sichtbar. Ich werde nur den Augapfel anschalten und ich werde den Augapfel beim Schlaganfall ausschalten, weil wir das wahrscheinlich nicht brauchen, ich könnte ihn einfach löschen. Lassen Sie mich diese Füllfarbe einfach in etwas anderes ändern. Was ich tun werde, ist auf Befehl Shift N drücken, um eine neue Maske zu erstellen, und in meiner Maske werde ich nach unten wechseln und die Form in eine Ellipse ändern. Sie können sehen, dass bräunliche Farbe auf der Maske, macht einen Kreis um meinen Kreis. Was ich hier tun kann, ist nur Inverted zu treffen, und du siehst, dass ich keinen Kreis mehr habe. Wenn ich die Maskenerweiterung anpasse, können Sie sehen, dass sie den Kreis in die Mitte bringt. So kann ich es animieren, um so zu verschwinden, wie eine knallende Blase. Ich möchte mit der Maskenerweiterung den ganzen Weg in beginnen, also habe ich einen festen Kreis, und ich werde einfach die Stoppuhr drücken, um einen Schlüsselrahmen zu erstellen. Dann werde ich rechtzeitig voran gehen, sagen wir 20 Frames, animieren dies den ganzen Weg auf Null. Wir haben unsere Blase knallen, aber wir brauchen eine Skala sie in. Ich werde tatsächlich die Größe anstatt die Skala animieren, weil ich diese Ebene duplizieren und sie mehrmals verwenden werde, aber ich könnte verschiedene Konfetti in verschiedenen Größen haben. Dann kann ich einfach die Skala auf diese anpassen, aber nicht mit irgendwelchen Schlüsselbildern, die ich bereits festgelegt habe. Ich werde nur einen Schlüsselrahmen für die Größe auf Null setzen, bei Null-Frames, und lassen Sie es auf 100 bei 20 Frames skalieren. Wenn ich eine Vorschau darauf sehe, werde ich das nicht tun. Was ich tun muss, ist diese Schlüsselbilder zu versetzen. Wenn ich den Maskenerweiterungsschlüsselrahmen rechtzeitig nach vorne ziehe, können Sie sehen, dass ich mehr von diesem Kreis sehen kann, und so beginnt er später von innen zu expandieren. Lassen Sie uns diese Schlüsselbilder einfach ein wenig interessanter machen, indem wir sie lockern. Ich wähle sie einfach aus und drücke F9, um sie zu erleichtern, und dann springen wir in den Diagramm-Editor. Mal sehen, was passiert, wenn ich die Größe anpasse, um größer, schneller zu sein. Ich mache diese Vergrößerung schneller, während die Expansion etwas langsamer ist. Ich mag, wie das aussieht, und lasst uns die Größe wieder nach unten bringen. Bringen Sie das zurück auf Null und bringen Sie auch die Massenausdehnung wieder auf 50. Auch hier werden Sie nicht so viel sehen, aber lassen Sie uns diese Schlüsselbilder anpassen und wir werden die Größe eins wieder ein wenig extremer machen. Ich werde Ihnen beide Schlüsselbilder zeigen, wie diese aussehen, und es sieht so aus, als hätte es einige meiner Keyframe-Anpassung an diese Größe eins rückgängig gemacht, lassen Sie mich das vergrößern, perfekt, lassen Sie uns einen Blick werfen. Das geht den ganzen Weg zu nichts und dann zurück, was ein bisschen seltsam ist. Was ich hier tun möchte, ist nur die Maskenerweiterung nicht ganz Null zu machen. Lass es uns vielleicht so viel machen, 10, und mal sehen, wie das aussieht. Wenn ich das eigentlich wie Konfetti aussehen lassen würde, müsste es sich wahrscheinlich in Position bewegen. Lassen Sie mich einfach meine Schlüsselbilder schließen und zur Position gehen. Lassen Sie uns einen Schlüsselrahmen so einstellen, dass er genau in der Mitte ist, 960 von 540 wird das Zentrum sein, und dann werden wir einen Schlüsselrahmen festlegen, und wir werden es einfach hier herausziehen lassen. Genau etwa 20 Frames, es ist wie in seiner endgültigen Position, werde ich sagen. Lassen Sie es einfach nach rechts gehen und vielleicht machen wir es einfach ein bisschen driften. Lassen Sie uns dies animieren, so dass es schnell und dann langsam geht. Es wird rausschießen und dann am Ende driften, mein Graph wird so aussehen. Mal sehen, wie das aussieht. Es könnte ein bisschen schnell sein, also lass mich einfach wieder rein gehen, das nur ein wenig erleichtern und einen Blick werfen. Es gibt keinen richtigen oder falschen Weg, dies zu tun, es ist genau das, was Sie denken, sieht gut aus. So würde ich ein Kreiskonfetti animieren. Da ich die Skala nicht bereits animiert habe, kann ich dies einfach duplizieren. Zuerst lassen Sie mich es benennen und duplizieren Sie es dann, indem Sie Befehl D drücken, und dann kann ich einfach die Skala dieses anpassen. Vielleicht sind es 50 Prozent, sind große Konfetti. Wahrscheinlich möchte ich sie so groß machen, für ein Projekt, aber dann ziehe ich das hin und sie beginnen beide direkt in der Mitte. Tun Sie das noch mal, bewegen Sie das hier rüber. Lassen Sie uns die Skala auf 75 ändern, und schauen wir uns diese an. Diese Animation sieht ein wenig schnell für mich aus. Ich werde nur meine Schlüsselbilder herausziehen, damit es ein wenig langsamer wird. Ich gehe einfach rein und nehme all diese Schlüsselbilder, lass uns sie zu einem Frame bringen. Eigentlich nehmen wir diese Positions-Keyframes und ziehen sie über, so dass sie die ganze Zeit driften. Sehen wir uns das an, das sieht ein bisschen besser aus. Wir können diese Schichten auch so staffeln, dass sie nicht alle gleichzeitig hereinkommen. Um ein quadratisches Konfetti zu machen, können Sie genau das gleiche tun wie der Kreis, aber machen Sie die Form einfach zu einem Quadrat. Sie würden nur hierher kommen, ein Quadrat auszeichnen und dann den Strich loswerden, Befehlshalt und eine neue Maske erstellen, dann stellen Sie sicher, dass Sie invertiert überprüfen, dann können Sie die Maskenerweiterung animieren. Es wird genauso funktionieren wie der Kreis. 17. Animiertes Konfetti: Dreieck: Herstellung eines Dreieckskonfetti wird ein wenig anders sein als der Kreis oder das Quadrat. Lassen Sie mich Ihnen das jetzt zeigen. Ich gehe in mein Formwerkzeug, klicke und halte, und gehe zum Polygonwerkzeug, du kannst auch Sternkonfetti machen. Im Polygon-Werkzeug werde ich nur klicken und halten, um ein Polygon zu zeichnen. Standardmäßig wird dies ein Fünfeck sein. Aber wenn ich in den Polystern umschalte, kann ich reingehen und die Anzahl der Punkte anpassen. Ich mache diese drei und dann lösche ich den Strich. Machen wir den äußeren Radius 100 und ich zentriere meinen Ankerpunkt. Ich habe ein Dreieck, jetzt muss ich ein anderes Dreieck erstellen, das als Erweiterung verwendet werden soll, da die Verwendung von Masken für Dreiecke nicht funktioniert, da es keine Option gibt, eine Dreiecksmaske zu erstellen. Was ich tun werde, ist nur diesen Poly Star Pfad zu duplizieren und jetzt habe ich Poly Star Pfad zwei. Du wirst jetzt keinen Unterschied sehen, selbst wenn ich den äußeren Radius in etwas Kleineres ändere. Aber wenn ich gehe und eine Verschmelzungspfade hinzufüge, schalte dann nach unten und setze den Modus, um Schnittpunkte auszuschließen. Jetzt wirst du sehen, dass mein Poly-Sternpfad 2 die Mitte meines Poly-Stern-Pfades 1 ausschneidet. Ich kann einfach den äußeren Radius auf dem Poly Stern Pfad 2 animieren, um den gleichen Effekt zu erhalten, dass die Maske, wo mir im Kreis und dem Quadrat geben. Ich werde hier nur einen Keyframe auf dem äußeren Radius festlegen, und auch für Poly-Stern-Pfad 1 entspricht das der Animierung der Größe auf dem Kreis oder Quadrat. Dann werde ich einfach neu drücken, um meine Keyframes zu verdichten und ich werde diesen Kreis als Anleitung für die Art und Weise verwenden, wie ich meine Keyframes platzieren sollte. Ich setze die Skalierung auf Null bei Null-Frames. Der erste äußere Radius wird für das äußere Dreieck sein und der zweite äußere Radius wird für das innere Dreieck sein, das ausgeschnittene Stück. Dieser wird auch bei Null Frames Null sein, dann in einer Sekunde, werde ich das 100 machen. Dann mache ich den äußeren Radius etwas, das den anderen Formen entspricht, die ich habe. Vielleicht wie 80 keine Notwendigkeit, diesen Schlüsselrahmen zu staffeln, weil das das Äquivalent zu dieser Erweiterung ist und ich diese Keyframes verwenden muss. Mein oberer äußerer Radius wird so etwas sein, und denken Sie daran, wenn Sie das Kopierskript von e haben, können Sie die Lockerung leicht von einem Ihrer Keyframes auf diese kopieren. Mal sehen, wie das aussieht. Sieht gut aus. Dies wird auf Null zurückgehen, dies wird auf Null zurückgehen, und ich habe auch einige Deckkraft auf meinem Kreis hinzugefügt , nur um es schön und sanft zu animieren, ich kopiere das einfach und füge es hier ein und lass uns die -Position. Drücken Sie p, machen Sie es in der Mitte, setzen Sie einen Keyframe, und dann kommen Sie her und bringen Sie das raus, gehen wir hier rüber. Das hat etwas Lockerung, also lassen Sie mich die Lockerung von hier kopieren , so etwas wie das. Mal sehen, wie das aussieht. Eine Sache, die ich auf Formen wie das Rechteck und das Dreieck hinzufügen kann, ist die Drehung. Ich gehe einfach in mein Rechteck und kopiere diese Rotation und füge sie auf mein Dreieck ein. Sie können sehen, dass sich mein Dreieck dreht, wenn es herauskommt, und es sieht so aus, als ob ich diese Keyframes zu früh eingestellt habe . Lassen Sie mich diese einfach über ziehen. Jetzt können Sie eingehen und die Farbe dieses Dreiecks ändern und die Skala anpassen. Lassen Sie es uns umbenennen und dann können Sie es duplizieren und verschieben. Lassen Sie uns das noch kleiner machen, bewegen Sie das hier rüber. Was nun, wenn ich möchte, dass die Rotation dieser alle unterschiedlich ist, was ich tun kann, ist, einfach auf die Tastatur zu drücken, um die Rotationseigenschaften auszuführen und dann sicherzustellen, dass sich Ihr Wiedergabekopf über einem der Keyframes befindet, aber beide Keyframes ausgewählt sind. Ziehen Sie dann einfach diese Richtung und jetzt wurden beide Keyframes geändert, aber sie haben das gleiche Verhältnis beibehalten. Das Dreieck dreht sich um die gleiche Menge wie das andere Dreieck. Lasst uns das Gleiche mit diesem machen, vielleicht drehe ich es diesmal ein wenig nach hinten. Hier haben wir einige Grundformen verwendet, um ein paar lustige Konfetti zu machen. 18. Animiertes Konfetti: Schlangenlinien: Eine andere Art von Konfetti, die Sie machen können, ist eine Zick-Zack-Linie. Zuerst gehe ich zu meinem Stift-Werkzeug, und dann klicken Sie einfach, um einen Punkt zu machen. Dann werde ich die Schicht halten, um sicherzustellen, dass mein nächster Punkt vom ersten Punkt aus vollkommen horizontal sein wird. Jetzt werde ich einfach V drücken, um zu meinem Auswahlwerkzeug zurückzukehren. Dann werde ich in meiner Shape-Ebene nach unten wechseln, und ich habe diese Linie mit einer Füllung und einem Strich. Ich brauche die Füllung nicht, also lösche ich sie. Dann mein Schlaganfall, ich werde es nur ein wenig dicker machen, damit es leichter zu sehen ist. Ich werde die Mütze um die Mütze wechseln. Als nächstes werde ich gehen, um hinzuzufügen und Zickzack zu treffen. Wenn ich dann den Zickzack herunterschalte, können Sie sehen, dass ich eine Reihe von verschiedenen Optionen habe. Ich werde darauf hineinzoomen, damit wir es sehen können. Ich kann den Zickzack verschiedene Größen machen. Aber diese Größenkontrolle, oder ich kann es auch mehr Wiederholungen in der Linie oder weniger machen. Ich kann es auch von Ecke zu glatt ändern. Ich werde bei glatten bleiben und es vielleicht so etwas machen. Vielleicht ist meine Linie ein bisschen zu lang. Ich kann einfach einen der Punkte auswählen und ihn einbringen, vielleicht so etwas. Also jetzt, um dies zu animieren, werden wir unsere guten Freunde die Trimmpfade verwenden. Ich werde nur einen Trimmpfad hinzufügen, der nach unten umgeschaltet ist, und lassen Sie uns einen Keyframe für das Ende auf 100 Prozent setzen, und dann zurück bei Null wird das Ende Null machen. Das wird so herauskommen, und ich möchte auch den Start, um das Konfetti zu animieren. Lassen Sie uns einfach einen Schlüsselrahmen für den Start machen, um hier Null zu sein, und dann werden wir rechtzeitig vorwärts gehen. Sehen Sie, wie meine Dreiecke hier endeten. Dann bringe ich den Start hier voran. Lassen Sie uns nun die Start- und End-Keyframes in der Ähnlichkeit staffeln , und passen Sie uns die Lockerung an. Vielleicht möchte ich, dass mein Startschlüsselbild langsam und schnell läuft. Wir sehen mehr von der Linie auf diese Weise, und dann das Ende Keyframe, vielleicht wird das das Gegenteil tun, schnell und langsam. Ich finde, das sieht ziemlich gut aus. So schießt es wie Konfetti Holz heraus und dann nur Trails weg. Nun, was ich tun muss, ist meinen Ankerpunkt anzupassen, also wo ist der Ankerpunkt? Es ist den ganzen Weg hier drüben. Ich werde einfach Y auf dem Schlüsselwort drücken, diesen Ankerpunkt hier rüber an den Anfang der Zeile bewegen, und dann werde ich das in der Mitte der Komp positionieren, und dann lassen Sie uns einige Positions-Keyframes setzen. Hier sehen Sie, wo die Position ist, und lassen Sie es uns auf diese Weise abschießen, und wir werden diese Keyframes erleichtern. Das sieht ziemlich gut aus, aber es ist in einem Abwärtswinkel unterwegs, aber die Linie eine gerade horizontale. Ich könnte die Rotation der Linie animieren, aber es gibt einen einfacheren Weg. Was ich tun kann, ist mit der rechten Maustaste gehen, um zu transformieren, und dann nach unten zur automatischen Ausrichtung, und klicken Sie dann einfach auf den Kreis, um entlang des Pfads zu orientieren. Das wird nur die Linie parallel zum Bewegungsweg halten. Mal sehen, wie das aussieht. Sieht ziemlich gut aus. Ich möchte vielleicht die Position ein wenig anpassen. Scheint ein bisschen weiter zu gehen als mein anderes Konfetti. Lassen Sie uns das umbenennen. Dann können wir diesen Zickzack duplizieren und das Duplikat bewegen und sehen, wie es sich gut mit dem, was mein Bewegungspfad ist, ausrichten wird. Also haben wir ein paar lustige Konfetti vor sich. Sehen Sie, wie Sie dies zu Ihrer animierten Topographie hinzufügen können , um es ein wenig spannender zu machen. 19. Rendering: Wenn Sie eine Animation haben, die Sie in eine Videodatei oder GIF exportieren können, zeigen wir Ihnen in diesem Video, wie Sie das tun. Zuerst werde ich Ihnen zeigen, wie Sie eine MOV-Datei exportieren, und dies wird die höchste Qualität der Dateien, die ich Ihnen zeigen, wie Sie exportieren. Stellen Sie zunächst sicher, dass Sie den Comp oder den Arbeitsbereich auf die Länge der Animation getrimmt haben, die Sie rendern möchten. Gehen Sie dann zu Komposition, fügen Sie zur Renderwarteschlange hinzu, dann wird dieses Panel geöffnet und im Ausgabemodul können Sie dies in ein beliebiges Format ändern. Dies ist, wo ich Apple ProRes 422 wählen, um eine MOV-Datei zu machen. Wenn Sie sich auf einem PC befinden, wird dies nicht dasselbe sein. Dann drücken Sie einfach OK, und dann unter Ausgabe-Werkzeug, wenn Sie auf den Dateinamen klicken, können Sie zu navigieren, wo Sie die Datei auf Ihrem Computer speichern möchten. Ich werde nur einen neuen Ordner erstellen und das herausrufen, weil ich alle meine letzten Renders gerne in ihrem eigenen Ordner haben möchte. Dann drücke ich einfach „Speichern“ und dann „Rendern“. Also, jetzt, wenn ich gehen und finden Sie diesen Ordner auf meinem Computer, Ich werde meine MOV-Datei sehen. Exportieren einer MP4-Datei wird einen zusätzlichen Schritt dauern da Sie ein MP4 nicht aus After Effects exportieren können. Sie können einen MP4 exportieren, wenn Sie auf Instagram oder auf einer anderen Website veröffentlichen möchten weil MP4s sind ein wenig komprimierter als MOV-Dateien und sie sind mehr universell akzeptiert. Um also ein MP4 zu exportieren, gehen Sie zu Komposition, dann zu Adobe Media Encoder Queue hinzufügen, und das wird Media Encoder öffnen. Stellen Sie sicher, dass Sie diese installiert haben Sie sollte Teil Ihres Creative Cloud-Abonnements sein. Sobald sich Media Encoder öffnet, sollten Sie Ihre Datei, die Sie gerade hier an sie gesendet haben, in der Warteschlange haben. Um sicherzustellen, dass Sie das richtige Format haben, klicken Sie rechts hier unter Format, und dann möchte ich H264 wählen, und das wird eine MP4-Datei erstellen und Sie können das genau hier sehen. Wenn Sie Audio haben, stellen Sie sicher, dass Sie diese Schaltfläche aktivieren, aber ich nicht, also deaktivieren Sie sie. Dann möchten Sie wahrscheinlich nur Quelle übereinstimmen, das sollte standardmäßig sein, und dann einfach OK drücken. Dann können Sie unter Ausgabedatei wählen, wo Sie diese Datei speichern möchten und klicken Sie auf Speichern. Dann, um es zu rendern, drücken Sie einfach diese grüne Play-Schaltfläche hier, und jetzt sollten Sie Ihre MP4-Datei haben. Eine andere Möglichkeit, den Sie Media Encoder verwenden können, besteht darin, einfach in eine Datei zu ziehen. So können Sie einfach ziehen in Ihrem MOV und dann schalten Sie es über zu einem MP4. Wenn Sie ein GIF exportieren möchten, das gut für Websites ist und sie automatisch für immer wiedergegeben werden und Schleife dann können Sie das auch über Media Encoder tun. Die einzige Möglichkeit, dies über After Effects zu tun, ist die Verwendung eines Plugins namens GifGun. Um also über Media Encoder in ein GIF zu exportieren, können Sie entweder Ihre Datei von After Effects an Media Encoder senden , wie ich es Ihnen früher gezeigt habe, oder Sie können Ihre Datei wie hier ziehen. Klicken Sie dann unter Format, und wählen Sie dann unter Format, Animiertes GIF. Wählen Sie dann Ihren Ausgabennamen und wo Sie ihn speichern möchten, und drücken Sie OK, und drücken Sie dann einfach Rendern. Um eine Vorschau Ihres GIF anzuzeigen, ziehen Sie es einfach in einen Webbrowser. 20. Zusammenfassung: Vielen Dank, dass du mir in dieser Klasse beigetreten bist. Ich hoffe, du hattest so viel Spaß wie ich und dass du eine coole Häftlingstopographie dafür zeigen kannst. Vergessen Sie nicht, Ihre Arbeit in den Klassenprojekten zu posten. Wenn Sie auf dem Laufenden bleiben wollen, mit dem, woran ich arbeite, schauen Sie sich meine Website explanimated.com an oder folgen Sie mir auf Instagram bei erklärten. Rechtzeitig, wenn Sie Ihre animierte Topographie dort posten. Folge mir auf Skillshare, um der Erste zu sein, der weiß, wann ich eine neue Klasse für dich habe. Wenn Sie diese Klasse genossen haben, würde ich es wirklich schätzen, wenn Sie eine Rezension hinterlassen würden. Wenn es etwas gibt, auf das du in der Zukunft wartest, lass es mich wissen. Bis zum nächsten Mal, glücklich animieren.