Dynamische Logo-Animation: Morph-Symbole in Adobe After Effects

1. Trailer: Logo-Animationen sind der perfekte Start für deine After Effect-Reise Wenn Sie mit der Software bereits vertraut sind, werden Sie durch das Erlernen der Animation von Einheimischen Ihrem Ziel, ein Meisteranimator zu werden, einen Schritt näher kommen Eine gut ausgearbeitete benutzerdefinierte Logoanimation kostet in der Regel 1000 bis 9 Tausend US-Dollar und bietet Marken eine hervorragende jedoch eine Herausforderung sein, Ideen zu entwickeln, wie man Ems animiert und sie anschließend verändert, insbesondere wenn Sie Dieser Kurs ist für zwei meiner Logo-Animationsserien. Neben Kursen zu Maskottchen-Logo-Animationen und Typografie-Logo-Animationen Dieser Motion-Graphics-Kurs richtet sich an Anfänger und fortgeschrittene Motion-Designer, die ihre Fähigkeiten im Bereich After Effect verbessern und die Erstellung atemberaubender Logoanimationen für potenzielle Kundenprojekte beherrschen möchten ihre Fähigkeiten im Bereich After Effect verbessern und die Erstellung atemberaubender Logoanimationen für potenzielle Kundenprojekte beherrschen atemberaubender Logoanimationen für potenzielle Egal, ob Sie ein Designer sind, der Ihre Arbeit animieren möchte, oder ein Anfänger im Bereich Motion Graphics, dieser Kurs ist genau das Richtige für Hallo, I. Mina, die CEO und Gründerin von Cashew. Ich habe über sieben Jahre Erfahrung und habe als Mentor und Coach mit Marken wie Nissan, Yale und UNICEF zusammengearbeitet Yale und UNICEF Meine Community ist auf über 60.000 Personen angewachsen. In diesem Kurs führe ich Sie Erstellung dieser Morphin-Symbole und Animationen in After Effects Hier finden Sie einen Überblick über das, was wir behandeln werden Ideen für Logoanimationen generieren Vorbereitung Ihres Logos für Animationen, Animationstechniken , Steuerung von Nacheffekten Und nutzen Sie Illustrator, der mit Schlüsselbildern arbeitet, Formen manipuliert, für reibungslose Animationen sorgt und das Endprodukt exportiert Ich werde mich mit der Phase der Ideenfindung befassen und den wichtigsten Prozess dahinter enthüllen Am Ende des Kurses wirst du selbstbewusst ähnliche Animationen erstellen Diese Techniken ermöglichen es Ihnen, Ideen zu generieren und Ihre Logoanimationen zu erstellen das hier geteilte Wissen nutzen Projektdateien werden Ihnen unterwegs für Ihre unabhängige Praxis zur Verfügung gestellt unterwegs für Ihre unabhängige Praxis zur Ich freue mich sehr, mit Ihnen auf diese Lernreise zu gehen, also lassen Sie uns eintauchen 2. Orientierung: Hey, sie sind zukünftige Animatoren. Ich bin ein, und ich bin hier, um dir etwas ziemlich Cooles beizubringen, wie man Icons verwandelt, um ein Logo zu kreieren Animation. Icons sind stabil darin, Videos zu erklären, und es ist wichtig zu lernen, wie man sie verändert In diesem Kurs werden Sie dieses Logo mit Morphing-Symbolen in After Effects neu erstellen . Nach jeder Lektion erhalten Sie alle Dateien, mit denen Sie spielen können Wenn Sie damit noch nicht vertraut sind, folgen Sie einfach meinem Beispiel. am Ende jedes Kurses meine Dateien herunter, ahmen Sie meine Bewegungen nach und machen Sie sich keine Gedanken über Perfektion Es ist, als würde man Fahrrad fahren lernen. Je mehr du übst, desto einfacher wird es. Hier ist ein Tipp. Folgen Sie meinen Aktionen im Kurs und versuchen Sie, es selbst zu erstellen, ohne sich die Dateien anzusehen Auf diese Weise kannst du dir die Techniken für diese Reise schneller einprägen die Techniken für diese Reise schneller Stellen Sie sicher, dass Sie alle Fakten zur Hand haben und verwenden Sie Illustrator auf Ihrem Computer Stellen Sie sicher, dass sie neuer als 2022 sind. Sobald du bereit bist, poste deine Arbeit in der Projektgalerie, damit ich sie überprüfen und dir Feedback geben kann. Dieses Logo wurde von meinem Freund Martin von Yes, I'm a Designer entworfen. Ich freue mich darauf, loszulegen. Lassen Sie uns etwas Magie in die Annulation bringen. 3. 1. Zeichne das erste Symbol in After Effects: Hallo Leute und willkommen zu diesem neuen Kurs. In diesem Kurs werde ich Ihnen zeigen, wie Sie diese Morphing-Animation erstellen können Wir werden diese Zyklen verändern, und das ist das Endergebnis Wir haben noch viel zu tun, also werden wir gleich loslegen, aber es ist eine ziemlich lange Animation Es sind tatsächlich 15 Sekunden. Und es gibt hier eine Menge Dinge , die ich dir zeigen kann und viele Techniken, die du nach diesem Kurs beherrschen kannst . Ich bin also sehr gespannt und lass uns anfangen. Das erste , worüber ich mit euch sprechen möchte , ist das Design der Cycons und mein Denkprozess darüber wie und warum ich diese Animation erstellt habe Das ist also offensichtlich wie ein Logo-Review, diese Zyklen verändern sich, und am Ende sehen wir das Logo von, ja, ich bin Designer und offensichtlich haben die Cycons etwas mit Design zu tun Der Denkprozess bestand einfach darin, dass wir Symbole zeigen wollten, die mit Design zu tun Das ist alles irgendwie Morph und Verwandlung in das Logo, um zu implizieren, dass es genau darum geht, ja, ich bin Designer Und es gibt viele kleine Dinge, die wir bei der Arbeit an dieser Animation berücksichtigt haben , und zwar im Hinblick darauf warum der Übergang so ist, wie wir uns verändern Und warum diesen Zyklus in diesem oder in diesem Effekt verwenden? Aber darüber werde ich dir im Kurs alles erzählen . Weil ich Ihnen nur zeigen möchte, wie es in After Effect funktioniert , damit Sie den Unterschied erkennen und die Logik hinter allem verstehen können . Bevor ich eine Komposition erstelle und diese Animation starte, möchte ich zu Illustrator springen, um Ihnen ein paar Dinge zu zeigen Das ist zunächst das Design der Icons. Die Art und Weise, wie diese Zyklen vorbereitet sind, entspricht jedoch nicht wirklich der Art und Weise, wie ich sie für Animationen benötige. Wir haben alle Ebenen hier. Sie befinden sich alle auf einer separaten Ebene. Aber die Sache ist, dass diese Zykone eine Füllung haben und keinen Schlaganfall haben Wenn wir diese Zyklen in Afterpacts importieren, haben wir ein paar kleine Punkte , die wir jedes Mal anpassen müssen Das wird also wirklich frustrierend sein. Und die bessere Option hier ist, einfach einen Strich zu machen und zu füllen Wir werden diese Zyklen also als Referenzen verwenden, aber wir werden sie direkt in After Efacts neu erstellen sie direkt in After Efacts Damit wir sie manipulieren und verändern und animieren können Lassen Sie mich direkt zu Afterfacts springen. Und ich werde auf die Schaltfläche „Steuerung “ klicken , um eine neue Komposition zu erstellen Meine Komposition wird von 1920 bis 1920 sein, und ich werde sie 15 Sekunden lang machen. In Ordnung, das ist meine Komposition. Lass mich das schnell umbenennen. Ich nenne das einfach „Zu zuerst“, fügen wir eine feste Ebene hinzu, das Hintergrundsteuerelement Y. Oder Sie können auch auf „ Ebene“, „Neue feste Ebene“ klicken Ich klicke auf Steuerelement Y, und das wird mein Hintergrundcover sein Ich werde auf Enter klicken und das BG umbenennen. Jetzt beginnt diese ganze Animation mit einem kleinen weißen Punkt, der sich in dieses Symbol verwandelt Wir beginnen mit dem weißen Punkt. Lass mich wieder hierher gehen. Ich werde hier klicken und Action Safe nennen, weil ich nur mein Grid haben möchte, und ich werde es dort sperren. Bevor wir mit dem weißen Punkt beginnen, erstellen wir zunächst dieses Symbol. Weil ich eine Referenz haben möchte, zum Beispiel, wo dieser Punkt aufhören und sich in das andere Symbol verwandeln soll. Ich werde die Icons importieren , die ich dir hier gezeigt habe, die Icons. Und denken Sie daran, dass Sie hier auf S Composition importieren, Ebenengrößen beibehalten klicken sollten . Das ist wichtig und das ist jetzt unsere Zusammensetzung. Okay, lass mich es öffnen. Hier gibt es einige leere Ebenen, die ich löschen möchte. Und dann klicke ich auf dieses Symbol, damit ich das transparente Raster habe. Und ich werde dieses Symbol einfach kopieren . Dies ist das erste Symbol. Okay, lass mich hierher zurückkehren und ich werde es einfügen. Und ich werde es drehen, weil wir nicht die Drehung verwenden werden nicht die Drehung verwenden , die wir in der Originaldatei haben. Lass mich nur sichergehen, dass es eine Gerade ist. Ja. Okay. Das ist definitiv nicht das Zentrum, also habe ich das Gefühl, dass es das Zentrum von ist. Lass mich ein bisschen rauszoomen. Wenn du wirklich wählerisch bist, kannst du einfach das proportionale Raster öffnen und okay, in meinem Fall ist das die Mitte Jetzt haben wir dieses Symbol in der Mitte. Lassen Sie mich nun zeigen, was ich meinte, als ich Ihnen gezeigt habe wie schwer es ist, diese Symbole zu manipulieren. Siehst du das? Ich habe nur eine Form erstellt , nur um Ihnen zu zeigen, dass wir das nicht verwenden werden, aber schauen Sie, was wir hier haben. Nehmen wir zum Beispiel an , dass Sie die Animation erstellen möchten , die wir haben. Was Sie tun müssten, wäre all diese Punkte auszuwählen. Punkte. Die Form ist zu komplex und es ist sehr schwer zu animieren, besonders hier mit diesen Linien, man muss im Grunde eine Menge Dinge bewegen , die einfach zu komplex sind und nicht benötigt werden, deshalb müssen wir sie neu erstellen Ich werde meine linke Taste gedrückt halten und auf dieses Symbol hier klicken, und ich werde eine Form zeichnen Lassen Sie uns den Strich entfernen. Lass uns den Film entfernen. Lassen Sie uns etwas Striche hinzufügen. Ich werde 26 daraus machen. Lassen Sie mich jetzt Stroke öffnen. Lassen Sie mich zuerst die Form wie den rechteckigen Teil öffnen und dann nur die Rundheit. Es ist ein bisschen zu viel. Also, ich finde das gut. Ja, lassen Sie uns das ein bisschen verschieben. Es muss nicht eins zu eins sein. Wie Sie hier sehen können, können Sie immer noch einige schwarze Linien von meiner Referenz aus sehen , aber das ist vorerst okay. Dann klicke ich auf den Stift. Stellen Sie nur sicher, dass Sie die Form nicht ausgewählt haben, da wir eine neue Form erstellen möchten und keinen Pfad innerhalb dieser Form. Lass uns auf das Penu klicken, wie du es erwähnt hast. Und lass uns einfach eine einfache Linie wie diese zeichnen. Jetzt müssen Sie nur noch diese Linien zeichnen. Und das ist ganz einfach, ich werde einfach wieder auf den Panchu klicken und eine einfache Linie zeichnen Lassen Sie mich diese beiden Punkte auswählen. Verschiebe sie ein bisschen nach oben. Öffnen wir die Form und den Strich. Stellen Sie nur sicher, dass wir eine runde Tasse und einen runden Joint haben. Als Nächstes ändern wir einfach den Ankerpunkt, indem auf Y klicken und den Ankerpunkt hierher ziehen Jetzt werde ich es duplizieren. Sobald Sie gedreht sind, ändern Sie die Position und passen Sie einfach die Drehung an. Und ich werde den gleichen Prozess für die anderen drei Zeilen anwenden. Okay, großartig. Also haben wir jetzt all diese Formen plus die Referenz. Lassen Sie mich einfach alle auswählen und isolieren, damit ich sehen kann, wie es aussieht. Okay, ich finde, es sieht sehr gut aus. Ich glaube nicht, dass ich an dieser Stelle etwas ändern möchte. Wir haben jetzt all diese Formen und wir haben das Symbol neu erstellt. Dann löschen wir einfach die Referenz, die wir hatten, und es bleibt das Symbol übrig Lassen Sie uns diese Ebenen jetzt ganz schnell umbenennen indem wir auf Enter klicken und dann einfach den Namen Enter eingeben. Das wird die Basis sein. Und ich werde einfach dasselbe für die anderen Schichten tun. Ratte. 4. 2. Das erste Symbol animieren: Halten wir nun erneut die linke Taste gedrückt und klicken Sie auf diese zweite Ellipse. Und lassen Sie uns einen kleinen Kreis bilden, indem Umschalttaste gedrückt halten, großartig Lassen Sie uns nun den Ankerpunkt ändern, indem wir auf Y klicken und ihn dann einfach hierher verschieben. Jetzt gehe ich hier aus dem Tankdeckel raus. Ich werde den Strich entfernen. Großartig. Wo ist eigentlich mein Grid? Okay, bitteschön. Lassen Sie uns zunächst die Position dieses Punktes animieren Ich werde auf Position klicken. Und ich werde auch auf Skalieren klicken. Wir werden den zweiten Teil anpassen, aber jetzt animieren wir zuerst die Skala und die Position Jetzt wähle ich einfach diese beiden Schlüsselbilder aus und klicke auf neun, um sie zu vereinfachen. Ich gehe jetzt etwa zum sechsten Bild über. Und ich werde diesen Skalierungs-Keyframe hierher verschieben , weil ich dann möchte, dass der kleine Punkt vollständig skaliert ist möchte, dass der kleine Punkt vollständig skaliert Am Anfang wird der Punkt Null sein. Als Nächstes werde ich die Position anpassen. Ich möchte, dass dieser kleine Punkt von hier aus beginnt. Dann, bei etwa, ich würde sagen, neun Frames, werde ich es hochfahren lassen. Und dann sagen wir vorerst 18 Frames. Ich wollte hierher gehen. Hier würde die Annullierung dieser Ikone beginnen Deshalb möchte ich, dass diese Ankündigung beendet wird. Lassen Sie mich hier eine Vorschau davon ansehen, um zu sehen, wie es funktioniert. Okay, unglaublich. Ich finde, das sieht gut aus. Ich werde einfach auf Position klicken und das Diagramm öffnen und einige kleine Anpassungen im Diagrammeditor vornehmen. Ich werde X nicht von Y trennen. Das ist nur das Geschwindigkeitsdiagramm und ich möchte nur sichergehen , dass die Animation klein ist. Ich weiß nicht warum, aber ich habe das Gefühl, dass diese ganze Sache nicht wirklich im Mittelpunkt steht oder dass das kleine Do im Mittelpunkt steht. Lass mich mal sehen. Y. Okay, ja, du verstehst warum. Als ob diese ganze Position nur vielleicht ein oder zwei Punkte von der Mitte entfernt ist Also werde ich einfach auf Position klicken. Wenn Sie auf Position klicken, wählen Sie im Grunde alle Keyframes aus, sodass Sie Anpassungen an allen vornehmen können , anstatt nur einen nach dem anderen zu ändern. Und ich werde einfach ein paar Mal auf den Linkspfeil klicken und ja. Okay, jetzt haben wir es in der Mitte. Das ist perfekt. Okay. So sieht es fantastisch aus. Nun möchten wir einige Anpassungen an dem Teil dieses Kreises vornehmen. Aber wenn ich ihn öffne und ich eine Ellipse habe, und hier sehe ich mir das an, ich kann Anpassungen an der Größe und Position vornehmen , aber ich kann die Form nicht wirklich ändern Wenn ich es zum Beispiel wie eine andere Form machen möchte , vielleicht aus einem Kreis, möchte ich ein Quadrat machen Das kann ich mit diesen Optionen nicht wirklich machen. Das liegt daran, dass wir einen einfachen Kreis haben. Was wir tun wollen, wäre eine Form zu haben , die dieser Form tatsächlich eher ähnelt. Wo ich Anpassungen an der Form vornehmen und die Form ändern kann , wenn ich möchte. Ich werde schreiben, auf Ellipsenpfad eins klicken und dann auf In Basispfad konvertieren klicken. Jetzt habe ich einen Baser-Pfad und mag keine Optionen für eine Kreisform. Großartig Jetzt fügen wir dem Pfad einige Keyframes hinzu. Dann möchte ich, dass dieser Kreis normal beginnt. Ich möchte, dass es hier wirklich normal ist. Aber lass uns damit herumspielen. Ich wähle einfach bei diesem Start und verschiebe es einfach ein bisschen nach unten. Bum. Und dann, am Ende, will ich, dass es zertrümmert wird Wählen Sie all diese Punkte aus und passen Sie die Formen an, als ob dies ein kleiner Bot wäre, der zerschlagen wird Dieser und dieser auch. Das ist in Ordnung. In Ordnung, und dann endet diese Animation. Also werde ich auf Strg+Shift und D klicken , um es auszuschneiden und zu duplizieren und dann zu löschen. Ich passe auf 100% an, damit ich die gesamte Komposition sehen und sehen kann, was wir gemacht haben. Okay, unglaublich. Ich finde, das sieht gut aus. Ich will, nur um das Tempo anzupassen. Ich möchte, dass dieser Schlag von hier aus beginnt und ich werde ihn ein bisschen ausgleichen. Großartig, großartig. Die einzige andere Sache, die ich anpassen möchte, wäre die Disposition. Ich denke, es ist nur ein bisschen extrem. Schieb es einfach ein bisschen runter und lass mich sehen, wie das aussieht. Ordnung, endlich werde ich den Keyframe wieder verschieben und ein wenig verschieben. Lass mich es isolieren , damit du es sehen kannst. Und hier fängt es an, seine Form zu ändern, und dann passt es hierher. Ordnung, lassen Sie mich einfach diese Keyframes auswählen und anpassen. Das Lineare im Moment. Lass mich ein bisschen mit der Grafik spielen. Eigentlich ist das wieder ein bisschen zu viel, vielleicht so. Lass uns sehen. Viel besser. Alles klar, jetzt möchte ich einfach all diese Bewegungseffekte mögen und sie vorerst verstecken. Und auch diese Zeile möchte ich vorerst verstecken. Ich möchte nur die Basis behalten. All diese Animationen, die Bewegungseffekte, die Linie und die Basis werden hier beginnen. Eigentlich wird die Basisanimation hier beginnen. Der Rest von ihnen wird es nicht tun. Aber vorerst sollten wir einfach alles verschieben. Großartig, jetzt ist es an der Zeit, dasselbe zu tun, was wir mit dem Kreis gemacht haben. Denn wenn ich das Teil jetzt öffne, sehe ich Größe, Position und Rundheit. Und ich möchte in der Lage sein, die Form und die Animation so anzupassen , wie ich es möchte, indem ich mit der rechten Maustaste auf „In Baser-Teil konvertieren“ klicke und ein Schlüsselbild für die Bezahlung mit F Nine hinzufüge ein Schlüsselbild für die Bezahlung mit F Jetzt möchte ich zu etwa 1 Sekunde und einem Bild übergehen. Möglicherweise müssen wir das Timing später anpassen. Klicken Sie, wählen Sie mit einem Klick V, wählen Sie all diese Punkte aus und verschieben Sie sie hierher. Das wird die Startposition sein. Und das sollte gleichzeitig passieren, wenn der weiße Kreis nach unten bewegt und seine Form ändert. Es sollte so aussehen. Okay, großartig. Jetzt klicken wir auf Teil, öffnen den Diagrammeditor und nehmen einige Anpassungen vor. Ich möchte, dass es ein bisschen schneller ist. Okay, lassen Sie mich eine Vorschau der ganzen Sache ansehen. Okay, sieht gut aus. Großartig. Jetzt fügen wir die kleine Linie hinzu. Ich werde diese Animation der Basis abspielen. Sie sehen, es ist hier in der Nähe. Ja, diese Linie überschneidet sich mit der Linie. Zu diesem Zeitpunkt sollte diese Linie ihre Bewegung beginnen. Ich öffne es und füge den Keyframe für die F Nine hinzu und klicke auf dich Dann sehe ich einfach , dass das keine gerade Linie ist Lass uns das zuerst anpassen. Ich klicke auf diesen Punkt und passe ihn an , bis ich eine gerade Linie wie diese sehe. Okay, großartig. Das ist der Zeitpunkt, an dem es beginnen sollte. Und dann denke ich, etwa sechs Bilder nach einer Sekunde würde ich diese Form gerne anpassen. Ich werde hier tatsächlich noch einen Punkt hinzufügen. Und ich werde es ein bisschen nach unten verschieben. Dann geht es in einer Sekunde, ungefähr sechs Frames , etwas nach oben. Und dann, 1 Sekunde, 12 Frames das erste Schlüsselbild kopieren und einfügen. Mal sehen, wie toll das jetzt aussieht, wenn der Übergang von der weißen Kugel zur Basis stattfindet Wie Sie in unserer Originalanimation sehen können, haben wir diese beiden Bewegungselemente, die sehr cool sind. Fügen wir sie jetzt hinzu. Ich gehe zurück und wähle das Penu aus und zeichne eine einfache Linie wie diese Dann werde ich den Strich auf 31 ändern. Ich öffne diesen Ebenenstrich, ändere ihn in „rundes Gelenk“, Runde Schale“ und öffne die Einstellungen für „Konus“ Jetzt möchte ich, dass die Startlinie 79 ist. Die Länge sollte 71 sein, der Start sollte 56, 83 sein, also so. Okay, jetzt sieht es eher aus wie ein Block. Okay, ich werde die Form nur ein bisschen erweitern, okay? So sieht es aus und ich finde, es sieht toll aus. Klicken wir auf Y und passen den Ankerpunkt an. Lass es einfach hier beginnen. Ich werde klicken und Position animieren Und die Skala ist, wow, ich möchte, dass es hier anfängt. Lassen Sie mich tatsächlich auf R klicken und ich werde auch die Rotation animieren Und mache diese Rotation so. Die Skala sollte Null sein. Fangen Sie dann mit etwa, ich würde sagen, 25 Frames an. Lass es hochgehen. Ändere die Position und ändere die Arco-Bits. Stellen Sie nun diese Skala auf 100, ändern Sie die Drehung auf Null, eigentlich müsste es eher 20 sein Dann lass mich einfach die Position ändern und hier das Position-Keyframe direkt auf etwa 1 Sekunde verlängern und die Drehung sollte der Position entsprechen. Okay, unglaublich. Und jetzt vergewissere dich einfach, dass der Skalen-Keyframe in der Mitte ist und hier könnten die Motoren Null gehen und ich werde sehen, wie das aussieht. Okay, gut. Okay, drücken Sie die Shift-Taste in D, um zu schneiden und zu duplizieren. Und dann, und dann werde ich das noch einmal machen. In Ordnung, lassen Sie mich jetzt den Zeitpunkt sehen. Okay, das ist ein bisschen langsam. Ich möchte, dass es vielleicht hier anfängt. Okay, unglaublich. Und lassen Sie mich es sogar noch ein bisschen vergrößern. Ich denke, es wird besser aussehen. Jetzt drücke D, um das zu duplizieren, und ich würde mir gerne einfach diesen Hund schnappen. Das ist mein letzter Keyframe. Ich sage hier, ändere den Bogen ein bisschen, verschiebe die erste Position hierher. Jetzt kann die Skala nur ein bisschen kleiner sein als die vorherige, wir können nur etwas Abwechslung haben. Ich werde die Rotation so ändern, dass sie zu Beginn eher so sein sollte. Und ich werde es hierher verschieben. Lassen Sie mich diese Ebene etwas erweitern. Und lassen Sie mich diesen Keyframe vorerst entfernen, damit ich sehen kann, wie er aussieht. Das ist gut Und jetzt klicken und die Form ein wenig anpassen. Es sieht eher so aus. In Ordnung, dann sollte die Skala hier Null sein. Lass mich sehen, wie das aussieht. Okay, ich denke, die sind ein bisschen zu schnell. Lassen Sie mich sie also auf etwa 1 Sekunde verlängern. Und das Gleiche hier. Okay, das Letzte wird sein, einfach die Endposition dieser Ebene zu ändern , weil ich einfach denke, dass sie nicht proportional zur anderen ist. Sieht nicht so gut aus. In Ordnung, lassen Sie uns sie ein bisschen auf Frames verteilen, richtig? Fantastisch. Okay, jetzt sind wir damit fertig und ich freue mich sehr darauf, und ich freue mich sehr darauf den Rest der Animation in der Theaterstunde fortzusetzen. Ich werde dich sehr bald sehen. 5. 3. Ideen zum Morphing: Hallo zusammen und willkommen zur neuen Lektion. Also beim letzten Mal haben wir den Raum erstellt und jetzt ist es an der Zeit, mit der Animation mit dem anderen Symbol fortzufahren. Und ich freue mich sehr, diesen Prozess mit Ihnen zu teilen , denn das ist der Zeitpunkt, an dem die Dinge interessant werden. Und ich werde Sie auch durch meinen Denkprozess darüber führen, warum ich es so verändert habe und warum ich es so animiert habe Also lass uns anfangen. Okay, bevor ich Ihnen zeige, wie Sie den Zyklus in ein anderes Symbol verwandeln können, lassen Sie uns diese Animation mit den Bewegungseffekten beenden , die wir haben, diesen kleinen Linien Wir werden unseren Lieblingseffekt „Pfade trimmen“ hinzufügen. Fügen Sie also einfach Trimmpfade hinzu und animieren wir dann einfach das Ende Eigentlich möchte ich wahrscheinlich hier anfangen. Das ist ungefähr 1 Sekunde, 11 Frames. Mach das einfach auf Null. Und dann lass mich sehen. Ich finde, großartig, ich denke, der Zeitpunkt ist jetzt gekommen. Vielleicht müssen wir das später tun, aber im Moment sieht es gut aus. 1 Sekunde, 21 Bilder. Lass uns klicken, lass uns diese Ebene erstellen. Lassen Sie uns die Shift-Taste tatsächlich drücken, um sie zu duplizieren und zu löschen. Ich möchte, dass es hier anfängt. Okay, großartig. Jetzt gehe ich einfach zu den Trimm-Pads, PD Control C, und ich werde diesen Effekt untermauern, sie alle hier beginnen lassen. Einfach dort platzieren und ich drücke Strg , Shift und D, um sie zu duplizieren. Und tatsächlich werde ich sie erweitern , weil diese Bereiche Teil der anderen Animation sein werden, aber du wirst sie gleich sehen. Mal sehen, wie das aussieht. Okay, ich finde, das sieht gut aus. Lass uns sie einfach ein bisschen ausgleichen. Nur ein Bild. Ich möchte mir das Ganze jetzt in der Vorschau ansehen. Großartig, großartig. Lassen Sie uns jetzt den Betrug verändern. In Ordnung, ich werde jetzt zu unserem ursprünglichen Plan zurückkehren. Und ich werde hier hineinzoomen. Das ist das Symbol, das wir gerade zugelassen haben, und jetzt wollen wir, dass es sich in den Pycon verwandelt Wenn Sie Symbole morphen oder an einer Animationsanimation arbeiten , ist es sehr wichtig, dass Ihre Animation Sie müssen von einem Symbol zu einem anderen Symbol transformieren, aber auf logische Weise, so, dass es Sinn macht, dieses Symbol auf diese Weise zu transformieren Wie machst du das? Nun, es gibt Millionen von Möglichkeiten, wie Sie dieses Symbol wahrscheinlich in dieses Symbol verwandeln können. Aber was ich mache und was für mich am besten funktioniert , ist, mir diese Symbole anzusehen und einige Dinge zu entdecken, die sich ähneln. In unserem Fall sehe ich zum Beispiel, dass diese Basis hier so ziemlich die gleiche Form hat wie dieses Kreuz hier, nur dieser Teil des Kreuzes. Ich denke, wie kann ich das in das umwandeln? Nun, wahrscheinlich kann ich den Strich einfach ein bisschen ändern, ihn verkleinern und dieses Symbol ein wenig drehen lassen, um es in diese Linie hier umzuwandeln. Und was kann ich dann noch tun? Und was sind die anderen Dinge , die wir hier animieren können? Natürlich können wir diese Quadrate wie alle D-Quadrate animieren diese Quadrate wie alle D-Quadrate Aber wie verwandelt man sich von hier in das? Nun, wie Sie sehen können, gibt es hier viele Quadrate und wir haben hier auch einige Fakten zur Bewegung. In meinem Kopf. Ich denke, wie ich das ausnutzen kann. In unserem Fall, in unserer Animation, werde ich diese Linien einfach in Quadrate umwandeln , weil ich einen Weg sehe, all diese Elemente tatsächlich zu nutzen. Wenn Sie eine Animationsanimation erstellen, versuchen Sie, so viele Ähnlichkeiten wie möglich zu erkennen und jedes einzelne Element in ein anderes Element umzuwandeln . Anstatt zum Beispiel diese Zeichen einfach verschwinden zu lassen und einfach die Basis zu transformieren. Es ist besser, wenn sich alles in etwas anderes verwandelt. Und noch eine andere Idee, nur so durch den Kopf ging und die ich nicht wirklich animiert Aber vielleicht kannst du es selbst ausprobieren, wenn du willst. Wäre, diese Basis zu dieser Linie zu animieren. Und vielleicht kann diese kleine Linie diese Linie sein. So kannst du das nicht angehen. Wenn ich es einfach ausdrücken müsste, zerlege das Symbol einfach in einfache Formen und denke dann über das andere Symbol und seine einfachen Formen nach und schaue dann, welche einfache Form sich mit einer anderen einfachen Form von einem Symbol zum anderen überschneiden kann . Das war also der ganze Prozess wie man das in das umwandelt. Wie ich bereits erwähnt habe, gibt es natürlich Millionen anderer Möglichkeiten, dies zu tun. Aber ich dachte einfach, dass es Spaß machen würde, das zu animieren, deshalb habe ich es so gemacht Kehren wir zur ursprünglichen Animation zurück, damit wir genau sehen können, was wir gemacht haben Und ich werde dir dann zeigen, wie man es animiert. los geht's. Jetzt müssen wir uns nur diese Bewegungselemente ansehen. Ich werde es dir nur sehr langsam vorspielen. Du kannst es sehen. Dieses Element , schauen Sie sich zum Beispiel diese Zeile an. Diese Linie geht hierher, sie verwandelt sich in einen Kreis Dann geht sie runter, um sich in ein Quadrat zu verwandeln. Und es springt hier genauso und hier auch gleich. Ich nutze all diese Formen, die ich vom vorherigen Symbol habe, und verwandle sie dann alle in Quadrate Offensichtlich gibt es auch andere Elemente wie diese Quadrate. Hier unten muss ich sie zum Beispiel einfach entwerfen und animieren, muss ich sie zum Beispiel einfach weil ich nicht genug Linien habe, um sie in Quadrate und Stufen umzuwandeln Schauen wir uns nun die Basis an, bevor wir die Basis animiert haben Wie ich bereits erwähnt habe, dreht sie sich und bildet die Linie aus dem Kreuz Und dann haben wir ein weiteres Kreuz , das sich überlappt und das Kreuz bildet 6. 4. Morphing Icon 2 bis Icon 2: Jetzt. Ich denke, es ist am besten, wenn wir damit beginnen, einfach dieses Symbol zu nehmen. Kopieren Sie es, fügen Sie es hier ein und bringen Sie es nach oben. Wir werden es später löschen, aber vorerst werden wir es nur als Referenz verwenden. Ich möchte sichergehen, dass es in der Mitte ist. Großartig, jetzt haben wir diese Referenz. Also werde ich einfach klicken und die Vergangenheit auf 80% reduzieren . Jetzt machen wir es tatsächlich auf 50% Okay, großartig. Lassen Sie uns diese Ebene vorerst sperren. Lassen Sie uns zunächst mit der Animation der Basis beginnen. In Ordnung, das ist also die Basis, die wir jetzt haben. Da wir diese Form drehen werden, möchte ich, dass diese Linie der Basis übergeordnet ist , damit sie sich mit ihr drehen kann Außerdem möchte ich den Ankerpunkt hier in der Mitte ändern den Ankerpunkt hier in der Mitte Lass es mich spielen, damit ich das Timing sehen kann. Großartig, also ich denke, wir brauchen ein paar Sekunden, um diese Animation atmen zu lassen, bevor wir die andere hinzufügen. Und lassen Sie uns diese Ebenen erweitern. Dies sind vorerst die Bewegungseffekte. Wir werden sie später schneiden. Ordnung, der letzte Bewegungseffekt endet also nach 1 Sekunde, 25 Bildern. Ich werde hier ein bisschen Puls haben. 2 Sekunden, zwei Frames, und dann beginnt die Animation der Basis. Ich klicke auf R, R und K für die Drehung, einfach auf Es. Dann, nach etwa 2 Sekunden, 20 Bildern, lasse ich es rotieren. -270 Unglaublich. Lassen Sie mich das Timing sehen , weil ich denke, das ist vielleicht zu schnell Ich muss vielleicht die Rotation ändern, um hier aufzuhören. Wir werden eine Sekunde lang rotieren. Okay, großartig. Ich werde sie noch einmal verlängern. Fügen wir nun den Schlüsselrahmen für den Teil am Anfang Wir sollten den gleichen Teil haben wie zuvor. Am Ende werde ich es dann hierher verschieben, wie das Ganze. Dann wähle ich die Zyklen aus. Und sie werden hier sein. Wäre hier. Und dann werde ich diese beiden auswählen. Sie werden hier sein. Diese beiden wären hier. Okay, lassen Sie mich die Referenz für eine Sekunde verstecken. Okay, also ich habe hier die scharfen Kanten. In meinem Fall wären es runde Kanten und ich denke, das würde tatsächlich besser aussehen. Also werde ich es einfach so lassen, wie es jetzt ist. Okay, großartig. Jetzt unglaublich. Ich würde gerne den Schlüssel von Sabre anpassen. Lassen Sie uns zuerst die Rotation auswählen und mit dem Graphen herumspielen , der näher am Ende ist, etwa so Okay. Ich habe das Gefühl, dass die Rotation schneller sein kann. Also werde ich das anpassen und ich werde auch den Teil für den Teil anpassen. Ich möchte es ein bisschen ausgleichen. Ich möchte nicht, dass es beginnt, wenn die Rotation beginnt. Ich würde also sagen, hier in der Nähe. Und dann passen wir wieder die Keyframes an. Das in der Mitte, okay, jetzt ist es ein bisschen zu schnell. Nochmals, lassen Sie uns das Timing ein wenig ändern. Großartig. Jetzt ist es an der Zeit, diese Zeile wie diese , die wir hier haben, einfach zu entfernen . Ich werde einen Schlüsselrahmen für das Teil hinzufügen. Bis dahin werde ich auf das Penu klicken diese beiden Punkte auswählen Verschiebe sie hierher, dann wähle ich diesen aus und verschiebe ihn hierher. Das ist die Zeit, in der ich die Kontrollschicht in Coutu habe. Lösche diesen. Ordnung, lassen Sie mich die Referenz wieder verstecken, damit ich den Zeitpunkt sehen kann. Okay, lassen Sie uns eine Vorschau der ganzen Sache ansehen. Fantastisch. Ich werde die Referenz noch einmal verwenden und ich werde die Basis duplizieren, und ich werde dir gleich sagen, warum. Der Grund, warum ich das mache , ist , dass ich dieselbe Form haben möchte. Erinnerst du dich, dass wir ein Kreuz in unserer Referenz hatten? Ja, das ist ein Kreuz. Ich möchte, dass diese Form, wie diese Linie , dieselbe ist wie diese Linie. Und ich kann den Strich ein bisschen anpassen , so wie ich normalerweise einfach eine Linie erstellen und den Strich anpassen kann . Aber dieser Strich ist sehr spezifisch , weil es kein Strich ist. Wir ändern die Form, es ist wirklich einzigartig. Und deshalb werde ich einfach die Basis duplizieren. Ich werde alle Schlüsselbilder entfernen, aber stellen Sie sicher, dass Sie Ihre Markierung am Ende haben, sonst bleiben Sie einfach bei einer seltsamen Form hängen. Entferne einfach die Keyframes und übertrage die neue Basis der alten Basis. Jetzt möchte ich den Ankerpunkt ändern und ihn hier in die Mitte verschieben. Dann werde ich die Rotation animieren, ja. Okay, ich werde mal sehen, ob ich muss. Okay. Und ich denke, die Rotation dieser Ebene und auch die Position , weil sie sich bewegt, ein bisschen wie. Okay, das wird dann das Ende sein. Ich möchte, dass es von hier aus anfängt. Und das ist der Zeitpunkt, an dem die Ebene beginnt. Die Rotation ist am Anfang in Ordnung. Und dann, vielleicht drei Bilder, nachdem die Entsalzung beendet ist, werde ich es neun machen Alles klar? Und verschieb es hierher. Lass mich sehen, wie das aussieht. Okay, das ist zu langsam. Lassen Sie uns also wieder die wichtigsten Freunde zusammenfassen , indem wir das Diagramm öffnen und von hier aus einige Anpassungen vornehmen. Bum. Okay, eigentlich dreht es sich andersherum Und das nervt mich ein bisschen, also werde ich es mir einfach hier schnappen und es so drehen Okay, lass uns sehen, wie das aussieht. Ordnung. Okay, großartig, großartig. Die Animation ist auf der Basis fertig. Lass mich die Referenz verstecken und das Ganze abspielen . Großartig. Okay, unglaublich. Nächstes Mal werden wir die Wissenschaft in Quadrate umwandeln. Also bleib dran und ich möchte dich bald sehen. 7. 5. Animating Icon 2 (Part1): Hallo zusammen und willkommen zur neuen Lektion. Das haben wir beim letzten Mal erstellt. Ich werde es nur einmal in der Vorschau ansehen, damit Sie es sehen können. Und ich finde, es sieht gut aus. Es sieht jetzt etwas überstürzt aus, aber die nächste Animation wird etwas langsamer sein , damit sie das kompensieren kann. Ordnung, wenn wir also zur ursprünglichen Animation zurückkehren, werden wir die Wissenschaft in Quadrate umwandeln. So sieht es aus. Das ist die Animation, die wir heute erstellen werden. Wir werden die Transformation dieser Ikone abschließen. Wenn wir nun genauer hinschauen, werden wir genau das erstellen, einige dieser Ebenen isolieren. Sie können also sehen, dass dies die Linien sind , die sich dann in Quadrate wie dieses verwandeln. Und wir werden mit nur einer Linie beginnen und dann machen wir weiter und wir werden all diese Quadrate erstellen. Lassen Sie mich Ihnen nur zeigen, was wir zuerst erstellen werden. Okay, das ist die isolierte Animation. Das ist die Linie, bumm, in ein Quadrat verwandelt Okay, lassen Sie uns darauf eingehen. Ich werde jetzt meine Komposition öffnen. Lass mich diese Zeile finden, okay? Und bevor ich das mache, möchte ich meine Ebenen umbenennen und sie ein bisschen besser organisieren. Also werde ich das einfach beschleunigen, aber ich werde im Grunde einfach alles Tolle umbenennen. Jetzt sind alle meine Ebenen benannt. Eigentlich würde ich diese beiden Ebenen gerne verstecken. Das sind also, die Bewegungseffekte sind schon fertig. Lass mich sie verstecken. Und lassen Sie mich noch einmal auf die zweite klicken. Ich sehe also die versteckten Ebenen nicht. Lass mich zurückgehen, um zu sehen, ob ich noch etwas anderes verstecken kann. Ja, vielleicht der Ball. Ich muss den Ball jetzt nicht sehen und ich werde einfach alles andere behalten. In Ordnung, großartig. Jetzt zuerst die Referenz einblenden. Das ist meine Referenz. Ich werde meine Leitung finden. Wir werden mit dieser Linie beginnen. Ich öffne sie und füge ein Keyframe für den Par-Click hinzu und lasse mich sehen, wann diese ganze Animation, okay, das ist der Moment, in dem sich die Basis zu bewegen beginnt. Ich möchte, dass die Animation dieser Linie ein paar Frames vor der Drehung beginnt . Und das ist einfach, es fängt nur langsamer an. In meinem Fall würde ich nur gerne die Bewegung dieser Luft hier starten. Das sind 2 Sekunden, zwei Frames. Dann möchte ich etwa 2 Sekunden, 15 Frames klicken. Und ich werde diese beiden Türen auswählen. Ich werde sie hierher bringen. Ich möchte sichergehen, dass dieser Punkt genau in der Mitte ist, aber natürlich nicht hier, denn dann wird er sich transformieren. Ich werde mir ein Lineal schnappen. Wenn du deine Lineale nicht siehst, kannst du einfach hier und dann Lineale anklicken Ordnung. Ich glaube, das ist die Mitte des Platzes. Ja, großartig. Klicken Sie nun auf die Ebene, klicken Sie erneut und verwandeln Sie sie in einen kleinen Punkt wie diesen. Okay, jetzt schauen wir mal, ob das Timing funktioniert. Ich werde nur diesen isolieren. Okay, ich finde das gut. Lassen Sie uns nun die Form der Quadrate zeichnen und erstellen. Halten Sie die linke Taste gedrückt und klicken Sie auf abgerundete Rechteck , um eines zu erstellen. Ja, das sieht nicht gut aus, das werden wir. Nur Kleinigkeiten. Okay, lass mich dieses Lineal entfernen. Stört mich super. Entferne die Füllung. Stellen Sie nur sicher, dass Sie einen Schlaganfall haben. Lassen Sie uns jetzt das Quadrat erstellen. Okay, ich denke, 24 ist okay, basierend auf der Referenz. Öffnen wir den rechteckigen Teil. Lassen Sie uns nur die Rundheit betrachten. Okay, dann ändere den Ankerpunkt so, dass er sich in der Mitte befindet, und benenne das Quadrat Und dieses Mal möchte ich die Farbe dieser Ebene ändern. Ich werde es grün machen, weil alle Ebenen, die sich auf das neue Symbol beziehen , eine andere Farbe haben werden. Das heißt, meine Komposition ist sauber. In Ordnung, lassen Sie mich die Referenz verstecken. Okay, ich finde, der Platz sieht gut aus. Okay, aber dieser Punkt muss verschoben werden. Ich finde, hier ist alles in Ordnung. In Ordnung, unglaublich. Jetzt haben wir das Quadrat, wir haben den Punkt. Stellen wir sicher, dass diese Ebene hier endet. Und jetzt werden wir es in ein Quadrat verwandeln. Klicken Sie auf den Bogenrahmen für die Position in der Skala. Klicken Sie auf D. Eigentlich muss dieser ein bisschen verschoben werden. Es sollte nicht genau aufhören. Wenn der Schlüsselrahmen ist. Aber es ist nicht einmal ein Frame , also nur ein Punkt danach. Damit ich es sehen kann. Also gut, und diese Ebene sollte hier beginnen. Das ist der Zeitpunkt, an dem dieser beginnen sollte. Ordnung, jetzt verschiebe ich sie auf etwa 3 Sekunden auf unsere Frames. Aber wir müssen es vielleicht anpassen. Stimmt. Verkleinern wir es und verschieben es hierher. Ich möchte, dass sie sich überschneiden. Okay, lass mich sehen, wie das aussieht. Okay, lassen Sie uns jetzt ein paar Keyframes dazwischen hinzufügen. Zuerst möchte ich zu etwa zwei Sekunden und 25 Bildern übergehen. Und kopiere die letzten Keyframes und füge sie ein, damit es etwas kleiner wird. Dann hier in der Mitte würde ich sagen, drei Sekunden, drei Frames, lass es ein bisschen nach oben gehen. Und dann haben wir hier die ursprüngliche Position . Lassen Sie uns eine Vorschau davon sehen. Okay, das ist ein bisschen, jetzt klicken wir auf Position. Ich werde das Diagramm öffnen und hier einige Anpassungen vornehmen. Dies ist das Geschwindigkeitsdiagramm, nicht das Wertediagramm. Ich werde nur Änderungen an der Geschwindigkeitsgrafik vornehmen. Okay? Ich finde, das sieht gut aus. Okay. Okay, das ist gut. Das Timing ist gut, wenn wir nicht wollen, dass es zu schnell geht. Also ich denke, das ist in Ordnung. Unglaublich. Lassen Sie uns jetzt die Referenz wieder einblenden. Klicken Sie auf den Zyklus, sodass Sie kein Diagramm sehen. Ordnung. Es wird vorerst einfacher sein, jede einzelne Zeile mit dem gleichen Timing zu animieren Und dann werden wir sie ausgleichen. Auf diese Weise können wir sicherstellen , dass das Timing stimmt und dass das Timing für jede einzelne Animation gleich ist. Ich werde den Zyklus hier auswählen. Ich werde für die Rolle einen Bogenrahmen wählen. Klicken Sie hier, ich möchte es einfach hierher verschieben. Ich glaube, ich möchte , dass es etwas höher als das vorherige, damit wir etwas Abwechslung haben. Okay, unglaublich. Dann wird es sich in ein Quadrat verwandeln. Ich werde hierher gehen und ich werde das dort duplizieren. Das ist der Platz. Und ich klicke und gehe zum letzten Schlüsselbild. Damit ich die endgültige Position sehen kann wähle ich alle Positions-Keyframes aus und verschiebe sie hierher. Weil ich möchte, dass diese Animation dieselbe ist. So können wir eine gewisse Konsistenz haben. Jetzt sollte der erste Keyframe anders sein, offensichtlich sollte er hier sein. Lassen Sie mich die Ansicht vergrößern, damit ich sichergehen kann, dass diese beiden aufeinander abgestimmt sind, okay. Lass uns sehen, wie das gut aussieht, okay? Machen Sie das, fügen Sie es hier hinzu und lassen Sie uns die Transformation sehen, okay? Unglaublich. Okay, jetzt wiederhole ich den gleichen Vorgang und verwandle diese Linie in ein Quadrat. Ich werde einen Teil öffnen und es sollte hier beginnen. Okay, lass mich nochmal heranzoomen. Hier ist der Herrscher. Eine weitere Sache ist, dass ich sicherstellen möchte, dass diese beiden Punkte aufeinander abgestimmt sind. Ich werde hier ein anderes Lineal haben. Ändere das P erneut. Hier ist mein Hund. Fantastisch. Jetzt verdopple dieses Quadrat, verschiebe es hierher, klicke, wähle alle Positions-Keyframes und verschiebe sie hierher. Okay, und jetzt sollte das hier aufhören. Okay, lass uns sehen, wie das aussieht. Okay, unglaublich. Großartig, wir haben die ersten drei Quadrate animiert. 8. 6. Animating Icon 2 (Part2): Lassen Sie uns diese beiden nun erneut animieren. Hier gilt das Gleiche. Ich werde nur diese Zeile auswählen. Ich habe bereits einen Pfad-Keyframe, also ja, du kannst einfach hier klicken, um einen hinzuzufügen. Geh hierher, und dieser sollte hier sein. Und dieser hier, genau wie diese beiden Punkte. Lassen Sie mich dieses Lineal entfernen , weil es mich nervt. Auch hier ist es nur ein bisschen nervig. Manchmal zoome ich. Kreiere einen kleinen Bogen wie diesen. Fantastisch. Jetzt werde ich diesen sogar duplizieren. Toller Klick. Ich gehe zu allen Positions-Keyframes. Die endgültige Position sollte hier sein. Jetzt brauchen wir nur noch diese Keyframes weil die Position anders ist und die Aktion, die Bewegung kleiner ist. Eigentlich sollte der erste Keyframe hier sein. Der nächste, ich denke, dieser sollte etwas weiter runter gehen. Ein bisschen mehr rauf. Und das ist die endgültige Position. Lass mich sehen, wie das aussieht. Nur dieser sollte hier enden. Hier. In Ordnung. Okay, unglaublich. Wiederholen Sie nun den gleichen Vorgang für die andere Zeile. Okay, so werde ich die Referenz verstecken und dir zeigen, wie unsere Animation aussieht. Das ist jetzt die Vorschau. Okay, großartig. Jetzt ist es an der Zeit, die letzte Reihe von Quadraten hinzuzufügen. Also lass uns das machen. Das wäre wirklich einfach. Lass mich die Referenz verstecken. Ich wähle einfach diese Quadrate aus und dupliziere sie. Bring sie hierher und wähle ihre Positionen aus. Bring sie jetzt einfach hierher. Nur dieser. Ich würde gerne den Keyframe ändern. Lass mich sehen, wo dieser hier ist. Das wird der mittlere sein. Wenn es steigt, ist es jetzt einfach ein bisschen zu viel. Großartig. Jetzt haben wir alle Quadrate animiert, was unglaublich ist. Lassen Sie uns nun diese Keyframes verschieben. Lassen Sie mich die Referenz vorerst verstecken. Zuerst werde ich mit dieser Zeile beginnen. Diese Linie, die mit diesem Quadrat verbunden ist . Ich finde sie gut. Ich möchte, dass dieser ein paar Frames später anfängt. Dieser könnte hier sein. Dieser ist vielleicht hier. Dieser hier, ja. Okay. Ich fange damit an. Okay? Diese Linie ist. Dieses quadratische Quadrat sollte hier beginnen. Dieser ist der erste. Dieser ist gut. Lass mich sehen, welcher es ist. Okay? Das mittlere Quadrat hier. Das hier. Dieses Quadrat sollte hier beginnen. Dieser sollte hier enden. Dieses Quadrat sollte hier beginnen. Lassen Sie uns einfach den Offset verschieben Diese anderen drei Quadrate sind mit keiner Linie verbunden. Lass mich sehen, wie das aussieht. Okay, großartig, lassen Sie uns eine Vorschau der ganzen Sache ansehen. Okay, lassen Sie uns das beenden, ich möchte eine kleine Anpassung vornehmen, die meiner Meinung nach einen großen Unterschied machen wird, wie bei all den Quadraten, ich werde hier auf dieses Symbol klicken, das im Vergleich zu hier auf dieses Symbol klicken, Bewegungsunschärfe, was ich ziemlich cool finde Sie sehen also diese kleine Unschärfe hier. Außerdem werde ich das auf die Bewegungseffekte und die Linie und die Basis anwenden die Bewegungseffekte und die Linie und die Basis Wenn ich mir das Ganze in der Vorschau ansehe, wirst du diese sehr coole Bewegungsunschärfe sehen, die ich wirklich mag Siehst du es hier? In Ordnung, lassen Sie uns jetzt die Referenz verstecken. Und wir werden etwas sehr Einfaches tun. Wir werden diese Linie erstellen, dieses Quadrat, das eigentlich nur ein Strich ist. Wir müssen ein einfaches Bild wie dieses zeichnen. Ich werde die Referenz verstecken, nur um sicherzugehen. Großartig, jetzt werde ich eine Maske erstellen, weil ich nicht möchte, dass sich die Linie mit meinen Quadraten überschneidet Kreiere hier einfach eine kleine Form. Entferne den Strich, füge aber eine Datei hinzu. Großartig. Stellen Sie jetzt sicher, dass Sie diese neue Form haben, auf die Sie geklickt haben Weil wir mehrere Formen innerhalb derselben Ebene erstellen möchten mehrere Formen innerhalb derselben Ebene Okay. Erstelle auf diese Weise verschiedene Formen, die die Lücken füllen. Großartig. Wenn Sie diese Option nicht sehen, klicken Sie einfach auf die Total-Switcher-Modi und stellen Sie sicher, dass es sich um Alpha invertiert handelt, Kumpel, und bumm, wir haben es fantastisch Lassen Sie uns den Masken-Quadratstrich umbenennen. Das ist ein quadratischer Strich. Diese beiden sollten grün sein , weil sie Teil des quadratischen Symbols sind. Richtig? Ich füge noch einmal unseren Lieblings-Trim-Pats-Effekt hinzu. Lass uns das Ende animieren Und ich will es bis hierher schaffen, ich sage 3 Sekunden, 20 Und nach etwa 2 Sekunden, 20 Bildern, lass es bei Null beginnen. Ich werde den Strich tatsächlich öffnen und sicherstellen , dass wir einen runden Becher und einen runden Joint haben. Okay, lass mich sehen, wie das aussieht. Großartig. Das ist ein bisschen langsam, also möchte ich, dass es zu Ende geht. Okay, großartig. Eine Kleinigkeit, die mir aufgefallen ist , ist , dass wir den Teil der Maske möglicherweise ein wenig anpassen müssen . Okay? Denn wie du hier sehen kannst, kann ich sehen, dass es sich genau hier überschneidet Jetzt brauche ich nur noch Bild für Bild, wo ich dich brauche, zum Beispiel für diesen Und ich glaube, dieses Quadrat, so sehe ich nicht, dass es sich überschneidet, ist Quadrat Nummer sieben. Und ich werde nur sichergehen, dass mein Marker hier ist. Ich werde Quadrat Vier öffnen und Transformation und Keyframe für die Position O, Quadrat Sieben hier öffnen Transformation und Keyframe für . Die Position hier, sieben hier, sie sollte hier sein. Und wieder, Schicht sieben, das sollte dem Original entsprechen. Lassen Sie uns sie einfach lockern und schauen wir mal. Okay, wie gesagt, wahrscheinlich müssen wir Bild für Bild vorgehen. Diese Position hier kann hier sein. Ich sehe hier immer noch eine kleine Überschneidung, Boom. Okay, mal sehen, was sich sonst noch überschneidet. Ich glaube, das ist Schicht drei und sagen wir acht Also wiederhole ich einfach den gleichen Vorgang und passe die Position der Keyframes jedes einzelnen Frames an , der sich mit meiner Linie überschneidet Okay, ich bin bereit. Das ist jetzt die Vorschau. 9. 7. Bewegung-Effekte (Icon 2): In der letzten Zeile würde nur der Bewegungseffekt hinzugefügt werden. Hier gibt es eine Zeile. Das ist die Originalanimation. Hier gibt es eine Zeile, die zusammen die Coup-Morphing-Animation ergibt, die wir haben Fügen wir diese hinzu. Ich würde sagen, wir können von hier aus weitermachen. Okay, klicken wir auf den Stift und ziehen wir einfach eine Linie wie diese Mache den Strich 26 und entferne die Füllung. Öffnen wir einfach diese Ebene und machen die Aufstellung zu einem runden Pokal mit rundem Gelenk In Ordnung, jetzt fügen wir einfach wieder den Trim Pats-Effekt hinzu. Ich werde sie hier hinzufügen. Und animiere das Ende. Lass es hier beginnen. Das ist ein bisschen zu langsam. Vielleicht hier, ich animiere hier auch die Starts. Mal sehen, ich werde diese Ebene ausschneiden. Okay, lass mich sehen, wie das aussieht. Großartig, ich werde diesen einfach duplizieren und ein bisschen drehen. Und ändere die Position leicht. Und um es zu verschieben, werde ich es tatsächlich umdrehen und die Drehung wieder ändern. Lass mich sehen, wie das aussieht. Ehrlich gesagt glaube ich nicht, dass wir den brauchen. Ich werde es löschen. Es wird einfach zu voll und ich werde dich dazu zwingen. Also genau hier. Also gut, unglaublich. Großartig, das ist die Animation, die wir heute erstellt haben. Bundesstaat, denn beim nächsten Mal setzen wir diese Morphing-Animation fort Ich werde dich sehr bald sehen. 10. 8. Ideen für Icon 3: Hallo zusammen und willkommen zur neuen Lektion. Beim letzten Mal konnten wir dieses Symbol in dieses umwandeln . Und das ist das Ergebnis. Das sieht jetzt gut aus. Jetzt ist es an der Zeit, das andere Symbol zu animieren und zu transformieren. Lassen Sie mich zu meinen Symbolen zurückkehren und dieses Symbol in dieses Symbol umwandeln Okay, lass uns dieselbe Übung machen wie beim letzten Mal. Was haben diese beiden Symbole gemeinsam? Nun, so wie ich das sehe, haben sie dieses Quadrat gemeinsam, das ist das Quadrat. Und sie haben auch diese Linie gemeinsam. Das hat mich zum Nachdenken gebracht, wir haben diese Linie, die dieser Linie ähnlich ist. Wir haben diese beiden Elemente, wie wir hier Quadrate haben, aber sie können sich leicht in Kreise verwandeln. Was können wir hier noch transformieren? Nun, ich sehe zwei Elemente. Eine ist diese Linie, wie die Kurvenlinie hier, und eine ist diese. Wie kann ich das, was ich hier in der Mitte habe, in diese gekrümmte Linie umwandeln ? Nun, wie wäre es, wenn ich diese Linie animiere? Nun, ich habe hier zwei Zeilen. Ich habe ein Kreuz. Aber was ich vielleicht tun kann, ist, einfach eine Grenze zu überschreiten und nicht ein Kreuz. Und dann animieren Sie die Linie und machen Sie sie gekrümmt. Das habe ich getan Und dann dieses Element, es ist kein komplexes Element, aber mir fiel nichts ein , was ich tun könnte, um von diesem zu diesem zu wechseln, ohne ein bisschen komisch auszusehen. diesem Grund erscheint dieses Element einfach Aus diesem Grund erscheint dieses Element einfach am unteren Bildschirmrand, und ich denke, das sieht gut aus. Lassen Sie mich zu Ihrer ursprünglichen Animation zurückkehren und Ihnen zeigen, was wir heute erstellen werden. Okay, wir drehen die gesamte Form, dann drehen wir auch diese Form. Siehst du, bumm. Alles klar, jetzt verwandeln wir all diese Formen in Kreise, sodass diese Form in einer Sekunde verschwindet. Diese Linientransformation bringt die beiden Kreise zum Platzen. Dieses Element scheint eine gekrümmte Linie wie diese zu bilden. 11. 9. Animation Icon 3 (Teil 1): Okay, das ist super cool und ich bin begeistert. Lass uns anfangen. Hier haben wir das letzte Mal aufgehört. Wir haben schon den zweiten. Ich möchte eine Vorschau der ganzen Sache sehen, damit ich Ihnen den Zeitpunkt zeigen kann. Ich denke, das Timing funktioniert gut , so wie es gerade ist. Aber ich möchte hier eine kleine Pause einlegen. Ich möchte nur, dass diese Animation für eine Sekunde gelesen wird. Ich glaube, es ist ein bisschen zu schnell, genau hier. Aber vielleicht werden wir dieses Haus kompensieren, wenn wir dieses Haus hinzufügen . Am Ende dieser ganzen Animation müssen wir möglicherweise einige Anpassungen am Timing vornehmen. Lassen Sie uns das animieren. Zunächst möchte ich hinzufügen, was ist das? Warum ist es nicht benannt? Nennen wir das. Das ist ein Bewegungselement. In Ordnung, jetzt wollen wir alles rotieren lassen. Im Grunde alles außer dem Kreuz. Ich werde ein neues Objekt erstellen müssen, damit ich diese Bewegungen verschieben kann das neue Objekt, kein Objekt, oder die Kontroll-Out-Shift und warum Und ich werde diesem Quadrat jetzt einen Namen geben. Unglaublich. Lassen Sie mich jetzt jedes kleine Quadrat auswählen, all diese grünen Quadrate. Das war meine ursprüngliche Referenz. Ich werde es löschen. Ich brauche es jetzt nicht. Okay, ein paar Quadrate plus die Maske und der quadratische Strich, Klammer zum Quadrat Nun wollen wir sehen, wann diese Rotation stattfinden wird. Soweit ich mir das hier überlege, denke ich, dass 1015 Frames für das Rätsel ausreichen würden Jetzt unser Schlüsselrahmen für die Rotation, einfach, einfach. Ich denke, ich gehe zu etwa 5 Sekunden, fünf Frames, und lasse es um 180 drehen. Okay, großartig. Lass mich sehen, wie das aussieht. Es mag ein bisschen langsam sein, aber wir passen jetzt die Keyframes an und gleichzeitig verschieben wir auch die Linie. Vergiss nicht, dass Gatow nur ein Diagramm hat. Auch dieser wird ein bisschen extrem sein. Ich möchte, dass es extrem , weil ich einen coolen Bewegungseffekt haben möchte. Sie sehen jetzt den dritten Antrag. Siehst du ihn? Ja, sehr cool. Ist das extrem genug? Mal sehen, vielleicht ein bisschen mehr. Nur ein bisschen mehr. Ich möchte, dass es sehr, so schnell geht. Und wenn Sie dann an Animationen arbeiten, die viele Elemente wie dieses haben , ist es besser, eine Vorschau des Ganzen zu sehen , wenn Sie die Animation fortsetzen. Wir machen das jetzt nur, damit wir sehen können ob das Timing funktioniert und ob der Puls ausreicht oder ob die Animation genug Zeit hat, oder ob die Animation genug Zeit hat um zu atmen, bevor wir mit der nächsten Animation fortfahren. es mir jetzt ansehe, finde ich, dass die Pose ein bisschen zu groß ist. Lassen Sie mich es mir jetzt ein paar Mal in der Vorschau ansehen. Das ist Echtzeit. Das finde ich jetzt gut. Beginnen wir diese Rotation bei etwa 4 Sekunden, drei Frames. Lassen Sie uns noch einmal eine Vorschau der ganzen Sache ansehen. Okay, jetzt finde ich es gut. Okay, jetzt ist es gut. Jetzt lasst uns unsere Leitung finden. Das ist der, den wir den Keyframes für die Positionsrotation hinzufügen werden. Und ich denke, nach etwa 4 Sekunden bedeuten 15 Frames einfach Null und damit ist es vorbei. Steuere das Umschalten, um zu schneiden, zu duplizieren und die Hauptrolle zu setzen. Okay, ich öffne das Rotationsdiagramm und ich möchte es ein bisschen machen. Ext, okay? Ich möchte es so machen, als ob dieses Zeichen die gesamte Komposition bewegt. Ich finde das gut. Unglaublich. Okay, lass mich jetzt sehen, wann das jetzt aufhört. Es bewegt sich okay, genau hier. Geben wir wieder etwa zwei oder drei Frames zur Zucht. Und wir werden diese Linie animieren. Wir haben da drüben noch diese Linie. Aber bevor wir das tun, müssen wir jeden einzelnen Kreis in ein Quadrat umwandeln. Und das wird sehr cool. Ich werde es dir gleich zeigen. Drücken wir noch einmal die linke Taste und ich werde einen Kreis erstellen. Ich brauche einen geraden Kreis. Okay, danke. Großartig. Ändere den Strich auf Weiß. Und ich werde die Ansicht vergrößern und den Ankerpunkt so ändern, dass er sich in der Mitte befindet. Lassen Sie mich ihn jetzt ein- und ausblenden , damit ich sichergehen kann, dass er richtig ausgerichtet ist Ich werde diesen Bereich sperren, damit ich mein Quadrat finden kann. Das ist Quadrat Nummer acht. Ich werde es hierher verschieben. Ich will nur dies und das isolieren. Ich will nur das Quadrat verstecken, damit ich sichergehen kann , dass der Kreis in der Mitte der Linie ist. es nicht wirklich, ich werde einfach tun müssen Okay, ich finde das gut. Ich werde es nur ein bisschen nach unten verschieben. Möglicherweise müssen wir später einen Positions-Keyframe hinzufügen . Ich finde es gut Okay, hier ist, was wir tun werden. Wir werden diesen Kreis einfach als Referenz verwenden , weil wir den Pfad nehmen wollen. Vom Kreis und verwandle unser Quadrat in einen Kreis. Also öffne ich die Ellipse und das Gleiche wie im vorherigen Tutorial Klicken Sie mit der rechten Maustaste und konvertieren Sie zu Baser Pat. Der Grund, warum wir das tun, ist, dass wir diesen Pfad kopieren wollen Jetzt gehe ich hierher, das ist Platz acht. Ich werde es öffnen. Und das Gleiche hier. Ich möchte die Keyframes für den Basisteil erstellen. Zu diesem Zeitpunkt würde das beginnen. Lassen Sie mich meine Komposition etwas vergrößern. Okay, hier. Und ich denke, es sollte genau hier enden. Und dann kopiere ich den Teil des Kreises, den neuen Kreis, den wir erstellt haben. Gehen Sie hier hin, wählen Sie den Teil aus, fügen Sie ihn ein. Jetzt müssen wir vielleicht nur die Position ein wenig anpassen. Okay, lass uns sehen, wie das funktioniert. Lass es mich einfach verstecken. Okay, das ist jetzt, siehst du, was passiert? Es verwandelt sich gewissermaßen wie die abgerundeten Winkel, die wir in den Kreis verwandelt hatten Ich finde, es sieht gut aus, aber ich möchte es noch einmal grafisch darstellen, damit es schneller und flüssiger ist Okay, ich möchte mir das noch einmal in Echtzeit ansehen. Okay, meiner Meinung nach zu langsam. Lassen Sie uns eine Vorschau des Formulars anzeigen. Ich würde hier sagen, ich möchte, dass es extremer und schneller in der Mitte ist. Okay, unglaublich. Perfekt. Ja, genau das, was ich wollte. Toll, jetzt wiederholen wir den gleichen Vorgang. Der Zeitpunkt wird für all diese Elemente derselbe sein. Wir werden sie nicht ausgleichen. Gehen wir weiter zu Quadrat Nummer sieben. Öffne es, klicke mit der rechten Maustaste. Für das Teil hier in Baser-Teil F umwandeln. Und verschiebe es hierher. Beweg es nicht. Und dann verschiebe deinen Marker hierher. Kopieren Sie diesen Teil und fügen Sie ihn ein. Großartig, wir müssen das Diagramm hier anpassen, aber das werden wir später tun, wenn wir es nur einmal für alles machen werden. Ich werde den gleichen Vorgang für ein Quadrat mit der Nummer sechs wiederholen. Klicken Sie mit der rechten Maustaste, um bei einem Keyframe in den unteren Teil umzuwandeln. Einfache Markierung, geh hierher, kopiere die Vergangenheit hierher Okay, ich werde es jetzt beschleunigen, weil ich im Grunde den gleichen Vorgang für jedes kleine Quadrat wiederholen werde im Grunde den gleichen Vorgang für jedes kleine Quadrat wiederholen . Großartig. Wir haben schon, wir haben gerade jedes kleine Quadrat in einen Kreis verwandelt jedes kleine Quadrat in einen Kreis Halten Sie nun die Umschalttaste gedrückt und wählen Sie alle Pfad-Keyframes aus, jedes Quadrat außer dem ersten, weil das erste bereits das Diagramm angepasst hat Ich werde sicherstellen, dass ich D's verschoben auswähle, sie ein bisschen hierher verschiebe, es extrem mache. Mal sehen, wie das funktioniert. Großartig, jetzt verwandeln sie sich alle gleichzeitig und so gewinnen wir. Sehen wir uns die Vorschau an. Großartig, ich denke, der Zeitpunkt ist. 12. 10. Animation Icon 3 (Teil 2): Lassen Sie uns nun diese Linie animieren. Ich wähle die Linie Gehe hier unten zu einem Schlüsselbild für den Pfad Eigentlich möchte ich, dass diese Linie hier animiert wird. Kurz bevor die Animation der Transformationsanimation beendet ist, passe ich den Pfad an und mache ihn so, dass er in der Mitte ist Und lassen Sie uns sehen, wie das funktioniert. Okay? Das muss schneller sein, denn das ist die Idee, als ob die Zeile diese Elemente wie, okay, auftauchen würde. Also muss es am Anfang langsamer und am Ende schneller sein, mal sehen, okay? Okay, und dann werden diese beiden Kreise auftauchen. Also werde ich sie finden. Das ist was? Quadratischer Kreis vier. Und jetzt öffne ich Stroke und es fängt genau hier an, richtig? Und dann hier. Es sollte schon weg sein. Machen Sie den Strich an dieser Stelle auf Null. Ich werde dafür sorgen, dass es hier anfängt. Okay? Ja, das klingt gut. Unglaublich. Lassen Sie uns jetzt dasselbe tun, und eigentlich werde ich nur diese beiden Kontur-Keyframes kopieren. Und lassen Sie mich herausfinden, das ist für fünf R-Tastenbilder. Für den Strich waren und einfügen. Okay, großartig. Lassen Sie uns nun den gleichen Vorgang für diese drei Kreise hier wiederholen , aber ich werde sie etwas verschieben. Ich glaube, genau hier, ein paar Bilder nach diesem. Hier gilt das Gleiche. Öffne, streiche, streiche über Schlüsselbilder hinweg. Bewege sie ein bisschen Hier ein Strich-Keyframe für Strich. Und verschiebe es hierher. Lass uns sehen. Okay, ich finde, das sieht gut aus. In der Zwischenzeit möchte ich, auch diese Linie animiert wird Das ist der quadratische Strich. Lass es mich öffnen. Zuerst möchte ich den Offset anpassen. Weil sieh dir das an. Wir müssen das Ende animieren. Wir können also bei dieser Zeile hier bleiben. Und das ist eine gerade Linie, und wir werden sie nicht animieren Ich möchte nur, dass das Quadrat getrimmt wird und hier aufhört. Ich habe hier nur eine Zeile. Wenn ich jedoch den Anfang animiere, würde ich sagen, zum Beispiel 25% oder tatsächlich sind das etwa 24%, 25% oder tatsächlich sind das dann bleibt mir diese Linie übrig Und ich will diese Linie. Diese Linie. Deshalb müssen wir den Offset ändern. Der Offset sollte hier zu 100% sein und ich werde einfach mit dieser Animation herumspielen. Wir haben das schon animiert, und deshalb werde ich es einfach so stapeln, wie es hier war. Und dann gibt es auf dem nächsten Bild nur ein weiteres Schlüsselbild , bei dem der Offset 100 sein würde. Okay. Lass uns sehen, wie das aussieht, okay? Okay, lassen Sie mich einfach sehen, ob der Zeitpunkt stimmt. Ich denke, ja, vielleicht sollte es früher anfangen. Lass uns sehen. Okay, ich passe das Timing an und mir fällt etwas anderes auf, das ich in einer Sekunde korrigieren werde. Zuallererst ist die Animation gut. Bis hier. Ich will, dass das Schild schneller ist. Das ist das erste Mal, dass ich diese beiden Keyframes zeitlich ändere . Ich werde sie verschieben. Das muss schneller sein und vielleicht hier beginnen, weil sonst alles zur gleichen Zeit passiert und man nicht wirklich sehen kann, was vor sich geht. Lass uns die Park-Keyframes mögen. Nur ein bisschen die Grafik. Ich weiß, dass ich gesagt habe, dass ich es will. Ich will es immer noch extrem, aber nicht, dass ich diese Tür hier schnappe und verschiebe. Okay? Und ich brauche nur das Timing für die kleinen Kreise, die im Quadrat fünf Quadrate, vier bis hier waren Quadrat fünf Quadrate, vier bis Lass uns sehen. Okay, vielleicht ein bisschen früher. Okay? Nun, all diese anderen Quadrate müssen etwas verzögert werden, weil, wie gesagt, alles gleichen Zeit passiert und es ist ein bisschen verwirrend. Und diese beiden hier, mal sehen. Okay, jetzt haben wir ein bisschen mehr Struktur. Okay? Vielleicht ist das Letzte , was mir aufgefallen ist, dass ich das Quadrat nicht ändern musste. Denn denken Sie daran, dass dieses Symbol hier ein großes Quadrat hat. Wenn ich also zurückgehe, möchte ich nur dieses Quadrat finden und diesen Schlüsselrahmen entfernen. Toll. Nächstes Mal werden wir die Annulation dieser Ikone beenden , und ich freue mich sehr, Sie in der nächsten Lektion zu sehen 13. 11. Animation Icon 3 (Teil 3): Hallo Leute und willkommen zur neuen Lektion. Dies ist die Vorschau der Animation, die wir bisher gut gemacht haben. Und heute werden wir die Animation dieses Symbols beenden . Dieses Symbol hier drüben. Ordnung, das Erste , was ich tun werde, wäre, diese weiße Linie zu ersetzen. Der Grund, warum ich das machen möchte, ist, dass, wie Sie wissen, diese Linie Teil einer Form ist, die eigentlich die ursprüngliche Form war, die wir hatten. Ja, dieser. Wie Sie in unserer ursprünglichen Animation sehen können, wollen wir, dass sich diese Linie krümmt und nach oben geht, weil dieses Werkzeug es ermöglicht. Es wäre sehr schwierig, wenn wir das mit dieser Linie versuchen würden. Der Grund dafür ist , dass es, wie Sie sehen können, hier eine Reihe von Punkten gibt. Wenn ich zum Beispiel hier einen weiteren Punkt erstelle und anfange, ihn zu bewegen, wird hier ein weiterer erscheinen. Und es gibt noch etwa drei weitere Punkte, die ich hier nicht brauche. Ich kann diese Formen entfernen, aber ich möchte, dass meine Komposition wirklich sauber und aufgeräumt bleibt Und deshalb möchte ich einfach eine weitere Form erstellen, die sich mit dieser überschneidet Ich kann anfangen, es zu animieren und es wird viel, viel einfacher sein Also lasst uns auf den Stift klicken und eine einfache Linie zeichnen , die sich mit der bestehenden Linie überschneidet, die wir haben Ich lasse mich von diesen beiden Punkten hier nach unten bewegen. Okay? Und tatsächlich werde ich die Linie verschieben, dieses neue Element, das ich gerade erstellt habe, über meiner Basis erstellen. Und ich werde dieses neue Element mit der Basis isolieren. Und ich werde das umbenennen. Das wird Line sein. Und ich werde das Cover auf braun ändern , weil das Teil des neuen Symbols ist und ich möchte, dass alle Ebenen, die auf dieses Symbol beziehen, braun sind. In Ordnung, lassen Sie mich isolieren und isolieren. Ich werde den Strich wieder ändern müssen. Rund, Becher, rundes Gelenk. Ich habe das Gefühl, dass der Schlag 26,5 sein kann. Ja, und ich muss mich anpassen, als ob dieser hier sein muss Dieser hier. Das will ich nicht sein. Ich möchte, dass jeder sieht, dass ich meine Form verändere. Ich sehe es jetzt kaum. In Ordnung, großartig. Lass mich den Zeitpunkt sehen. Ich werde sie isolieren, lassen Sie mich das vorerst verstecken. Okay, eigentlich möchte ich, dass diese Ebene hier genau dann beginnt , wenn die andere Zeile endet. Es ist Animationssteuerung und Shift-Taste, um auszuschneiden, zu duplizieren und zu beschneiden. Und ich muss es natürlich verstecken. Lass uns das okay machen. Auch meine Kreise verstecken es ein bisschen. Und stellen Sie sicher, dass Sie auf das Symbol klicken , damit die Bewegungsunschärfe In Ordnung, lassen Sie uns jetzt diese Linie über alles stellen. Großartig. Bevor wir weitermachen, sehe ich, dass ich einige Ebenen habe, die unbenannt sind Das war meine Referenz für den Kreis, also werde ich ihn löschen. Lass mich sehen. Ich möchte, dass meine Komposition superkristallklar ist. Ordnung, großartig. Perfekt. Fügen wir nun das äußere Element dieses Elements in unsere ursprüngliche Animation ein. Wie Sie sehen können, ändern wir die Form des Symbols nicht wirklich. Wir haben Keyframes für die Position und den Maßstab, aber wir ändern die Form nicht Und weil wir die Form nicht ändern, müssen wir dieses Element nicht zeichnen Wir können es einfach nehmen, weil wir diese Symbole bereits in Adminstrator entworfen Ich werde einfach eine Maske erstellen, weil ich nur dieses Element haben möchte Ordnung, großartig. Und stellen Sie sicher, dass Sie auf den Zyklus klicken, damit Sie keine Probleme mit der Waage haben. Kopiere das und ich gehe zurück und fange an, den Zyklus zu animieren, den ich von hier fange an, den Zyklus zu animieren, den aus animieren wollte Klicke auf die linke Klammer, damit ich sie hierher ziehen kann Hier. Klicke auf P. Damit ich die Position und die Skala animieren kann die Position und die Skala animieren Ordnung. Lass mich zuerst sehen, wo dieses Element ist. Ich werde es vergrößern. Ich werde es hierher verschieben. Ich will sichergehen, dass es in der Mitte ist, großartig. Und schieb es ein bisschen runter. Okay, jetzt fügen wir Phil Cower hinzu, weil ich möchte, dass es weiß Großartig. Die Animation sieht so aus. Dieses Element kommt vom unteren Bildschirmrand. Stoppt hier, macht eine Pause für etwa eine Millisekunde, geht runter und dann wieder hoch. Damit du deine Keyframes sehen kannst. Und verschiebe diese, würde ich sagen, auf etwa 7 Sekunden, fünf Frames. Und nach etwa 6 Sekunden, 13 Bildern, verschiebe es nach unten und wende die Bewegungsunschärfe Okay, jetzt öffnen wir das Diagramm für die Position hier. Wir müssen vielleicht x von y trennen, aber im Moment werde ich nur mit dem Geschwindigkeitsdiagramm im Wertediagramm arbeiten , okay? Okay. Ich finde, das sieht gut aus. Nur ein bisschen extremer. Okay. Unglaublich. Nein, ich finde, das sieht gut aus. In Ordnung. Ich möchte, dass diese Ebene tatsächlich von hier aus beginnt. Ich möchte nicht die ganze Bewegung von hier nach hier sehen , also okay, gut. Ich denke, das Timing ist gut. Fügen wir nun einen kleinen Impuls hinzu, etwa von 7 Sekunden, fünf Frames bis, ich würde sagen, 7 Sekunden, 14 Frames. Lass uns sehen. In Ordnung, ich werde ein Schlüsselbild für die Position hinzufügen. Und dann, nach etwa 8 Sekunden, werde ich dafür sorgen, dass es so runtergeht. Lass mich sehen, wie das aussieht. Okay, ich möchte, dass das so ist. Also das ist mit Absicht. Öffnen wir nun den Zeilenpfad und fügen hier einen Keyframe für den Pfad Ich muss hier einen weiteren Punkt hinzufügen , damit ich die Kurve habe Und der Punkt sollte hier in der Mitte sein. Achte nur darauf, dass du gedrückt hältst. Umschalttaste, klicken und gedrückt halten, damit wir eine Kurve wie diese haben können, okay? Jetzt, zu diesem Zeitpunkt, nimm diesen Punkt und verschiebe ihn hierher. Nur die Punkte, okay? Ich weiß nicht warum. Ich habe das Gefühl, dass dies nicht das Zentrum ist. Es nervt mich. Alles klar? Vielleicht so. Mal sehen, ich will es mir noch nicht in der Vorschau ansehen, okay? Okay, jetzt ist die Leitung zu langsam. Obwohl diese beiden Keyframes denselben Start- und Endpunkt haben , lassen Sie uns die Keyframes hier öffnen. Okay, und jetzt machen wir hier dasselbe. Okay, lass uns sehen. Okay, ich finde, das sieht gut aus. Jetzt möchte ich nur noch mein Originalsymbol duplizieren. Weil ich sehen möchte, wo sich dieser Bogen befinden soll, und ich möchte sicherstellen, dass er ausgerichtet ist. Also werde ich es einfach kopieren und hier einfügen. Klicken Sie auf das Symbol, damit Sie das Diagramm entfernen können. Lass es mich einfach vergrößern, damit ich es sehen kann. Okay, ich denke, es sollte so etwas sein. Okay, es ist ein bisschen anders, aber ich meine, das ist nicht wirklich wichtig. Nun, auch das führt dazu, dass die Linie sinkt. Und ich will es als Sprung machen, als ob es runter und rauf gehen würde Also ich denke, der letzte Keyframe hier sollte schneller sein. Also gehe ich zu ungefähr 8 Sekunden, zehn Frames. Und es wird einfacher sein, wenn ich zuerst die Linie anpasse. Okay, dieser ist hier, dieser Punkt ist hier und dieser hier. Und wir müssen die Maske hinzufügen. Ja, das machen wir später. Lass mich die Referenz vorerst verstecken. Achte darauf, dass es ein schöner Bogen ist. Verstecken Sie die Referenz. Ich werde hier nur ein kleines Lineal hinzufügen. Ja, das ist jetzt, glaube ich. Ja. Okay, es ist gut. Wo sind meine beiden? Okay, das Tool muss jetzt hier rauf. Okay. Wir müssen die Skala anpassen. Mir ist gerade aufgefallen, dass diese beiden hier jetzt zu groß sind. Wir sollten die normale Skala haben. Also füge ich hier einfach ein Schlüsselbild hinzu , wenn es runter geht. Ich wollte es nur ein bisschen verkleinern. Lass mich das Originalsymbol sehen. Ja. Okay. Jetzt finde ich das gut. Kopieren Sie jetzt die Seite mit dem ersten Schlüsselbild. Okay, lass mich sehen, wie das aussieht. Okay, das Letzte, was ich hier für die Sekunde tun möchte , wäre, wieder nur die Grafik zu betrachten. Klicken Sie hier auf diesen Punkt und machen Sie es einfach ein bisschen extremer. Großartig. Und das Gleiche gilt für die Leitung. Ich möchte, dass das etwas extremer ist als es jetzt ist. Okay, so schnell und dann wieder langsam. Okay, lass mich eine Vorschau ansehen. So kann ich bei der Vorschau sehen, ob der Zeitpunkt stimmt Vorschau sehen, ob der Zeitpunkt stimmt Stellen Sie einfach sicher, dass Sie die 100-prozentige Auflösung haben. Okay, das ist ein bisschen zu langsam. Ich möchte das anpassen. Ich denke, diese Pause ist jetzt gut. Ich denke, das kann schneller sein, und das kann noch schneller sein. Und lassen Sie uns noch einmal eine Vorschau anzeigen. Die ganze Sache. Okay, jetzt möchte ich hier einfach eine Maske hinzufügen. Ich werde ein Quadrat erstellen. Entferne den Strich am gefallenen Kern und verschiebe ihn über die neue Linie, sodass das Alpha invertiert wird Und lass es hier beginnen, indem du auf die linke Klammer klickst. Und ich werde dieser Maske einen Namen geben, Linie, Linie, Linie, und dieses Element wird braun sein. In Ordnung, jetzt schauen wir es uns noch einmal an. Eigentlich möchte ich einen weiteren Schlüsselrahmen für diesen Zyklus hinzufügen . Ich möchte ein bisschen runter gehen. Wie gesagt, ich will einen kleinen Bogen. Ja, vielleicht ein bisschen. Also lass uns sehen. Großartig. Siehst du, wie diese Sekundärbewegung dieser Animation viel hinzufügt? Ich werde dir gleich diesen sehr coolen Sprung zeigen. Ich zeige es dir. Das ist mit dem Band, das ist ohne die Bögen. Das sieht einfach zu statisch aus. Es ist, als ob es an der Linie kleben würde. Und wenn wir einen Sprung haben, sieht es einfach viel organischer aus. Sehr cool In Ordnung, großartig, unglaublich. Wir sind bereit für die Transformation dieser Ikone. Nächstes Mal setzen wir mit der anderen Transformation fort , bei wir dieses Symbol haben werden und dann werden wir das Logo enthüllen lassen. Vielen Dank für die Zeit. Ich hoffe, dir gefällt das Tutorial und wir sehen uns bald. 14. 12. Ideen und Design – Finales Symbol: Hallo Leute und willkommen zur neuen Lektion. Ich werde eine Vorschau der gesamten Animation anzeigen. Hier sind wir angekommen, und hier haben wir das letzte Mal aufgehört. Okay, großartig, also das haben wir heute. Wir werden diese Animation fortsetzen und den Pycon in dieses Symbol verwandeln Lassen Sie mich Sie noch einmal durch meinen Denkprozess führen, während ich das Ganze animiere. Ich habe wieder darüber nachgedacht wie ich von hier zu dem kommen kann Ich wollte wieder einige Gemeinsamkeiten entdecken. Aber wie Sie sehen können, unterscheiden sich diese beiden Chas ziemlich voneinander Sie sind nicht viele Dinge , die sie gemeinsam haben. In diesem Fall habe ich einfach beschlossen, diesen Teil hier zu animieren Dieses kleine Quadrat, das wir haben , wird sich in diese Form verwandeln Und dann wird der andere Teil der Form geformt. Lassen Sie mich zur ursprünglichen Komposition zurückkehren und mit dieser Lektion beginnen. Ich werde damit beginnen, diese Form zu erstellen, so wie wir es beim letzten Mal mit den anderen Symbolen gemacht haben. Ich werde einfach diese kopieren. Und ich werde es einfügen. Hier. Lass mich sehen, was, okay, ja, das war die vorherige Referenz. Ich werde es löschen, und das ist das neue. Und mir ist auch aufgefallen, dass diese Ebene keinen Namen hat, also werde ich einfach dem Stift einen Namen geben. In Ordnung, großartig. Jetzt ist alles sauber. Ich werde diese Schicht isolieren und finden. Lassen Sie mich sie ein wenig vergrößern und ich füge einfach eine Farbe hinzu, die sich anfühlt. Ich möchte es weiß machen. Jetzt werden wir eine Form erstellen. Ich möchte das Symbol nur ein wenig drehen. Ich möchte sichergehen, dass es sich um eine gerade Linie handelt , da es sonst komisch aussieht. Ich finde das gut. Lassen Sie mich jetzt eine Maske erstellen. Ich brauche diesen Tropfen vorerst nicht. Ich werde dieses Symbol auf einem Leck erstellen. Ich werde diese Form also nicht erstellen , weil wir, wie ich bereits erwähnt habe, das kleine Quadrat in diesen Teil des Symbols umwandeln werden . Okay, lassen Sie uns jetzt damit beginnen eine Ellipse wie diese zu erstellen und den Fülleffekt zu entfernen Lassen Sie uns einen Strich hinzufügen. Lassen Sie mich sehen, was der Strich der anderen Ebene ist. Das sind also 24. Okay, so, unglaublich. Ich werde jetzt eine rechteckige Form zeichnen und ich werde hier zwei Rechtecke zeichnen, aber ich werde den Kern hinzufügen Siehst du, was ich hier gemacht habe? Ich habe keine neue Ebene erstellt, sondern die Form der äußeren Ebene hinzugefügt. Ich werde es jetzt löschen. Und stellen Sie beim Erstellen einer Form sicher , dass Sie irgendwo anders klicken und die Elemente nicht ausgewählt sind. Okay. Nun, weil ich es maskieren möchte und deshalb brauche ich es auf einer separaten Ebene. Lassen Sie mich das vorerst für eine Sekunde verstecken. Dieses Mal möchte ich zwei verschiedene Formen erstellen. dieses Mal sicher, dass Sie Ihre Form ausgewählt haben , bevor Sie die neue Form zeichnen. Ja, hier ist es. Jetzt lass uns einfach so Alpha D machen. Okay, lass mich die Referenz verstecken. Ich glaube, ich werde das einfach hierher verschieben. Die Maske wird hier sein. Okay, jetzt werfen wir den anderen Teil der Form und ich bin auf einer anderen Ebene. Ich zeichne im Wesentlichen die Form , die wie unser Symbol aussehen sollte. Okay, und noch eins hier. Lass uns die Füllung entfernen. Fügen wir einen Strich hinzu, 24. Wow, das ist zu viel. Lass uns 15 draus machen. Wenn ich die Referenz verberge, will ich nur sehen, wie das aussieht. Lass uns 15 draus machen. Diese Form sieht nicht gut aus. Ich werde mich dort anpassen müssen. Ich werde das tun, indem ich hier King lecke. Das Anpassen der Formen. Okay. Ich werde den Strich auf 12 ändern. Lassen Sie mich alles einblenden, nur um zu sehen, ob der Strich deshalb mutiger aussieht , weil wir das Symbol skalieren müssen Also gehe ich einfach zu einem Elternteil die ganze Treppe zu diesem und ich werde es so vergrößern Lassen Sie mich diese Form noch einmal anpassen, weil ich denke, dass dieser Teil repariert werden muss. können einfach mit der Form herumspielen , bis Sie mit dem Aussehen zufrieden sind. Wenn ich jetzt isoliere, lass uns sehen, vielleicht dieses Quadrat, ich will nur sehen, ob der Strich okay ist. Ich glaube, ich werde jetzt einfach hierher gehen und mich isolieren. Ich denke, es ist in Ordnung. Vielleicht müssen wir den Hub später anpassen, aber ich denke, jetzt ist es gut. Okay, das ist die Form. Ich mag den Kreis nicht wirklich, um ehrlich zu sein. Lass uns einfach einen anderen erstellen. Es sieht einfach nicht scharf aus. Großartig. Und ich gehe einfach zu Alpha, portiere es erneut und lösche dieses und ändere den Stroke. Ja, dieses Mal 24. In Ordnung. 15. 13. Morphing von Icon 3 zu Icon 4: Jetzt, wo wir diese Form und dieses neue Symbol haben, werde ich meine Referenz löschen Und fangen wir damit an, diese Ebenen vorerst auszublenden. Weil ich zuerst die andere Animation erstellen möchte bevor wir dieses Symbol in das andere Symbol umwandeln. Schauen wir uns zunächst an, wie das Timing funktionieren würde. Okay, großartig. Ich denke , dass die 9 Sekunden der Runde ein guter Ausgangspunkt für diese Animation wären. Was wir tun werden, wäre, mit dieser Kurve hier drüben zu beginnen . Wir werden es animieren und ich werde es öffnen. Ich werde unseren Lieblingseffekt „Pfade trimmen“ hinzufügen. Los geht's, ich gehe zu einem Schlüsselbild für den Anfang. Für das zweite Ende nehme ich etwa 9 Sekunden, 20 Frames, und ich mache dieses Bild zu 50% und dieses zu 50% zu zwei. Großartig. Schauen wir uns jetzt an , wie das aussieht. Okay, unglaublich. Ich denke, das Timing funktioniert gut. Jetzt wähle ich diesen Kreis aus. Dieser Kreis. Ich werde klicken. Ich gehe zu einem Schlüsselbild für die Position, die ich einnehmen werde. Die Position beginnt bei etwa 9 Sekunden, fünf Frames. Und es wird nach ungefähr 9 Sekunden, 26 Frames, enden. Und ich will sie bewegen und dafür sorgen, dass sie hier aufhören. Hier werden wir den Übergang vornehmen. Wenn Sie den ersten Kreis verschieben, können Sie einfach den Schlüsselrahmen für den anderen Kreis kopieren und einfügen . Mir ist hier etwas aufgefallen wie, siehst du diesen Teil hier? In der vorherigen Animation hatten wir den Effekt „Pfade trimmen“. Und das Ende ist 24 und hier gab es eine Maske , die diesen Teil verdeckte. Aber jetzt, wo wir den Kreis nicht haben, sehen wir ihn. Lassen Sie mich diesen Keyframe einfach auf 23 ändern. Ich denke, wenn ich hierher gehe. Ja, wenn ich hierher gehe, sehe ich diesen Teil nicht mehr. großartig. Schauen wir uns jetzt an, wie das Timing funktioniert. Du machst einen Fire 100 draus, damit ich das Ganze sehen kann. Großartig. Perfekt, ich finde das gut. Gehen wir nun zum letzten Keyframe und wählen diese beiden Kreise Shift und D. Und löschen sie, weil wir das S von nun an nicht mehr sehen wollen , sie werden einfach verschwinden Lassen Sie uns diese Linie dort drüben animieren. Ich werde wieder ein Schlüsselbild für D-Enden hinzufügen. Ich werde hierher gehen und nachsehen. Ich werde das auf 8% machen und ich werde auch den Start leichter animieren Ich werde diese 8% zu großartig machen. Ich denke, das muss schneller sein, weil Sie sehen, dass sich diese Linie hier mit den Kreisen überschneidet Ja, ich denke, das ist in Ordnung. Lass uns sehen. Okay, unglaublich. Großartig, großartig. Gleichzeitig möchte ich, dass der Penis nach unten geht und verschwindet Also füge ich einen Keyframe für die Position hinzu und gehe dann nach etwa 9 Sekunden zu Frames, lasse es runtergehen und drücke Shift, um zu schneiden Und Kate gefällt das, und lass uns sehen, wie das aussieht Okay, ich werde es von hier aus schneiden. Großartig, ich finde das großartig. Ich möchte einfach all diese Keyframes auswählen und sie ein bisschen schneller machen. Denn jetzt werden wir dieses Element rotieren und ich denke, dass die Verbreitung schneller sein kann. Jetzt werde ich eine neue Objektsteuerung hinzufügen, herausschalten und ein neues Objekt erstellen. Und ich werde auf Enter klicken und diese Drehung umbenennen. Nicht großartig, ich möchte all diese Elemente übergeordnet haben, aber wie Sie sehen können, sind diese Elemente bereits der achten Ebene übergeordnet Das ist der andere Knoten, den wir hatten. Der beste Weg, dies in diesem Fall zu tun, wäre , einfach das Alte dem Neuen zu überordnen. Nun, das Pu, das Quetschen ist für niemanden verantwortlich. Eigentlich brauchen wir keine Eltern zu haben. Es geht einfach runter. Also ich will nur sehen und sichergehen, dass all diese Lüfte von den Eltern stammen und ja, wie Sie sehen können, diese Maske und diese Linie nicht von der Nase getrennt sind Also müssen wir sie jetzt auch erziehen. Okay, also dieser Kreis, ja, er ist bereits erzogen Diese Zeile ist bereits erzogen. Und dieser Kreis ist bereits Elternteil. Okay. Jetzt unglaublich. Ich werde die Rotation der Rotation öffnen, hier gibt es keinen Keyframe. Und ich gehe zu etwa 10 Sekunden. Und ich lasse es nur einmal rotieren, also einen vollen Kreis bilden. Also lass uns sehen, wie das aussieht. Okay, das ist gut. Aber wir haben einen kleinen Fehler gemacht. Und der Fehler war, dass wir den Ankerpunkt oder die Position der Null nicht geändert haben. Ich, ich werde nur den Ankerpunkt ändern. Nein, jetzt und das wird jetzt der Ankerpunkt sein. Von hier aus wird es tatsächlich rotieren. Okay, großartig. Okay, großartig. Jetzt möchte ich einfach die Rotations-Keyframes öffnen und einige Anpassungen an der Geschwindigkeitsgrafik vornehmen Und ich möchte es einfach schärfer machen. Fangen Sie langsamer an, dann schneller und dann wieder langsamer. Ja, okay. Ich finde, diese Bewegung ist perfekt. Nun, eine Sache, die uns noch bleibt wäre, das Quadrat in eine andere Form zu verwandeln das Quadrat in eine andere Form damit wir das neue Symbol formen können. Ich werde jetzt die Ebenen entschärfen. Außerdem habe ich gerade gemerkt, dass ich meine Referenz gelöscht habe. Lassen Sie mich einfach schnell zurückgehen und meine Referenz finden damit ich sehen kann, wie lang diese Zeile sein sollte. Okay, hier ist meine Referenz. Ich werde die Autocity einfach auf 50% ändern . Ich denke, lass mich vorerst das Quadrat finden Okay, hier ist das Quadrat. Ich werde klicken und ich werde diese Punkte hierher verschieben. Und diese Punkte auch hier. Ich möchte die Position dieser Elemente hier ändern dieser Elemente hier weil sie niedriger sind und ich möchte, dass sie irgendwo hier in der Nähe sind. Ich werde meine Referenz vorerst verstecken, weil es für mich schwierig ist, das Rad zu sehen. Okay, lassen Sie uns zuerst die Position dieser Elemente ändern. Okay, ich denke, wir müssen alles ein bisschen nach links verschieben , damit es ausgerichtet ist. Okay, großartig, ja, ich finde, das sieht gut aus. Jetzt. Lassen Sie mich zuerst die Dinge umbenennen, die dann um diese Maske kreisen werden. Wie können wir dieses Element Final Icon nennen? Und ich möchte erneut die Farbe dieser Elemente ändern, die Farbe dieser Elemente ändern da sie Teil des neuen Symbols sein werden, sodass sie beispielsweise gelb sein können. Großartig, lassen Sie uns jetzt all diese Dinge auf die hinweisen. Ich möchte auch sicherstellen, dass dieser Schlüsselrahmen hier endet. Wenn die Drehung beendet ist, füge ich dem Kreis und auch diesem Element, einem Trimmpad, den Effekt „Trimmpfade “ hinzu. Und ich möchte das Ende animieren. Eigentlich werde ich dafür sorgen, dass es nach etwa 10 Sekunden, acht Frames, endet Und es beginnt bei ungefähr 9 Sekunden, 15 Frames. Mach das auf Null. Dann kopiere das und füge es hier ein. Und mal sehen, wie das aussieht. Okay, zuallererst sollte das hier Null sein, nicht zwei. Okay, dann öffnen wir den Strich und stellen sicher, dass wir eine runde Schale und ein rundes Gelenk aus diesen beiden Elementen haben . Und ich sehe, dass wir auch den Offset anpassen müssen . Ja, der Offset des Kreises, weil er von hier aus beginnt. Siehst du, wie er von hier aus beginnt? Ich würde gerne einfach die Zierpolster öffnen und es hier beginnen lassen. Großartig. Unglaublich. Okay. Lassen Sie uns jetzt einfach das Diagramm für die Trimmpfade öffnen und es hier gleichmäßiger und gleichmäßiger machen Sie müssen nicht gleich sein, denn es wäre gut, eine gewisse Vielfalt zu haben So sieht es aus. Lass mich die 100 machen, damit wir die ganze Sache sehen können. Großartig, großartig, nun, ich finde, die Animation sieht gut aus. Nächstes Mal werden wir mit der letzten Animation fortfahren , in der wir dieses Logo animieren werden Und das wird sehr lustig werden, und wir werden diese Morphing-Animation beenden Dann bleib dran. Ich werde dich sehr bald sehen. 16. 14. Logo-Enthüllung: Hallo Leute und willkommen zur neuen Lektion. Ich freue mich sehr auf diese Lektion. Also lass uns anfangen. Heute werden wir tatsächlich animieren. Ein großer Teil dieser Lektion würde darin bestehen, das Logo, diese Kreisanimation, mit diesem flüssigen Übergang, den wir haben, zu animieren diese Kreisanimation, mit diesem flüssigen Übergang, den wir haben, Wir beginnen also damit, zuerst das Logo zu animieren, bevor wir diese Animation in die andere Animation einbauen und sie fertigstellen Denn wenn wir in unserer ursprünglichen Animation zurückgehen, haben wir hier, ja, wir haben diese Transformation Ja, und dann haben wir den Tropfen, der das Logo bildet. Das ist eine Vorkomposition. Lassen Sie uns zunächst die Unterkomposition erstellen, damit wir sehen können, wo sich das Logo befinden würde und wie wir dieses Element animieren sollten Wo sollte die Position dieses Elements sein? Bevor wir mit dem Drop beginnen, importiere ich zuerst das Logo „Ja, ich bin ein Designer“. Klicken Sie mit der rechten Maustaste hier, Datei importieren. Hier ist meine Datei. Jetzt klicke ich auf Als Komposition importieren, Ebenengrößen beibehalten und Importieren. Lassen Sie mich jetzt sehen , was wir hier haben. Okay, was wir hier haben, ist der Kreis mit dem Logo. Und wir werden zuerst sicherstellen , dass wir auf den zweiten klicken, damit wir die kontinuierliche Sterilisation durchführen können wir die kontinuierliche Sterilisation Wir können sicherstellen, dass das Logo von hoher Qualität ist. Dann klicke ich auf Strg K und ändere diese Komposition auf, ich würde sagen, 180 bis 180. Großartig. Lassen Sie uns das Logo jetzt einfach ein bisschen skalieren. Wir können es später verkleinern, aber ich möchte das Logo besser sehen können . Deshalb möchte ich es einfach vergrößern. Okay, großartig. Wir beginnen damit, eine sehr einfache rechteckige Form wie diese zu erstellen. Es spielt keine Rolle, wir werden es für ein paar Sekunden maskieren. Achte nur darauf, dass es den ganzen Kreis abdeckt. Entferne den Strich und füge Phil hinzu. Großartig. Jetzt verschiebe ich diese Form unter das Logo und maskiere sie. Ich gehe zu Alpha. Als Nächstes klicke ich auf und füge ein Schlüsselbild für die Position hinzu. Ich werde es leicht machen. Ich gehe zur 1-Sekunden-Marke und verschiebe diesen Keyframe dorthin Am Anfang möchte ich, dass es hier ist, lassen Sie mich sehen, wie das aussieht Okay, das ist ein bisschen zu schnell. Ich werde diesen Keyframe hierher verschieben. Ich würde sagen, etwa 1 Sekunde, 28 Frames. Ich weiß nicht, warum ich den ersten gelöscht habe. Ich werde es einfach hier hinzufügen. Okay, jetzt finde ich, das sieht gut aus. Wir müssen es vielleicht anpassen, aber das machen wir später. Suchen Sie jetzt in Ihrem Fat Panel nach dem Welleneffekt und lassen Sie uns die Einstellungen ändern. Dieser sollte -15 sein, dieser 1.200. 15 Dieser, ja, wir können ihn bei 90 Grad halten und alles andere kann einfach so bleiben, wie es gerade Lass uns jetzt das Cover ändern. Ich werde dafür Hellgrau verwenden. Unglaublich. Lassen Sie mich eine Vorschau davon sehen. Gut. Okay, das sieht toll aus. Wählen wir nun diese beiden Elemente aus. Lassen Sie mich das eigentlich umbenennen. Ich werde es so benennen. Großartig, lassen Sie mich diese beiden Elemente auswählen , beginnend mit der Maske, dem Logo und dem Steuerelement V. Als Nächstes öffne ich einfach diese Ebene, in meinem Fall Welle zwei, und ändere die Einstellung. Ich möchte, dass das 17 ist. Das kann bei 215 bleiben und alles andere kann tatsächlich so bleiben, wie es gerade ist. Und ich werde einfach das Cover ändern. Das Cover wird dunkler sein. Lassen Sie uns eine Vorschau davon sehen. Unglaublich. Lassen Sie uns nun diese beiden kopieren und einfügen. Und ich werde sie ein wenig ausgleichen. Ich werde sie einfach bei etwa, ich würde sagen, dem zehnten Frame beginnen lassen . Ja. Ja, genau jetzt. Lass uns nochmal das Cover wechseln. Dieses Mal werde ich ein dunkleres rotes Cover daraus machen , weil wir jetzt das Logo enthüllen werden. Das letzte sollte das Originalcover des Logos sein. Wenn ich das einblende, nehme ich einfach diese Hülle und ändere die Füllung dieser letzten Ebene, um sie als Nächstes zu entdecken Eigentlich möchte ich die Schichten nur ein bisschen verschieben. Sie sind vorerst einfach zu linear. Lassen Sie mich einfach alle auswählen. Ja, lass uns sehen, wie das aussieht. Wow, großartig. Okay, lassen Sie uns den Editor öffnen und einige Anpassungen an der Geschwindigkeitsgrafik vornehmen , indem wir alle Punkte auswählen und die Größe anpassen. Lassen Sie uns sie jetzt ein bisschen anders machen, damit sie nicht so statisch sind. Und ja, ich möchte, dass einige von ihnen schneller sind. Manche Wellen können langsamer sein. Ich denke, dieser kann vielleicht ein bisschen anders sein. Dieser kann schneller sein. So, und ich denke der letzte kann so bleiben , wie er gerade ist. Okay, ich möchte es nur ein bisschen mehr ausgleichen. Letzteres, das Einzige, was mir auffällt, ist, dass diese erste Position etwas nach unten gehen muss Nur weil ich sehen kann, wie es sich vor der Animation bewegt, und ich möchte nicht, dass das passiert Lass mich sehen. Okay, die einzige Sache ist , dass diese Form diese Form bedeckt. Ich werde die Position erneut öffnen und die Grafik ändern. Ja, wir können sie eins nach dem anderen einjährig ausschreiben lassen. Nach dem anderen Okay, großartig. Nun, wenn wir die letzte Welle haben, Welle vier, wollen wir, dass Sie tatsächlich den Titel im gesamten Logo enthüllen. Jetzt werde ich diese beiden Ebenen einfach duplizieren. Ja, aber dieses Mal werde ich die Maske so ändern, dass das Logo Alpha-tauglich zur Welle sein sollte Lass mich sehen, wie das jetzt aussieht. Okay, diese letzte Welle enthüllt den Titel. Fantastisch. Großartig. In unserer ursprünglichen Animation haben wir jetzt die Slops und die Schulbewegungen , die wir hinzufügen werden Lassen Sie uns das jetzt machen. Wir beginnen damit, eine sehr einfache Linie zu ziehen, diese. Und wir werden einen kleinen Strich hinzufügen. Ich werde das einfach in 23 schaffen. Lassen Sie uns das vorerst öffnen und sicherstellen, dass wir eine runde Tasse haben, ein rundes Gelenk. Und jetzt werden wir einige Änderungen an der Verjüngung vornehmen. Die Startlänge sollte 79 sein, die Endlänge sollte 71% betragen. Der Anfang sollte 56% betragen , der N E sollte 83% betragen. Ich finde, das sieht gut aus Jetzt ändern wir einfach den Ankerpunkt. Jetzt sieht es tatsächlich sehr nach einem Tropfen aus. Aber ich würde gerne die Rotation ändern. Eigentlich möchte ich , dass es so ist. Ja. Okay, unglaublich. Lassen Sie uns nun Schlüsselbilder für die Drehung, Position und Skalierung hinzufügen und sie einfach vereinfachen. Sehen wir uns nun das Timing an. Nun, ich würde sagen, ungefähr zu dieser Zeit möchte ich, dass dieser Block hier beginnt. Und ich möchte, dass die Skala Null ist. Dann würde ich sagen, bei etwa 21 Bildern möchte ich, dass es 100 sind. Jetzt möchte ich mit einem kleinen Bogen hierher kommen. Großartig. Ich drehe es und nach einer Sekunde mache ich es einfach auf Null. Eigentlich ändere ich einfach dieses Positions-Schlüsselbild so, dass es hier ist. Und Rotation, wir haben dieses Ding skaliert. Herunterskalieren, okay. Großartig. Ich denke nur, wir müssen die Rotation hier ein wenig ändern. Großartig, unglaublich. Okay, jetzt ändern wir die Farbe. Lassen Sie mich eigentlich die Position von Bit ändern. Ich würde sagen, dass wir die gestrichelte Schicht grau machen können als die dunklere Schicht, die wir haben Wenn sie sich überlappen, können wir diesen Bewegungseffekt immer noch sehen. Okay? Unglaublich. Jetzt werde ich dafür sorgen, dass diese Ebene hier beginnt. Und hier werde ich die Farbe wechseln , ich würde sagen, lila. Und ich werde den Bewegungseffekt umbenennen . Großartig. Okay, lass es mich jetzt duplizieren und ich ändere die Position. Das ist also die Endposition und die Startposition. Und ich möchte auch die Skala ändern. Ich möchte , dass dieser jetzt größer ist. Rotation, lass mich sehen. Okay, also ja, die Rotation sollte so sein. Und ich werde einfach diesen Schlüsselrahmen ersetzen. Ja, hier, es sollte so sein. Ich werde es ein bisschen ausgleichen. Und lass mich sehen, wie das aussieht. Okay, großartig. Unglaublich. Jetzt fügen wir zwei weitere hinzu. Ich werde vorerst damit beginnen, nur einen hinzuzufügen. Dieser würde hier beginnen und ich würde sagen hier, und sie werden rot sein, großartig. Sehen wir uns jetzt einfach die Rotation an. Die Rotation ist in Ordnung. Ich denke, die Skala, lass uns sie kleiner machen, damit wir verschiedene Formen haben können . Und diese Effekte können tatsächlich hier beginnen, wenn die rote Welle mit ihrer Animation beginnt. Ich werde den Strich ändern, sodass er ein dunkleres Rot als dieses Rot hat, so wie dieses. Okay, und lass mich sehen, wie das aussieht. Okay, ich möchte noch eine graue Form hinzufügen , die von hier bis ungefähr hier sein wird. Das, also Bum, Bum. Okay, großartig. Jetzt fügen wir hier noch ein paar Tropfen hinzu. Ich werde das R ändern, damit wir etwas Abwechslung haben. Dieser wird diesmal größer sein. Sehen wir uns die Rotation an. Diese Rotation sollte so sein. Ersetze diesen Schlüsselrahmen am Ende, ich würde sagen, er sollte so aussehen. Und ersetzen Sie einfach den Keyframe, um das zu korrigieren. Mal sehen, ob wir noch einen brauchen. Ja, lass uns noch einen hinzufügen. Das wäre ein winziger. Ich werde einfach diese Waage machen. Ich nehme 80. Mal sehen, ob 80 wären. Ja, ich finde das gut. Und mach es einfach großartig. Und jetzt füge ich hier einfach eine Rotation hinzu. Ja, ersetze das. Ersetze das und mache es wieder wett. Lass mich sehen, wie es jetzt aussieht. Großartig. Eigentlich dieser letzte, warum nicht hier anfangen und irgendwo hier enden lassen? Mal sehen, wie toll das wäre. 17. 15. Finalisieren der Animation: Jetzt werde ich schreiben. Klicken Sie hier, Komposition und Projekt zu überprüfen. Ich werde meine Komposition öffnen. Und lass mich sehen. Okay, also wir haben dieses Symbol hier. Okay, in der ursprünglichen Animation bewegt sich dieses Element also nach oben. Dann haben wir einen Dropdown, der herunterfällt und das Logo bildet. Lassen Sie mich zunächst das Logo hinzufügen, damit ich es sehen kann. Oh, und wir ändern auch die Farbe des Hintergrunds und den Strich des Symbols, weil unser Hintergrund rot ist und das Logo auch rot ist. Jetzt habe ich eine Referenz und weiß, wo ich dieses Element, das Symbol, platzieren muss. Ich meine, ich werde es nur für eine Sekunde verstecken, damit ich den Zeitpunkt sehen kann. Das ist der Moment, in dem sich dieses Symbol bildet. Eigentlich wollte ich mich genau so bewegen , wie wenn die Animation der Trimmpfade aufhört. Deshalb werde ich dieser Luft ein Position-Keyframe hinzufügen, weil wir dieser Luft bereits alles untergeordnet haben Ich werde es einfach machen, lass mich das Logo verstecken Ich würde sagen, etwa 10 Sekunden, 22 Frames. Und ich werde die Position zuerst so animieren. Dann werde ich auch einen Keyframe für die Rotation hinzufügen. Und ich werde es ein wenig drehen, die Position so ändern, dass ich hier Und auch die Waage. Ich möchte, dass die Skala auch animiert wird. Ich wollte nur ein bisschen kleiner sein. Ja, ich finde das perfekt. Ich denke, das ist vielleicht zu schnell. Also lass uns jetzt sehen, dass das großartig ist. Eigentlich ist es großartig. Lassen Sie mich einfach das Diagramm für die Position öffnen und es glätten. Okay, großartig. Fügen wir nun drei weitere Keyframes hinzu. Hier lassen wir dieses Symbol nach unten drehen und drehen, und dann gehen wir hierher und kopieren die Schlüsselbilder. Mal sehen, wie das aussieht. Hier wird der Drop nun animiert. Lassen Sie uns nun mit dem Stiftwerkzeug einen einfachen Tropfen werfen und sicherstellen, dass der Strich das ist, was ich möchte nur einige Anpassungen an der Form vornehmen , die mir jetzt nicht gefällt. Großartig. Lass mich den Strich öffnen und ihn rund machen, rundes Gelenk. Großartig. Ja, es sieht besser aus, aber diese Form sieht immer noch sehr gut aus. Okay, ich finde das unglaublich. Jetzt ändern wir den Ankerpunkt, indem wir auf y klicken. Der Ankerpunkt sollte hier sein. Benennen wir das P nun um. Lassen Sie uns den Drop dem neuen Objekt überordnen. Und ich möchte die Positionsskala animieren. Ich werde die Rotation nicht animieren. Diese Animation sollte beginnen. Ich glaube, hier, weißt du was? Lass es uns nicht erziehen , sonst werden wir es mit dem Neuen verschieben. Ich denke, das schafft einige Probleme. Stellen Sie sicher, dass die Skala am Anfang Null ist. Dann würde ich hier sagen, etwa ein paar Frames nach diesem Keyframe wo das Symbol nach unten geht, mach 100 Lassen Sie uns nun die Position bis zu diesem Zeitpunkt ändern. Nochmals ein paar Frames. Die letzten Keyframes machen hier einfach dieses Seil aus. Jetzt sind wir hier, denn das ist der Ankerpunkt, und von hier aus wird die Skalierung stattfinden. Ich möchte die Skala ändern und Null wählen. Lass mich sehen, wie das aussieht. Okay, großartig, ich denke, das ist sehr glatt. Das ist großartig. Lassen Sie uns jetzt diese Animation sicherstellen. Lassen Sie uns jetzt das Timing sehen. Bei diesem Seil sollte es, glaube ich, irgendwo hier sein. Bum. Und ich werde das tatsächlich ein bisschen kürzen. Und das werden wir auch anpassen. Stellen wir einfach sicher, dass die Luft hier anfängt. Unglaublich. Mal sehen, die ganze Sache jetzt. Großartig. Okay, das Einzige, was ich ändern möchte , ist zu diesem Zeitpunkt, dem das Symbol ausgeblendet wird. Ich würde gerne den Hintergrund ändern. Ich werde Shift und D drücken diesem Hintergrund ein paar Effekte hinzufügen. Ich möchte es weiß machen. Gleichzeitig möchte ich die Wandverkleidung dieses Elements ändern die Wandverkleidung dieses Elements Ich werde es öffnen, das ist dieser Teil des Elements Fangen wir mit diesem an. Ich werde es öffnen. Cower, lass mich sehen, wann dieser Übergang stattfindet Okay, genau. Zu diesem Zeitpunkt sind das 11 Sekunden, ein Frame. In meinem Fall möchte ich, dass das auf Rot umgestellt wird. Jetzt werde ich diese beiden Keyframes kopieren. Ich möchte zu diesem Symbol unser Schlüsselbild für den Strich hinzufügen und die ausgewählten Schlüsselbilder einfügen Außerdem suche ich jetzt nach dem kleinen Element in der Mitte Das war dieser. Okay, schlag jetzt vorbei, mal sehen. Okay, großartig. Gleichzeitig werden wir den Drop öffnen und den gleichen Vorgang hier wiederholen. Unser Keyframe für den Strich und dann hinter den Keyframes, die wir hatten. Mir ist gerade aufgefallen, dass dieser ein Feld hat. Lass uns das Feld entfernen. Wir brauchen es jetzt nicht. Mal sehen, wie es aussieht. Großartig. Gleichzeitig möchte ich diese Animation mit einer Ausgangsanimation dieses Symbols beenden. Wir haben bereits alles erzogen. Jetzt fügen wir hier ein paar Keyframes hinzu. Und ich möchte einfach diese Rotation machen. Ich möchte nur zweimal rotiert werden. Das ist ein bisschen zu schnell, also lassen Sie mich das verlängern. Gleichzeitig werde ich die Trimmpfade animieren. Ich werde auf diese Elemente klicken und dann auf dich klicken. Und dann füge ich wieder einen Schlüsselrahmen für das Ende hinzu. Zu diesem Zeitpunkt möchte ich, dass es Null ist. Ich möchte, dass dieser 02 ist. Mal sehen, wie das jetzt aussieht. Großartig. Das Einzige, was noch übrig ist, ist diese zweite Form zu animieren, lass mich sie finden Haben wir die Trimmpads hier? Nein. Okay, fügen wir die Trimm-Pads hinzu und fügen hier einen Keyframe für das Ende hinzu. Machen Sie das auf Null. Erstaunlich. Mal sehen, wie das aussieht. Großartig. Lassen Sie uns einfach eine Position hinzufügen , damit ich als untergehen kann. Ja, großartig, lass mich das 100 fantastisch machen. Das ist die Hälfte der Animation. Und dann werde ich mir eine Vorschau von allem ansehen , was wir erstellt haben. Unglaublich. Okay, ich denke, der Zeitpunkt ist richtig, um von vorne zu beginnen und uns eine Vorschau von allem anzusehen, was wir zusammen erstellt haben. Okay, das sieht toll aus. Und ich hoffe wirklich, dass euch diese Lektionen gefallen haben. Das war eine ziemlich nette Animation. Es gab hier einige komplexe Techniken. Ich hoffe wirklich, es hat dir gefallen, und ich hoffe, das war hilfreich. Vielen Dank für Ihre Zeit und ich werde Sie bald sehen.