Erste Schritte in After Effects: Animation einer Flagge

1. Einführung: Hallo, mein Name ist Laurentiu Lunic und ich bin ein Motion Designer aus Italien, der derzeit mit Illo arbeitet. Ein kreatives Studio, das sich auf Illustration und Animation konzentriert. Als ich Motion Designer selbst lehrte, konnte ich meine Karriere durch Online-Tutorials auswählen. Ich freue mich jetzt, mein Wissen zu teilen, um Ihnen dabei zu helfen , Ihre Motion Designs Fähigkeiten weiter auszubauen. In dieser Klasse werde ich einige Tipps und Tricks teilen, die sie gelernt haben , mit up After Ethics täglich in den letzten fünf Jahren zu arbeiten. Wir werden lernen, wie man Flaggen animiert. Wir werden drei verschiedene Methoden in After Ethics lernen , die mit jedem Flaggendesign funktionieren, das Sie haben. Dazu gehören Logo- oder Markenfarben, die Sie möglicherweise für einen Kunden animieren möchten, sowie jede andere Flaggenanimation, die Sie Ihrem Portfolio hinzufügen möchten. Die Klasse ist anfängerfreundlich mit leicht zu befolgen Techniken , die etwas schwieriger werden, wenn wir uns der dritten Methode nähern. Wenn Sie ein Illustrator sind, der daran arbeitet, Ihrer Arbeit Bewegung hinzuzufügen, oder ein Anfänger Animator, der Ihre Fähigkeiten erweitern möchte, ist diese Klasse genau das Richtige für Sie. Die Fähigkeiten, die Sie in dieser Klasse lernen, können auf die Illustration und Animation von Flags angewendet werden, und sie sind auch unglaublich nützlich für andere Animationsprojekte. Ich würde diese Basis während der meiste Zeit unserer Reise nutzen. Ich hoffe, du bist bereit und lass uns loslegen. 2. Kursübersicht: Hi, alle. Wir sind bereit zu beginnen. Ich wollte dir nur einen kurzen Überblick darüber geben, was wir tun werden. Das sind unsere drei Ausgänge. Methode eins ist die einfachste, die Methode drei ist die etwas fortgeschrittenere. Ich habe diesen Kurs in sieben verschiedene Lektionen aufgeteilt. Die erste ist die Illustration in After Effects, und ich werde einfach schnell darüber schauen und Textur hinzufügen, die ich Ihnen meine Methoden zeigen werde , um Textur und Korn und solche Sachen hinzuzufügen. Flag-Animationsmethode eins, zwei und drei, und ich fügte eine zusätzliche Lektion für Methode drei hinzu, wo wir uns darauf konzentrieren, den kleinen Kerl zu animieren, und dann, um die Dinge zu beenden, die Art und Weise, Dinge für verschiedene soziale Medien, wie Instagram oder Twitter, Tumblr, so etwas. Jetzt, da wir das aus dem Weg gebracht haben, können wir anfangen, ein animiertes [unhörbares] zu illustrieren. 3. Illustration in After Effects: Wir sind jetzt bereit, mit der Illustration zu beginnen. Ich werde alles in After Effects machen. Wenn Sie nicht bereits im Illustrator sind, möchte ich alles in Illustrator tun, das ist in Ordnung. Wir werden uns zuerst auf Methode eins konzentrieren. Erstellen Sie eine neue Komposition, 180 mal 180. Dafür habe ich nur zwei Tipps, gehen Sie zur Ansicht, zeigen Sie Raster, wieder anzeigen, rasten Sie am Raster. Dadurch wird sichergestellt, dass Sie tatsächlich sehr präzise in Ihrer Zeichnung sind. Importieren wir die Farbpalette, die wir Ihnen zur Verfügung stellen, und fangen wir an, unsere Formen zu zeichnen. Ich werde nur sehr schnell darüber gehen, wie ich das illustriere, damit Sie das Video stoppen und schauen können, wenn Sie nicht verstehen. Eine wichtige Sache ist, eine neue Komposition für die Flagge zu erstellen. Sie haben nur die Fahne in diesem leeren Wettbewerb. Dann beginnen Sie, eine beliebige Form zu zeichnen, die Sie Text, Logos oder alles hinzufügen können , was Sie möchten. Ich werde das für zwei weitere Flaggenformen tun. Das könnte Flaggenform zwei und drei sein. Sie können einfach die Comps duplizieren und die Designs ändern. Sobald Sie mit der Veranschaulichung der Flags fertig sind, werden Sie wieder zum Hauptkomp gehen und die Größe der Flaggen Comps und sie entsprechend positionieren. Dies ist die Illustration für die zweite Methode. Wieder nach dem gleichen Prinzip, neue comp und Sie können einfach anfangen, Ihren Stock zu zeichnen. Wieder entwerfen Sie alles, was Sie wollen, solange Sie eine Komp nur für die Flagge haben. Was ich hier eigentlich entwerfe, wird es nicht bis zum letzten Schnitt schaffen, ich lasse es nur hier, weil ich beschlossen habe, einen Berg zu zeichnen. Das sehen Sie in der nächsten Lektion. Für Methode drei wird es ein bisschen anders sein, weil wir keinen Hauptkomp für unsere Flagge haben werden. Es wird eher eine Frame-für-Frame-Technik sein. Aber das werden Sie später im Animationsteil sehen. Eine wichtige Sache, die Sie tun sollten, ist die Flagge zu zeichnen. In dieser Methode drei [unhörbar], um es ziemlich viel zu ändern, wenn wir es animieren. Stellen Sie also sicher, dass Sie etwas [unhörbar] haben, sonst können Sie sie später hinzufügen. Jetzt werde ich den kleinen Kerl zeichnen, zeichnen die Augen, Augenbrauen, und dann aktualisieren Sie Ihre Funktionen, vielleicht wollen. Sobald Sie eine Seite getan haben, sollten Sie sie auf auswählen, duplizieren, ein neues Nullobjekt erstellen und die duplizierten Ebenen dem Nullobjekt überordnen und dann negativ 100 skalieren. Jetzt können wir weitermachen und diese Features neu positionieren. Ich werde die Phase zwei neu skalieren. Ich ziehe nur eine Hand. Sobald ich fertig bin, werde ich es nur duplizieren und negativ skalieren. Dies ist alles für den Illustrationsteil. Wie Sie sehen können, habe ich nicht wirklich viel zu sagen, verwenden Sie einfach Show und Snap am Raster für präzises Zeichnen. Eine sehr wichtige Sache ist, Ihre Flagge in eine leere Komp zu setzen, ziehen Sie Ihre Flagge größer, so dass Sie sie später in der Hauptkomp ändern können , damit Sie keine Qualität verlieren, und verwenden Sie Nullen, um Funktionen schnell zu drehen, dies gilt für die Gesichtsbehandlung -Features oder sogar Hintergrund-Dinge, die Sie möglicherweise haben. Jetzt können wir zur nächsten Lektion gehen, wo wir uns auf die Texturierung konzentrieren werden. 4. Texturen in After Effects: Lasst uns probieren. Es ist an der Zeit, unseren Illustrationen etwas Textur hinzuzufügen. Kurz bevor wir mit der Texturierung für Methode 1 beginnen, wollte ich Ihnen die beiden Methoden zeigen, die wir verwenden werden, Noise und Dancing Dissolve. Beginnen wir mit dem Duplizieren des grünen Hintergrunds und wir machen es zu einer dunkleren Farbe, wählen Sie das Stiftwerkzeug und erstellen Werkzeugmaske. Maskieren Sie den Teil der Form, den Sie dunkler sein möchten , wir maskieren um die Stelle, an der Sie den Schatten haben möchten. Gehen wir weiter und fügen Sie etwas Feder hinzu, indem Sie auf der Tastatur „F“ drücken, und ändern Sie den Mischmodus in „Dancing Dissolve“. Gehen Sie voran und passen Sie die Maske an, und hier ist alles über das Spielen mit Werten. Sobald Sie damit zufrieden sind, duplizieren Sie es und ändern Sie es in eine dunklere Farbe und spielen Sie herum. Nach [unhörbar] duplizieren Sie es erneut. Wenden Sie etwas Geräusch an, spielen schärfen Sie dies durch eine gute Menge an Highlight. Setzen Sie [unhörbar] hier Ich befestige nur den Stick, um ihn runder zu machen , um Effekt auf die Flagge hinzuzufügen, um die Basiskomp und das Feld zu duplizieren und es zu einer dunkleren Farbe zu machen. Eine solche Maskierung, sicherlich nicht multiplizieren Mischmodus und fügen Sie einen schönen Effekt darauf. Spielen Sie wieder mit der Maske, um den gewünschten Effekt zu erzielen. Eine andere Möglichkeit, Text hinzuzufügen, besteht darin, separat in einem leeren Komp mit der festen Methode zu erstellen und dann das Medikament anzupassen, das es komp und gilt bei [unhörbar], dann tun Sie einfach das gleiche für links oder rechts. Hier werden wir schnell sehen, wie ich Methode zwei gemacht habe. Ich werde nur später aufhören, um Ihnen zu zeigen, wie ich die Verzerrung auf Wolken gemacht habe. Sie können sehen, es ist nur eine Anwendung der gleichen Techniken. Wählen Sie die Vorform für die Clouds-Ebene aus, erstellen Sie eine Einstellungsebene und die Wiedergabe-Optik-Kompensation. Passen Sie Werte und Position der Wolken an, oder kopieren Sie einfach die Einstellungen, die ich habe, und Sie werden sich diesen [unhörbaren] Effekt ansehen. An diesem Teil erkenne ich, dass ich das Gebäude nicht mehr habe, also baue ich schnell einen Berg und wende dann nur die gleichen Techniken an, seine Formen an und maskiere sie dann. Nachdem ich mit allen Details des Berges fertig bin , werde ich alles zersetzen, damit ich alles maskieren kann und es wie ein kleiner Teil dieser Umgebung aussehen lässt. Methode drei ist genau die gleichen Techniken, die wir zuvor gesehen haben. Ich habe auf der Abbildung auf den Texturierungsebenen angehängt, die Sie haben können und öffnen Sie sie. Wenn Sie feststellen, dass dieser Teil ein bisschen Ansturm sein kann, werden wir uns hauptsächlich auf die Animationsklasse konzentrieren, also ist es in Ordnung, wenn ich jetzt ein bisschen schnell gehe. Dies ist das Ende der extremen Lektion. Wir haben eine dieser gesehen, Nur dafür gesorgt, dass, wenn Sie eine Formebene maskieren möchten, Sie haben es richtig eingestellt, indem Sie Masken erstellen, die Sie ausgewählt haben und beenden, wenn Sie tanzen [unhörbar] und Sie wollen es auch in die Überblendwand. Sie sollten es neu zusammenstellen und Ihre Textur in einer separaten Spalte animieren. Der Texturierungsteil ist vorbei. Der nächste Teil werden wir anfangen zu animieren. Wenn Sie Fragen zu den Texturierungsmethoden haben, die ich verwendet habe, lassen Sie es mich wissen. Wir sehen uns in der nächsten Lektion. 5. Methode 1: Flag: In dieser Lektion 3 werden wir endlich anfangen, mit der Methode 1 zu animieren. In diesem Hauptkomp über das Erstellen von Formen oder Flaggen, dann hauptsächlich auf diese erste konzentrieren weil die anderen die gleiche Technik sein werden. Beginnen wir damit, in die Zusammensetzung der Flaggenform eins zu gehen, ich werde die Größe so ändern, dass ich weniger Platz habe, erstellen Sie dann eine Einstellungsebene, auf der ich einen Wellenverzug anwenden werde. Suchen Sie nach den Effekten und voreingestellten Banner, wie Sie sehen können, dass sich unsere Flagge bereits bewegt. Aber jeder Teil davon bewegt sich, so dass wir das beheben müssen. Um die linke Seite der Flagge zu fixieren, müssen wir sie nach links ausrichten, und in den Wellen-Warp-Optionen beim Anheften, das ist wählen Sie linke Kante. Auf diese Weise, wo die Flagge mit dem Stock verbunden ist, wird sie still bleiben. Wie Sie sehen können, hat unser Wellenwarp eine Geschwindigkeit von eins, das bedeutet, dass er sich jede Sekunde wiederholen wird. Lassen Sie uns voran und machen Sie unsere Website für eine Sekunde. Lass dich denken, ich bin auf der Tastatur, die du entscheidest, dass du das Ende durchhältst. Wenn Sie die Wellengeschwindigkeit auf zwei ändern, bedeutet dies, dass es nur zwei Mal in der gleichen Sekunde Zyklus. Da wir diese Flagge auf der linken Seite ausgerichtet haben, müssen wir sie im Hauptkomp neu positionieren. Gehen Sie weiter und überordnen Sie das Texturkennzeichen entlang der Basisform, damit Sie es alle zusammen verschieben können. Durch Halten der Shift können Sie sicherstellen, dass es sich nur in einer Achse bewegt und nachdem Sie fertig sind, es einfach die Maske der strukturierten Ebene zu fixieren. Jetzt werde ich nur ein wenig die Wellenbreite und -höhe reparieren. Es geht um das, was Sie mögen und den Effekt, den Sie ihm geben möchten, also fühlen Sie sich frei, um mit den Werten zu spielen. Ich werde nur die Geschwindigkeit wieder auf eins bringen, weil es ein bisschen zu schnell war und ich glaube nicht, dass du mit dem Wind Golf spielen kannst. Wir sind im Grunde mit Animation in diesem getan, wir werden den gleichen Effekt für eine Flagge zwei anwenden. Ich denke, die nächsten Anweisungen wären mehr als genug für den letzten Teil. Ich werde voran gehen und beschleunigen diesen Teil und sobald ich damit fertig bin, werde ich Sie über einen letzten Schliff nehmen. Nun, da wir alle Flaggen animiert haben, ist eine letzte Berührung, die ich normalerweise gerne hinzufüge, der posterize Zeiteffekt. Machen Sie eine neue Einstellungsebene und wenden Sie auf dieser Einstellungsebene den Posterize-Zeiteffekt an. Wenn Sie die Bildrate auf 12,5 setzen, wird unsere Animation nur alle zwei Frames halten, da unsere Basisbildrate 25 beträgt. Dieser Effekt gibt uns ein traditionelles Animationsgefühl für unsere Animation nur als Beispiel, Sie können mit Formen spielen, das Logo und Ihr Design ändern. Sobald Sie Ihre Einstellungsebene mit dem Wellenverzug richtig animiert haben, wird sie nur jedes Design akzeptieren, das Sie sich vorstellen können. Wir sind mit Methode 1 fertig, jetzt ist es Zeit für die Zusammenfassung der Dinge, die wir in dieser Lektion gesehen haben. Haben Sie Ihre Fahne in einem leeren Komp. Fügen Sie alles zur Basisform hinzu, richten Sie es auf der linken Seite aus und stecken Sie den Wellenverzug nach links. Spielen Sie mit der Höhe und Breite Ihrer Welle Warp herum, beide werden von der Größe Ihrer Flagge und der Größe des Comp beeinflusst. Die Geschwindigkeit, die am besten funktioniert, je schneller es ist, desto mehr Wind gibt es. Dann wenden Sie posterize auf alles an , weil es nur die Animationen besser macht. sehen uns in der nächsten Lektion, wo wir normalerweise verwenden würden, wieder die Welle Warp, aber auf eine andere Weise, um es mehr von einem geometrischen Gefühl zu geben. 6. Methode 2: Flag: Wir werden jetzt anfangen, mit Methode zwei zu animieren. Es wird eine ähnliche Technik wie die erste sein, aber etwas schwieriger. Gehen wir in unsere Flaggenkomp, ändern Sie sie erneut auf 500 und richten Sie sie nach links aus. Lassen Sie uns unsere Einstellungsebene erstellen, auf der wir den Wellenwarp anwenden würden. Wählen Sie im Wellen-Typ Sägezahn. Danach werden wir ein wenig mit den Einstellungen spielen. Wellenhöhe, Wellenbreite. Stellen Sie sicher, dass Sie es an der linken Kante ausrichten, fixieren Sie ein wenig von der Wellenbreite. Sie können beginnen, die Bewegung zu sehen, die es tun wird. Die Richtung wird bei dieser Sache sehr wichtig sein. Wenn Sie sicherstellen möchten, dass es genau das gleiche wie meine ist, stellen Sie sicher, dass Sie einen guten Winkel darauf haben. Schau dir die obere Ecke an, damit du dort eine gute Linie bekommst. 62 sieht ziemlich gut aus. Die Größe der Komp wirkt sich wirklich auf die Anwendung der Welle aus. Wenn Sie es skalieren möchten, müssen Sie alles skalieren. Das bedeutet wirklich jedes Menü wie Wellenhöhe, Wellenbreite und die Illustration. Nun, in unserer Domäne comp, lassen Sie uns eine neue Einstellungsebene anwenden, wo wir gehen, um die posterize setzen , um ihm dieses schöne Animationsgefühl zu geben. Stellen Sie es erneut auf 12.5 ein, so dass es alle zwei Frames bewegt. Wenn Sie jetzt nicht wirklich viel sehen können, werden wir anfangen, wirklich die Flagge zu sehen, wenn wir die Schattierung hinzufügen. Beginnen Sie, indem Sie alle diese Animation innerhalb der Flag-Comp vorkomponieren oder nur die animierte Flagge ist in Ordnung. Hinzu kommt, dass wir anfangen, unsere Schattierungsebene zu erstellen. Wenn Sie dies zeichnen, versuchen Sie dann alles zu folgen, was wir erstellt haben, die 62 Grad comp. Erstellen Sie das Feld Transparenz beibehalten, damit Sie es nur auf dem Flag sehen können, und gehen Sie einfach alle zehn Frames fort, damit Sie sich bewegen und reparieren können. Dann musst du vielleicht an den Anfang zurückkehren weil wir beim ersten Mal den Winkel nicht richtig verstanden haben. Gehen Sie einfach durch, und gehen Sie alle 20 Frames, alle 10 Frames, und bewegen Sie es herum. Gegen Ende müssen Sie vielleicht den Breitenteil reparieren, wie Sie hier sehen können. Hier können Sie alle zwei Frames verschieben, damit Sie es richtig machen. Es geht nur darum, alle zwei Frames zu bewegen und zu sehen, dass alles funktioniert hat. Sobald Sie einen Zyklus abgeschlossen haben, duplizieren Sie die Ebene einfach und versetzen Sie sie. Stellen Sie sicher, dass sie übereinstimmt. Wenn nicht, geh einfach und repariere es. Wenn dies der Fall ist, duplizieren Sie es einfach erneut und versetzen Sie es. Wenn Sie irgendwelche Unvollkommenheiten sehen, können Sie einfach alle zwei Frames gehen und sie reparieren. Das einzige, was wir vermissen, ist der anfängliche Schatten, wie er gerade herauskommt, so beheben Sie das. Sobald Sie damit fertig sind, wählen Sie einfach alle Schatten-Layer aus und senken ihre Deckkraft. Wenn wir einen Blick darauf werfen, werden wir diesen Falteffekt haben. Dann können wir zum unteren Teil der Fahne weitergehen. Es ist ähnlich wie der Schatten, aber es wird nur eine andere Form haben. Diese würden ein wenig mehr Zeit benötigen, also stellen Sie sicher, dass Sie einfach alle zwei Rahmen machen und die Ecken und die abgewinkelte passen. Wenn unsere Flagge beginnt sich zu bewegen, können Sie ein bisschen schneller gehen. Dann gehst du dazwischen und reparierst die Rahmen, die nicht wirklich dazu passen. Gegen Ende der Flagge beginnt Anhebung, gehen alle zwei Frames und folgen Sie der Bewegung, die wir haben, dank der Welle Warp, und gehen Sie für zwei, drei weitere Frames und erstellen Sie die Entfaltung. Wenn die Animation funktioniert, sollten Sie die Ebene einfach duplizieren und [unhörbar] beginnen, sehen, wo sie übereinstimmt, und dann, wo sie repariert werden muss. Dieser braucht eigentlich ziemlich viel zu reparieren. Ähnlich wie der Schattenteil, müssen wir den Anfang dieses unter dem Teil fixieren. Lassen Sie uns den Kopf zurück und erstellen Sie diese anfängliche Erstellung des darunter liegenden Teils, wenn es anfängt zu falten. Sobald du das reingesteckt hast, bist du im Grunde fertig. Dies ist die letzte Animation. Alles andere, was ich jetzt hinzufüge, ist nur zusätzliche Sachen, etwas Styling, aber das hast du bereits im Extremteil gesehen. Stellen Sie sicher, dass Sie die Flaggenmaske fixieren, damit sie tatsächlich Auswirkungen auf alles hat. Sobald wir fertig sind, es zu stilisieren, gehen wir zurück zum Hauptkomp. Jetzt ist es an der Zeit, sich unsere Flaggenanimation anzusehen. Wechseln Sie zu Zeit, Zeit-Neuzuordnung aktivieren. Legen Sie in Frame 24 den Schlüsselrahmen fest, löschen Sie den letzten und wenden Sie den Loop-Out-Ausdruck an. Stellen Sie sicher, dass es genau so ist, ohne die Luftkappen, und kopieren Sie jeden Betrag auf die anderen Comps. Sobald ich dies getan habe, werde ich nur leicht den Berg animieren, in den Positionen bewegen. Wir haben einen Eingang dieser Fahne. Sie taten das Gleiche auf den Wolken. Was an dieser Methode wieder schön ist, ist, dass Sie sie vollständig anpassen können, die Form, die Länge, alles. Sie können sogar ein Logo darauf hinzufügen, was immer Sie wollen. Um es zu beenden, repariere ich einfach die Animation auf diesen Wolken und öffne dich dann schön, wenn wir aufsteigen. Wir sind jetzt mit Methode zwei fertig. Lassen Sie uns nur einen kurzen Rückblick machen. Auch hier sind die Regeln die gleichen. Haben Sie die Flagge in einem leeren Komp mit dem Elternteil, alles wird nach links ausgerichtet, und stellen Sie sicher, dass, sobald Sie die Flagge animiert haben, es neu zusammenstellen , und dann den Schatten , den Text und die darunter Teil der Fahne. Auch wenn Sie die Größe des Flags ändern und vergrößern möchten, stellen Sie sicher, dass Sie es tatsächlich doppelt so groß machen, wenn Sie alles um zwei duplizieren. Die Wellenbreite, die Höhe und dann, für die Schatten-Layer und die Rückseite, koppeln Sie sie einfach mit einem Knoten und skalieren Sie ihn auf 100%. Stellen Sie sicher, dass es ausgerichtet ist. Wenn Sie Fragen dazu haben, lassen Sie es mich wissen. Ich werde Sie nun in der nächsten Lektion sehen, die unsere letzte Methode sein würde. Es wird ziemlich lustig sein. Wir sehen uns dort. 7. Methode 3: Flag: Wir können jetzt anfangen, mit Methode 3 zu animieren, wir werden einfach den Ankerpunkt vom Stick nach unten bewegen. Bewegen Sie es einfach nach unten. Rap darüber sein Recht. Wir müssen die Länge unseres Zyklus bestimmen. In diesem Fall wird es 28 Frames sein. Gehen Sie einfach zu Frame 28 und drücken Sie N Taste. Beginnen wir mit dem Hinzufügen von Keyframes zu unserer Rotation. Um einen Zyklus zu machen, muss die anfängliche Rotation der gleichen sein wie die letzte. In diesem Fall wird die Rotation von 34 Grad auf minus 34 gehen. Stellen Sie einfach sicher, dass Sie mit dem gleichen Grad der Drehung beginnen und enden. Es ist einfach, da diese Keyframes mit der rechten Maustaste auf Keyframe-Assistent und Esc klicken oder Sie einfach F9 drücken und alle Keyframes auswählen und kopieren, damit wir sie später versetzen können. Schauen wir uns nun den Diagramm-Editor an und bearbeiten Sie ein wenig die Griffe, nur damit es nie zu einem vollen Halt kommt. Es dreht sich immer leicht. Sobald Sie mit der Arbeit am Keyframe fertig sind, können Sie es einfach auf die anderen kopieren. Sie bei ausgewählter Ebene B, DrückenSie bei ausgewählter Ebene B,um zur Position zu gelangen, und klicken Sie mit der rechten Maustaste auf separate Bemaßungen Lassen Sie uns die Flagge animieren, die sich auf der X-Achse von rechts nach links bewegt. Das gleiche Konzept gilt für die Position, die Ausgangsposition muss die gleiche wie die letzte sein, so dass in der Zwischenzeit wird es in der entgegengesetzten Richtung anders sein und dann einfach kopieren. Wir werden es wieder kompensieren können. Wieder, einfach ist es. Bearbeiten Sie dann ein wenig die Keyframes, damit wir diesen lästigen Stopp nicht bekommen. Sobald Sie mit der Bearbeitung fertig sind, kopieren Sie es einfach auf die andere. Wir können jetzt voran gehen und nicht da und die Einstellungsebene für die Plakaterhöhung. Wir müssen uns nur um alle zwei Frames kümmern , um die tatsächliche Animation und den Wert von 12,5, oder stellen Sie sicher, dass wir tatsächlich Bewegung alle zwei Frames haben. Wir müssen diese Doppelflagge jetzt durchschneiden. Lassen Sie uns voran und wählen Sie den grünen Teil der Flagge. Geh um die Mitte. Kommen Sie und verschieben Sie B, um es zu schneiden und lassen Sie das Gelb in, perfekt. Wir haben bereits ein paar Spieße hier, wir müssen es nur noch viel besser machen. Bevor wir das jedoch tun, müssen wir sicherstellen, dass unsere Stick-Bewegung die letzte ist, weil die Flagge folgen wird. Lassen Sie uns einfach die Rotation leicht versetzen. Wir können weitermachen, sobald wir ein befriedigendes Ergebnis bekommen. Gehen Sie weiter und suchen Sie nach dem Echo-Effekt in den Effekten und Voreinstellungen. Der genaue Wert der Echozeit sollte 0,08 minus betragen. Es wird uns eine Zwiebelhaut aus allen zwei Frames geben. Wie Sie sehen können, fangen wir an, unseren Bogen zu haben. Das würde später in unserer Fahnenanimation bleiben. Beginnen Sie einfach mit dem Strichdunkel zu zeichnen, den der Echoeffekt beschreibt. Machen Sie es gleich alles, was Sie wollen, nur solange Sie es als Referenz haben. Wir können anfangen, dies für unsere tatsächliche Flaggenform zu verwenden. Wir werden es nun alle zwei Frames bearbeiten und nur als Referenz und setzen es alle zwei Frames. Bearbeiten Sie die Handzettel, so dass sie dem Bogen folgt. Wir müssen diese Keyframes in Laderaum verwandeln. Klicken Sie mit der rechten Maustaste und halten Sie Keyframes. Kopieren Sie einfach die eine, die Sie gerade bearbeitet haben, um eine einfachere Möglichkeit zu erhalten, es zu bearbeiten. Machen wir es jetzt einfach zu einem Schlag, damit wir besser sehen können, was wir tun weil wir den Echo-Effekt vom Stick für unsere Flagge kopieren werden. Auf diese Weise werden wir den unteren Patch bekommen, richtig, wie Sie jetzt sehen können, ist es nicht richtig nach dem Bogen. Dank dieser Zwiebelhaut werden wir in der Lage sein, es richtig zu tun und wir gehen so weiter, bis Sie diesen befriedigenden Bogen bekommen, ich meine auf diesem richtigen letzten Flip. Jetzt sind wir an den kniffligen Punkt gekommen, wo der Flip beginnt zu passieren. Fangen wir an, unsere grüne Flagge zu schrumpfen, die jetzt den schwarzen Umriss hat. Es fängt an zu gehen und sich zu drehen. Denn jetzt machen Sie es einfach kleiner auf diese Weise und wir werden jetzt den gelben Teil verwenden, um uns richtig zu führen. Schlüsselrahmen für den Pfad des gelben Teils, um ihn zu entfalten. Gehen wir zu Frame 20, wenn sich die gelbe Markierung vollständig entfaltet, und bearbeiten Sie den Rahmen nach dem Bogen. Wir können zurück in die Mitte unserer Animation gehen und diese Schriftart richtig vervollständigen. Der gelbe fängt an zu knallen. Das wäre das flatterte, das über dem Stock sitzt. Der grüne wird dahinter sitzen. Der grüne folgt gerade der gelben Bewegung. Hier habe ich gerade bemerkt, dass die Flagge sollte zwei Frames später drehen , weil das ist, wenn der Stick beginnt, die Richtung zu ändern. Ich kompensiere es nur durch blaue Rahmen und der grüne sollte es auch versetzt werden. Kopieren Sie einfach den vorherigen Keyframe, wenn er noch in voller Länge ist. Wir können nicht wieder unsere Flaggenform bearbeiten. Konzentriere dich auf die gelbe Entfaltung. Wir müssen den grünen ausdehnen, der jetzt der schwarze Strich ist. Erweitern Sie es einfach entsprechend und lassen Sie es folgen. Das Gelb wird kürzer, wenn es sich entfaltet. Lassen Sie uns einen weiteren zusammenklappbaren Keyframe hinzufügen. Dieser wird subtiler sein und da wir mit dem grünen Teil der Flagge fertig sind , können wir seine Farbe wieder zu einem festen ändern, der rot ist, weil mir die grüne Farbe anscheinend gelangweilt hat. Nur optimieren, und mal sehen, wie es aussieht. Der Flip funktioniert. Lassen Sie einfach den gelben bearbeiten, und fügen Sie den gleichen Echo-Effekt hinzu um sicherzustellen, dass er dem Bogen folgt und einfach das gleiche tun, was wir mit dem ersten Teil gemacht haben, es ist nur mehr dasselbe. Der einzige Unterschied wäre jetzt, dass die gelben Flips von vorne. Lassen Sie den hinteren Teil nun das Gelb führen und schaffen Sie das schöne Falten. Bearbeiten Sie es einfach nach dem Bogen so genau wie möglich und nur mehr davon, bis es vollständig in das Rot fällt. Ich glaube, Sie haben das Konzept hier verstanden. Es geht nur darum, das Falten zu machen und es mit der anderen Flaggenschicht zu folgen. Dann lassen Sie uns einfach dieses kleine Detail hinzufügen, das sich glatter anfühlt. Es wird sehr weich sein, aber wir werden es immer noch bemerken. Wir können jetzt einen Blick darauf werfen, wie das aussieht. Es funktioniert gut. Da unsere rote Fahne unter dem Stock sein soll, bewegen Sie sie einfach unter. Wir haben das Gelb vorne und das Rot hinter dem Stock. Wir sind fertig mit der Flagge. Dann unsere nächste Lektion werden wir dem kleinen Kerl etwas Leben hinzufügen. Hier finden Sie mehr oder weniger alles, was wir in dieser Lektion behandelt haben. Nur um sicherzustellen, dass Sie zuerst den Stick animieren und dann einfach mit dem Pfad der Animation folgen, die Sie getan haben, und mit Ihrem Echo erhalten Sie Ihren Bogen und achten Sie darauf, wann der Flip passiert, was ist, sobald die Flagge beginnt sich in der entgegengesetzte Richtung. Wir sehen uns in der nächsten Lektion, die unsere letzte sein wird. 8. Methode 3: Figurenanimation: Nun, hier sind wir, unsere letzte Lektion. Wir werden den Charakter animieren. Es wird nichts zu kompliziertes sein, also lassen Sie uns damit beginnen, sicherzustellen, dass unsere Augen dem Körper Eltern sind und alles mit den Augen Eltern ist. Wenn wir den Körper bewegen, bewegt sich alles. Beginnen wir mit dem Schlüssel, der die Position der Augen umrahmt. Sie sitzen in der Mitte der Frames Null, 14 und 28, und in der Mitte dieser Rahmen biegen sie links und rechts ab. Fangen wir an, sie zu bewegen, und das gegenüberliegende Auge bewegt sich ein wenig mehr, um ihm Tiefe zu geben, und das gleiche für das andere Auge zu tun. Sobald wir unsere Position haben, lassen Sie uns einfach die Seiten erleichtern, so dass wir diesen schönen Gesichtston bekommen. Kopieren Sie die Schleife auf beiden Augen und wählen Sie die Lucky Frames, und fangen wir an, sie zu versetzen, so dass sie der Flagge folgen, aber mit einer leichten Verzögerung. Jetzt werden wir den Körper springen der versetzenden Augen, also gehen Sie vor und wählen Sie die Texturschicht des Körpers zwei, und übergeordnete sie dem Hauptkörper. Wir sind bereit, die Position des Körpers zu animieren. Die Einstellung für die Augen, wird es auf den Boden auf Rahmen in Null, 14 und 28 treffen , und auf Frame sieben und 21 wird es nach oben gehen. Wählen Sie Positionen nach oben und erleichtern Sie sie einfach. Wir werden etwas Erleichterung bekommen, aber ich möchte noch etwas mehr, so wählen Sie den Keyframe, drücken Sie Befehlshalt K auf der Tastatur, und bearbeiten Sie den Einfluss auf 66, und kopieren Sie einfach den ersten Keyframe in den zweiten Sprung. Kopieren Sie die Keyframe-Position, kopieren Sie alles, und wir fügen es in dieses Null-Objekt ein, das wir gerade erstellen. Übergeordnete Schicht der Stickschicht auf Null. Fügen Sie die Position des Körpers ein und versetzen Sie es leicht, so dass die Hände dem Körper springen folgen, und wir werden das schöne Null 2 bekommen, das ein wenig mehr Leben in die Animation selbst geben wird. Wie Sie sehen können, dass, wenn wir es spielen, die Hände folgen, mit ein wenig Verzögerung der Sprung. Lassen Sie uns voran und erstellen Sie die neue Komposition, in der wir den Mund animieren, wir animieren die Lippen, machen sie im Vergleich zu Bezier kleiner. Ich gehe schnell hier. Du kannst das Video pausieren und nur sehen, wie ich dieses kleine zusätzliche Detail hinzugefügt habe. Aber es ist nur, um den Mund zu animieren, einige zufällige Mundpositionen zu bekommen, und wenn ich ein paar davon habe, kopiere ich sie einfach. Jetzt gehe ich zurück zur Hauptkomposition und führe den Mund aus, überlege ihn einer der Augenschicht. In diesem Fall ist es IPG und nur in der Mitte des Mundes in der Mitte der Augen. Vielleicht wird es einige Positionsanimationen brauchen, aber in diesem Fall in [unhörbar] und nur stilisieren es, wie wir zuvor gesehen haben, wie es zu tun. Erstellen Sie nun ein neues Null-Objekt, und verschieben Sie es auf der Unterseite, wenn der Körper sitzt. Duplizieren Sie den Körper und übergeordnete ihn auf den Null, und skalieren Sie ihn negativ, so dass wir den Schatten erhalten. Dann stilisiere einfach den Schatten, indem du etwas Bewegungsunschärfe hinzufügst, etwas Rauschen [unhörbar]. Machen Sie es so klein, wie Sie wollen. Es ist nur etwas, das Gefühl, das auf etwas sitzt, und wir sind fertig. Dies ist nur der Charakter, ich hoffe, Sie haben es genossen, es zu animieren. für diesen Teil einfach sicher, dass alle Features dem Körper übergeordnet sind. Wenn Sie diese Drehung vornehmen möchten, animieren Sie einfach die Augen, die nach links und rechts gehen, und versetzen Sie diese Position so, dass sie der Flagge folgt. Sie können Befehlsumschalt K für Keyframes verwenden, um genau die gewünschte Erleichterung zu geben , wenn Sie dafür keine Plug-Ins haben. Das war's auch. Ich sehe dich im nächsten und letzten Video, wo ich meine guten Abwechslung sage. Wir sehen uns. 9. Führe deine Arbeit ein: GIF oder MP4: Jetzt, da wir mit der Animation fertig sind, ist es an der Zeit, unsere Arbeit zu exportieren. Wir können zuerst einen MP4 exportieren. Es kann für Instagram oder irgendetwas anderes sein, wo Sie ein Video veröffentlichen möchten. Gehen Sie zu Composition und fügen Sie sie zur Adobe Media Encoder Queue hinzu. Sobald Adobe Media Encoder geöffnet ist, können Sie H264, Quelle anpassen auswählen. Hohe Bitrate, es ist in Ordnung. Wählen Sie das Ziel aus, an dem Sie Ihre Datei speichern möchten. Nachdem Sie dies getan haben, drücken Sie einfach die große Play-Schaltfläche, und wir sind fertig. Solange der Export unter 30 Megabyte ist, werden Sie gut komprimieren. Jetzt werden wir sehen, wie man das GIF für dribbble oder posterior ascription exportiert. Ich verkleinere jetzt nur meine Komp, weil ich seine Quadratwurzel nicht will. Also 800 mal 600 und ich werde meine Hauptkomp neu skalieren. Also, 64 ist es in Ordnung für mich. Ich erstelle nur einen neuen Volumenkörper, damit der Hintergrund fortgesetzt wird, und das würde die gleiche Farbe machen. Da unser Zyklus 27 Frames ist, würde das nur die Marke treffen. Jetzt sind wir bereit zum Exportieren. Der einfachste Weg, GIFs von unserem [unhörbaren] bei CSS mit GifGun zu exportieren, aber das hat einen Preis. Sie machen im Grunde nur ein GIF und es wird es exportieren. Wenn Sie nicht [unhörbar], oder nur gefunden Export des gleichen Komplexes und MP4, und dann Export von Photoshop als MP4. Gehen Sie voran und exportieren Sie es auf MP4, und öffnen Sie Photoshop und Sie gehen nur auf Datei, Öffnen, und importieren Sie alle Ihre [unhörbar]. Sobald Sie Ihre Datei importiert haben, gehen Sie einfach zu Datei, Exportiert, Für Web speichern (Legacy). Die Einstellungen sollten so sein. Stellen Sie sicher, dass die Looping für immer eingestellt ist und drücken Sie einfach die Schaltfläche „Speichern“. Dann wählen Sie aus, wo Sie es speichern möchten, und benennen Sie es dann um. Hit nochmal „Speichern“, und es ist im Grunde getan. Verwendung von Media Encoder ist ziemlich einfach, und solange Sie das H264-Format verwenden, sollte es Ihre Dateigrößen relativ klein halten. Das war's. Ich kann es kaum erwarten, zu sehen, was du getan hast, und dich dann im letzten Intervall zu sehen, um dir einen Rat zu holen. 10. Letzte Gedanken: Das ist das Ende unseres Kurses. Ich hoffe, du hattest Spaß und hast etwas Neues gelernt. Ich freue mich, zu sehen, was du machen würdest. Laden Sie Ihr Projekt im Klassenbereich hoch. Ich werde auf eventuelle Fragen antworten, die Sie haben könnten. Wenn Sie daran interessiert sind, mehr zu erfahren, können Sie einen Kommentar mit einigen Anregungen von Dingen hinterlassen, die Sie vielleicht lernen möchten. Wir sehen uns herum und ich hoffe, Sie werden für meine nächste Klasse hier sein. ( MUSIK)