Logo-Animation für YouTube Intros und Social Media Videos - Motion Design in OpenToonz

1. Einführung – Warum animieren?: In dieser Premium-Lektion werde ich Ihnen zeigen, wie Sie eine Logo-Animation wie diese erstellen, Schritt für Schritt. Motion-Design wie dieses kann als Eindringling für Ihren YouTube-Kanal, soziale Medien oder als Blickfang für Ihre Business-Anzeigen verwendet werden. Wenn Sie Ihre eigene Marke oder Geschäft haben und sich viel professioneller fühlt, wenn Sie eine gute Logo-Animation haben oder vielleicht möchten Sie ein Animator sein und Sie wollen Animationen wie diese als Service für Ihre Kunden erstellen. Ich werde Ihnen Schritt für Schritt zeigen, wie Sie Motion Design in offenen Melodien erstellen. Open Tunes ist freie und Open-Source-Software. Also, wenn Sie nur Ihre ersten Schritte mit Animation machen, oder Sie wollen etwas für Ihre Marke oder wirklich schnell erstellen , ohne viel Geld auszugeben. Dies ist das Tutorial für Sie. Also, worauf wartest du? Lass uns reinspringen und dein Logo zum Leben erwecken. 2. Welche motion zum animieren?: Zuallererst möchte ich Ihnen einige Optionen vorstellen, die Sie darüber nachdenken sollten, für Ihre Marke zu schaffen. Das erste, was Sie vielleicht denken, ist eine Introanimation. Viele YouTube-Kanäle haben eine und, und soziale Medien. Es ist auch nicht selten, dass eine Marke eine Art Opener Weg hat. Sie sehen das Logo sehr schnell, bevor es in den Inhalt geht. Für mich hat eine Introanimation zwei Funktionen. Der erste offensichtliche ist, dem Betrachter Ihre Marke und Ihren Namen zu zeigen , um sicherzustellen, dass er weiß, wer das Video sie sehen? Um einen Namen zu sehen, den sie im Auge behalten können, wenn sie den folgenden Inhalt mögen. Aber ein gutes Logo kann auch einem anderen Zweck dienen. Es kann erklären, was Sie tun und was das Publikum von Ihnen erwarten muss. Und ich habe zwei Beispiele für Sie zu zeigen, sowohl ein sehr niedriges Budget Dinge, die ich zusammen mit nur in ein paar Stunden werfen musste , ist ein Intro, das ich für einen YouTube-Kanal erstellt habe , der vor allem über waschbare Windeln hat, aber auch darüber, wie man Kinder umweltfreundlich zu erziehen. Und hier haben wir uns entschieden, auf die Mutter-Baby-Verbindung zu konzentrieren , weil das der emotionale Kernwert dieses Produkts ist. Deshalb geht es beim Intro nicht wirklich um Windeln, sondern um diese emotionale Verbindung von Baby und Mutter. Und hier ist ein Beispiel für einen sehr kurzen YouTube-Kanal, den ich mit verschiedenen Webinar-Tools zusammen hatte , um tolle Webinare in dieser Webinar-Software zu erstellen. Und ja, ich habe es wirklich erklärt, indem all die verschiedenen Logos verschiedener Software und Tools in einen Topf steckte und sie zusammenschmelze. Dies ist also ein Beispiel für Interessen, die einige der Erklärungen tun. Aber der Fokus der Marke, sollten Sie immer darauf achten, dass Ihr Intro nicht zu lang ist weil es auch dazu führen kann, dass Menschen hier aufhören. Wenn sie Ihr Intro nicht mögen, sehen sie möglicherweise nicht den Rest Ihrer Inhalte an, aber Sie können auch Motion-Design während Ihrer Inhalte verwenden. Eine der prominentesten Verwendungszwecke ist die Verwendung für niedrigere Drittel wie dieses, um jemandes Namen anzuzeigen. Sie können sie aber auch verwenden, um einige zusätzliche Informationen anzuzeigen. Und für wirklich wichtige Informationen, könnten Sie auch eine Vollbild-Infokarte wie diese haben. Dann könntest du ein Outro haben. Es ist irgendwie ähnlich wie das Intro und Sie möchten sicherstellen, dass der Benutzer sieht, von welchen Marken dies war, damit er einen Namen im Auge behalten kann. Aber Sie können das Outro auch für einen Call to Action verwenden. Was sollen Ihre Benutzer tun, nachdem sie Ihr Video angesehen haben? Es könnte so etwas wie bitte abonnieren Sie meinen YouTube-Kanal, bitte gehen Sie auf meine Website, bitte melden Sie sich für ein Webinar an. Wenn Sie also möchten, dass Ihr Publikum etwas tut, nachdem Sie Ihre Inhalte angesehen haben, ist das Outro ein sehr wichtiger Ort um dies zu tun, und es sollte nicht zu viele Call to Action sein. Wie ich diesen Fehler manchmal machen, dass am Ende meiner YouTube-Videos, Ich bin wie, oh, bitte abonnieren und kommentieren. Wenn Sie einen Kommentar und 0 haben, haben wir Premium-Tutorials auf Skillshare und unterstützen mich übrigens auf Patreon und das und das. Und am Ende weiß der Betrachter nicht, was er tun soll , weil er all diese Dinge nicht tun kann. Manchmal kann es also sehr wichtig sein, die Entscheidung zu treffen. Was ist die einzige wichtige Sache, die Sie wollen, dass Ihre Zuschauer tun? Und gerade erwähnt, dass eine Sache viel wahrscheinlicher macht, dass Ihre Zuschauer tatsächlich tun, dass Sie auch Call to Aktionen während eines Videos, wie ein niedrigeres Drittel, das Ihre Zuschauer sagt, abonnieren oder Kommentar oder drücken Sie wie oder so etwas. Eine Sache, die Sie vor dem Animieren auch überlegen sollten, ist, welches Format benötigen Sie eigentlich? Ihre Videos alle in weißen Bildschirm für YouTube oder werden Sie vor allem quadratische oder Porträts Formate für soziale Medien haben , können Sie entweder ein Logo-Animation und weißen Bildschirm erstellen , die Sie einfach sehr intelligent auf die anderen schneiden können -Formate. Oder Sie ordnen die Elemente Ihrer Animation für jedes einzelne Format neu an. Das ist ein Überblick über die Dinge, die Sie für Ihre Marke animieren können. 3. Ausdrucks-: Es gibt ein paar Tricks und Leitprinzipien, die Sie verwenden können , um interessante aussehende Motion Design zu erstellen. Der erste ist das Versetzen von Elementen. Es sieht sehr interessant und elegant aus, wenn Sie viele Elemente Ihres Logos haben. Anstatt nur das gesamte Logo auftauchen zu lassen, macht es Sinn, dass das Symbol nur die erste Textzeile, die zweite Textzeile und dann vielleicht einige zusätzliche grafische Bilder hochkommt die zweite Textzeile . So erhalten Sie eine schöne, interessante Progression mit verschiedenen Elementen, die zu verschiedenen Zeiten auftauchen. Ein Leitprinzip besteht darin, Elemente zusammenzufassen, sie aber dennoch leicht auszugleichen. Zum Beispiel könnten mehrere Textelemente von links kommen und nach rechts eingeben. Aber es gibt ein wenig Offset, eine kleine Verzögerung. Und Sie haben ein schönes Treppenmuster von einem Objekt, das nach dem anderen zum Stopp kommt. Das sieht immer noch sehr harmonisch aus, da alle Elemente von einer Seite kamen. Aber es sieht ein wenig interessanter aus als nur alles, was von einer Seite auf einmal kommt. Es gibt einen schönen, interessanten Offset. Wenn Sie möchten, dass sich Ihre Animation so anfühlt, als gäbe es noch mehr Abwechslung und es ist ein bisschen wilder, dann sollten Sie Elemente aus verschiedenen Richtungen haben. So haben Sie wie verschiedene Seiten, die zusammen kommen. Wenn Sie das zu viel tun, könnte es Ihren Betrachter überwältigen. Aber wenn Sie es zu wenig tun, Sie sind Logo ist nur langweilig. Wenn alles nur aus einer Richtung kommt. Das ist nicht so interessant. Nicht nur links und rechts sind mögliche Richtungen, aber etwas könnte sogar von der Mitte auftauchen, wie Sie wie ein Maßstabselement drin haben oder etwas aus dem 3D-Raum hinter der Kamera haben. So haben Sie wie einen Skaleneffekt, von einer sehr hohen Skala kommt und beginnt und kleiner wird. Zwei sehr wichtige Prinzipien der Animation, unsere Überschreitung und Vorfreude und Überschreitung geschieht am Ende der Emotion, wenn ein Element zuerst seine endgültige Position überschreitet und sich dann darin niederlässt. Im wirklichen Leben geschieht dies, weil ein Element zunächst an Schwung verlieren muss , bevor es sich in der gewünschten Position niederlassen kann. Vorfreude geschieht am Anfang der Emotion, wo ein Element Dynamik aufbaut, indem es zuerst in die entgegengesetzte Richtung geht und dann in die Richtung geht, die es eigentlich gehen soll. Beide Prinzipien basieren auf Physik, sehen aber auch sehr gut im Motion Design aus. Wenn Sie einen Text haben, der etwas geneigt ist, dann kann es sinnvoll sein, ihn nur so entlang derselben geneigten Achse zu bewegen. Wenn Sie einen Text haben, der perfekt gerade ist, dann können Sie geradeaus nach links, rechts, geradeaus nach oben und unten gehen . Das sieht in den meisten Fällen gut aus und macht den Trick. Wenn Sie Text entlang eines Pfads verschieben, sollten Sie auch sicherstellen, dass dieser Pfad so einfach ist wie möglich, um den Eindruck zu erzeugen, den Sie erhoffen, wenn Sie den Text entlang dieses Pfads platzieren. Dies sind also nur einige Regeln und Richtlinien, die ich bedenke, während ich meine Logos einstufe. Natürlich gibt es immer Fälle, in denen Sie diese Regeln brechen können, wo, wenn es mit dem funktioniert, was Sie mit dem Eindruck erreichen möchten, mit dem Gefühl, dass Sie erstellen möchten, dann können Sie alles tun, solange Sie stellen Sie sicher, dass es für den Benutzer nicht zu überwältigend aussieht. Und Sie haben immer noch eine Zeit, in der das Logo deutlich lesbar ist , bevor Sie in wie lösen es in irgendeiner verrückten Art und Weise, die Sie versuchen wollen, zu gehen. In diesem Premium-Kurs werden Sie einige dieser Prinzipien in Aktion sehen, während wir dieses Logo animieren, Sie werden feststellen, während Sie üben, Sie Ihre ersten Animationen machen, werden Sie einige dieser Dinge auf eigene Faust. Und wie sich verschiedene Arten von Offsets anfühlen, wie sich verschiedene Arten von Richtungen anfühlen, wie sich verschiedene Arten von Skaleneffekten verhalten. Sie müssen das ausprobieren und das Set für sich selbst testen. Ich wollte nur Ihre Aufmerksamkeit auf diese Art von Dingen lenken. Also der beste Weg, den wir tun können, ist einfach mit unserem Projekt beginnen und beginnen, unsere Logo-Animation zu machen. Übrigens, ich werde mich sehr freuen, Ihre Arbeit in Arbeit zu sehen. Sehen Sie, wie er Logo-Animationen bietet kommen zusammen und vielleicht kann ich sogar Chime in und geben Ihnen ein Feedback zu ihnen. Ich bin nur teilen Sie sie entweder im Skillshare Projekt oder in sozialen Medien, indem Sie uns als Animatorinsel markieren. Ich freue mich, die Kerndinge zu sehen, die Sie animieren werden. 4. OpenToonz und andere Animationssoftware: In diesem Video möchte ich Ihnen ein wenig mehr über offene Melodien erzählen. Und wenn dies das richtige Werkzeug für Sie ist, um Ihre Animationen zu erstellen. Jetzt ist ein großer Vorteil von offenen Melodien, dass es kostenlos ist. Es ist Open-Source-Software, die tatsächlich auf Software basiert, die einst kommerziell war. So wurde es verwendet, um Spielfilm-Animation zu erstellen. Und aus diesem Grund ist offene Melodien sehr professionell, wenn es um freie Animationssoftware geht, ist wahrscheinlich die professionellste des Bündels, weil es viele Optionen hat und die Schnittstelle auf Profis ausgerichtet ist. Es ist also keine Software, die Sie öffnen und dann wissen Sie sofort, wie man es benutzt. Das ist auch nichts, worüber man sich Sorgen machen muss. Wenn Sie dieses Tutorial Schritt für Schritt folgen, werde ich Sie durch alles führen. Es ist nur so, wenn du sagst, dass ich etwas wirklich Einfaches haben will , etwas wirklich schnelles. Und Sie sind vielleicht eher ein Vermarkter und Sie wollen einfach etwas wirklich schnell und Sie wollen nicht wirklich Animation lernen, dann möchten Sie vielleicht auf andere Software schauen, die auf Amateure ausgerichtet ist. Zum Beispiel eine Arbeitsfläche. Das Social Media Post Design-Tool verfügt nun auch über einige Animationsfunktionen. Und es gibt ein Tool namens Wave Dot Video, das Ihnen hilft, Social Media Posts zu erstellen , die nur ein wenig animiert sind sehr einfach. Diese Werkzeuge haben den Nachteil, dass Sie weniger Kontrolle über die genaue Art und Weise haben , wie Dinge animiert werden. Also bin ich ein Animator und wann immer ich in diesen Werkzeugen arbeite , die im Grunde wie PowerPoint sind, wo Sie einen Animationseffekt einschalten. Ich bin immer so, das ist nicht genau so, wie ich es will. Also, wenn Sie ein Perfektionist sind, wäre die Lösung, es in einer professionelleren Software zu animieren wie offene Melodien 0 und Canva und Wave Video sind nicht kostenlos. So muss es auch in Ihr Budget passen, wenn Sie gerade anfangen, offene Zwillinge könnte eine gute Option sein, kein Geld auszugeben. Sie haben gerade die Zeit damit verbracht, es zu lernen, um eine Animation zu erstellen. Die andere Sache, die ich sagen möchte, ist, dass Motion Design in der Regel in einer Software namens Adobe After Effects gemacht wird. Und After Effects ist Teil der Adobe Creative Cloud. Wenn Sie also Photoshop und andere Adobe-Produkte besitzen, besitzen Sie höchstwahrscheinlich auch After Effects. Auch hier kostet es Geld, aber das ist der Industriestandard, der für Motion Design verwendet wird. Wenn Sie Adobe After Effects besitzen, ehrlich gesagt, sollten Sie dieses Tutorial nicht tun, da offene Melodien einige Einschränkungen und Probleme hat , die wir in diesem Tutorial umgehen und Lösungen finden für. Aber es ist so viel einfacher in After Effects. Also, wenn du ohnehin schon Geld für After Effects bezahlst, benutze einfach After Effects. Es hat so viele Werkzeuge, die Texte Animation viel einfacher machen. Und vor allem, wenn Sie dynamischen Text haben und Adobe Premiere zum Schneiden verwenden, können Sie den Text Ihrer Animation in Ihrer Videobearbeitungssoftware ändern . Es gibt so viele nette Dinge, die Sie in diesem sehr professionellen Adobe After Effects to Adobe Premiere Workflow tun können . Wenn Sie keinen Zugang zu diesem haben und Sie nicht wollen, um das Geld für den Kauf professioneller oder sehr Amateur-Animationssoftware gerade jetzt ausgeben, dann ist dieses Tutorial das Richtige für Sie. Und natürlich, auch, wenn Sie offene Melodien lernen, wollen Sie einfach ein guter Animator werden und Sie mehr mit offenen Melodien üben wollen, dann ist dies auch eine sehr gute Übung, um die Prinzipien der Animation zu üben. Ich hoffe, ich könnte Ihnen ein wenig sagen, wo offene Melodien auf der Softwarelandschaft sind. Wieder einmal, wirklich ist eine sehr professionelle, sehr gute Software. Aber es gibt Software, die einfacher ist und es gibt Software, die professioneller ist, wenn es um Textanimationen geht. Dennoch, sehr mächtig und wir werden einige Spaß haben, diese Logo-Animation zu animieren. Lassen Sie uns in das erste Element springen, das wir animieren werden. 5. Animieren des Abwischen: In diesem Abschnitt springen wir direkt ins kalte Wasser und wir werden tatsächlich unser erstes Element unserer Logo-Animation animieren. Wir werden diese Übergangstücher animieren. Und danach werden wir einen Schritt zurück gehen und mehr darüber nachdenken, wie Sie Ihr Logo wirklich vorbereiten müssen, um es in offene Melodien zu bringen. Aber ich dachte, es würde Spaß machen, als eine nette kleine Aufwärmübung, um sofort etwas zu animieren. Wenn Sie offene Melodien starten, hat es einen kleinen Startbildschirm, mit dem es Sie begrüßt. Und es hat ein Standardprojekt, das Sie bereits im Sandbox-Projekt. Sandbox-Projekt ist großartig. Wenn Sie einen schnellen Test Animationen durchführen, führen Sie Ihr erstes Animationsexperiment durch. Aber wenn dies eigentlich Ihre Logo-Animation sein soll, müssen Sie ein Projekt dafür erstellen. Und ich werde Ihnen zeigen, wie das geht. Wenn Sie zum ersten Mal auf Neues Projekt klicken, stellen Sie möglicherweise fest, dass im standardmäßigen geöffneten Tunes-Ordner nur ein Projektstamm vorhanden ist, aber Sie möchten Ihre Animation wahrscheinlich irgendwo anders speichern. Also müssen wir zuerst einen neuen Projektstandort hinzufügen. Und es ist ein bisschen verwirrend, dass Sie dies in diesem Startbildschirm nicht tun können. Wir müssen in die Präferenzen gehen. Und dafür müssen Sie den Start schließen, Pop-up, klicken Sie auf Dateieinstellungen, und sie finden ein Kontrollkästchen, um benutzerdefinierte Projektpfade hinzuzufügen. Und hier können Sie einen Dateipfad eingeben oder diese Schaltfläche verwenden, um zu einem Ordner auf Ihrem Computer zu navigieren, in dem Sie Ihre offenen Tunes-Projekte speichern möchten. Sobald Sie das getan haben, sehen Sie den Pfad hier. Sie können mehrere Pfade hinzufügen, indem Sie zwei Sterne und dann den nächsten Pfad direkt danach hinzufügen. Aber ich werde es vorerst mit diesem einen Weg belassen. Und ja, wenn Sie mit dem Pfad zufrieden sind, den Sie gesagt haben, können Sie einfach die Einstellungen schließen, aber Sie müssen offene Melodien neu starten, beenden und wieder öffnen. Und nachdem Sie es geöffnet Tunes neu starten, werden Sie sehen, dass unter dem neuen Projekt Sie jetzt Ihren zweiten Projektstandort haben und Sie können ein neues Projekt erstellen. In meinem Fall werde ich eine Logo-Animation für ein Café machen. Also nennen wir es Café-Logo Animation. All diese Wege hier unten gibt es keinen Grund, es zu ändern. Open Tunes speichert verschiedene Elemente Ihres Projekts in verschiedenen Ordnern, Ihren Szenen. Dies könnte das unterschiedliche Bewegungsdesign sein, das Sie tun. Sie könnten eine Szene dafür haben, Ihr unteres Drittel, Sie haben eine Szene für Ihr Intro, eine Szene für Ihr Outro. Sie gehen alle in verschiedene Ordner und alle Zeichnungen und Grafikobjekte, die Sie in offene Melodien laden. Sie werden einzeln in verschiedenen Ordnern des Projekts gespeichert, aber wir werden alle diese Ordnernamen mit ihren Standardwerten belassen und einfach drücken, OK. Jetzt können Sie sehen, dass sich der Safe in Pfad hier unten auch geändert hat, um Ihre Projektstandorte widerzuspiegeln. Und jetzt schaffen wir unsere erste Szene. Und wir werden das Intro machen. Für die Resolution. Sie müssen darüber nachdenken, welche Auflösung Sie am meisten benötigen. Ich mache ein Intro für einen YouTube-Kanal, also bleibe ich mit Widescreen, 1920 mal 1000 AD. Aber wenn Sie nur Ihr Intro für Instagram benötigen, oder Sie könnten eine Version der Animation erstellen, die Sie bereits erstellt haben. Möglicherweise möchten Sie es auf etwas Quadrat wie eine 1080 mal 1000 AT 24 Frames pro Sekunde wechseln , ist eine gute Bildrate für die Animation. Manchmal gibt es Gründe, die Bildrate zu ändern. Wenn zum Beispiel alle Videos, die Sie aufzeichnen, in 30 Bildern pro Sekunde sind, sollten Sie einfach bei 30 bleiben. Wenn Sie eine seltsame Bildrate haben, wie 29,97 in Ihrer Videobearbeitungssoftware, können Sie auch einfach zur nächsten vollen Zahl gehen, wie 30 Bilder pro Sekunde. Wenn Sie einen Gaming-Kanal haben, können Sie bis zu 50 oder 60 Frames pro Sekunde gehen. Ich werde es auf 25 Bilder pro Sekunde ändern , weil das die Bildrate meiner Videos ist. Stellen Sie sicher, dass Sie die automatische Speicherung aktiviert haben. Das kann ein echter Lebensretter sein. Wenn offen für seine Abstürze, verlieren Sie nicht mehr als die letzten fünf Minuten. Und mit all dem Setup können wir unsere Szene erstellen, unsere Intro-Szene. Das erste, was wir tun, ist die Form zu schaffen, die über den Bildschirm wischen wird. Dafür wollen wir eine neue Vektorebene erstellen. Wir können einfach auf diese Schaltfläche klicken und es schafft eine neue Ebene. Eine Ebene ist eine Sammlung von Zeichnungen und wir können den Ebenennamen verwenden , um sicherzustellen, dass wir wissen, was es enthält. Das hier. Lassen Sie uns einfach wischen Form und lassen Sie es mit, dass. Sie können sicherstellen, dass es eine Vektorebene ist und treffen, okay, das coole Ding an Vektorebenen ist, dass Sie können. Vergrößern und verkleinern, ohne dass die Ebenen Pixel erhalten. Wenn Sie einen Bitmap-Layer verwenden, wird das einzelne Pixel angezeigt, wenn Sie die Animation zu viel transformieren. Und durch die Verwendung von Vektorebenen haben wir ein bisschen mehr Wahl, um Dinge zu optimieren , nachdem wir sie bereits für dieses Wipe animiert haben Ich möchte so etwas wie eine diagonale Form erstellen. Aber natürlich könnte man auch eine andere Form wie eine Welle oder ein Bein Zickzack-Linien haben. Alles, was du willst. Ein gutes Werkzeug, um sehr gerade Linien zu erstellen, ist das Formwerkzeug. Und wir werden es auf die Polylinienform umstellen, weil das uns erlaubt, den Umriss der Form individuell festzulegen. Wir können vorgefertigte Formen verwenden, wenn Sie nur ein Rechteck über den Bildschirm wischen wollen, aber wir wollen eine diagonale Linien haben. Lassen Sie uns das also von Hand mit unserem Polylinienwerkzeug machen. Und mit Shift können wir sicherstellen, dass es auf einer geraden Linie bleibt. Klicken Sie hier. Und jetzt erstellen wir den Winkel unserer WIP. Tun Sie so etwas. Bakterien müssen sicherstellen, dass es sich mit dem ersten verbindet. Wir können den Konturpunkteditor hier unten verwenden, um unsere Form zu optimieren. Wir haben jetzt nicht damit zu kämpfen. Wir haben nur einen Umriss. Wir können durch unsere Form sehen, und wir müssen das ändern, indem wir hier unten eine neue Farbe schaffen. Lassen Sie uns einen neuen Stil erstellen. Im Moment ist der Stil schwarz, aber wir können ihn ändern, indem wir eine Farbe mit diesen Farbselektoren hier oben auswählen. Und diese Schieberegler können auch helfen, die gewünschte Farbe zu finden. Ich habe diese Auto-Einstellungen eingeschaltet. Also, wenn ich hier unten etwas ändere, ändert es die Farben. Wenn Sie automatisch deaktiviert haben, müssen Sie zuerst Ihre Farbe erstellen und dann auf Anwenden klicken. Es ist also im Farbfeld gespeichert. Nun, ja, ich werde es im Auto lassen und unsere erste Farbe finden. Wenn Sie jetzt mit einer vorhandenen Marke arbeiten, sollten Sie bereits über eine Farbpalette verfügen, die Sie für Hintergrundfarben verwenden können. Und du kannst daraus wählen. Und Sie müssen nicht mit dem HSV-Farbsystem arbeiten. Es gibt auch RGB-Farbschieber hier, viele Markenführer haben die Farben mit diesen RGB-Farbwerten aufgelistet , die Sie dann für meine Mock-up Kaffee-Marke verwenden können , für die ich dieses Logo animiere. Wir haben diese dunkelolivgrüne Hintergrundfarbe. Und Sie können das Füllwerkzeug hier verwenden, um es in unsere Form zu füllen. Die coole Sache über Vektorebenen und Vektorfarben offen für Antworten, dass Sie sie immer noch ändern können. Wir können hineingehen, das Füllfarbfeld auswählen und unseren Hintergrund in eine andere Farbe ändern, die wir wollen. Dies kann sehr hilfreich im Motion-Design sein. Ihre Marke ändert sich manchmal die Farbe. Wenn Sie beispielsweise verschiedene Abschnitte Ihrer Videos haben oder verschiedene Themen mit unterschiedlichen Farben versehen haben, können Sie manchmal einfach dieselbe Animation verwenden und einfach die Farben ändern. Ich gehe zurück zu der grünen Farbe, die wir zuvor ausgewählt haben. Ich will keinen Umriss haben. Also mit diesem Auswahlwerkzeug hier, werde ich auf die Form klicken und diese transparente Farbe auswählen. Diese wird dann als Umrissfarbe verwendet. Und weil es transparent ist, können Sie sehen, dass es keine Umrisse mehr gibt. Weißt du was? Ich möchte die Form tatsächlich ein wenig mit dem Konturpunkteditor hier ändern. Weil dies die Seite ist, wo ich möchte, dass die Animation auf den Bildschirm kommt. Aber vielleicht wollen wir auch einen Outs-Übergang haben, wo wir auch den Winkel sehen wollen. Also lassen Sie mich das in mehr oder weniger demselben Winkel abziehen. Also zuerst werden wir die Belichtung dieser Zeichnung erweitern, nicht sicher, wie lange wir brauchten, also ziehe ich sie nur ein wenig aus. Diese Spalte, dieser Layer beherbergt derzeit nur eine Zeichnung, das ist die weiße Form Zeichnung Nullen 0000, eine Natur, werden wir weitere weiße Formen hinzufügen. Diese sollten dann auch hier erscheinen, wenn wir es auf die richtige Ebene hinzufügen, mehr darüber in einer Sekunde, aber wir können bereits diese erste weiße Form animieren. Das ist eigentlich die mittlere Position. In dieser Position haben wir die Logo-Animation, die auf dieser grünen Füllung stattfindet. Wir wollen also, dass die Form von der linken Pause hereinkommt, damit die gesamte Logo-Animation stattfinden kann. Und dann haben wir wieder einen Zugriff auf die rechte Seite. Bevor wir tatsächlich etwas animieren, ist es wichtig, die Standard-Interpolationsmethode festzulegen, wie sich offene Melodien von einem Keyframe zum anderen bewegen. Und ein Keyframe speichert im Grunde nur eine Position und sagt dem Computer, okay, auf diesem Frame werden Sie diese Position haben und 10, 20. Aber viele Frames später haben Sie die zweite Position und der Computer kann zwischen ihnen bewegen, aber es könnte sich auf viele verschiedene Arten bewegen. Es könnte sofort in voller Geschwindigkeit schießen oder eine sehr sanft beginnen, sich schneller zu bewegen und dann ist es wieder langsamer. Und das ist eigentlich der Bewegungstyp, aber den wir wollen. Die meiste Zeit wollen wir, dass eine Animation allmählich beschleunigt und allmählich verlangsamt wird. Und wir können dies zum Standardbewegungstyp in offenen Melodien machen. Um dies zu tun, müssen wir zu Dateieinstellungen gehen. Und auf der Registerkarte Animation können wir eine Standard-Interpolationsmethode auswählen. Und standardmäßig ist es wahrscheinlich auf linear eingestellt. Wir müssen das ändern, um zu beschleunigen und zu beschleunigen. Also müssen wir diese Position bei Frame 15 halten. Wir können das ganze Timing ändern. Später. Ich habe gerade den Spielkopf auf Frame 15. Und entweder durch Drücken von Z oder die Diamantform hier oben können wir einem Computer sagen, dass er diese Position im Auge behalten soll. Jetzt können wir mit dem Animationswerkzeug das Objekt verschieben und bewirken, dass der Computer neue Positionen speichert. Natürlich nicht zu Rahmen 15. Wir wollen, dass Frame 15 so bleibt, wie wir es jetzt eingestellt haben. Wir wollen bei Frame 1 zum Anfang gehen und die Startposition für unsere Form festlegen. Dazu musst du das feindliche Werkzeug im Positionsmodus verwenden. Und jetzt können wir klicken und halten Sie die Umschalttaste gedrückt, wenn Sie möchten, dass sie sich nur entlang einer Achse bewegt und aus dem Weg bewegt. Dadurch wurde ein neues Schlüsselbild auf Frame 1 erstellt, wobei sich die Form ganz nach links befindet. Und wenn wir jetzt durch scrub, wir können sehen, dass die Form geht in Richtung der Rechte und stoppt an dieser Position, die wir vor einem Moment gespeichert, Es ist sehr wichtig, dass Sie den Unterschied zwischen dem Auswahlwerkzeug verstehen und das Animationswerkzeug, das feindliche Werkzeug, mit dem wir nur unsere Form positionieren, verschiebt tatsächlich die gesamte Ebenenspalte und alle Zeichnungen, die sich dort befinden. Das Auswahlwerkzeug wird verwendet, um einzelne Striche oder Bereiche einer Zeichnung auszuwählen , die Teil einer Ebene sind. Denken Sie also an die Spalten der Ebenen, wie es in den guten alten Tagen der Animation ist. Es ist eine Glasplatte, auf der Sie die Zeichnungen darauf legen können. Aber dann kannst du die Glasplatte bewegen und alles, was sich auf diesen Glasplatten befindet, damit bewegen. Das ist, was wir mit dem Animate-Werkzeug tun. Wenn Sie also verschiedene Zeichnungen auf dieser Spalte, auf dieser Glasplatte platzieren würden , werden sie auch genau auf die gleiche Weise verschoben da sie jede Zeichnung bewegt, die sich auf dieser Spalte befindet. Wir können auf Play drücken und sehen, was wir bisher haben. Ich denke, die 15 Frames waren nicht so schlecht. Ich habe es zur Gewohnheit gemacht, Keyframes immer auf ungeraden Zahlen zu platzieren. Wenn Sie einen Keyframe auf Frame 1 und Frame 5 haben, können Sie immer genau in die Mitte gehen. Sie können einen Keyframe auf Frame 3 platzieren. Und dann würden Sie auch für einen Notfall die geraden Zahlen haben, wieder genau in die Mitte gehen. Und die Animation der Mittelposition ist wirklich wichtig, denn mit der mittleren Position bestimmen Sie, ob sich etwas in einer geraden Linie oder in einem Bogen bewegt , der von dieser Mittelposition kommt. Daher kann es in der Animation sehr wichtig sein, immer wie eine Mitte zugänglich zu haben , um weitere Keyframes hinzuzufügen. Du musst es nicht so machen. Es ist nur etwas, das ich sehr daran gewöhnt bin. Also wirst du mich die ganze Zeit im Video sehen wie Oh nein, ich kann hier einen Rahmen platzieren. Ich muss eins nach links oder rechts gehen, um eine ungerade Zahl zu treffen. Wir können mit diesem Übergang ein wenig mehr herumspielen, um das Gefühl davon zu ändern. Wenn Sie ein bisschen verwirrt sind, indem Sie so weit außerhalb der Kamera sehen. Dies auch dieser Kameramodus hier oben , der den Bildschirm schneidet, um uns nur zu zeigen was die Kamera sieht und wie die Bilder werden es exportieren. Das macht es ein bisschen einfacher zu beurteilen, wie das Diagonale Wipe tatsächlich aussieht. Es gibt ein paar Möglichkeiten, wie wir diese Animation ändern können. Und um zu sehen, was wir tun, können wir auch diese Zwiebelhaut hier oben aktivieren, die den vorherigen und den nächsten Rahmen zeigt. Und das sehen wir im Abstand hier in der Mitte. Von diesem Rahmen bis zu diesem Rahmen ist der Abstand wirklich hoch, was bedeutet, dass dies eine schnelle Geschwindigkeit ist. Und dann wird dieser Abstand später kleiner, er verlangsamt sich. Übrigens können Sie schnell in der Haut ein- und ausschalten indem Sie hier auf diesen Zwiebel-Hautmarker doppelklicken. Und wir können ein wenig mit der Geschwindigkeit spielen, mit der es verlangsamt wird. Dafür brauchen wir den Funktionseditor und ein Recht, um die Funktionseditoren dazu zu bringen , mit der rechten Maustaste auf einen Keyframe zu klicken, ist die Funktion bei abgerissen hier unten. Und ja, so sieht es aus. Wir haben derzeit unsere WIP in Spalte 1 verlegt. So können wir darauf klicken, sehen Sie es hier. Und das sind die beiden Keyframes, die wir gesagt haben. Dies ist der Keyframe, den wir mit der Tastenkombination oder der Diamant-Taste sagten. Es hat dem Computer angewiesen, alle Parameter zu speichern, alle Parameter im Auge zu behalten, die Position, die Drehung, Skalierung und die Scherung. Und auf dem ersten Frame haben wir uns nur bewegt. Das Objekt mit dem gegnerischen Werkzeug, das dazu führte, dass nur das Positionsschlüsselbild gespeichert wurde. Aber das ist in Ordnung. Das funktioniert für uns. Jetzt ist der einfachste Weg, um zu spielen wie die Bewegungsfelder sind, in den Funktionskurven-Editor zu gehen. Hier oben. Sie bekommen dieses schöne mathematische aussehende Ding mit einem Mausrad. Sie können im Kurveneditor vergrößern und verkleinern. Wenn Sie auf das Mausrad klicken, können Sie das Ansichtsfenster greifen und sich bewegen. Durch Klicken und Ziehen des Koordinatensystems hier nach oben können Sie auch die Darstellung der Kurve weiter ändern. Wollen Sie mit den Positionsdaten, die wir bekommen Punkt klicken Sie auf diese rote Kurve, die eine Darstellung dieser x-Werte ist spielen . Wenn wir wollen, dass die Bewegung viel langsamer beginnt und stoppt und noch schneller in der Mitte ist, können wir diese Tangentengriffe herausziehen und sicherstellen, dass sie mehr oder weniger gerade ist. Und indem Sie das tun, sollten Sie jetzt sehen, dass wir geändert, wie diese Bewegung Felder. Wenn sehen, dass es am Anfang viel langsamer ist und dann schneller wird, können wir, Ich übertreibe dies nicht noch mehr? Vielleicht machen Sie die Bewegung ein wenig länger zu Frame 19 hier, um das wirklich zu sehen. Wir könnten auch versuchen, es mit voller Geschwindigkeit herauskommen zu lassen. Das wäre eine Kurve, die so aussieht und dann gegen Ende langsamer wird. Jetzt können Sie sehen, ob wir unseren Cursor hier bis zum Anfang in Grün bewegen, wir sehen diesen riesigen Raum hier drin, was bedeutet, dass es eine schnelle Bewegung ist und dann immer kleiner und kleiner wird. Und so sieht es aus. Es ist nur ein plötzlicher Blitz, der langsamer wird. Eine andere Option, die wir noch nicht versucht haben, ist, die Bewegung sehr glatt zu starten und sie mit voller Geschwindigkeit zu beenden. Sehen Sie, es beginnt ein bisschen schwer und dann ist es schneller. Ich denke, ich möchte mit der klassischen S-Form bleiben, dass es auf beiden Seiten sehr langsam ist. Und dann hast du den großen Swoosh in der Mitte der Animation. Das ist immer ein sehr elegantes klassisches Gefühl. Und wir könnten auch die WIP animieren, die den Bildschirm wieder verlässt das Videobild enthüllt, das sich jetzt darunter befindet. Um unsere kleine Pause zu schaffen, während der die Logo-Animation passieren kann. Wir könnten nur Frame 19 mit Control C kopieren denn jetzt ist es sehr nah beieinander bei Frame 20 eins. Wir können das später vergrößern. Dies wäre also der Zeitraum, in dem der Rest der Logo-Animation hier oben passiert. Aber weil wir noch keine Logo-Animation haben, platzieren wir sie hier bei Frame 20 eins. Und dann wollen wir den WIP zwei Ausgang wieder, aber nicht nach hinten nach links. Es muss zu dem, was das Richtige ist. Wir können das tun, indem wir einen Frame 43 auswählen, um es ja zu haben, ungefähr die gleiche Größe haben und wie wir das feindliche Werkzeug wieder verwenden können, stellen Sie sicher, dass wir im Positionswerkzeug sind und ziehen Sie es heraus halten Shift, um sicherzustellen, dass alles entlang der gleiche Achse. Und da gehen wir. Schauen wir uns die Kurve schnell an. Oh, das sieht nicht so schlimm aus. Manchmal gehen diese Kurven sehr, sehr falsch und haben einige sehr seltsame Momente darin, zum Beispiel, besonders hier in der Mitte, müssen Sie darauf achten. Dies sind die gleichen Werte. Aber es könnte passieren, dass, wenn Ihre Kurve so verschoben wird, Sie immer noch eine seltsame Animation erhalten. Wir gehen hierher, weil diese Tangente so weit nach oben zeigt. Um dies zu vermeiden, könnten wir auch die Interpolationsmethode dieses Teils der Kurve auf lineare Interpolation umstellen , um sicherzustellen, dass er auf dieser Achse bleibt. Und jetzt kannst du mit dieser Tangente tun, was du willst, ohne die andere Seite zu brechen. Also wieder, wir wollen, dass der Antrag wirklich weich ist. Und auch hier wollen wir den Antrag und wirklich leise. Und ich habe gerade erkannt, dass meine Spieldauer hier bei Frame 31 nur abgeschnitten ist, meine Animation endet, aber es geht eigentlich noch weiter wie Frame 43. Stellen Sie daher sicher, dass dieser Szenendauer-Handle mit der Dauer Ihrer Animation ausgerichtet ist. Jetzt sollte das sogar noch glatter aussehen, weil ich nicht gesehen habe, dass ich hier noch eine Reihe von Frames hatte. Lasst uns das ein bisschen steiler machen. Sie können auch, wenn Sie mit der Dauer Ihres Übergangs nicht zufrieden sind, Sie können es in der Zeitleiste hier ändern, indem Sie auf diese Tastensymbole klicken und ziehen. Sie können auch mehrere verschieben, indem Sie die UMSCHALTTASTE gedrückt halten und mehrere auswählen, dann klicken und ziehen, um sie zu verschieben. Oder Sie bewegen sie hier im Funktionseditor nach oben, Sie greifen einfach alles, was darunter ist. Das ist ziemlich nützlich. Ich würde nicht raten, die Keyframes hier zu greifen und sie woanders zu ziehen, da jetzt ein neues Schlüsselbild erstellt wurde. Wir haben die, mit der wir zuvor hatten, noch bestimmte Rotationsdaten und Skalierungsdaten, aber es ist irgendwie nicht mehr nötig. Und das sind die Positionsdaten, die wir herausgezogen haben. Aber, weißt du, es wird ein bisschen chaotisch. Bewegen Sie also entweder die Tasten auf der Timeline oder verschieben Sie die Tasten hier nach oben. Aber diese Animation ist noch nicht so interessant wie ein Cookie. Es ist nicht so viel los. Ja. Wir können ein wenig Komplexität, einige weitere Elemente hinzufügen, sogar zu diesem einfachen wischen. 6. Multiple in der wipe: Wir werden dem Übergang mehrere Farben hinzufügen und wir werden versuchen, wirklich klug darüber zu sein. Wir müssen also nicht die gleiche Animation dreimal von Grund auf neu machen. Wir werden wiederverwenden, was wir bereits haben, um die Animation komplexer aussehen zu lassen. Also brauchen wir eine neue Ebene, um Dinge zu platzieren. Sie können hier mit der rechten Maustaste klicken und einen Layer darüber einfügen. Und noch einmal. Und auf dieser Ebene können wir nun den Übergang mehrfach kopieren und einfügen, klicken Sie auf diese dunkleren Teile hier, und Sie können es mit Control C kopieren und es hier und wieder auf der Ebene hier oben einfügen. Jetzt werden Sie feststellen, dass dies die Animation gebrochen hat. Die oberen Ebenen haben keine Keyframes auf ihnen, und daher wird der Bildschirm nur durch die Form verdeckt, da dies die Standardposition war, die wir hatten, als wir die Form erstellt haben. Und die Sache ist, dass Zeichnungen und Keyframe-Daten voneinander unabhängig sind. Wenn wir hier klicken, hier oben in diesem, dieses Handle, und wenn wir die Zeichnung bewegen, können Sie sehen, dass die Keyframes an Ort und Stelle bleiben und umgekehrt. Wenn wir diesen ersten Schlüsselrahmen verschieben, wird er nicht an der Stelle verschoben, an der sich die Zeichnung befindet. Also müssen wir das im Hinterkopf behalten. Wir müssen diese Schlüsselbilder kopieren und einfügen, indem Sie auf den ersten Keyframe klicken, Umschalttaste gedrückt halten und auf den letzten Keyframe klicken. Ich klicke immer auf die Zeichnung, aber ich möchte auf den Keyframe dort oben klicken. Nun, dieses Mal funktionierte es, Es hat alle Schlüsselbild ausgewählt vom ersten bis zum letzten. Wir können kopieren, das würde C steuern und es auf die anderen Ebenen setzen. Jetzt machen sie alle die gleiche Bewegung. Es sieht so aus wie das, was wir vorher hatten. Was wir jetzt tun werden, ist, dass wir sie kompensieren. Wir werden sowohl unsere Zeichnung als auch die Keyframes in einem Treppenmuster wie dieses verschieben. Stellen Sie also sicher, dass die Keyframes und die Zeichnungen so verstaut sind, und zwar mit mindestens zwei Frame-Differenzen. Es könnte sogar noch mehr sein. Es könnten vier Frames oder so etwas sein. Du kannst damit ein bisschen mehr experimentieren, wenn wir etwas sehen können. Im Moment können wir immer noch nichts sehen, weil sie alle die gleiche Farbe haben. Und wir sehen nicht wirklich, wo eine Form beginnt und die andere Form endet. Außerdem müssen Sie sicherstellen, dass die Belichtung meiner Szene den ganzen Weg bis zum letzten Frame aller Animationen geht . Wie bekommen wir jetzt verschiedene Farben? Wir müssen wieder auf eine Schicht gehen. Hier klicken wir auf die Zeichnungsebene und wir sehen, dass wir immer noch nur eine Zeichnung haben. Diese drei Wisch-Shapes hier sind alle ein Exemplar derselben Zeichnung mit der grünen Form. Also, selbst wenn wir die Farbe der Form hier ändern würden. Und wir können dies ganz einfach tun, indem wir auf die Farbe klicken und sie einfach ändern. Aber es wird immer noch alle Formen zu lesen ändern , weil sie genau die gleiche Zeichnung sind. Das können Sie in der Vorschau hier sehen. Immer wenn ich sie änderte, ändern sich alle drei. Was wir also tun müssen, ist, dass wir die Verbindung zwischen der Zeichnung und den Farben brechen müssen. Ich werde Ihnen zeigen, wie das gemacht wird. Nehmen wir an, die letzte Ebene, die letzte Ebene hier oben, die letzte Ebene, die angezeigt wird, ist die Farbe, die wir behalten möchten. Also müssen wir die anderen beiden ändern. Gehen wir auf die erste Schicht. Wir müssen die Zeichnung, die wir hier haben, duplizieren, indem Sie auf die erste Zeichnung indem Sie D Für Duplicate und die obere rechte Ecke, die Sie jetzt sehen können, müssen wir Shapes jetzt wischen. Im Moment sind sie beide grün. Sie sehen immer noch identisch aus. Aber jetzt haben wir eine zweite Zeichnung, die wir auf die Timeline setzen können. Und jetzt ist es hier. Jetzt für den ersten Keyframe hier ist es immer noch wischen Form Nummer 1. Wir können dies ändern, indem Sie hier doppelklicken und den Namen ändern, um geformte Nummer zwei zu wischen. Und jetzt können Sie sehen, dass es weiße Form Nummer zwei ist. Von Anfang bis Ende ändern Sie die Farbe. Wir müssen ein neues Farbfeld erstellen. Denn wenn wir dieses Farbfeld ändern würden, ändert es die Farbe aller Formen überall. Wir brauchen eine neue Farbe, die derzeit nicht mit irgendetwas verknüpft ist. Und das bekommen wir, indem wir hier auf das Plus-Symbol klicken. Und wählen wir hier einen schönen Kaffee aus. Und jetzt müssen wir diese Farbe auf die weiße Form zum Zeichnen füllen, um sicherzustellen, dass wir die richtige Form zu füllen bekommen. Sie können hier im Ebenenbedienfeld des WIP-Shapes Nummer zwei klicken, wobei nur eine Wischform angezeigt wird. Jetzt bin ich einfach ausgetauscht. Ich muss wieder hineinwechseln. Dies, das hier ist nur die weiße Form Nummer zwei, und wir können es mit dem Füllwerkzeug hier füllen, um die zweite braune Farbe zu haben. Wir werden dasselbe in dieser Spalte machen, auf dieser Ebene werde ich D treffen. Wir haben jetzt WIP-Form Nummer drei. Wir brauchen hier ein neues Farbmuster. Und das hier können wir zu unserem sonnigen Gelb wechseln. Durch Klicken auf die Timeline. Sie gehen zurück aus dem Fokusmodus der einzelnen Zeichnung. So können wir in den Kamera-Modus gehen und Play drücken. Und jetzt sollten wir es sehen, Sir, durch ein paar verschiedene Farben gefahren. Vielleicht sollten wir den Offset noch größer machen. den vier Frames sicher, dass Sie sowohl die Zeichnungen als auch die Keyframes verschieben. Und jetzt geht es durch die verschiedenen Farben, zumindest auf dem intrinsischen. Moment sehen wir nicht, dass die gelbe und die braune Schicht, ich bewege mich überhaupt, weil die grüne Schicht nur alles bedeckt. Also wollen wir, dass die gelbe Schicht wartet. Und wir können dies tun, indem wir diesen und diesen Keyframe-Befehl auswählen und auch eine umgekehrte Treppe wie diese bauen. Und jetzt müssen wir nur sicherstellen, dass die Paare eine ähnliche Belichtung haben. Lassen Sie uns die gleiche Länge wie die Verschiebung hier machen , um diese vier Frames zwischen den Keyframes zu haben. Fügen wir zwei weitere hinzu, dieses und dieses: 1, 2, 3, 4. Und wenn wir auf Play klicken, wieder, die Belichtung unseres Projekts war zu klein, um sicherzustellen, dass es summiert. Wir können sehen, dass es mit diesen bunten Frauen beginnt und endet. Und Sie wissen, was, auch ohne Logo-Animation oben drauf, können wir das bereits verwenden. Viele YouTube-Kanäle verwenden Übergänge wie diese, um eine Änderung eines Themas zu vertuschen. Ordnung, ich hoffe, das hat dich nicht zu sehr vom Animationsprozess abgeschreckt. Es kann ein bisschen mühsam sein. Aber Affinität auf die Keyframes klicken und stellen Sie sicher, dass alles ausgerichtet ist und Sie mit Ihrem Kurven-Editor und mit dem Schlüssel-Frame-Zeit in für immer spielen können , bis Sie etwas haben, das Sie denken, sieht gut aus und dann schauen Sie es ein Tag später und dann denken Sie, wie vielleicht sollte es ein wenig langsamer oder schneller sein, aber das ist völlig normal. Und mit einer Animation, um offene Melodien zu mögen, haben Sie die völlige Freiheit, verschiedene Timings und verschiedene Animationskurven zu erkunden . Als nächstes werfen wir einen Blick auf das Logo, das wir animieren werden, und zeigen Ihnen, wie Sie eine kleine Bestellung planen können. Und dann werden wir es in offene Melodien bringen, es dort bauen und dann animieren. 7. Planen der Logo-Animation: Jetzt ist es an der Zeit, Ihr Logo zu greifen und es zu animieren. Wenn Sie noch kein Logo haben. Ich werde nicht wirklich in den Prozess kommen, wie man ein Logo entwirft , denn das ist ein ganz großes Thema für sich. Designer haben buchstäblich Monate mit einigen Logos Ihrer Lieblingsmarken verbracht. Es gibt also eine Menge Sachen, über die man lernen kann und es mit verschiedenen Logoformen und Schriftarten ausprobieren kann und all dem Zeug, das zu einem guten Branding gehört. Die Farbauswahl ist auch ein sehr großes Thema für sich, Sie können Tutorials über Logo-Design und Branding im Allgemeinen finden, zum Beispiel auf Skillshare, brauchte ich ein Logo, obwohl zu animieren. Also habe ich diese schnelle kleine Erkundung gemacht. Ich wollte ein Logo für ein Café machen. Das ist auch so etwas wie eine Cocktailbar. Also bekam ich die Idee, diese Cocktail-Elemente dem Kaffee-Dreck hinzuzufügen , verschiedene Formen hier des Kaffee-Mach auszuprobieren. Und ja, letztendlich bin ich auf diesem Logo gelandet. Jetzt ist dies keineswegs eine echte Logo-Entwicklung. Wenn Sie ein echtes Logo entwickeln würden, würden Sie diesen Prozess viel länger tun. Sie würden viele weitere verschiedene Motive ausprobieren, viele weitere Formen. Aber ich wollte etwas Spaß und schnell für dieses Tutorial haben. Also habe ich nur ein paar Minuten damit verbracht , diese sehr einfache Idee auszuprobieren und sie in die bestmögliche Form zu bringen, die ich in nur ein paar Minuten tun konnte. Schriftauswahl ist ein weiteres großes Thema. Wenn Sie also bereits ein Logo haben, sollten Sie sicherstellen, dass Sie Zugriff auf eine Datei haben, die alle Ebenen enthält. Oder Sie müssen Ihre Datei in verschiedene Ebenen ausschneiden und separat exportieren. Zum Beispiel, als transparentes PNG oder, und das ist, was wir jetzt tun werden. Sie können Ihr Logo in offenen Melodien neu aufbauen. Dies ist vor allem dann sinnvoll, wenn Sie ein Vektorlogo mögen und Sie damit extremere Dinge tun möchten, wie zum Beispiel vergrößern und vergrößern, viel verkleinern. Sie benötigen die Vektoren Ihres Symbols, um in offenen Melodien als echte, tatsächliche Vektoren zu sein. Also nehmen wir diese Idee hier auf und wir werden sie in offenen Melodien wieder aufbauen. Wir müssen auch einen Fonds für die Schriftart Moore-Maschine auswählen , die hier oben geschrieben wurde und die handgeschriebene Schriftart da unten. Wir könnten auch schon anfangen, darüber nachzudenken, welche Animation wir tatsächlich passieren wollen. Dies ist Ihre allererste Animation. Vielleicht möchten Sie einfach verschiedene Dinge in der Animationssoftware ausprobieren und das ist auch in Ordnung. Aber wenn du das öfter machst, musst du das Gefühl haben, was die Dinge gut aussehen. Und du kannst schon sagen, okay, ich will, dass das zuerst von links kommt, dann taucht das auf und so was. Und das kannst du schon in deinem Kopf planen oder, weißt du, eigentlich solltest du es aufschreiben. Für den Animationsprozess haben Sie also eine sehr klare Vorstellung von Ebenen, die Sie benötigen und welche Schritte nacheinander passieren. Als Faustregel macht es Sinn, Dinge zusammen zu gruppieren, aber trotzdem sollten Sie viele separate Elemente haben, die zu separaten Zeiten auftauchen , denn das macht eine Logo-Animation interessant aussehen. Wenn Sie dieses Pop-up eine Sache nach der anderen auf den Bildschirm kommen, ist es nur interessanter, als nur das gesamte Logo nur wie, Oh, und da ist das gesamte Logo. Das ist nicht so lustig. Zum Beispiel könnte ich mir vorstellen, dass das allererste, was wir passieren, ist, dass wir diese Form Pop-up haben. Es ist Skalierungseffekt. Das wird das erste sein, was passiert. Dann werden wir den kleinen Teller von rechts reinkommen lassen. Die zweite Sache als nächstes kommt die Tasse runter, hier oben und dann vielleicht alle Elemente, die Zitronenscheibe und das Strohhalm kommen auch von oben hinein. Diese erste Schriftart wird von einer Maske in gleiten. Und zu guter Letzt haben wir die Handschrift, einen Peer. Das ist das siebte und letzte, was passiert. Das gibt uns einen groben Plan, wie unser Logo aussieht und was passiert, wenn Sie bereits ein Logo haben, dies Ihre erste Aufgabe sein könnte. Denken Sie darüber nach, welche Teile nach dem anderen erscheinen sollten. Sollen sie von links kommen, von rechts? Sollen sie hochskaliert werden? Sollen sie einfach verblassen? Aber du könntest auch sagen, weißt du was, ich kann mir das jetzt nicht vorstellen. Ich weiß nicht, wie es aussieht und sich anfühlt, wenn die Dinge von links und rechts oder oben kommen, das ist auch völlig okay. Du brauchst dich nicht zu entscheiden. Jetzt. Sie können auch später entscheiden oder einfach nur dieses Tutorial und ja, sehen Sie selbst, wie die verschiedenen Bewegungen fühlen, die wir hier erstellen werden. Also freue ich mich, den endgültigen Look dieses Logos jetzt in offenen Melodien zu kreieren und dann in der Art, wie wir geplant haben, animiert, was ich denke, wird ziemlich cool aussehen. 8. Das Logo verfolgen oder zeichnen: Also zuerst möchten Sie Ihre lokale oder das Kritzeln eines Logos in offene Melodien bringen. Und der einfachste Weg, dies zu tun, ist es, es einfach per Drag & Drop zu ziehen. Zuerst brauchen wir eine neue Schicht über unserem Übergang. Und jetzt können wir einfach in den Datei-Explorer oder Finder auf Mac gehen, klicken und ziehen und unser Scribble in die Timeline setzen. Es wird uns fragen, ob wir zu dem Ort verlinken wollen, an dem sich das Bild gerade befindet oder ob wir es in das offene Tunes-Projekt importieren möchten. Und wenn Sie sich nicht sicher sind, ob das Bild an dem Ort bleibt, von dem Sie es bekommen haben. Sie sollten wahrscheinlich nur in das offene Tunes-Projekt importiert werden. Open Tunes zieht also eine Kopie in den Projektordner. Nun ist diese Zeichnung höchstwahrscheinlich eine Bitmap und kein Vektorlayer. Also, wenn wir das zu viel skalieren, wird es Pixel mit zwei Optionen bekommen, um dieses Logo größer zu machen. Wenn es sich um einen Bitmap-Layer handelt, können Sie mit dem Auswahlwerkzeug eine Auswahl wie diese Lasso-Auswahl zeichnen. Und Sie werden bemerken, dass es es einfach wie aus einem Stück Papier ausschneiden wird. Oder Sie können das Bildwerkzeug verwenden und mit den feindlichen Werkzeugen, die auf die Skalierungseigenschaft umgeschaltet sind, können wir dies vergrößern und es an den Rahmen anpassen. Aber Sie werden sehen, dass, wenn Sie viel in Bitmap-Ebenen zoomen, sie pixelig werden. Jetzt, wenn Sie bereits Ihr Logo haben, exportieren Sie es in verschiedene Ebenen, verschiedene transparente PNGs, können Sie sie in ähnlicher Weise einbringen, eine neue Ebene erstellen. Auf dieser Ebene werde ich ein transparentes PNG setzen. Und das können wir auch importieren. Und wie Sie sehen können, ist dies transparent und Sie können es dorthin verschieben, wo es sein muss , mit dem feindlichen Werkzeug geht durch das Positions- und Skalierungswerkzeug Wenn Ihr Logo aus vielen Elementen besteht, möchten Sie sie nicht alle einzeln verschieben. Sie möchten eine Ebene haben, die sie alle verschiebt. Und der Weg, dies zu tun, ist, dass Sie eine neue Spalte erstellen. Also lasst uns einfach ein Symbol hineinlegen. Auf einer Vektorebene. Dies wird die Ebene sein, die alles bewegt, wenn wir es bewegen. Jetzt müssen wir sicherstellen, dass, wenn wir diese eine Ebene hier verschieben, diese, dass alle anderen Ebenen, die zu unserem Logo gehören, sich ebenfalls bewegen. Wir gehen in die schematische Ansicht, und hier können wir die Hierarchie ändern, den Namen dieser Spalte ändern, zwei Namen. Wir wissen immer, was es ist. Sie können hier unten sehen, da ist die Hauptschicht mit diesem Controller hier. Und jetzt müssen wir die Hierarchie ändern. Wir wollen dies zum Elternteil sowohl des Pinsels als auch des gekritzelten Logos machen. Und das tun wir, indem wir hier klicken und eine Linie ziehen. Und jetzt haben wir eine Hierarchie. Diese beiden Schichten, der Pinsel und der Scribble, sind ein Kind der Hauptschicht. Und jetzt, wenn wir die Hauptebene mit dem feindlichen Werkzeug bewegen, bewegt es sowohl den Pinsel als auch die Kritzelschicht und unser kleines Hilfe-Symbol hier. So ist es, wie du deine Eltern erziehst. Alle Elemente Ihres Logos, die Sie so in einen Haupt-Controller importiert haben. Und Sie verwenden dies, um Ihr Logo neu zu positionieren und neu zu dimensionieren , bis es in den Bildschirm passt und sich an der richtigen Position befindet. Also für mich werde ich das alles rückgängig machen und den Pinsel hier loswerden. Ich muss immer noch meine endgültige Logo-Kunst erstellen und ich werde es direkt in offenen Melodien tun. Dies könnte auch etwas sein, das Sie tun sollten, wenn Sie nur eine sehr kleine Bitmap-Version Ihres Logos haben, die Sie verwendet haben oder der Client Ihnen nur ein Pixel gab, ist ein Chaos. Dann ist eines der besten Dinge zu tun, oder eines der Dinge, die Sie tun müssen, das Logo in der Software, die Sie verwenden, um es zu animieren, indem Sie Dinge in die Vektorebenen verfolgen. Wir haben auch den Vorteil, dass wir skalieren können, wenn Sie nur eine Reihe von flachen Farben haben, was gerade eine Art Mode ist. Viele Logos haben nur Formen in einer Farbe. Dies ist also perfekt für eine Vektorschicht. Sie werden sehen, was ich meine, in einer Sekunde, wenn wir dieses Logo in eine endgültige Form setzen , die wir dann animieren, eine Sache, die wir auch denken können, ist unsere globale Farbpalette. Wenn Sie mit einem bereits vorhandenen Logo arbeiten, haben Sie wahrscheinlich eine Farbpalette von 34 oder fünf Farben. Und Sie können keine weiteren Farben in Ihrem Logo verwenden, da es bereits begrenzt ist auf diese Farbpalette beschränkt ist. Und dies zu wissen, gibt Ihnen bereits einen großen Sprung voraus, denn Sie können einfach diese Farbstile erstellen und dann die gleichen 34 Farben für alle Elemente in Ihrer Animation verwenden. Ich komme mit den Farben für mein Logo ein wenig on the fly. Aber wie Sie gesehen haben, Auswechseln von Farben und offenen Melodien sehr einfach. Und wenn Sie es intelligent tun, können Sie alle diese Farben noch verknüpft werden und versuchen verschiedene Variationen Wirklich schnell. Aber um dies wirklich zu unserem Vorteil zu nutzen, sollten wir sicherstellen, dass alle Farben irgendwie miteinander verbunden und verknüpft sind. Wir brauchen also so etwas wie eine globale Farbpalette, die alle möglichen Farben enthält , die wir dann auf die einzelnen Zeichnungen verteilen oder in all den verschiedenen Zeichnungselementen verwenden können . Und gerade jetzt hat die WIP-Ebene unsere vollständigste Farbpalette. Es hat bereits diese drei Farben, und ich möchte sie weiterhin verwenden. Also müssen wir dies in eine globale Farbpalette verwandeln. Und das können wir tun, indem wir diese Farbpalette als neue Palette speichern. hier unten klicken, können wir dann wählen Sie den Ordner Palettes und ja, geben Sie ihm einen Namen und ein wenig gehen Farbpaletten. Nun ist die coole Sache, die wir tun können, wenn wir jetzt anfangen, unser Logo zu verfolgen unser Logo zu erstellen, können wir diese Farbpalette in die neue Zeichnung laden. Lassen Sie uns also einen neuen Layer und eine neue Spalte erstellen, indem Sie wie immer mit der rechten Maustaste klicken, oben einfügen. Und sagen wir, wir fangen mit dem Becher an. Also für den Becher möchte ich eine Vektorspur des Bechers erstellen. Also brauchen wir hier eine Vektorschicht. Könnte diesem auch eine Namensbecher geben. Da gehen wir. Im Moment kommt diese Zeichnung Ebene Tasse mit einer eigenen Palette. Also, um die Farbpalette, die wir gerade gespeichert haben, in unsere neue Ebene zu laden , die wir für den Becher verwenden werden. Wir müssen unter Windows die Studio-Palette hier öffnen und die Luft, die wir die Projektpaletten finden können, und das ist die Palette, die wir gerade gespeichert haben. Und wir möchten diese Farben in die Tassenebene laden, indem rechten Maustaste auf die Palette klicken und in die aktuelle Palette laden wählen. Und die wirklich coole Sache ist, wenn wir diese globale Palette ändern, zum Beispiel, machen wir das Grün ein wenig heller. können wir retten. Und wir können noch einmal, geladen in die Zeichnungen, beobachten, dieses Farbfeld gerade jetzt ist es immer noch dunkel, weil dies die lokale Tassen-Farbpalette ist. Aber wir werden es ersetzen, indem wir die globale Farbpalette auswählen , die wir erstellt haben, rechten Maustaste zu klicken und in die aktuelle Palette zu laden. Und jetzt sieh dir das Muster an. Es wird leichter. Auf diese Weise können wir alle Farben auf allen Ebenen aktualisieren, auch nachdem wir bereits alles animiert haben. Stellen Sie sicher, dass Sie die globalen Projektfarbpaletten in jede von Ihnen erstellte Zeichnungsebene laden . Und wenn Sie neue Farben erstellen möchten, Es ist am besten, sie hier in der globalen Farbpalette zu erstellen. Also lassen Sie uns tatsächlich eine Farbe für die Tasse erstellen, die eine sehr helle Farbe sein würde, vielleicht eine Eierschale weiß, wie diese. Du wirst es retten. Überschreiben Sie die globale Farbpalette und laden Sie sie erneut in die Cup-Zeichnungsebene. Wie zeichnen wir nun den Becher? Wir wählen die Tassenfarbe aus. Und wieder einmal verwenden wir das geometrische Werkzeug in der Poli-Linieneinstellung. Und anstatt nur auf diejenigen zu klicken, was uns gerade Linien gibt, werden wir klicken und ziehen, um weichere Linien zu erhalten. Und was wir im Wesentlichen tun, wenn wir klicken und ziehen, ist, dass wir den Bezier-Handle einer Vektorkurve ziehen. Vielleicht lassen Sie mich das mit einer schwarzen Farbe machen, die ein bisschen besser zu sehen sein sollte. Also ziehen wir die Krümmung hier raus, und das ist die eigentliche Linie, die wir zeichnen. Also hier sind wir auch klicken und ziehen und eine Krümmung machen, die die Spitze unserer Tasse passt. Jetzt diese Krümmung hier müssen wir später anpassen. Wir wollten hier eigentlich eine scharfe Ecke sein, aber ja, wir können das jetzt nicht machen, denke ich. Also lassen Sie uns einfach weiter setzen, indem Sie die Eckpunkte setzen. Und wir können klicken und ziehen und schon die Krümmung hier unten fein abstimmen. Und dann schließen Sie diese Ebene. Ja, das sieht noch nicht wie unsere Tasse aus. Wir müssen die Tangentenpunkte verfeinern, die wir bereits festgelegt haben. Und das können wir mit diesem Kontrollpunkt-Editor tun. Klicken Sie auf einen Punkt. Diese Tangenten sind bereits gebrochen, was benötigt wird, wenn wir die Größe der Tangente unabhängig voneinander ändern möchten. Und Sie können die Tangenten frei brechen, indem Sie auf eine Seite klicken, indem Sie Alt gedrückt halten. Und dann können Sie eine Seite der Tangente unabhängig von der anderen verschieben, und sie sind jetzt gebrochen, so dass Sie einfach weiter klicken und sie ändern können. Wenn Sie Alt erneut drücken, sie erneut zusammengeführt, was nicht das ist, was wir wollen. In diesem Fall wollen wir hier eine scharfe Ecke haben. Wir können unsere Form weiter verfeinern, bis wir die Tasse haben , die wir wollen oder was auch immer Ihr Objekt, das Sie für Ihre Animation erstellen. Natürlich habe ich hier die falsche Farbe gesagt. Wir können das Auswahlwerkzeug verwenden, um unsere Tasse auszuwählen und sicherzustellen, dass sie die Tassenfarbe hat. Und dann können wir es auch mit dem Füllwerkzeug füllen. Es ist komplett geschlossen und das ist, warum es sehr einfach, es zu schließen. Wenn Sie etwas zeichnen, müssen Sie sicherstellen, dass die Linie sehr nah an der Schließung liegt. Der Griff, den wir in ähnlicher Weise erstellen werden. Wir nehmen das Polylinienwerkzeug und verfolgen nur die Kritzelsteine, die wir haben, erzeugen einige Tangenten, normalerweise auf dem Höhepunkt der Formen. Und es wieder zu ändern, es zu füllen. Und das ist alles für unsere Becherschicht. Die Untertasse hier, der kleine Teller wäre auf einer anderen Schicht. Lassen Sie uns also eine neue Spalte erstellen. Und dieses Mal ist es tatsächlich unten. Und sehr wichtig, wir wollen, dass dies eine Vektorschicht ist. Wenn ich nur mit dem Zeichnen beginnen möchte, wie Sie sehen können, wie pixelig es ist, ist dies ein Bitmap-Layer. Das wollen wir nicht. Das ist also sicher, dass jedes Mal eine neue Vektorebene dafür erstellt wird, müssen wir das Polylinienwerkzeug nicht verwenden. Wir könnten eigentlich eine Ellipse gebrauchen. Da gehen wir. Wieder einmal müssen wir unsere Farbpalette mit der Studio-Palette importieren. Gehen Sie hier zu dieser Farbpalette, sagen wir, laden Sie in die aktuelle Palette, und da ist es. Jetzt können wir diese neue Ebene für die Orange neu färben, sie in die Farbpaletten schneiden. Eigentlich, bevor wir es laden, sollten wir keine Farbe für unsere Orangenscheibe machen. Da gehen wir. Speichern Sie es. In die aktuelle Palette geladen, speichern Sie diese, und erstellen Sie ein orangefarbenes Segment mit dem Ellipsenwerkzeug. Wenn Sie Shift halten, wird es den Anteil behalten. Und wir können auch Autofill überprüfen, um es sofort mit der Farbe zu füllen, die wir ausgewählt haben. Also boom, wir brauchen nicht einmal das Füllwerkzeug zu verwenden. Wenn Sie Elemente neu positionieren möchten, müssen Sie das Auswahlwerkzeug verwenden. Und wenn Sie auf die Füllung klicken, es ist in einer Auswahl nichts stecken. Sie müssen auf den Rahmen klicken, um den umgebenden Strich auszuwählen. Da gehen wir. Im Moment mache ich alles auf Frame eins. Wenn Sie also das Problem haben, das Sie manchmal verlieren, woran Sie arbeiten, könnte es sein, dass Sie zu einem Rahmen gewechselt haben, der keine Belichtung für die Zeichnungen aufweist, an denen Sie gearbeitet haben. Als Nächstes ist der Strohhalm. Und hier machen wir das gleiche Spiel wieder. Neue Ebene oben, neue Vektorschicht Stroh. Wir verwenden das geometrische Werkzeug und die Option Polylinie. Lasst uns das Grün benutzen, das wir bereits haben. Also laden wir den Gaumen in die Zeichenebene, wählen das Grün und fangen an, diesen Strohhalm tatsächlich ganz nah an unten zu zeichnen. Jetzt müssen wir sicherstellen, dass wir die Tangente später ändern , nachdem wir die ganze Sache gezeichnet haben. Ja, es sieht ein bisschen wackelig aus. müssen wir ändern. Mit dem alten Schlüssel. Aufbrechen oder Zusammenführen der Tangenten mit der Ebenenreihenfolge ist nicht ganz richtig. Wir müssen es zwischen alles ziehen. Ja, wenn Sie die Scribble-Ebene hier mit dem Symbol ausschalten, wird sie im Ansichtsfenster ausgeblendet. Das Ich würde es im Rendern verstecken, wenn wir unsere Animation tatsächlich exportieren. Aber ja, das ist eigentlich, ich mag es für ein Logo, auf dem ich nur ein paar Minuten verbringe. Das ist ziemlich interessant. In Ordnung, jetzt auf einer Schicht am unteren Rand von all diesen wollen wir dieses Quadrat haben, das hinter allem steht. Ich werde das geometrische Werkzeug verwenden und dieses Mal das Rechteck verwenden. Und wieder, ich denke, dieses Mal sollten wir eine neue Farbe dafür haben. Ich bin mir nicht ganz sicher, welche Farbe es sein wird. Lila Farben. Manchmal kann es sehr gut aussehen, auf grün. So wie die Joker-Farbkombination. Wenn Sie die Umschalttaste gedrückt halten, während Sie diese ziehen, erhalten wir ein perfektes Quadrat. Ich habe die Farbpalette nicht in die Zeichnungsebene geladen. Lass uns das schnell machen. Oh, und du siehst, dass das Lila nicht mitkam , weil wir die globale Farbpalette noch nicht gespeichert haben. Also klicke ich zuerst darauf, es zu speichern und übersetze es. Und wieder laden in, in die aktuelle Farbpalette. Und da haben wir es. Oh, und hier ist es passiert, dass ich einen Bitmap-Layer erstellt habe und in einem Bitmap-Ebenen-Symbol einfach auf Ausrichten klicken, um es neu zu färben. Also müssen wir das rückgängig machen. Und lassen Sie mich ein neues Quadrat der Zeichenebene auf Vektorebene erstellen. Ja, das war nur ein Test, um zu sehen, ob Sie darauf achten, die Farbpalette zu laden, sie auszuwählen, geometrisches Werkzeug, Rechteck, Zeichnen. Und wir haben es. Das ist für zwei rosa. Wir können Farben hier in der Zeichnungspalette anpassen, aber Sie sollten immer Dinge übertragen. Lassen Sie uns ein helles Blau für eine Abwechslung versuchen. Wie sieht das aus? Ja, das ist irgendwie freundlich. Jetzt müssen wir diese Farbe wieder in die globalen Farbpaletten kopieren , damit wir sie überall verwenden können. Also werden wir sagen, kopieren und klicken Sie in der globalen Farbpalette und sagen Farbe einfügen. Und so ist alles noch synchron oder kann beruhigt werden, wenn wir diese Farbe in anderen Ebenen verwenden wollen. Wenn Sie zum Beispiel zu vorherigen Levels gehen , gehen wir zum Strohhalm. Sie sehen, dass es nicht die blaue Farbe hat, da wir die Ebenenpalette noch nicht aktualisiert haben. Und wir können dies noch einmal tun, indem wir mit der rechten Maustaste auf die globale Palette klicken und sagen, laden Sie in die aktuelle Palette. Und es hat das Lila geladen, weil wir das noch nicht gespeichert haben. Wir müssen sicherstellen, dass unsere globale Farbpalette gespeichert wird. Jetzt können wir es in das aktuelle Farbpellet laden. Und ja, da ist unsere Farbnummer 7. nun für die Schriftart als Designer eingestellt werden, Wenn Sienun für die Schriftart als Designer eingestellt werden,um Ihr Logo zu erstellen, haben Sie möglicherweise nicht die Finanzierung, vielleicht nur eine Vektordatei oder eine PNG-Datei, die Sie verwenden müssen. So wie es ist, ziehen Sie es einfach in offene Melodien und verwenden Sie es so, wie es ist. Oder wenn Sie wissen, welche Schriftart es ist und Sie sie auf Ihrem Computer installiert haben oder Sie nur ein Logo entwerfen. Sie können die Schriftart selbst auswählen, jede Schriftart von Ihrem Computer. Sie können eine aus dem Internet herunterladen. Und natürlich können Sie es auch in offenen Melodien verwenden, um einen Text zu schreiben. Und dann können wir diesen Text animieren. Es gibt ein Problem mit Texten und offenen Melodien: Wenn Sie das Textwerkzeug verwenden, gibt es andere Werkzeuge, um Text zu erstellen. Vielleicht schauen wir uns das später an. Wenn Sie jedoch das Textwerkzeug aus der Symbolleiste verwenden, können Sie Ihren Text nur einmal schreiben. In dem Moment, in dem Sie darauf klicken, wird es in eine Vektorebene umgewandelt. Sie können also nicht hineingehen, klicken Sie erneut und ändern Sie Ihren Text. Daher sollten Sie im Moment sehr sicher sein, was die Wörter sind , die Sie schreiben möchten, und Sie sollten wissen welche Schriftart es ist, wenn Sie das Schriftwerkzeug verwenden möchten. Sie könnten auch nach einer schönen Schrift suchen. Eine sehr gute Ressource ist Google Fonts hier bei fonts dot google.com. In der Tat muss ich immer noch nach einem guten handschriftlichen Fonds für die Parodie suchen. Also ein Teil des Namens, also lasst uns den Namen hier schreiben. Wir können sehen, dass es bereits eine Schrift mit einem kleinen handschriftlichen Gefühl gibt. Wir können die Schriftarten filtern. Ein sehr wichtiger Filter sind die Kategorien. Hier, ich will nur die Handschrift in meinem Fall sehen. Und in yeah, können Sie durch sie blättern und versuchen, eine Schriftart zu finden , die zu dem passt, was Sie versuchen zu tun. Dies ist mehr mit Website-Entwicklung und Markendesign und solchen Dingen verbunden. Möglicherweise haben Sie bereits eine Schriftart ausgewählt, aber wenn Sie dies nicht tun, ist Google Fonts eine sehr schöne Quelle, um nach einer Schriftart zu suchen. In meinem Fall werde ich pazifisches Öl verwenden. Klicken Sie darauf, laden Sie die Schriftfamilie herunter und entpacken Sie diese, um sie auf Ihrem Computer zu installieren. Also in einer weiteren Spalte erstelle ich hier oben die erste Schriftart. Fügen Sie über neue Vektorebene ein. Und Sie wissen, warum nicht schon den nächsten hinzufügen, der der handgeschriebene Text ist. Es sollte oben drauf erscheinen. Ja, das tut es. Hier werden wir Café und Par schreiben, und ich werde die Schriftart Monate oder Ratten verwenden, auch von Google-Fonds. Und jetzt in dem Moment, in dem ich das verlasse oder irgendwo anders klicke, wird dies in Vektoren verwandelt. Wir können die Schrift nicht mehr ändern. Also, wenn Sie etwas falsch schreiben oder Sie nicht mit ihm zufrieden sind, oder Sie brauchen einen Zeilenumbruch. Sie müssen das Typenwerkzeug verwenden. Wieder einmal werde ich das in eine Position neu positionieren , wo ich damit zufrieden bin, weil dies ein Kritzelei war. Es muss nicht 100 Prozent genau sein. In diesem Fall finden wir immer noch das Logo. Aber natürlich wird es Sinn ergeben. Wenn Sie bereits ein Logo haben, sollten Sie wahrscheinlich ein wenig vorsichtiger sein, um die genaue Platzierung zu finden. Verwenden Sie den Exponenten, den Sie von Ihrem tatsächlichen Logo haben. Vielleicht ist der Text in der Farbe der Tasse. Also noch einmal müssen wir dieses Pellet in die Zeichnungsebene laden. Und jetzt kann ich die Farbe auswählen. Oh, nun, das würde nur den Umriss ändern. Und Sie können sehen, dass es gerade einen sehr schwachen gelben Umriss gibt. Aber ich möchte eigentlich die Füllung ändern. Dafür werde ich das Füllwerkzeug verwenden, um alles in die richtige Farbe zu setzen. Auf der anderen Ebene werden wir d schreiben. Also lassen Sie mich in der Farbe Pellet wirklich schnell laden, weil ich es bereits geöffnet habe. Ich werde diese Farbe verwenden. Und in diesem Fall werden wir Pacific Oil benutzen. Und die Größe könnte wahrscheinlich ein wenig größer sein, aber wir können die Größe immer noch ändern, nachdem wir sie mitgebracht haben. Dort klicke ich heraus und in diesem Moment wird es umgewandelt. Kann das Auswahl-Werkzeug verwenden, um eine Auswahl um sie herum zu zeichnen. Ich bevorzuge das freihändige Lasso Tool. Dies auch eine rechteckige Auswahl, die Sie verwenden können, und ich kann die Scribble-Ebene ausschalten, um zu sehen, was hier vor sich geht. Warum nicht? Lassen Sie uns die Kaffeebar zwischen den PVD-Dieselfonds platzieren. Versuchen wir es so. Ich verwende jetzt das Auswahlwerkzeug weil ich die Keyframes so lange wie möglich auf 0 halten möchte. Und wenn Sie Mittel skalieren, stellen Sie sicher, dass Sie dies nicht tun, dass Sie sie nicht dehnen. Denn Designer haben wirklich hart gearbeitet, um ein gutes Verhältnis oder das perfekte Verhältnis zu finden. Stellen Sie also sicher, dass Sie beim Ändern der Schriftarten die Umschalttaste gedrückt halten, damit die Proportionen so beibehalten werden, wie sie vom Designer beabsichtigt wurden. Und da haben wir es. Wenn Sie ein bereits vorhandenes Logo importieren oder nachzeichnen, stellen Sie sicher, dass alle Teile, die Sie möglicherweise separat auf separaten Spalten-Layern verschieben , wie diese. Und das erste, was wir animieren werden, ist dieser Kaffee und Bar Font, der wie eine Linie hier auftaucht und sich nach oben bewegt. 9. Animation von Text in einer Maske: Das erste Element, das wir animieren werden, ist eigentlich sehr einfach. Es ist dieser Text, der aus der Mitte des Bildschirms auftaucht und es ist nichts wirklich kompliziertes. Es ist nur eine Maske, in die der Text gleitet. Und sobald es in die Masse eintritt, wird es sichtbar. Und die Art und Weise, wie wir dies tun, ist wie folgt. Wir finden unsere Text-Ebene, die für mich hier oben ist, immer noch alle benannt. Da gehen wir. Und wir werden eine neue Ebene brauchen, die die Maske für unseren Text sein wird. Legen Sie oben ein. Und hier werden wir eine weitere Vektorebene erstellen, Texte auf Maske. Und lassen Sie uns dies auch als Namen für die Spalte verwenden. Okay, also für die Maske, werden wir das gute alte Rechteck-Werkzeug verwenden und wir können es sofort automatisch ausfüllen. Ziehen Sie es einfach über den Text, damit Sie ihn überhaupt nicht mehr sehen können. Vielleicht mit etwas Platz am unteren Rand, so etwas. Also haben wir eine kleine Lücke, wenn es nach oben rutscht. Sieht aus, als hätten wir unser Logo zensiert. Oh, nun, um das wirklich in eine Maske zu verwandeln, müssen wir die Schaltpläne wenige eingeben. Noch einmal, dieses Mal müssen wir es in die FX-schematische Ansicht wechseln. Und das kannst du hier unten mit diesem Symbol machen. Dies gibt uns die gleichen Ebenen, aber sie sind jetzt für die Verarbeitung von Bildeffekten angeordnet. Und die Ebenen, die wir brauchen, sind die Kaffee- und Balken-Textzeile und die text1-Maske. Wenn Sie sich nicht sicher sind, was ein Layer ist, können Sie immer auf diesen Pfeil klicken, um eine Vorschau des aktuellen Layers anzuzeigen. Was sollen wir jetzt damit machen? Wir brauchen unseren Maskeneffekt und wir können einen erstellen, indem Sie mit der rechten Maustaste auf add fx und gehen Sie zu Matte. Matte in allem, was in der Matte ist, soll auftauchen. Das Gegenteil würde erfüllt werden. Alles, was von der Maske bedeckt ist, wird maskiert. Aber wir wollen, dass es in der Maske erscheint. Also wählen wir getroffen in. Die Quelle ist der Text und die Textmaske ist die Matte. Befreien Sie sich von diesen Zeilen hier drüben, indem Sie sie auswählen und die Löschtaste drücken. Und jetzt können wir das in das nächste Blatt stecken. Und jetzt sieht alles gleich aus. Da die meisten Effekte nicht in der Echtzeit-Vorschau im Ansichtsfenster angezeigt werden, müssen wir unser Bild rendern, um zu sehen, dass die Effekte angewendet werden. Und Rendern bedeutet nur, dass der Computer eine feinere Verarbeitung der Bildeffekte macht und es in seiner endgültigen Form berechnet, können wir sagen, offen zu installieren, machen Sie diesen Rahmen, indem Sie auf das Augensymbol hier oben klicken. Und jetzt siehst du, dass wir den schwarzen Balken nicht mehr sehen. Wir sehen nur den Text, um zu überprüfen, ob unsere Maske wirklich funktioniert. Wir könnten die Renderansicht auf unsere Maskenebene verlassen und sie so verschieben, dass sie nur die Hälfte unseren Text bedeckt. Dafür können wir das Auswahlwerkzeug verwenden. Nun sollte das Zeug außerhalb der Maske nicht auftauchen, wenn wir es rendern. Ja, da gehen wir. Wie Sie sehen können, taucht der Texas nur innerhalb der Bar auf. Lasst uns das rückgängig machen und unsere Bar wieder in die alte Position bringen. Und jetzt sind wir bereit, das zu animieren. Lassen Sie uns die Zeichnungen der Textmaskenebene und der ersten Textzeile erfassen und sie irgendwo in der Mitte der Animation verschieben. Und hier sehen wir die tatsächlich oben auf der Farbe, die in gleitete. Aber lassen Sie uns einfach alle diese Ebenen für jetzt ausblenden und werfen einen Blick darauf, wie alles zusammen mit dem Wipe-Übergang später funktioniert. Nun ist die Animation, die wir tun werden, der Text, der in den schwarzen Balken gleitet. Die Position, die der Text jetzt hat, ist also unsere Endposition. Also lasst uns einfach einen Keyframe dafür setzen. Irgendwo hier bei Frame 39 möchte ich auf der Zeichnungsschicht der Café- und Balken-Textzeile stehen. Und hier auf Frame 39 und ging voran Zed, um einen Keyframe zu erstellen. Und jetzt haben wir diese Position gespeichert, wo sich der Text innerhalb des schwarzen Balkens befindet. Gehen wir also zum Anfang dieses Segments und verwenden Sie das Animationswerkzeug, um den Text nach unten zu lenken , halten Sie die Umschalttaste gedrückt, wenn Sie möchten, dass er auf der gleichen Achse bleiben. Und jetzt verließ es den schwarzen Balken. Jetzt ist es nicht mehr sichtbar, wie Sie sehen können, es schiebt sich selbst in den schwarzen Balken. Und Sie können es sogar im Vorschaumodus abspielen, oder aktivieren Sie den Vorschaumodus, indem Sie auf das Auge klicken und Sie können spielen. Und das erste Mal, wenn ich es platziere, könnte ein wenig abgehackt sein, weil es die Frames rendert. Aber dann können Sie es einfach abspielen und sehen, wie es später animiert wird. Und das war's. Wir haben einen Text animiert, der in eine Maske auftaucht. Natürlich können Sie mit dem Kurveneditor ein bisschen mehr spielen, wenn Sie möchten. Wo ist die richtige Schicht hier? Das hier? Geben Sie mir, dass der Funktionseditor hier ein wenig überfüllt wurde. Im Funktionseditor können Sie die Auswahl von Layern aufheben, die Sie im Kurveneditor nicht sehen möchten. Dort wollen wir nur die Textzeile sehen. Und jetzt ist es ein bisschen einfacher zu sehen, dass es hier drüben ist. Und wir können die Bewegung etwas weicher machen. Oder wir könnten sagen, dass es nur eine volle Geschwindigkeit in die Maske kommt und erst dann glatter und langsamer wird. Schauen wir uns mal an, wie das aussieht. Wir sind immer noch im Vorschaumodus Rendering. Ja, das ist schön und glatt am Ende. Damit kannst du ein bisschen mehr herumspielen. Sie können natürlich Texte haben, die von anderen Seiten kommen. Es könnte von oben kommen. Eigentlich könnte das nicht schlecht sein, wenn unser Logo ich einfach auftauchen kann. Es könnte ein schöner Übergang sein, es von oben nach unten kommen zu lassen. Und Sie könnten auch die Maske animieren. Sie können den Text an Ort und Stelle halten und die Maske offenbaren ihn einfach irgendwie. Es gibt also viele Möglichkeiten mit nur dieser einen Technik, aber wir haben noch viele andere Dinge zu animieren. Also lasst uns in die nächste Sache springen. 10. hand-writing: Das nächste Element, das wir animieren werden, sind die handschriftlichen Texte, die sich selbst schreiben. Und interessanterweise unterscheidet sich das nicht sehr von den Texten, die in die Maske gleiten. Aber anstatt die kommenden Texte zu animieren, werden wir dieses Mal die Maske animieren. So zeigt es nach und nach den handschriftlichen Fonds. Und das wird so aussehen, als ob der Text gerade geschrieben wird. Also lasst uns den handgeschriebenen Text greifen, indem wir auf diesen grauen Balken klicken und ihn über ziehen. Es will nicht, was da vor sich geht? Oh, die Schichten sind verschlossen. Wie ist das passiert? Ja, Sie können Ebenen sperren, wenn Sie sie nicht berühren möchten. Jetzt können wir es packen und bringen es irgendwo hinüber, nachdem der Text fast vollständig in die Maske eingedrungen ist. So etwas wie hier. Hier werden unsere Animationen beginnen. Wir wissen noch nicht, wie viel Zeit wir brauchen, also setzen Sie einfach mehr als genug da. Und jetzt ist das nächste, was wir brauchen, eine weitere Maskenschicht. Da sich der Timeline-Cursor an einem Ort befindet, an dem diese Ebene bereits belegt ist, können wir direkt eine neue Ebene, eine neue Maske, eine neue Vektorebene erstellen . Und das wird es direkt oben in eine neue Spalte bringen. Und hier müssen wir einige tatsächliche Frame-für-Frame-Animation machen. Denken Sie daran, alles, was wir mit dem Pinsel bedecken oder jede Form oder jede Art von Inhalt wird enthüllt werden. Im Grunde müssen wir die Schrift nach und nach, Frame für Frame zurückverfolgen. Und wir werden das auf eine ganz besondere Art und Weise tun. Wir wollen, dass die Bewegung langsamer beginnt, beschleunigt wird, und wenn sie das Ende des Buchstabens erreicht, wieder etwas langsamer. Und wir können das tun, indem wir die Abstände unserer Maske erhöhen und verringern , während sie sich entwickelt. Ein guter Weg, um über Leichtigkeit nachzudenken ist, immer die Entfernungen zu verdoppeln. Wenn wir also umgekehrt kommen, sagen wir, das ist der ganze Schlag, den wir abdecken müssen. Dann würden wir grundsätzlich immer die Hälfte der Entfernungen, um unseren Abstand zu bekommen. Und auf diese Weise haben wir Abstände, die immer zunehmen und abnehmen. Gegen Ende. Verwenden wir das Pinselwerkzeug und wählen Sie einen Pinselstrich, der groß genug ist, um irgendwie der Pinsel zu sein, der zum Zeichnen dieser Schriftart verwendet werden könnte. Und hier haben wir schon einen kniffligen Teil. Da wir diese Kreuzung enthüllen, müssen wir darauf achten, dass wir keine Maske zeichnen, die so ist. Diese Winkel hier würden einen Teil dieser Linie enthüllen, diese, die erst viel später gezeichnet wird. Wir müssen also die Illusion erzeugen, dass es hier nur einen Pinselstrich gibt. Und wir müssen alles vermeiden, was in der Maske verschenkt, dass es hier von einer zweiten Zeile dicht ist, die viel später hereinkommt. Die Art und Weise, wie wir das animieren werden, ist wie folgt. Wir werden die Belichtungszeit der Maske erhöhen. Wissen Sie, es kann die gleiche Belichtung sein wie der handgeschriebene Text darunter. Dann mache ich meinen ersten Teil der Maske, den ersten Teil, der enthüllt, was da drunter ist. Und dann verwende ich meine Tastaturpfeile, um zum nächsten Frame zu gehen. Und im nächsten Zug werden wir D drücken und D kopiert den aktuellen Frame, aber es ist nicht mehr eine verknüpfte Instanz desselben Frames. Sie können in den Ebenen sehen, gibt es jetzt eine Zeichnung eins oder Zeichnung zwei jetzt gibt es noch identisch. Aber wenn ich beginne, ein nächstes Segment hinzuzufügen, vorsichtig zu vermeiden, dass es einen weiteren Schlaganfall kommt. Wir haben jetzt diesen ersten Frame enthüllt nur ein wenig, und dann der zweite Rahmen enthüllt ein wenig mehr. Und so werden wir weitermachen. Es wird zum nächsten Frame gehen. Dort drücken Sie D, um es zu kopieren. Und jetzt können wir einen Abstand machen, der doppelt so groß ist wie der Abstand, den wir zuvor hatten. Wieder versucht, genau diese Kreuzung zu treffen. Ich will nicht, dass meine Linie zu wackelig ist. Es sollte irgendwie glatt sein. Die erste Kreuzung, die sofort da ist, macht wirklich Dinge. Ein bisschen schwer anzufangen. Oh, und übrigens, wenn Sie hier raus sind, können Sie schlampiger sein. Du kannst es einfach so durchgehen. Das wäre kein Problem, weil es nur den Schlag darunter enthüllt. Das gibt uns also tatsächlich den saubereren Schlag, der darunter ist. Wir müssen nicht darauf achten, dass wir nicht wackeln, wenn wir so weit daraus ziehen, weil Sie wissen, dass die Maske selbst nicht sichtbar ist, sie wird nur die Zeichnung darunter enthüllen. Also nächste Zeichnung, und wir können einfach überziehen. - Es. Nur stellt sicher, dass dieser Teil hier, dies könnte Art von gekrümmt und schön, um die Illusion zu schaffen, dass dies nur ein Pinsel, der sich derzeit bildet wie diese Kante wird eine sein, die zeigt weil Hier schneidet die Maske einfach die darunter liegende Ebene ab. Okay, das nächste und dieses Mal wird es noch mehr sein. Nächste. Oh, ich muss D schlagen da gehen wir. Manchmal eine scharfe Ecken wie diese. Es kann sinnvoll sein, den Pinsel ein wenig verlangsamen zu weil dies etwas ist, das passieren könnte, während Sie eine Handschrift machen. Dann könnte es während der Kurven ein bisschen eine Verlangsamung geben, die sehr elegant aussehen könnte. Also hier verkleinere ich den Abstand wieder und ein 2,5 oder drei Frames, die hier irgendwie vorhanden sind. Vorher. Ich werde es nochmals erhöhen. Und jetzt können wir wirklich schlampig mit dem Querschnitt sein, weil wir bereits den ersten Schlag haben und jetzt können wir alles in der Gegend enthüllen, sobald wir ihn überquert haben. Und jetzt müssen wir eine Leichtigkeit in langsamer und langsamer machen , wobei die Abstände wirklich nahe beieinander liegen. Und jetzt haben wir die p vollständig abgedeckt, was bedeutet, dass die Maske vollständig enthüllen sollte, was darunter ist. Jetzt sieht das natürlich nicht sehr gut aus. Also lasst uns die Maske schon funktionieren. Lassen Sie mich auch die Exposition für die anderen Texte erhöhen. So haben wir für die gleiche Menge an Zeit gesehen, wir müssen den FX-Schaltplan wieder aufrufen, indem wir hier durch Fenster zum normalen Schematic-Editor gehen . Und oh, wir sind bereits im FX-Schaltplan. Wenn Sie nicht da sind, können Sie hier unten klicken, um vom Bühnenschema zum FX-Schaltplan zu wechseln. Und ja, hier sehen Sie unser anderes Konstrukt, unsere andere Maske. Wir müssen das Gleiche für den handgeschriebenen Text tun. Und die andere, die zweite Maske, wir brauchen die Matte in Kraft, Rechtsklick auf FX, Matt, Matt in, und die Quelle ist unser handgeschriebener Text. Die Maske ist unsere Matte. Stellen Sie sicher, dass es nicht direkt eingesteckt ist, dass diese Schichten nicht direkt in das x-Blatt eingesteckt werden. Nur der FX muss eingesteckt werden. Und jetzt, wenn wir es mit der Vorschau I hier oben rendern, können Sie sehen, dass die Maske nur diesen Teil hier enthüllt. Und wenndie Masse weiter wächst, die Masse weiter wächst, tut sie unseren Handschrifteffekt und wir können spielen, um sie in Aktion zu sehen. Okay, wir werden dasselbe mit all den anderen Buchstaben machen und sicherstellen, dass wir mit dem Abstand herumspielen. Fangen Sie wirklich mit kleinen Abständen , werden Sie dann größer, vielleicht etwas langsamer in scharfen Kurven. Ja, das ist eine ausgezeichnete Übung, um mit etwas Abstand zu spielen und um zu sehen, was passiert, wenn Sie Abstände nahe beieinander eingerichtet haben und Abstand gesetzt sind weiter auseinander. Und jetzt haben wir unsere Effekt-Setup so. Sie können immer spielen und testen, ob das letztere, das Sie gerade erstellt haben, so aussieht, wie Sie es wollen, bevor Sie fortfahren. Oh, und noch eine wichtige Sache, die meisten Handschriftbewegungen beginnen von oben nach unten zu kommen, gehen nach rechts. Wenn wir es zu 100 Prozent genau nehmen würden, hätten wir wahrscheinlich unser p.sit anders anfangen sollen, nicht mit diesem Schlag hier, aber wir hätten es stattdessen wahrscheinlich so schreiben sollen. Das ist eine weitere Überlegung, die Sie im Hinterkopf behalten müssen. Also beginnt das a wahrscheinlich so, das sind so. Ich denke, das ist klar. D beginnt wahrscheinlich auch hier. Also ja, Sie können sich auch auszahlen, um ein wenig darüber nachzudenken wo diese Briefe ich eigentlich beginne und was sich am natürlichsten anfühlen würde. Ich denke, ich mag das P so, wie es ist, weil es von der Mitte kommt, die sich nach außen ausdehnt. So können Sie diese Regel brechen, wenn Sie einen Grund haben, wenn Sie sich so fühlen, fühlt sich das schöner an. Aber oft macht es Sinn, im Auge zu behalten, was ist der realistische Weg? Wie würde dieser Brief realistisch geschrieben werden? Vielleicht versuchen Sie es selbst und sehen Sie es. Also ja, ich werde das jetzt tun und das in einem Zeitraffer beschleunigen. Also, wenn du willst, kannst du rumbleiben und ein bisschen sehen, wie ich meine Abstände erstelle. Oder Sie springen zum nächsten Element und beginnen, diese Animation zu erstellen. Ok. 11. Das Logo animieren – Skalieren von den Schalen: Als nächstes animieren wir das eigentliche Symbol und wie alles da oben zusammenkommt. Zuerst müssen wir all diese Sachen dorthin ziehen, wo es tatsächlich benötigt wird, beginnend irgendwo, bevor der Text kommt, wird alles später ändern müssen, um auch mit dem Übergang zu arbeiten. Aber was wir das tun werden, nachdem wir die Animation des ICANN-Finishs haben, lassen Sie uns darüber nachdenken, was zuerst erscheint, und es wird wahrscheinlich der Hintergrund hier sein. Und wir wollten von der Mitte aus auftauchen. Und um das zu tun, müssen wir immer noch den Mittelpunkt ändern, wenn wir das NIMH-Werkzeug hier oben verwenden und wir den Skalierungsmodus verwenden, können wir sehen, dass es in Richtung des Punktes hier unten skaliert wird. Eigentlich sieht das nicht so schlimm aus. Ich mag es irgendwie auch. Aber lasst es uns von der Mitte beginnen. Und um das zu tun, müssen wir diesen Ursprungsmittelpunkt ändern. Und wir tun dies, indem wir die Eigenschaft des Bildwerkzeugs in zentrieren ändern. Jetzt können wir es aufheben und hierher schieben, vielleicht so. Jetzt können wir etwas Belichtung setzen und die eigentliche Animation machen. Wieder einmal kennen wir die Endposition. Also lasst uns einfach einen Keyframe hier setzen. Nun, wir schätzen unsere Endposition könnte sein und treffen Z, damit der Computer die vollständig skalierte Box im Auge behalten kann. Nun, lasst uns all die anderen Dinge loswerden. Das ist nur schalten Sie die Sichtbarkeit für den Text für jetzt, so dass wir voll und ganz auf das Logo-Symbol hier oben konzentrieren können . Wenn die Endposition eingestellt ist, müssen wir nur die Anfangsposition senden. Dafür müssen wir Werkzeug im Skalierungsmodus animieren, verkleinern Sie unsere Box auf 0. Wir können sogar den Wert hier oben eingeben, um sicherzustellen, dass nichts sichtbar ist. Jetzt, wenn wir es spielen, sehen wir, dass sich die Kiste öffnet. Wir könnten alles, was in den Funktionseditor geht, etwas mehr erleichtern, indem die Ebene finden, die Spalte 6 ist, und in den Kurven-Editor gehen, könnten Sie die Kurve superstark machen. Überprüfe, wie das aussieht. Das ist nicht schlimm. Und hier ist noch eine Sache, die wir tun können. Wir kopieren den End-Keyframe. Dies ist die Endposition. Denken Sie daran, wo wir anfangs wollen, dass diese ganze Animation sich niederlässt. Kopiere es ein wenig später. Vielleicht so. Und jetzt modifizieren wir diesen Rahmen, der früher die Endposition war, um ein Überschuss zu sein, was bedeutet, dass die Box zuerst ein wenig bricht und sich dann niederlässt. Das ist nach dem Erscheinen etwas zu abgehackt, aber das liegt daran, dass wir die Kurve so stark eingestellt haben und oh ja, ich meine, hier passiert etwas sehr Seltsames. Warum ist das nicht Speed in, Speed out. - Ja. Das ist mehr, was ich erwartet habe. Lassen Sie uns also die Kurven ein wenig anpassen, bis unsere Animation überall schöne und glatte Spitzen hat. So etwas wie das. Und mal sehen, wie das aussieht. Aber das Timing ist nicht ganz richtig. Vielleicht sollte das schon früh erscheinen. Wir können für nur die Hälfte dieser Ebene im Funktionseditor aktiviert und alles andere ausgeschaltet. Ja, sieht so aus. Wir haben nur Spalte 6 aktiviert. Dann können wir diese zusammenfassenden Punkte hier oben greifen, um die Animation zu bewegen. Ja, das ist nett. 12. Das Logo animieren – Schiebe: Als nächstes kommt der kleine Teller von rechts rein. Später werden wir dieses blaue Quadrat als Maske haben, so dass keines unserer Kaffee-Icon-Logoelemente außerhalb dieser blauen Box sichtbar sind. Aber im Moment werden wir einfach alles animieren, ohne unsere Elemente zu maskieren. Und Sie wissen, noch einmal, eine Belichtung im End-Frame eingestellt. Das sollte nicht zu lang sein, so etwas. Legen Sie einen Keyframe fest. Und für den ersten Keyframe verschieben wir die Untertasse aus dem Bildschirm oder aus dieser Box. So dass später, wenn diese Box eine Maske ist, es nicht erscheint. Für die Wiederverwendung des Feindwerkzeugs im Positionsmodus könnten wir den Mittelpunkt neu positionieren, um hier und die Mitte der Untertasse zu sein. Aber wir werden nichts tun, was tatsächlich den Mittelpunkt braucht, um dort zu sein. Ich denke, ich mag es, dass die Dinge nett und ordentlich sind. Und eine der Dinge ist, Mittelpunkte in Richtung der Mitte des Objekts oder der Unterseite zu setzen , je nachdem, was Sie animieren möchten. Also verschieben wir das aus dem Bildschirm, und jetzt wäre es nicht sichtbar, wenn wir die Box als Maske für die Animation hier verwenden , möchte ich eine andere Art von Kurve ausprobieren. Zuallererst müssen wir sicherstellen, dass wir die richtige Ebene auswählen. Dies ist Schicht Spalte 7. Finden Sie die Spalte Sieben, welche der Spalte 6. Und jetzt kann es etwas Spaß mit den Kurven hier haben. Ich mag die Enden, um wirklich weich zu sein, also ziehe ich das heraus, so dass dies noch langsamer und langsamer wird , wenn es das Ende erreicht. Und hier wollen wir nicht, dass die Bewegung sanft beginnt, aber wir wollen, dass die Untertasse in voller Geschwindigkeit in den Rahmen kommt. Ja, wundervoll. 13. Das Logo animieren – Tasse fallen und -tippen: Als nächstes kommt der Becher runter. Das ist ein bisschen verwirrend, weil wir jetzt unsere Schichtreihenfolge verlassen. All diese Dinge, die später kommen, das Stroh und die Orangenscheibe, sie müssen hinter dem Becher sein. Aber die Tasse ist das nächste Element, das wir an der Stelle animieren , wo die Untertasse fast still steht, was uns bereits etwas Belichtung gibt. Und wieder, den Endrahmen im Auge zu behalten. Also für die Tasse möchte ich etwas Interessantes ausprobieren und lassen Sie uns die Untertasse ausschalten, damit ich Ihnen sagen kann, zeigen Sie ein bisschen deutlicher, was ich mit dem animierten Werkzeug im Mittelmodus versuchen möchte, ich möchte den Mittelpunkt ändern und ich nicht wollen, dass es in der Mitte ist. Das wäre eine klassische Mittelpunkt- oder Abwärtsschere, beide sehr gut gültige Mittelpunkte. Ich möchte es in einer der Ecken ausprobieren, damit ich, wenn ich den Rotationsmodus benutze, wie ein bisschen einen Tipp in diese Richtung haben kann. Und ich denke, es würde uns einen netten kleinen Überschuss geben, sobald der Becher den Boden trifft, ich möchte, dass er reflektiert wird und dann zum Stillstand kommt. Also kommt es runter, springt hoch. Was ist das für eine Seite? Und dann kommt wieder runter. Weißt du, was wäre wirklich cool? Wir könnten auch animieren wie eine Flüssigkeit, die hier draußen spritzt. Aber ich denke, das ist etwas für einen anderen Tag. Wenn der Rotationspunkt auf diese Weise eingerichtet ist, denken wir nun an diese Animation rückwärts. Dies ist also der Beitrag, in dem es sich niederlassen wird, bevor es in diese Richtung gesprungen ist. Und bevor es in diese Richtung sprang, traf es auf den Boden. Hier können wir tatsächlich den Rotationsvektor 0 hier oben setzen, um sicherzustellen, dass es ist, hat wirklich keine Rotation angewendet. Und dann mussten wir nach oben gehen. Nun, wenn wir diesen Becher jetzt bewegen, werden Sie sehen, dass etwas Interessantes passiert. Wir haben hier einen Keyframe, aber dieser Keyframe wurde nur für die Drehung festgelegt. bedeutet, dass die Tasse während der gesamten Animation herunterkommt. Denn hier und hier legen wir nur Dreh-Keyframes fest, indem wir das feindliche Werkzeug verwenden und den Becher drehen. Sie können sehen, dass wir im Funktionseditor die falsche Spalte aktiviert haben. Welches ist es eine Spalte 10. Also lassen Sie uns das ausschalten, Spalte 10. Und hier können wir etwas Interessantes sehen. Dies ist also die Endposition, die wir mit der Tastenkombination Z erstellt haben. Dies beachtet alle Elemente. Das sind die Rotationen und das macht auch Sinn. Weißt du, die Rotation beginnt, nachdem sie auf den Boden trifft. Es dreht sich nach oben und dann geht es zurück zu 0. Die Sache, die hier nicht ganz richtig ist, ist, dass die Y-Positionsanimation über die gesamte Rotationsphase hinausgeht. Was wir stattdessen wollen, ist, dass der Becher bereits auf 0 runter kommt , wo der ganze Sprung durch die Rotation passiert. Also kopieren wir diesen Rahmen, diesen Keyframe, wir können das auswählen und kopieren und hier eingefügt. Jetzt können Sie sehen, dass der Becher herunterkommt und dann macht die Rotation chump. Das Timing ist immer noch extrem durcheinander. Es ist viel zu schnell hier, aber wir können das beheben, indem wir einfach die Tasten hier verschieben. Jetzt möchte ich versuchen, die Rotation nach oben zu haben. Und vielleicht ist das zu lang. Lassen Sie die Drehung nach oben ziemlich kurz sein, und die Drehung nach unten könnte ein wenig länger sein. Mal sehen, ob das richtig aussieht. Ja. Im Moment sieht es überhaupt nicht richtig aus, aber das liegt an den Animationskurven. Nun, wenn Sie zuvor einen hüpfenden Ball animiert haben, was eine sehr wichtige Übung ist, wenn Sie animieren, dann wissen Sie, dass diese Art von Weichheit nicht immer das Richtige ist, wenn wir Zwiebelhaut einschalten. Sie können sehen, dass, wenn der Becher gegen Ende kommt, der Abstand kleiner wird, was bedeutet, dass unser Becher langsamer wird, bevor er auf den Boden trifft. Aber das ist normalerweise nicht, wie die Dinge passieren. Normalerweise, wenn Ihr lateinisches Objekt geht, wird es einfach schneller und schneller. Und an dem Punkt, wo es am schnellsten ist, trifft es normalerweise auf den Boden. Der Abstand, bevor er auf den Boden trifft, muss also der größte sein. Wie sieht es in der Kurve aus? Wir müssen zuerst sicherstellen, dass wir auf der Schicht des Bechers sind, was ich denke, wir schon wo und hier können wir das Problem sehen. Jetzt sollte der Herbst weich beginnen. Unsere gefangenen fallen schneller und schneller. Aber der Aufprall vor dem Aufprall sollte es nicht, es sollte nicht wieder langsamer werden, also wollen wir hier nicht die weiche Kurve. Was wir stattdessen wollen, ist, dass wir in die Endposition stürzen wollten. Das ist das, was wir wollen. Sehen Sie diesen riesigen Abstand hier am Ende. Das ist die Art von Sturz, die wir wollen. Nun ist die Sache mit dem Aufprall ist, dass die Energie des Aufpralls, dieser riesige Abstand wird zurück in die Tasse reflektiert, was bedeutet, dass und jetzt müssen wir Kurven wechseln. Dies war die Höhenkurve, die nach unten kam, und jetzt wird die Energie in einem Augenblick in Rotationsenergie umgewandelt. Also müssen wir die Fledermäuse nach oben bewegen. So springt es sofort mit einem ziemlich großen Abstand in die Position nach oben, diesen Gipfel hier oben können wir sehr weich machen. Und dann wieder, um runter zu kommen. Das ist irgendwie auch wie der Fall, aber wir verwenden Rotation, um eine weitere Balance fallen zu schaffen. Das ist also der Höhepunkt. Und jetzt kommt es herunter und wird schneller und schneller und nicht langsamer. So sieht es aus. Und da kommt es zum Stillstand. Wenn Sie ein Problem damit haben, Kurven in einer solchen V-Form nicht erstellen zu können. Dies könnte daran liegen, dass Sie hier einen anderen Keyframe haben. Lass uns das schnell machen. Lassen Sie uns noch ein paar Keyframes setzen. Interessant. Okay, die Tangenten sind bereits gebrochen. Nun, die Sache, die ich Ihnen in dem Problem zeigen wollte, auf das Sie stoßen könnten, ist wie folgt. hättest du vielleicht. Das ist der Sturz von der Tasse. Wir wollen sicherstellen, dass der Becher in voller Geschwindigkeit in den Boden geht. Also heben wir das hoch und du siehst, was passiert. Die Kurve geht hier in den Boden. Das wollen wir nicht. Dies würde dazu führen, dass die Tasse durch den Boden gehen und dann irgendwie wieder App kommen. Das ist seltsam, das ist nicht das, was wir wollen, und das liegt daran, dass die Seiten der Spannungen derzeit miteinander verknüpft sind, und es gibt zwei Möglichkeiten, damit umzugehen. Wir können entweder mit der rechten Maustaste aufheben Griffe, und jetzt werden sie unabhängig voneinander verschoben. Wir können sicherstellen, dass dies so nahe wie möglich an 0 ist. Oder wenn wir sicherstellen wollen, dass sich nichts bewegt, nachdem der Becher den Boden auf der Y-Achse auf den Positionsdaten erreicht hat. Hier können wir den Interpolationstyp t dieses Teils der Kurve ändern , indem Sie mit der rechten Maustaste darauf klicken, um ihn auf lineare Interpolation zu setzen. Es gibt keine Tangente mehr. Lineare Interpolation hat keine Tangente. Es geht immer in einer geraden Linie zum Keyframe. Wir wissen also, dass dies eine gerade Linie ist, dass es keine Bewegung in der y-Position gibt. Nachdem der Becher runterkam. Wir haben das Spiel noch nicht gedrückt, oder? Mal sehen, ob das Timing richtig ist. Oh, das ist sehr nett. Kannst du die Wirkung spüren? Kannst du den Boden spüren? Das gefällt mir wirklich. Ich wirklich, das ist nett. Wir sind, als ob es nicht einmal eine Tabelle in diesem Hintergrund, aber Sie können wirklich fühlen, spüren Sie die Auswirkungen. Das ist also die Magie, den Kurven-Editor dort sofort zu bearbeiten. Ja, das ist also ziemlich nett. Sehen wir es mit aktivierter Untertasse an. Ist das nicht nett? 14. Das Logo animieren – -: Wir wollen uns jetzt um die Orangenscheibe kümmern. Also ziehen wir es rüber. Da gehen wir, Hat das zum Stillstand kommt. Diese Animation konnte bereits gestartet werden. Wir könnten bald aus dem Rahmen laufen, aber wir werden uns darum kümmern, wenn wir da sind. Wieder kennen wir die Endposition, sicher, die Endposition dort. Wir können diesen Mittelpunkt wieder ändern, wenn wir einmal zentrieren, um etwas in der Mitte zu sein. Aber es ist auch nicht wirklich wichtig, weil ich nur das Positionswerkzeug verwenden werde, um es außerhalb der Box zu verschieben, die die Animation maskieren wird. Hier. Wir könnten tatsächlich eine ISS auf dem Weg nach unten haben. Weißt du, es ist irgendwie, es ist die Schwerkraft könnte dazu führen, dass es herunterkommt. Aber der Akt eines Keilens der Zitronenscheibe in den Rand der Tasse könnte, es könnte einige Widerstand dort sein, und wir könnten rechtfertigen, dass die Zitronenscheibe drastisch verlangsamt wird in dem Moment, in dem es mit der Tasse auswirken kann. Also, was wir tun werden, machen wir hier einen Keyframe. In dem Moment, in dem wir die Wirkung haben, haben wir Z. getroffen und lassen Sie uns das ein wenig mehr rausschieben. Also, wenn wir uns unsere Kurven ansehen , gehen wir wieder in den Funktionseditor, das ist Spalte acht, um zu finden, dass in der Funktion, die Umleitung Spalte 10 deaktivieren. Los geht's. Was wir hier tun könnten, ist, dass wir mit dem klassischen Herbst beginnen könnten. Das ist eine Art von der fallenden Animation. Und dann hier in dem Moment, in dem es Aufprall mit der Felge macht, langsamste deutlich. Und es ist nur eingeklemmt. Als hätte ich fast das Gefühl, dass die Juden so mögen, als würde es der Schall machen, wenn er da reingequetscht wird. 15. Das Logo animieren – straw: Natürlich haben wir auch den Strohhalm runter. Und wieder, wie viel von rückwärts animieren heute, diese Art, irgendwie interessant, weil Sie wissen, für Logos, sie haben die Endposition dort. Du willst in dieser letzten Pose enden. Und gehorchen ist ein bisschen Spaß, Ihren Weg rückwärts zu arbeiten, aber es kann am Anfang verwirrend sein. Wenn Sie also ein Problem damit haben, können Sie Ihre Animation vom Startpunkt aus animieren. Sie müssen es nicht rückwärts animieren. Sie müssen nur sicherstellen, dass Sie am Ende, wenn alles zum Stillstand kommt, einen zusätzlichen Scheck vornehmen müssen. Wenn Sie wirklich die, die Position, wo alles sein muss. Also wieder, wir setzen einen Keyframe für das Ende. Und weißt du was, ich will etwas Ähnliches machen, wie wir es mit dem Becher gemacht haben. Lasst uns hier unten einen Rotationspunkt haben. Weißt du was? Lassen Sie uns das tatsächlich animieren. Von oben kommend. Es wird eine Interpolation geben, die Sie ignorieren müssen. Ich werde versuchen, einfach in die Timeline zu klicken, anstatt durch sie zu scrubben, weil wir einige gebrochene Animation auf dem Weg sehen, bis wir, wir haben alle Keyframes gesetzt, es wird falsch aussehen. Also lassen Sie sich das nicht verwirren, wenn Sie spielen. Wir lassen das hier vorerst. Weißt du, Timing ist auch eine Sache, mit der wir uns beschäftigen. Schließlich müssen wir sicherstellen, dass die Posen, die wir sagten, zuerst richtig sind. Also, dass der letzte Beitrag wir haben, würde diese erste Pose nach oben gedreht werden und den ganzen Weg an der Spitze dort. Nun, die zweite Position, die wir tun wollen, ist das Strohhalm immer noch drehen, aber es ist jetzt in der Tasse. Und eine gute Sache zu tun, guter Ort, dies zu tun, ist in diesem Funktionseditor, welche Schicht ist diese Spalte neun. Dies sind die Positionsdaten und dies sind die Rotationsdaten. Wir möchten, dass die Rotationsdaten immer noch identisch sind. Nehmen wir an, wir bauen hier unseren neuen Keyframe. Wir kopieren nur die gleichen Rotationsdaten hier. Und wir kopieren die Position nicht von hier, sondern von hier. Weil es bereits die Position innerhalb der Tasse erreicht hat. Oh, das sollte einer da drüben sein. Die erste Position ist hier oben, zweite Position ist hier unten. Und die dritte Position, die wir derzeit haben, ist der Strohhalm. Lehne dich nach vorne. Das sieht vielleicht schon gut aus. Das ist okay. Timing ist nicht ganz richtig. Das könnte also schon fast funktionieren. Würde sicherstellen müssen, wissen Sie, wegen der Schwerkraft, müssen wir vielleicht sicherstellen, dass der Strabismus verlangsamt bla, bla, bla. Aber ich will etwas anderes mit dir versuchen. Also will ich, dass der Strohhalm runterkommt und dann gegen den Becher prallt. Als ob es runter kommt, auf die Tasse trifft, die ein bisschen hoch und wieder auf die Tasse trifft, äh, irgendwie wie beim Doppeltippen Sattel. Das fällt um, wird reflektiert, kommt zurück. Das erste, was wir brauchen, um Arbeit zu machen, und wir wissen bereits, wie man es zum Laufen bringt, ist der Sturz des Strohhalms. Und das passiert rein in den Positionsdaten, zumindest vorerst. Das ist die Y-Achse, die nach unten kommt und wir wissen schon, wie das aussehen soll. Wir müssen unseren langsamen Beginn des Sturzes haben , und dann muss er in voller Geschwindigkeit in den Boden gehen. wir sicher, dass dieser letzte Abstand nicht zu groß ist. Und das kann eigentlich auch ein Hinweis sein, wie, hey, wenn wir diesen großen Abstand hier haben, könnte unsere Bewegung zu schnell sein. So können wir es ein wenig langsamer machen, indem wir alle unsere Keyframes herausziehen. Und wir können das tun, indem Sie auf, Umschalttaste , klicken, alle Keyframes auswählen, und dann klicken und ziehen und verschieben Sie es zwei Frames über. Und jetzt meine ich, der letzte Abstand ist immer noch ziemlich groß. Vielleicht so. Diesmal wird die Energie nicht abgelenkt. Es ist, alles wird sofort aus dem Strohhalm genommen. Aber es gibt noch Platz für den Beginn des Herbstes, nämlich seitlich. Und das machen wir mit der Rotation. Wir machen im Grunde einen weiteren Fall hier, wo wir die Leichtigkeit oben haben, wo die Schwerkraft tritt in verursacht, dass sie seitwärts fällt. Und dann haben wir einen Einfluss. Oh, wir können den Tangentialgriff nicht bewegen. Es liegt daran, dass diese Tangenten, aus welchem Grund auch immer, auf linear eingestellt sind. Wahrscheinlich, weil wir früher irgendwo linear verwenden. Wir müssen diese Interpolationsmethode ändern, indem rechten Maustaste klicken und in Geschwindigkeit in Geschwindigkeit aus wechseln. Dasselbe hier drüben. Und jetzt können wir diese Tangente bewegen. Ja, das ist viel besser. Und dieses Mal haben wir eine Ablenkungsbewegung. Es dreht sich gegen den Rand des Bechers. Und da ist es, diese Bewegung wird reflektiert und der Strohhalm springt zurück in die andere Richtung. Um dies in der Kurve richtig zu tun, müssen wir die Tangentialgriffe wieder aufheben und diese V-Form hier erstellen. Das ist richtig. Wir müssen eine weitere Verlangsamung haben, da sie an die Spitze der Rotation zurückkehrt, ob sie langsam rotiert, langsam rotiert und langsam rotiert und zurück zu dem, was die Felge ist. Ohne zu verlangsamen. Jetzt ist das Timing wahrscheinlich noch aus, aber wenn wir spielen, tut es eigentlich ziemlich gut. Ja, Sie können sehen, dass die Kurve, es fühlt sich wirklich so an, als ob sie hier in etwas knallt und reflektiert wird und dann zurückkommt und einfach sofort gestoppt wird, weil die Schritte so leicht sind, das ist eine sehr schöne, Es ist ein bisschen schnell. Also sollten wir wahrscheinlich nur ein paar Frames hinzufügen. Vielleicht nur zu, vielleicht zwei ist schon genug. Manchmal können nur zwei Frames einen großen Unterschied machen. Ja, das könnte es sein. Erstens, Lassen Sie uns etwas mehr Belichtung auf machen unsere Animation ein wenig länger, so haben wir einige Zeit, um es wirklich so größer zu sehen. Machen Sie das alles mit unserem aktuellen Ende. Und wir sollten auch den Becher wieder einschalten. Und jetzt können wir sehen, wie die ICANN animiert ist. Ist das nicht süß? Wirklich nett? 16. Maskieren von mehreren Schichten: Jetzt müssen wir die Maske machen und die Maskierung funktioniert so, dass wir die Objekte nicht sehen , bevor sie in den blauen Bereich gelangen. Dafür brauchen wir noch einmal, die schematische Ansicht ist auf die FX Wenigen hier umgestiegen. Und dort müssen wir das Quadrat finden, das ist dieses. Und noch einmal brauchen wir eine Matte. In der Tat wirkt sich die Rechtsklick auf Matt, Matt in aus. Aber dieses Mal haben wir mehrere Quellen. Wir haben die Tasse, die abgeschnitten werden soll, und wir haben die Untertasse. Aber wie Sie sehen können, kann ich nicht mehrere in die gleiche fx setzen. Wir müssen die Tasse, die Untertasse, das Stroh, die Zitronen- oder Orangenscheibe zu einer Gruppe gruppieren, die zusammen im Quellsteckplatz des Met in verarbeitet werden kann . Und wir tun das, indem wir durch Hinzufügen von Ebenenblending eine neue Effekte erstellen, müssen wir eine bestimmte Art von Ebenenmischung finden, die immer und immer wieder aufgerufen wird, setzt das Zeug einfach übereinander. Lasst uns zuerst die Untertasse setzen. Lasst uns diese Linie loswerden. Dann die Tasse, dann die Zitronenscheibe oder Orangenscheibe, und dann das Stroh. Jetzt können wir all dies in die Quelle stecken und das Quadrat als Matte verwenden. Stecken Sie es aber auch in das x-Blatt, weil wir immer noch wollen, dass es gerendert wird. Klicken wir auf den Vorschau-Button. Oh, wir haben das FX-Modul nicht in das sie besser gezogen. Wir können sehen, dass es abgeschnitten wird. Und ja, das ist wunderbar. Oh wow, das dauert eine lange Zeit, um jetzt zu rendern, aber es tut, was es tun soll. Es schneidet die Elemente ab, wenn sie in das blaue Quadrat kommen. Wenn der Vorschaumodus aktiviert ist, gehen wir zum Anfang der Animation und drücken Sie Start, und das sollte es auslösen, um alle Frames zu rendern , damit wir eine tatsächliche Vorschau unserer Animation haben können. Übrigens, der Grund, warum wir die Schriftart immer noch sehen ist, dass wir nur die Layer hier in dieser Spalte ausgeschaltet haben, die wir nicht im Ansichtsfenster, im Echtzeit-Ansichtsfenster sehen . Aber weil das Auge noch aktiviert ist, sehen wir sie im Rendering. Aber ja, der Teil, den ich sehen wollte, die animierte Ikone sieht wirklich gut aus. Alles, was noch zu tun ist, ist, alles zusammen mit dem Übergang zu setzen. Stellt sicher, dass alles in der richtigen Reihenfolge erscheint. Und dann machen wir eine kurze Animation, um das Logo auf dem Übergang loszuwerden. Und dann sind wir fertig mit unserer kleinen Logo-Animation. Also lasst es uns in das nächste Video einpacken. 17. Endgültiges Timing: Bisher haben wir uns auf jedes Element individuell konzentriert, und jetzt lassen Sie es alles zusammen funktionieren. Es gibt etwas sehr Schönes und Interessantes an den Geschehnissen. Nicht einer nach dem anderen. Aber, weißt du, ein bisschen gestapelt. Es muss etwas von einer Sache nach der anderen erscheinen, aber wir können es ein wenig ineinandergreifen. Und auch wir müssen die Aufmerksamkeit lenken. Vielleicht möchten wir, dass das Symbol zuerst auftaucht und sich selbst aufbaut. Und dann, nachdem all das erledigt ist, als nächsten Schritt, wollen wir vielleicht den Text machen, der hereinkommt. So lenken wir die Aufmerksamkeit vom Icon hier oben auf einen Text. Das wird eine mögliche Lösung dafür sein. Sie könnten auch das Textformular haben und das löst irgendwie das Symbol aus. Es gibt viele verschiedene Möglichkeiten, dies zu tun, und es ist ein Teil des Spaßes, verschiedene Dinge auszuprobieren und zu sehen, was funktioniert. Also, um dies mit all diesen vielen Elementen überschaubar zu machen, Lassen Sie uns einfach alle Dinge zuerst deaktivieren. Oh, ich bin im Vorschaumodus. Deshalb sehe ich alles, was immer noch den Aktivator hat, der das ausmacht. Und jetzt haben wir ein leeres Ansichtsfenster. Konzentrieren wir uns auf das Element, mit dem wir begonnen haben, den Wipe-Übergang. Dies sollte also hier am Anfang der Animation sein. Sie zunächst sicher, dass der Offset aller korrekt ist. Und eine Möglichkeit, dies zu tun, ist das Klicken und Ziehen und Messen von Entfernungen. Hier, was wir ausgewählt haben, wird es uns sagen, wie lange unsere Auswahl ist. In diesem Fall haben wir vier Frames ausgewählt und in diesem Jahr sollten auch vier Frames sein. Wunderbar. Lassen Sie uns nun die Dauer des Wippens überprüfen. Dies ist für den braunen , der ganz unten ist. Mal sehen, wie viele Frames man nimmt. Das sind also 19 Frames. Lassen Sie uns das gelbe Tuch überprüfen, wenn wir können. Das sind 19 Frames. Und das sind 19 Frames. Wunderbar. Also haben sie alle die gleiche Länge. Das ist alles, wie es sein sollte. Jetzt müssen wir den Übergang aus dem Weg schieben denn offensichtlich, nachdem der grüne Hintergrund erschienen ist, wollen wir nun die Logo-Animation stattfinden. Also müssen wir das nur schieben, all das bis zu einem späteren Zeitpunkt weg. Es ist relativ einfach, die Zeichnungen aus dem Weg zu schieben. Wir können diesen Teil einfach hier in der Mitte auswählen und mit diesem grauen Griff alle Zeichnungen weiter schieben. Aber das wird nicht unsere Keyframes drücken. Also müssen wir das separat machen. Schieben Sie das alles aus dem Weg. Und die Keyframes können wir klicken, um eine halten Shift zu wählen, klicken Sie auf die eine hier unten. Und jetzt haben wir alle diese Keyframes ausgewählt. Und wir können sie weit, weit weg schieben und später mit diesem Teil der Animation umgehen. Nun, nach dem WIP, wollen wir, dass unsere Animation mit dem Symbol und der Symbolanimation beginnt. Also lasst uns das alles auf eine, wieder, die Tasse, all das. Und das könnte tatsächlich in einer ziemlich guten Position sein. Es könnte sogar ein bisschen früher anfangen. Wie Sie vielleicht schon bemerkt haben, ist das gleichzeitige Verschieben von Keyframes und Zeichnungen ein wenig ärgerlich und offene Melodien, da es sehr schwer ist, beides gleichzeitig auszuwählen. Es ist sehr schwer, beide gleichzeitig zu bewegen. Und ehrlich gesagt, ich denke, das ist viel einfacher und andere Animationssoftware. Also hier ist, was ich am Ende gefunden habe, um zu arbeiten, okay, ist, indem Sie Control gedrückt halten und auf den grauen Griff klicken, können Sie sowohl die Zeichnung mit der vollen Belichtung als auch alle Keyframes auswählen , die darin sind. Und dann kannst du das bewegen. Oder wenn Sie nur eine Auswahl wünschen, können Sie die Strg-Taste gedrückt halten, bevor Sie auf klicken. Klicken Sie nun auf und wählen Sie ein Teil aus, und verschieben Sie es dann, indem Sie es dort oben greifen. Oh mein Gott, das ist so verwirrend. Aber ja, jetzt können wir es einzeln bewegen, zumindest nach außen. Wir können es nicht nach innen verschieben, weil es Zeichnungen gibt, die die Position bereits blockieren. Also ich weiß nicht, das ist durch ein es ist Kontrolle. Klicken Sie, um es auszuwählen, und deaktivieren Sie die Steuerung. Jetzt können wir es vorwärts bewegen. Steuerelement klicken, um auszuwählen. Hände von der Steuerungstaste. Und jetzt kann ich das bewegen. Fangen Sie früher an. Vielleicht sollte das noch früher anfangen. Denken Sie daran, dass wir die Tasse nicht sehen, da sie derzeit außerhalb des blauen Balkens ist. Und der Inhalt kann bereits bis zum ersten der orangefarbenen Scheibe angezeigt werden. Ein Troll wählen. Ja, da gehen wir. Zum Beispiel wählt das orangefarbene Segment es aus, zieht es heraus. Los geht's. Jetzt ist alles hier, gehört zum Symbol. Als nächstes müssen wir darüber nachdenken, wann wir wollen, dass der Text erscheint, ein Stock Ich möchte, dass er erscheint oder beginnt zu erscheinen direkt nachdem der Stroh gesprungen ist, weil jetzt alles, was zum Logo gehört hier ist und wir können anfangen, die Aufmerksamkeit zu verschieben nach unten. Schalten Sie also die Ebene ein, die in die Maske kommen würde. Sie können die Maskenebene verschieben. Eine Säure ist auf halbem Weg. Die Handschrift kann beginnen. Das ist also die Schriftart und das ist die Maske, die sie enthüllt. Hier beginnend. Vielleicht möchten wir die Maske und sichtbar halten. Nun, wählen wir all dies aus. Drücken Sie die Löschtaste, damit die Belichtung gleich ist. Wir können es einfach verschieben, um sichtbar schön und lang zu sein. Und dann müssen wir darüber nachdenken, wann wir wollen, dass die Dinge verschwinden. Also geht die Handschrift noch weiter. Bis zu diesem Punkt. Wir wollen definitiv nicht, dass der Wipe-Übergang hier bereits beginnt. Wir wollen nur, dass das passiert, nachdem die Handschrift erledigt ist oder was auch immer Exit-Animation wir tun. Also, nachdem die hohe Handschrift fertig ist, brauchen wir weitere 10 oder 20 Frames, um sicherzustellen, dass alles gesehen wird, solange es noch ist. Und dann müssen wir darüber nachdenken, wie wir alles für einen schönen Übergang loswerden. Also hier am Ende der Emotion Stunde Kontrolle. Also, hier am Ende der Bewegung, mal sehen, ob unsere Auswahltechnik funktioniert. Wir halten die Kontrolle. Klicken Sie hier irgendwo, um das Rack zu öffnen, stellen Sie sicher, dass wir alles ausgewählt haben. Und jetzt klicken wir, ohne Control zu halten, klicken Sie hier und verschieben Sie diese aus. Hier erscheint ein kleines Loch, aber das ist in Ordnung. Wir können das reparieren. Lassen Sie uns das also dort setzen, wo wir denken, dass der Übergang beginnen wird. Vielleicht ein bisschen früher. Vielleicht nicht, vielleicht hier. Während wir hinzugefügt werden, können wir auch sicherstellen, dass dies 19 Frames ist. Denken Sie daran, dies im Übergang dauerte 19 Frames. Wir können überprüfen, ob dies auch für den Übergang zutrifft , indem wir einfach eine Auswahl darüber ziehen. Und fair genug, es sind 23 Frames. Es ist zu viele. Also hier haben wir unsere 19 Rahmen, um diese große Lücke hier von der Form zu füllen , die verschwunden ist. Es wird von grün nach gelb, weil es dieses Loch in den Zeichnungen gibt. Wir können hier bis zu diesem Punkt gehen und diesen Knopf drücken, leere Zellen ausfüllen, und jetzt füllte es den ganzen Weg bis dorthin. In Ordnung, eine weitere Auswahl hält das Steuerelement ziehen. Und jetzt, ohne die Kontrolle hierher zu ziehen, um es herauszuziehen. Und da brauchen wir einen Vier-Frame-Offset, 1, 2, 3, 4. Dann stellen wir sicher, dass dies 19 Frames lang ist, nicht. Jetzt können wir diesen Offset hier verwenden, vier Frames. Das muss es sein. Sie müssen die Löcher ausfüllen. Sie sind da. Und nicht zuletzt 234. Dies sollte 19 Frames sein. Ja. Füllen Sie erneut einen leeren Rahmen aus. Da gehen wir. Im Echtzeit-View-Port sehen wir die Maske nicht. Also lassen Sie uns den Vorschaumodus einschalten und lassen Sie es durch diese rendern wird eine Weile dauern, besonders in dem Teil, wo wir so viele Masken haben. Und etwas stimmt immer noch nicht mit dem blauen Quadrat. Schauen wir uns an, was hier passiert. Oh, es taucht nicht auf, weil die Verbindung nicht hier ist. Sehen Sie, ob das funktioniert. Ja, das war eine einfache Lösung. Ok. Jetzt rendern wir es durch. Oh, Junge, natürlich wollen wir die Masken im Rendering nicht sehen. Oh, eigentlich tun wir das. Wir müssen das Auge einschalten, aber wir müssen sie auch von hier trennen. Also trage die Masken. Das ganze handgeschriebene Text-Zeug ist hier einfach kaputt. So komisch. Okay, hier geht die Textmaske in die Überschreitung, die sie sichtbar macht. Das sollte diese Bar hier sein. Wenn wir das entfernen, ja, sehen wir, dass die Maske noch aktiv ist, aber sie ist nicht sichtbar, weil sie nicht in das Blatt geht. Und dann haben wir hier diese Maske, die nur als Matte in die Matte in Wirkung des handgeschriebenen Textes gehen muss . Und jetzt ist alles wieder in Ordnung und wir müssen das Rendern wieder starten. Versuchen wir etwas mit der Handschrift, die zuerst beginnt, vielleicht auch früher. Lasst uns das alles nehmen. Stellen Sie sicher, dass es früher beginnt. Und der Café- und Bar-Teil beginnen später. Okay, also ist es ein Problem, Dinge in einen bereits exponierten Bereich zu verschieben. Also lasst uns einfach die Belichtung hier los werden. Und jetzt können wir es dorthin verschieben, wo wir wollen, indem wir die Kontrolle halten, während wir ausgewählt haben. Und sie halten weder Kontrolle noch gemeinsam. Ich klicke hier oben. Mein Gott. Ok. Also, diesen Anfang noch später zu haben, vielleicht hier. Lassen Sie uns das versuchen. Oh, was ist hier passiert? Wir haben hier auch ein Loch gemacht. Füllen Sie dort leere Frames aus. Okay, also lasst uns sehen, wie das aussieht. Nun, da wir alle diese Frames im Vorschaumodus gepuffert haben, Lassen Sie uns versuchen, den Moment auszufüllen, in dem der Logo-Inhalt verschwinden soll , bevor er in den äußeren Übergang geht. Und ich fühle mich, als wäre hier ein guter Moment richtig. Hier ist, wo das Logo beginnen sollte zu verschwinden. Und wir haben eine Sache früher geschaffen, diesen Haupt-Controller, den wir jetzt verwenden können, um alles auf einmal zu bewegen. Nehmen wir an, unsere Animation beginnt hier bei Frame a 151. Wir müssen nicht mal die Kontrolle sehen. Ich denke, wir können sowieso Keyframes festlegen. Ja. Also lassen Sie uns einfach einen Keyframe für alles an dieser Position 0 setzen. Und wir müssen auch sicherstellen, ob alle Dinge mit der Hauptspalte in diesem Schematic-Editor verbunden sind . Und sie sind nicht gerade jetzt nur dieses Scribble ist mit dem Haupt-Controller verbunden. Aber wir wollen, dass alles, was nicht Teil des Wippens ist , mit dem Haupt-Controller verbunden wird. Es ist also wichtig, in dieser schematischen Phase zu sein, schematisch, nicht in der FX-Schematik, die wir waren. Für alle Maskierungen wollen wir, dass die Untertasse da drin ist, die Tasse, das Strohhalm, quadratisch. All diesen Text und Maskierung. Ok? Und jetzt, wenn wir die Hauptebene bewegen, und es ist ein bisschen verwirrend, weil im Moment nichts drin ist. Aber wir können es immer noch mit dem animierten Werkzeug verschieben. Und wie Sie sehen können, wird sich alles bewegen. Oh, wir haben die Orangenscheibe vergessen. Versuchen wir, das schnell zu finden. Da ist es. Wie haben wir dich nicht gesehen? Da gehen wir. Ich denke, ich will ein bisschen Vorfreude machen, als ob es zuerst nach oben gehen könnte und dann unten ist, dass wir eine Vorfreude haben. Es könnte auch nach links und dann nach rechts gehen , weil alles nach rechts geht. Aber ich mag es, Zugriffe wie diese zu mischen. Wenn wir einen Antrag auf der linken Seite haben, möchte ich auch eine Bewegung nach oben und unten haben. Also lasst uns das zuerst versuchen. Dieses Mal animieren wir tatsächlich vorwärts Array. So beginnt es hier bei Frame ein 150 oder ein 151. Luft geht hoch, sagen wir eine 157. Sie halten Shift, also bleibt es auf dieser Achse und dann geht es außerhalb des Bildschirms nach unten. Ok? Jetzt ganz das richtige Timing, es kann noch länger sein und wir müssen die Animationskurven ändern. Wir müssen sicherstellen, dass wir die richtige Schicht haben. Wir haben den Layer-Namen. Haupt. Hier ist es im Funktionseditor. Wir sollten in der Lage sein zu sehen, ja, das ist die Kurve. Also wollen wir, dass das so etwas wie ein Sturz wird. Das muss also definitiv nach oben gehen. Wir können das hier am Anfang noch weicher machen. Mal sehen, wie das aussieht. Vielleicht müssen wir die Kurven noch mehr oder das Timing anpassen. Es könnte kürzer sein. Ich habe das Timing hier falsch eingeschätzt . Ok. Und jetzt können die WIP-Übergänge früher beginnen. Oh, Junge, wie, wie, wie sollen wir das machen? Jetzt? Lassen Sie uns einfach die Keyframes und die Belichtung separat verschieben. Du kannst noch früher anfangen. Ich denke, die WIP kann sogar fast berühren das Logo. Da. Hi, ja, lass uns das versuchen. Kann die Belichtung verringern. Wir müssen es nicht tun, da die Elemente sowieso außerhalb des Bildschirms sind. Aber nein, komm her und sieh mal, wie das aussieht. Dieser Übergang. Vielleicht sollte es es nicht so berühren. Das ist ein bisschen zu viel. Also lasst uns das alles über eins haben und ich werde das ganze für haben. Ja, das ist es, was ich mir vorgestellt habe. Okay, lassen Sie uns das im Vorschaumodus rendern. Und da haben wir es. Dies ist unsere schöne, wunderbare Logo-Animation. Und im nächsten Video zeige ich Ihnen, wie Sie das exportieren und in eine Videobearbeitungssoftware importieren können, damit Sie es als Overlay verwenden können, das tatsächlich über ein Video gleitet. 18. Export einer Bildsequenz und eines Importieren in DaVinci: Bevor wir unsere Animation exportieren, sollten wir sicherstellen, dass wir keine streunenden Ebenen oder Artefakte oder irgendetwas haben , das wir nicht exportieren möchten. Und wir sollten auch sicherstellen, dass wir nur das Gebiet exportieren, das wir tatsächlich brauchen. Also ist das Tuch hier schon weg. Wir können unseren Wiedergabe-Bereich hier schließen, bis zu dem Moment, wo alles weg ist. Ja, hier endet unsere Animation. Und am Anfang gibt es auch diesen Haupt-Controller, den wir verwenden, um einige Dinge zu positionieren. Wir müssen hier nicht wirklich etwas sichtbar haben, damit wir das einfach löschen können. Oh, sieh dir das an. Es wurde von den Keyframes befreit, die wir hier platziert hinzufügen. Nun, wir animieren es immer noch irgendwie. Okay, also schalten wir es einfach aus. Anscheinend können Sie keine Layer animieren, in denen keine Zeichnung vorhanden ist. Also schalten wir es einfach aus und jetzt haben wir einen sehr sauberen Start und ein sauberes Ende. Okay, ja, das ist der Bereich, den wir exportieren wollen. Wir sind bereit, dies für echte, nicht nur Vorschau zu rendern. Klicken Sie hier oben auf Rendern und ändern Sie Ihre Ausgabeeinstellungen. Sehr gutes Format für Ihren Export wäre eine PNG-Sequenz. Und Sie können das Format Ihrer Exporte hier in PNG ändern. Stellen Sie sicher, dass Sie in den Optionen den Alphakanal haben, exportieren Sie ihn. Das bedeutet, dass, wenn nichts den Bildschirm verdeckt, dieses Video oder dieses Bild transparent ist, also können sie tatsächlich ein Video darunter sein , dass wir den Wipe-Übergang über ihn gehen lassen. Wenn Sie den Alphakanal nicht aktiviert haben, wird das Weiß als Weiß exportiert. Aber wir wollten eigentlich transparent sein. Alles andere scheint also korrekt zu sein. Wir müssen sicherstellen, dass dies das Format ist, das wir haben wollen. Wenn Sie nur einen Bereich Ihrer Animation exportieren möchten, können Sie diesen Bereich hier ändern. Sie können diese Einstellungen als Voreinstellung speichern, sodass Sie jederzeit über die Dropdown-Liste hier oben ändern können. Jetzt können wir das rendern. Und hier können wir überprüfen, ob die Transparenz durch Umschalten in diesem Schachbrett funktioniert, können Sie sehen, dass wir einen tatsächlichen transparenten Bereich haben. Muss den Frame zuerst puffern, bevor er sie fließend abspielen kann. Und jetzt können wir einfach spielen und sehen, ob dieser Export so ist, wie wir es wollen. Ja, alles sieht toll aus. Also, wo hat das tatsächlich gespart? Es, im Projektordner gespeichert. Sie müssen nur zu diesem Ort navigieren. Es gibt die Café-Logo-Animation und sie sind im Ausgabe-Ordner. Wir können die Bildsequenz sehen. Es ist eine Datei für jeden Frame unserer Animation. Und das sieht zunächst etwas verwirrend aus, aber das ist genau das, was wir brauchen. Bewahren Sie das also immer in einem Ordner auf. Bevor Sie das in eine Videobearbeitungssoftware importieren, sollten Sie es vielleicht aus dem Ausgabe-Ordner entfernen, denn wenn Sie etwas in offenen Melodien rendern, werden diese Bilder überschrieben. Es ist also eine sehr gute Idee, all diese Bilder aus diesem Ordner in einen separaten Ordner zu nehmen , in dem Sie das Video ausschneiden, das das Intro benötigt , als Beispiel für den Import in eine Videobearbeitungssoftware. Ich werde den Vinci Resolve benutzen. Es ist eine kostenlose und sehr leistungsstarke Videobearbeitungssoftware. Wir sind, Lassen Sie uns ein neues Projekt erstellen. Ich habe ein kleines Beispielvideo vorbereitet, das ich gerade in sehr schnell ziehen werde. Dies ist eine sehr wichtige Botschaft. Ich habe mein Video importiert, wie ein gefilmt es, und es hat eine andere Bildrate als die Standardprojekteinstellungen. Und in der Regel möchten Sie das ändern. Sie möchten, dass Ihr Projekt in der Bildrate Ihres Videomaterials liegt. Und wir haben am Anfang etwas darüber gesprochen, dass Ihre Animation idealerweise auch in der gleichen Bildrate liegen sollte, in der Ihr Videomaterial erstellt wurde. Dann können Sie klassische Videobearbeitung Dinge wie das Verkürzen Ihres Clips machen. Persönlich bin ich besser vertraut damit, wie sich die Bearbeitungsmodusfelder in da Vinci auflösen, weil er einfach die Seiten greifen und sie so ändern kann. Jetzt für die Bildsequenz, die Sie irgendwo bezahlen sollten, wo es bleiben kann, ob Videosoftware kann es immer finden. Wenn Sie es in Vinci Resolve importieren, müssen Sie sicherstellen, dass Sie sich nicht im Arbeitsbereich „Ausschneiden“ oder „Medien“ befinden. Denn wenn Sie es in den Ausschnitt- oder Medienarbeitsbereich importieren , indem Sie einfach alle Bilder ziehen und ablegen. Wählen Sie einfach alle Bilder aus, ziehen Sie sie per Drag & Drop in den Medienpool. Hier oben wird jedes einzelne Bild als ein einzelnes Bild importiert. Das ist nicht das, was wir wollen. Wir möchten, dass Da Vinci dies als Bildsequenz-Videodatei nur als eine Datei eingibt. Und das tut es nur im Bearbeitungsmodus. Wenn wir nun unsere Zeichnungen auswählen, ziehen Sie sie hinein, werden Sie sehen, dass es nur eine einzelne Datei importiert , die wir verfolgen und in unsere Szene fallen können. Diese Framerate ist nicht korrekt. Wir müssen die Clip-Attribute überprüfen und es ist auf 50 Frames eingestellt, was die Bildrate des Videomaterials ist , das ich mit einer sehr hohen Bildrate aufgenommen habe. Ich muss sicherstellen, dass die Bildsequenz mit der gleichen Bildrate importiert wird , mit der wir sie exportieren. Also habe ich das auf 25 gesetzt. Nun, das Intro hat nur viel längere Jahre. Eine andere Sache, die wir tun müssen, nachdem das Intro mein Video vollständig vertuscht. Ich kann einfach reingehen und das hier schneiden, ziehen und ablegen. Also, jetzt spielt das Integral und nachdem das Intro fertig ist, kann ich mit allem beginnen, was i1 passiert nachdem das Intro nur sicherstellt, dass, während das Wipe eine Aktion ist, Tage ein wenig überlappen, weil es gibt es einen Moment, in dem das Wipe noch los ist und du hast Video von unten durchspäht. Und so sieht das aus, wenn wir auf Play drücken. Ja, es ist ein bisschen abgehackt, aber wenn Sie es exportieren und selbst wenn Sie es nur ein zweites Mal spielen, werden Sie feststellen, dass die Frames gepuffert werden und die Wiedergabe viel glatter wird. Und so erstellen Sie eine Introanimation in offenen Melodien, exportieren sie als PNG-Sequenz und importieren diese in eine Videobearbeitungssoftware. Bitte lassen Sie mich wissen, was Sie über diese Lektion denken, indem Sie einen Kommentar oder eine Rezension schreiben. Ich möchte wirklich wissen, was ich verbessern kann, was Ihnen gefallen hat. Und natürlich bin ich auch sehr neugierig zu sehen, wie Ihre Projekte die Hashtag-Animator-Inseln verwenden, wenn Sie Ihre Arbeit posten. Sie haben folgendes Tutorial auf Instagram oder Twitter, damit wir es finden können. Und wenn Sie sich das auf Skillshare ansehen, gibt es auch eine Möglichkeit, Ihre Arbeit einzureichen, richtig? Unter diesem Video. Ich freue mich darauf, zu sehen, welche erstaunlichen Dinge du es erschaffst. Wenn es wirklich das erste Mal ist, dass Sie animieren, ich hoffe, ich könnte Ihnen helfen, in dieses Thema einzutauchen und motiviert zu bleiben. Und ja, ich habe andere Tutorials, die etwas mehr über Frame-für-Frame-Animation sind, wenn das für Sie interessant ist. Und ich hoffe, Sie bald wieder in einem meiner Klassen oder auf meinem YouTube-Kanal zu sehen. Animieren Sie in jedem Fall weiter.