Logos im Strichstil | Einfache Animationen in Adobe After Effects

1. Kurs-Einführung: [MUSIK] Hallo, allerseits. Mein Name ist Adam, ich bin ein professioneller Grafikdesigner und Animator mit über sechs Jahren Erfahrung. Ich habe als Designer angefangen, hauptsächlich Logos zu entwerfen, aber dann entschied ich, dass ich wirklich Animation lernen wollte. Ich wollte sehen, wie meine Entwürfe zum Leben erweckt werden. Damals habe ich beschlossen, After Effects zu lernen. Ich habe alles animiert, von Bannern über Typografie bis hin zu Charakteren und natürlich Logos. Für dieses Klassenprojekt lernen Sie, mit der Strichstiltechnik zu animieren , was bedeutet, die Striche zu animieren. Wir werden zwei Arten von Logo-Animationen machen. Das eine wird eine Wortmarke sein, und das andere wird ein minimales Logo sein. Wir werden direkt in die Techniken eintauchen. Wir werden keine Theorien behandeln , weil ich diese bereits in meinem ersten Logo-Animationskurs für Anfänger behandelt habe. Für diesen Kurs benötigen Sie Adobe After Effects. Sie benötigen auch Grundkenntnisse des Programms. Wir werden mit zwei kostenlosen Skripten arbeiten, EaseCopy und Duik Bassel. Warum lernen Sie überhaupt die Logo-Animation ? Was ist der Punkt? Der Grund dafür ist, dass es Marken hilft , sich mehr mit ihrem Publikum zu verbinden. Studien haben gezeigt , dass sich Menschen eher mit Videos als mit Standbildern beschäftigen . Deshalb sehen Sie, dass all diese Social-Media-Plattformen versuchen, die Schöpfer dazu zu bringen , mehr Videos zu veröffentlichen. Das war's für die Einführung. Wenn Sie bereit sind, neue Techniken zu erlernen , um Ihre Freunde und Kollegen in Erstaunen zu versetzen, sehen Sie uns in der ersten Lektion. 2. Kursprojekt: Für dieses Klassenprojekt animieren Sie zwei Logos mit drei verschiedenen Techniken, was drei neue Logo-Animationstechniken in Ihrem Arsenal bedeutet . Als erstes möchte ich, dass Sie diese beiden kostenlosen erstaunlichen Adobe After Effects-Skripte herunterladen , basal und einfach kopieren. Sie können auch alle Klassendateien hier finden. Sie können das Projekt herunterladen, um es mit mir zu verfolgen, und Sie können auch das endgültige Projekt herunterladen. Der Grund, warum ich mich für diese Klassenprojekte entschieden habe, ist, dass die Techniken, die ich Ihnen zeigen werde , einfach zu erlernen sind und einfach auf Ihre eigenen persönlichen Projekte anzuwenden sind. Mein Tipp, wenn Sie den Kurs beenden möchten, ist, mit mir die Dateien zu verfolgen , die ich Ihnen gegeben habe. Sobald Sie die Animation auf diese Dateien angewendet haben, können Sie sie dann auf Ihre persönlichen Projekte anwenden. Sobald wir eine Animation beendet haben, können Sie sie unter der Projektgalerie veröffentlichen , damit ich Ihnen mein Feedback geben kann und Sie auch die Community inspirieren können. Mach alles bereit und wir sehen uns als nächstes. 3. Aroma – Verwendung des Pen: Für diese Vorlesung werden wir nun unsere erste Logo-Animation mit dem Stiftmaske-Werkzeug und den Strichgeneratoreffekten durchführen unsere erste Logo-Animation . Sobald Sie die Datei geöffnet haben, werden Sie so etwas finden. Wir haben hier ein PNG mit einer Farbpaletten, dem aktiven Bereich und dem eigentlichen Logo. Als erstes wähle ich den ersten Buchstaben A aus und gehe dann mit dem Stiftwerkzeug fort. Stellen Sie sicher, dass Sie Werkzeug erstellt Maske auswählen. Wir wollen keine Form erstellen. Ich zoome auf das A, und dann müssen Sie genau hier den Cursor achten denn wenn ich mich hierher bewege, können Sie sehen , dass es nur ein normales Auswahlwerkzeug ist. Aber wenn ich hierher gehe, kannst du sehen, dass wir ein Pluszeichen mit dem Stiftwerkzeug haben , was bedeutet, dass es einen Ankerpunkt hinzufügen wird, und wenn ich zum Beispiel hierher gehe , können wir sehen, dass wir es jetzt haben das Stiftwerkzeug mit dem Quadrat und einem Punkt darin, und dies ist das , was ich haben möchte bevor ich die Maske oder die Strichmaske hinzufüge. Ich klicke hier und dann hier und dann hier. Sobald wir dies hinzugefügt haben, können wir das Auswahlwerkzeug auswählen und dann die Maske einfach so mit dem Buchstaben ausrichten . Wie Sie sehen können, haben wir nicht den gesamten Brief abgedeckt, müssen wir die Maske immer noch diesem Teil des A hinzufügen , damit wir sie auch maskieren können. Heben Sie also die Auswahl der ersten Ebene auf, wählen Sie sie erneut aus, wählen Sie dann das Stiftwerkzeug, Maske erneut aus und fügen Sie dann eine weitere Maske hinzu. Wir werden mit zwei Masken arbeiten, nicht nur mit einem Auswahlwerkzeug und dann passen wir dieses auch an. Da sind wir los. Das nächste, was Sie tun möchten, ist, dass Sie unter Effekten und Voreinstellungen nach Strich suchen und dann nach Generieren suchen möchten , und dann haben Sie hier einen Strich. Klicken Sie darauf und setzen Sie es auf Layer-Nummer A, oder wenn Layer-Nummer A ausgewählt ist , können Sie einfach darauf doppelklicken. Sie können sehen, dass es der Maske oder dem von uns erstellten Maskenpfad einen Strich hinzufügt . Als erstes ändern Sie einfach die Farbe, damit Sie einen gewissen Kontrast zwischen Vordergrund und Hintergrund haben . Los geht's, und wir können die Größe der Pinselgröße so vergrößern . Stellen Sie außerdem sicher, dass die Pinselhärte 100 Prozent beträgt , damit Sie keine Unschärfe oder Transparenz an den Rändern des Strichs haben. Ich passe die Maske jetzt an während ich die Pinselgröße anpasse. Erhöhen Sie das vielleicht ein bisschen mehr. Klicken wir weg, um zu sehen, was los ist. Vielleicht müssen wir diesen Teil hier ein wenig anpassen. Wie Sie hier sehen können, wird der Strich nur auf eine Maske angewendet und wir haben zwei Masken. Was wir tun können, ist genau hier auf dem Pfad, stellen Sie sicher, dass Sie alle Masken überprüfen. Jetzt wird es auf alle Masken angewendet. Als Nächstes müssen wir den Strich animieren, und die Art, wie wir den Strich animieren , ist dasselbe wie das Animieren eines Trimmpfades. Was ich tun werde, ist das Ende zu finden, eine Stoppuhr oder ein Keyframe hinzuzufügen, auf Ebene A zu klicken und dann auf U zu klicken , damit ich den Keyframe finden und in die Zeitleiste zoomen kann, bis ich die Frames so sehe wie ich möchte, dass sie sind oder wie ich sie sehen möchte. Also das erste Schlüsselbild, ich werde es unter 20 Frames oder vielleicht mehr setzen und dann genau hier enden. Ich werde am Anfang der Zeitleiste Null setzen. Jetzt kannst du sehen, dass die Maske oder der Strich weg ist , aber wenn ich den Spielkopf bewege , siehst du, was hier los ist. Was wir tun wollen, ist den Buchstaben zu maskieren. Was wir also tun werden, ist zu Paints Style zu gehen und von einem Originalbild zu wechseln , um das Originalbild zu enthüllen , und jetzt ist der Brief weg. Wählen Sie beide Keyframes aus, F9 für die ECNs. Wenn ich den Spielkopf bewege, siehst du , dass wir die nette Animation haben. Aber wir haben hier ein Problem , dass wir dieses Ding hier aus dem Schlaganfall haben und das beheben wollen. Wählen Sie also die Ebene und dann, wenn das Auswahlwerkzeug ausgewählt ist, verschiebe ich diesen Strich nur ein wenig nach links, verschiebe ihn aber nicht zu sehr. Sie möchten kein Leerzeichen unter dem Begrenzungsrahmen haben . Nur ein bisschen. Jetzt geh her. Sie können sehen, dass wir das gleiche Problem haben. Ich verschiebe das auch ein bisschen nach rechts . Jetzt sieht es gut aus. Wählen Sie beide Keyframes aus, gehen Sie zum Geschwindigkeitsdiagramm und dann werde ich eine einfache Leichtigkeit anwenden N. Jetzt, wenn wir auf Play klicken, nette Animation. Vielleicht unterdrücke ich die Keyframes ein bisschen mehr und das ist gut, nur um die Animation etwas langsamer zu machen. Dasselbe gilt für das R, klicken Sie auf das R-Stift-Werkzeug und den gleichen Vorgang. Wählen Sie das Werkzeug Maske erstellt aus, und fügen Sie dann die Maske hier hinzu. Klicken und ziehen Sie hier die Kurve, halten Sie Alt oder Option gedrückt und bringen Sie diesen Handle dann so an diesen Punkt zurück und klicken Sie dann hier und ziehen Sie so. Halten Sie die Umschaltungen gedrückt, machen Sie dasselbe für diesen Handle und klicken Sie dann hier. Da wir nun die Maske hinzugefügt haben, von der vorherigen Ebene kopieren, anstatt die Stricheffekte erneut hinzuzufügen und die Einstellungen anzupassen können wir einfach von der vorherigen Ebene kopieren, anstatt die Stricheffekte erneut hinzuzufügen und die Einstellungen anzupassen. Wählen Sie Ebene A aus, wählen Sie Strichkontrollbefehl C aus, wählen Sie unseren Layer Control Command V aus und hier haben wir ihn. Natürlich können wir das auch anpassen. Da sind wir los. Jetzt lass uns O machen und dann werde ich einfach weitermachen und die Dinge beschleunigen. Für das O das Gleiche. Ich weiß, dass du darüber nachdenkst, warum nicht dem O eine Form hinzufügst, und der Grund ist, wenn wir Form hinzufügen, wird es alles maskieren und wir wollen jetzt nicht alles maskieren. Wir möchten es mit einer anderen Methode maskieren. Deshalb können wir die Maske nicht schließen, wir müssen sie offen lassen. Fügen Sie die Stiftwerkzeug-Maske hinzu und dann dasselbe, klicken Sie hier und ziehen Sie. Halten Sie die Verschiebungen gedrückt. Verstecken Sie diesen Handle, indem Sie Alt oder Option gedrückt halten Klicken Sie hier und ziehen Sie. Blenden Sie diesen Handle erneut aus, klicken Sie hier und ziehen Sie, blenden Sie diesen Handle aus, klicken Sie dann hier und ziehen Sie. Schließe die Maske nicht. Jetzt, mit dem O wurde Control Command V ausgewählt, damit wir die Stricheffekte einfügen können und hier haben wir es. Vielleicht ein bisschen mehr hier so. Passen Sie die Pinselgröße ein wenig an. Jetzt mache ich einfach den Rest der Briefe sehr schnell. Für das letzte A werde ich einfach das erste A duplizieren . Lassen Sie mich hier im Vollbildmodus gehen. Da sind wir los. Ich dupliziere das erste A, Control Command D und dann ziehe ich es einfach so auf den anderen A. Jetzt verbergen wir den letzten A. Also werde ich einfach den letzten löschen und dann bring das ganz nach unten. Wenn ich nun alle Ebenen auswähle und auf U klicke. Wie Sie sehen können, wurden alle Keyframes hinzugefügt und alle Keyframes haben die gleichen Werte. Sie alle haben N. Wählen Sie erneut alles aus, klicken Sie auf U, um die Keyframes zu schließen oder um die Keyframes auszublenden. Nun, was ich tun werde, ist mit der rechten Maustaste zu klicken und dann vorzuschreiben, und dann gebe ich ihm einen Namen, Aroma 1. Sobald ich vorkomponiert habe, doppelklicke ich auf die neue Komposition und ich werde die Buchstaben ein wenig versetzen. Wähle alle von ihnen aus, dieses Ding hier. Gehe zu Fenster. Ich möchte meine Skripte auswählen, die Risse. Dies sind meine Einstellungen und ich habe hier Nachkommen unter Arrangement. Klicken Sie auf „Play“ und klicken Sie erneut, da der erste Buchstabe und dann der Rest der Buchstaben erscheinen soll . So etwas. Mal sehen, was wir hier haben. Vielleicht noch eins. Das sieht gut aus für mich. Ich lasse es so. Dies ist ein kreativer Prozess, also gibt es kein richtig oder falsch. Sie können wählen, was immer Sie wollen. Du musst nur die Techniken beherrschen und kreativ sein. Das ist alles. Kunden sind Techniken, also vergleicht ihr. Gehen wir nun zu den ersten Projekten wie diesem zurück. Lassen Sie uns nun die Farben hinzufügen, da es wichtig ist die von den Kunden gewünschten Farbpaletten und eine Logo-Animation beizubehalten . Als erstes werde ich weitermachen und einen hellen Hintergrund hinzufügen, wahrscheinlich diese Farbebene, einen neuen Festkörper. Klicken Sie auf das Pipettenwerkzeug und wählen Sie diese Farbe aus. Ich lege es ganz nach unten und verriegle es dann einfach. Wählen Sie nun die Komposition aus und duplizieren Sie sie. Rechtsklick, benennen Sie um. Ich werde hier Aroma Nummer 2 setzen und dann hineinzoomen, und ich werde das dann fünf Frames ausgleichen. Jetzt ändere ich die Farbe des ersten Comp. also unter Effekten und Voreinstellungen nach Fill. Unter generieren haben wir eine Füllung. Ich füge es zu comp Nummer 1 und klicke dann hier und wähle diese Farbe grün aus. Los geht's. Jetzt verstecke ich nur die duplizierte Komposition damit wir die Farbe sehen können, die wir hinzugefügt haben. Dann mache ich beim zweiten das Gleiche. Blenden Sie Aroma Nummer 2 ein, fügen Sie Füllung hinzu und wählen Sie das Pipettenwerkzeug Ich wähle diese Farbe genau hier aus. Da sind wir los. Wenn wir nun auf „Play“ klicken [MUSIK]. Um alles zusammenzufassen, haben wir in dieser Vorlesung eine Logo-Typ-Animation gemacht. Wir haben damit begonnen, die Maske zu verwenden, um die Buchstaben zu verdecken. Wir haben die Stricheffekte hinzugefügt und animiert, und dann versetzten wir die Ebenen. Als nächstes animieren wir das Aroma-Logo mit dem Trimmpfad und einer Track-Matte. 4. Aroma – Verwendung des Trim und der Track: Jetzt werden wir für diese Vorlesung dasselbe Logo mit verschiedenen Techniken animieren , die mehr Flexibilität und Kontrolle über die Animation ermöglichen . Leute, also das erste, was du tun willst, ist das Stift-Werkzeug auszuwählen. Vergrößern Sie den Bildschirm so und als erstes möchten Sie sicherstellen , dass Sie keine Ebene ausgewählt haben , denn wenn eine Ebene ausgewählt ist und Sie die Form anwenden, wird die Ebene maskiert sein. Jetzt klicke ich hier, dann hier und dann hier, und dann hier haben wir unsere Form. Nun ist die Sache an dieser Methode, dass Sie dadurch mehr Kontrolle über die Animation haben. Der Nachteil ist jedoch, dass Sie mit mehr Ebenen arbeiten werden , da wir jedem Buchstaben in unserer Zeitleiste eine Formebene hinzufügen müssen eine Formebene und wir auch zwei [unhörbare] jede Form zu einem bestimmten Buchstaben haben zwei [unhörbare] jede Form zu einem bestimmten Buchstaben Wenn Sie also die Größe der Form ändern oder verschieben möchten, haben Sie keine Versätze zwischen der Form oder zwischen der Maske und dem Buchstaben. Jetzt möchte ich den zweiten Teil dieses Briefes abdecken und wenn ich von hier nach hier gehe, werden wir das haben. Was zu tun ist, ist die Kontrolle oder den Befehl zu halten, hier auf die leeren Weißen zu klicken und dann zurück und füge die zweiten Teile wie diesen hinzu. Klicken Sie auf Ihrer Tastatur auf „Auswahlwerkzeug“ oder „V“. Lasst uns das Ding anpassen. Leute, also vergewissern Sie sich, dass alles abgedeckt ist. Der nächste Schritt, den ich hier mache, ist diese Farbe in die gleiche Farbe wie der Buchstabe zu ändern. Also Sandstein. Jetzt wollen wir Trimmpfade hinzufügen. Wenn ich hier klicke, wenn ich das öffne, haben wir Inhalt und unter Inhalt haben wir Form 2 und Form 1. Shape 1 ist das A und Shape 2 ist das Ding genau hier. Fügen wir beiden Shapes einen Trimmpfad hinzu. Beginnen wir mit Shape 1 am Trimmpfad. Jetzt fügen wir am Ende eine Stoppuhr hinzu, und dann verschiebe ich die Stoppuhr auf 20 Bilder, wenn Sie keine 20 Bilder sehen, zoomen Sie einfach in die Timeline und bringen Sie dann den Spielkopf an den Anfang der Animation und dann 0. Wenn ich das jetzt bewege, siehst du, wovon ich rede. Jetzt mache ich dasselbe für Shape Nummer 2, wähle es aus und klicke dann hier, um den Pfad hinzuzufügen und dann zu trimmen. Manchmal können Sie versehentlich Trimmpfade zur Form Nummer 1 hinzufügen . Stellen Sie einfach sicher, dass es sich unter Shape Nummer 2 befindet. Dann mache ich dasselbe und wähle die Ebene aus, klicke auf Verwenden, damit wir nur die Keyframes sehen, die wir hinzugefügt haben. Bringen Sie das hier her und bringen Sie ihn dann wieder auf 0. Wenn ich jetzt den Spielkopf bewege, kannst du die Animation sehen. Eine weitere Sache ist natürlich, das ECN anzuwenden , also wählen Sie alle aus. F9, alle von ihnen natürlich Keyframes. F9, Speed Graph ist einfach in. Los geht's. Wenn ich jetzt auf „Play“ klicke, können wir die Animation sehen. Jetzt müssen wir die Form mit dem Buchstaben maskieren. Wir können natürlich hier rüber kommen, um Mattes zu verfolgen. Wenn Sie keine Track-Mattes sehen und sicherstellen, dass Sie darauf klicken, dann genau hier, wo es heißt, den Bereich Transfersteuerelemente erweitern oder reduzieren , und dann werde ich dies in Alpha Matte Shape Layer ändern 2 und ich werde dies mit Shape-Ebene 2 verknüpfen, Sie können natürlich die Formebene A umbenennen , damit Sie nicht verwirrt werden. Wenn wir jetzt die Animation abspielen, haben wir hier eine schöne Animation. Es sieht gut aus. Cool. Wenn wir diese oder alles ändern möchten, klicken Sie einfach auf Skalieren und Sie können Größe ändern, es folgt. Sie werden diese seltsamen Offsets zwischen der Maske und der Form nicht haben . Vielleicht haben Sie als dieses Ding bemerkt, die Formebene blind oder nicht mehr sichtbar ist und das ist normal. Leute, jetzt werde ich genau das Gleiche mit all diesen Buchstaben machen , genau das Gleiche. Genau wie bei diesen Buchstaben werden wir nur eine Form hinzufügen und das sind zwei Formen. Lass uns jetzt weitermachen. Sobald Sie mit etwas fertig sind, denke ich, dass es besser ist, wenn Sie einfach mit der rechten Maustaste klicken, dann vorkomponieren und dann A vorkomponieren und dann okay. Auf diese Weise werden Sie nicht allen zusätzlichen Ebenen überwältigt. Klicken Sie auf die Leere, stellen Sie sicher, dass das Stiftwerkzeug nichts ausgewählt ist , und dann machen wir es. Manchmal, wenn Sie die Matten weiter anpassen und einige Teile des Buchstabens immer noch sehen können , schadet der Strich mit ein wenig Bits oder der Strichgröße nicht. Wie Sie sehen können, werde ich, sobald ich mit dem R fertig bin, die Champlain Nummer 2 auf den R legen . Wenn sie natürlich wissen, dass es darum geht, mit Formen zu arbeiten, als ob ich mich hier und dann öffne Konstanten, und dann Form und dann Strich können Sie auch sehen , dass wir die Kontrolle über die Kappe oder den Rand des Strichs haben . Wenn ich herkomme, haben wir Bud Cap. Wenn ich auf die runde Kappe klicke, wird es gleich runden und wenn ich auf „Backup“ klicke, werde ich die Kappe haben, die ich will. Nun, dieser hier heißt Projecting Cap und diese, Sie benutzen sie nur, wenn Sie ein Problem haben, wenn Sie wie eine Treppe und Ihren Schlaganfall haben , lassen Sie mich Ihnen zeigen, was ich meine. Lassen Sie uns zum Beispiel alles aufheben. Wenn ich hier klicke und dann das mache, dann so, und wenn ich dann zu Hinzufügen gehe und jetzt Trimmpfad hinzufüge , wenn ich animiere, können Sie sehen, dass wir ein Problem haben , wenn es um diesen Bereich geht. Sie können sehen, dass wir hier wie eine Kugel haben. Dieses Problem hier, lass mich zu 76 gehen, vielleicht siehst du es mehr, ja so. Wenn Sie dieses Problem mit Ihrer Animation haben , können wir erneut zu Strich gehen und dann von Butt Cap zur projizierenden Kappe wechseln. Jetzt wird die Länge des Hubs von unten und von oben erhöht unten und von oben , aber auch Ihr Problem beheben. Lass mich das löschen. Gehen wir zurück zu unserer Logo-Animation. Jetzt, da wir damit fertig sind, werden wir das Gleiche wieder tun. Sie außerdem sicher, dass sich die Formebene 2 auf R befindet. Sie können hier öffnen und einen Trimmpfad hinzufügen. Ich füge immer zuerst den endgültigen Keyframe hinzu und ändere dann den Wert hier. Mit diesem sehen Sie, dass wir diese Art von Animation wie diese haben . Wenn es kein Problem ist, kannst du es verlassen. Wenn es ein Problem ist, können Sie die Animation versetzen , die wir in einem Moment sehen werden. Es sieht cool aus. Wählt alles aus F9. Dieses Mal, anstatt zum Graph-Editor zurückzukehren und die Lockerung anzupassen, und wir können es tun, zu Window zu gehen und dann nach den Skripten zu suchen , die ich Ihnen zuvor zum Herunterladen gesagt habe , klicken Sie darauf, ist die Kopie. Nun, was wir tun werden, ist die Pre-Comp zu öffnen. Klicken Sie hier auf Sie, wählen Sie diese aus und kopieren Sie dann und lassen Sie uns dann zur Comp zurückkehren, diese auswählen und dann einfach einfügen. Wenn ich jetzt zum Speed Graph gehe, kannst du sehen, dass wir die einfache Leichtigkeit haben. Jetzt Alpha Shape Layer 2, oder wir können in R umbenennen, Sie können sehen, dass dies ein sehr mühsamer Prozess ist, aber es ist die Animation wert und es ist einfach, es wiederholt sich einfach. Dann Layer Nummer 3R und hier haben wir es. Jetzt werde ich einfach weitermachen und den Prozess genauso mit dem O. Jetzt dieses Zeug mit O, anstatt das Stift-Werkzeug zu verwenden, können wir das Ellipsenwerkzeug verwenden. Klicken Sie in die Mitte und ziehen Sie dann. Wenn Sie die Umschalttaste und die Strg gedrückt halten, ziehen Sie es aus der Mitte. Jetzt müssen wir dieses Ding nur noch einmal anpassen. Stellen wir sicher, dass wir eine Formebene über O haben . Ich nehme diese Rechtsklick vor dem Comp, dann Pre-comp R und dann dasselbe auf dem Trimmpfad. Zum letzten Mal werde ich einfach den Pre-Comp duplizieren, auf A legen und dann einfach so verschieben. Ich verstecke das einfach. Jetzt ist es natürlich genau das Gleiche wie in der vorherigen Vorlesung. Wir können diese sehen und sie noch einmal vorkompieren und dann ein letztes Mal ausgleichen. Leute und das ist die letzte Animation. Schnell, wenn ich hier rübergehe und sie nach Pre-Comp A suchen, das hier. Nehmen wir zum Beispiel an, Sie mögen diese Animation nicht , weil sie dieses Ding am Anfang hat. Was Sie sehr schnell tun können, ist nur zu warten, bis sich der erste Strich bildet, und dann kann die zweite Form die Animation starten und so ähnlich. Wenn ich mich jetzt bewege, wohin du auch gehst, hast du diese kleinen Striche am Anfang nicht. Aber wenn es dich nicht stört, kannst du es einfach verlassen. Leute [MUSIK] um alles zusammenzufassen, haben wir in dieser Vorlesung mit Formen gearbeitet, Mattes verfolgen und Pfad trimmen. Als Nächstes animieren wir das minimale Icon-Logo. 5. Elephant – Hauptanimation: Für diese Vorlesung beginnen wir mit der Hauptanimation unseres minimalen Tierelefanten-Logos. Das erste, was Sie hier finden, wenn Sie die Komposition öffnen , ist, dass Sie genau hier das Protokoll und die Farben finden genau hier das Protokoll und die , die wir für unsere Animation verwenden können. Das erste, was ich hier machen möchte, ist diese Ebenen zu sperren und sie dann zu schattieren, damit wir eine saubere Zeitleiste haben. Wie Sie sehen können, werden wir hier keinen aktiven Bereich sitzen , da die Komposition ziemlich kompakt ist. Jetzt besteht der erste Schritt darin, hier Kreise hinzuzufügen , die natürlich als Leitfaden für die Animation dienen. Wählen Sie das Ellipsenwerkzeug und stellen Sie sicher , dass ich eine Füllfarbe und keinen Strich habe . Halten Sie dann die Umschalttaste und die Steuerung oder Umschalttaste oder Befehl und klicken Sie in die Mitte des Logos und ziehen Sie. Sie möchten, dass der Kreis ziemlich die gleiche Größe wie das Logo hat, nur um das Logo zu verdecken. auch immer Sie wählen möchten, ich klicke auf T für Transparenz und reduziere es dann auf 30 Prozent, los geht's. Klicken Sie nun hier auf die Konstanten, suchen Sie Ellipse 1 und dann Control Command D. Jetzt habe ich zwei Kreise und eine Seite eine Ebene. Ellipse 2 es auswählt, klicke ich hier, ziehe auf die Rechte und halte die Verschiebungen und wähle dann die gesamte Ebene aus und wähle dann Befehl D, klicke, ziehe nach unten und halte die Umschaltungen gedrückt. Jetzt haben wir so etwas. Wählen Sie beide aus, klicken Sie mit der rechten Maustaste, Pre-comp und dann Kreisführung. Wählen Sie das Ankerpunkt-Werkzeug drücken Sie dieses in der Mitte wie folgt. Das Direktauswahl-Tool, wählen Sie die gesamte Pre-Comp und legen Sie es dann so in die Mitte des Logos. Klicken Sie auf R und drehen Sie es dann einfach um 25 Grad. Klicken Sie mit der rechten Maustaste darauf, drehen Sie es in die Führungsschicht, und dann können wir sie auch ausblenden. Der nächste Schritt ist, dass ich das Stift-Werkzeug auswähle und dann jeden Teil des Logos nachverfolgen möchte , den ich einzeln animieren möchte. Da wir vier Kreise haben, trennen wir das Logo in vier Teile, die wir animieren werden . Fangen wir mit dem ersten an. Wir wollen nur die normale Verfolgung verfolgen. Klicken Sie hier, fangen wir mit diesen unteren Teilen an, dann ziehen Sie hier. Wir müssen nur zur Füllung und zum Strich wechseln, also keine Füllung und dann Strich, ja, ich habe 12 Pixel. Da wir nun die Füllung und den Strich wechseln, klicke ich auf diese Ankerpunkte und klicke dann hier. Halten Sie die Kontrolle gedrückt und klicken Sie auf diese letzten Ankerpunkte, nur damit ich die Kappe ein wenig einstellen kann, und dann einfach von hier aus, was sich verschiebt. Los geht's. Wenn ich hier klicke, um diesen Bereich anzupassen, verbinde ich die Punkte und das will ich nicht. Klicken Sie weg und so ist nicht alles ausgewählt. Klicken Sie dann erneut auf eine Ebene, und dann können wir hier klicken und dann die Steuerung oder den Befehl gedrückt halten und erneut klicken. Jetzt können wir diesen Bereich auch anpassen. Sobald Sie das getan haben, klicken wir auf diese Ankerpunkte, um unsere Stricheinstellung zu beenden, da wir möchten, dass der Strich von hier aus beginnt und dies dann tut und hierher zurückkommt. Dann klicke ich weg und klicke dann erneut auf den Layer. Klicke hier und dann klicke hier und ziehe und dann hierher und ziehe, hierher und ziehe, und dann hierher und ziehe. Natürlich können wir unseren Strichpfad immer anpassen. Jetzt werde ich das nur reparieren , um sicherzustellen, dass ich glatte Kurven habe. Ich möchte keine scharfen Kanten oder Fugen auf diesem Weg. Jetzt müssen wir darauf achten, was ich als nächstes tun werde , weil wir dasselbe für alle Striche wiederholen werden, genau das Gleiche. Okay, Leute. Klicken Sie hier und gehen Sie dann zu Hinzufügen, und dann möchten Sie Trimmpfade hinzufügen. Sobald Sie den Trimmpfad hinzugefügt haben, möchten Sie den Trimmpfad öffnen und dann einen Keyframe Vier-Sterne hinzufügen und hinzufügen. Dann möchten Sie nach einem Strich suchen, und dann möchten Sie die Linienkappe in eine runde Kappe ändern und dann die Linie zu Runde verbinden. Jetzt, wo die Strichbreite steht, möchten Sie ein Keyframe hinzufügen. Für die Farbe werden wir dann genau hier herauszoomen und dann auf das Pipette-Werkzeug klicken und dann eine Farbe aus dem Farbschema auswählen und auch einen Keyframe für die Farbe festlegen. Sobald wir das getan haben, kehren wir zur Ebene zurück und klicken auf „U“, also haben wir nur die Keyframes, die wir hinzugefügt haben. Was ich jetzt machen werde, zoomen Sie in die Timeline, bis Sie die Frames sehen können, wie ich es hier gesagt habe. Ich verschiebe den Spielkopf so auf 25. Was ich jetzt tun werde, ist die Strichbreite auf 25 Frames zu verschieben und dann wollen wir entscheiden, zwischen welchem Sie sich bewegen möchten, es Stern oder Ende ist? Je nachdem, wie Sie das Logo verfolgen, muss sich eines davon zuerst bewegen. Fangen wir mit Sternen an und sehen, was los ist. Wie Sie hier sehen können, bewegt sich dieser Truck vom Logo zum Kreis, was bedeutet, dass ich zuerst bewegen muss. Manchmal möchten Sie vielleicht zuerst das Ende verschieben , wenn es den Strich vom Logo wegbewegt. Jetzt, da ich weiß, dass es der Stern ist, der den Strich vom Logo wegbewegt, werde ich einfach den gerade hinzugefügten Schlüsselrahmen rückgängig machen und dann den Stern-Keyframe auf 25 verschieben den Stern-Keyframe auf 25 das und dann zurück zum Anfang der Timeline und dann 99.9, also habe ich hier nur Punkte drin. Jetzt die Strichbreite, ich werde es erhöhen , bis sie den gesamten Kreis bedeckt. So etwas. Jetzt werde ich den Spielkopf einfach auf 25 Frames verschieben und dann werde ich es für das Ende so verschieben, sinkt, bis wir den ursprünglichen Strich des Logos so haben . Für die Farbe verschiebe ich das einfach wie 10 Rahmen hierher und dann ändere ich die Farbe die ursprüngliche Farbe des Logos, das genau hier ist . Sobald du das getan hast, mach weiter und verärgert den Stern und das Ende. Wählen Sie alle Keyframes F9 aus, wählen Sie dann die Versätze des Sterns am Ende aus und gehen Sie zum Geschwindigkeitsdiagramm, um die einfache Leichtigkeit anzuwenden. Los geht's. Auswahlwerkzeug und dann einfach zu vereinfachen. Wir möchten es auf so etwas wie das Gleiche für die Farbe anpassen . Da sind wir los. Die gute Nachricht ist, dass Sie den Geschwindigkeitsdiagramm für diese Animation nur einmal anpassen müssen . Wir machen das einfach, dieses eine Mal und dann werden wir Skripte benutzen. Los geht's. Wenn ich jetzt auf „Play“ klicke, siehst du hier, wovon ich rede. Jetzt klicke ich endlich auf T für Transparenz und reduziere dies auf einen Reißverschlusssinn. Jetzt werden wir genau dasselbe für alle verbleibenden Striche des Logos tun. Ich werde jetzt einfach weitermachen und den Prozess beschleunigen. Denken Sie daran, dass ich die endgültigen Projekte und die herunterladbaren Ressourcen dieser Klasse aufgenommen die endgültigen Projekte und habe. Jetzt werde ich Shape Layer 1 haben, nachdem ich die Farbe so geändert habe und dann die anderen Kreise gemacht habe. Stellen Sie einfach sicher, dass Sie nicht zweimal denselben Kreis haben. Wählen Sie nun erneut das Stift-Werkzeug und dasselbe aus, versuchen wir es mit diesem Bereich. Denken Sie daran, dass Sie, wenn Sie nur Striche hinzufügen , je nachdem, was Sie tun möchten, zwischen Bleistift und Auswahlwerkzeug wechseln können Bleistift und Auswahlwerkzeug . Dasselbe, klicken Sie hier, hier und fügen wir dann den Pfad für die Animation hinzu. Manchmal müssen Sie hier mit dem Ende den Wert manuell eingeben, müssen Sie hier mit dem Ende den Wert manuell eingeben nur damit Sie sich distanzieren können, wobei der Strich an der Form des Logos ausgerichtet ist. Vielleicht versuch es mit 5.5. Versuchen wir es mit nur drei. Das ist besser. Denken Sie daran, dass Leute noch nicht zum Speed Graph gehen noch nicht zum Speed Graph gehen , weil wir die Skripte verwenden werden. Fügen Sie einfach die F9 einfach hinzu. Wählen Sie nun den Stern aus und versetzen Sie ihn dann hier. Lass mich einfach die zweite Ebene öffnen, damit ich das anpassen kann. Ich richte nur die Keyframes der ersten Ebene an den Keyframes der zweiten Ebene Du kannst alles verstecken und dann lass uns das machen und los geht's. Das ist jetzt. [MUSIK] Nachdem wir nun Animationen für alle Striche hinzugefügt haben, machen wir sie wieder unsichtbar und Sie können sehen, was wir hier haben. Wenn wir jetzt auf Play klicken, verstecke ich einfach Kreisführer, Farben und das minimale Logo. Sie können die Animation sehen. Aber es scheint, als hätten wir ein Problem damit , was normal ist. Wir haben vergessen, die Farbe nach rechts zu ändern. Wählen Sie den Keyframe, das Pipette-Werkzeug, und wählen Sie dann einfach den Scaler aus, dann gehen wir los. Sie können es so lassen, wenn Sie möchten, aber wenn Sie mehr stilisieren möchten, können wir das natürlich tun. Wir haben alles behalten, in dieser Vorlesung haben wir begonnen, Anleitungen hinzuzufügen, dann das Logo in einzelne Teile zu trennen , die animiert werden, und dann legen wir die Animationsbahnen fest und animieren wir es mit dem Trimmpfad, Strichbreite und den Farbparametern. Als nächstes fügen wir die sekundäre Logo-Animation hinzu. 6. Elephant – Sekundäre Animation: Jetzt, da wir mit der Hauptanimation fertig sind, werden wir in dieser Vorlesung unsere sekundäre Animation hinzufügen. Was ich jetzt mache, ist alle diese Ebenen auszuwählen. Sie wählen alle hinzugefügten Keyframes aus, zoomen in die Timeline und verschieben sie dann auf 20 Frames. Deaktivieren Sie nun alles, zoomen Sie erneut in die Timeline, platzieren Sie den Play-Kopf auf 10 Frames und fügen wir dann ein weiteres Keyframe für die Strichbreite für alle Ebenen hinzu. Platzieren Sie nun den Spielkopf an den Anfang der Zeitleiste und lassen Sie uns einfach die Strichbreite Null machen. Sobald Sie das getan haben, wähle ich alle Keyframes aus, die ich unter 10 Frames lege, dann halte „Steuerung“ und klicke, um sie normal zu machen, ohne Erleichterungen, weil wir einen Ausdruck anwenden möchten, und so auf diese Weise wir können den Ausdruck anwenden, da wir keine Ausdrücke über Easy Easens anwenden können. Was ich jetzt tun werde, ist Duik Bassel_2 zu finden , diesen hier. Ich werde es einfach [unhörbar] machen. Was Sie tun können, ist zu Window zu gehen und dann Duik-Animation zu finden, wenn Sie dies hier nicht finden. Ok Leute? Jetzt wähle ich diesen Keyframe für die Strichbreite unter 10 Frames und füge dann den Kleaner hinzu, damit ich diesen elastischen Bounce haben kann. Sobald Sie das getan haben, möchten Sie fortfahren und dann einfach die Option „Vorfreude“ deaktivieren. Wir werden das für all diese Ebenen tun. Dasselbe, wähle das aus und wende dann Kleaner an. Kopieren und fügen Sie es nicht ein, weil es nicht funktionieren wird. Sie müssen manuell austauschen. Es gibt natürlich andere Skripte, die dies automatisch machen können, aber ich bleibe bei diesem, dem kostenlosen. Jetzt haben wir das auf alle Ebenen angewendet, ich werde nur die Größe der Zeitleiste etwas vergrößern , da geht's los. Wenn Sie sich jetzt erinnern, haben wir auf unserer ersten Schicht Easy Easens angewendet. Wenn ich diese auswähle, siehst du, dass wir sie hier haben. Nun, wie kopieren wir das auf all diese Ebenen? Es ist einfach. Gehe zu Fenster, öffne die [nicht hörbaren] Skripte, wähle alle mit Ausnahme dieser beiden aus und kopiere dann. Sie können jetzt sehen, dass die Nummer 8 genau hier ist. Wir haben acht Schlüsselrahmen kopiert, wählen Türen oben mit Ausnahme dieser beiden aus und fügen dann Ease ein. Wenn ich jetzt zurück zum Speed Graph gehe, können wir sehen, dass es auf die Keyframes angewendet wird. Wir werden einfach das Gleiche für all diese Ebenen tun . Lasst uns das schließen, schließen das, jetzt dieses hier. Das Coole ist , dass Sie nur einmal kopieren müssen , ohne alles kopieren zu müssen. Los geht's, alles gut. Was wir schließlich tun können, bringen Sie den Spielkopf so an den Anfang und dann möchten wir eine Nullebene hinzufügen. Also Layer, New, Null Objects, wählen Sie den Ankerpunktemover aus, legen Sie ihn in die Mitte und wählen Sie dann die gesamte Null-Ebene aus und richten Sie dann seinen Mittelpunkt und die Komposition aus. Wählen Sie nun alle diese Ebenen aus, klicken Sie auf eine Elternpeitsche und verknüpfen Sie sie dann mit dem Null-Objekt. Wählen Sie die Null-Objekte R für die Drehung aus. Ich füge hier nur einen Rotations-Keyframe hinzu, und dieses möchte ich auf die gleiche Weise drehen wie den Pfad des Logos. Das Gleiche hier. Ich drehe mich nach rechts, also wird es minus 300 oder so sein , dann überprüfe die Animation. Es ist cool. Jetzt ist das einzige, was noch übrig ist, dass wir diese Ebenen versetzen wollen. Ich zoome so hinein und versetze sie dann um vier Frames voneinander weg nach vorne oder was auch immer, vielleicht eine Kombination aus beidem. Jetzt klicken wir auf „Play“. Nun, was ich schnell machen werde, ist hier zu klicken und dann einfach die Farben anzuzeigen, dann Layer, Neu, Solid. Ich wähle diese Farbe genau hier aus. Leg es so hin und wenn ich auf „Play“ klicke, dann geht's los. Um alles zusammenzufassen, haben wir in dieser Vorlesung die elastischen Ausdrücke und die Null-Ebene hinzugefügt, um das Logo zu drehen. Als nächstes werden wir das Logo stilisieren und etwaige Unvollkommenheiten beheben. 7. Elephant – Unvollkommenheiten und Stilisierung: Jetzt ist dies die letzte Vorlesung dieses Kurses. Was wir hier tun werden, ist alle Unvollkommenheiten mit dem Logo zu beheben und Mischmodi anzuwenden. Hebt natürlich einfach das Logo hervor. Jetzt, da wir mit der Logo-Animation fertig sind, können wir stilisieren und sehen, ob es irgendwelche Unvollkommenheiten gibt , die repariert werden müssen. Wenn ich den Spielkopf hier platziere, zoomen Sie [NOISE] in das Logo. Wir können genau hier sehen, dass die Beine nicht ausgerichtet sind. Ich bringe das Lineal mit und lege einfach eine Zeile hierher, damit wir die Beine einfach ausrichten können. Mal sehen, welches hier ein Problem hat. [NOISE] Wir haben Shape Layer 3, klicken Sie auf Hue. Dann finde ich einfach den Endparameter, diesen. Ich zoome auf den letzten Keyframe und passe es dann einfach ein wenig an. Vielleicht 15 hier. Das sieht besser aus. Lasst uns den anderen finden. Layer 2 formen. Finde den End-Keyframe. Dies ist das Ende. Klicken wir auf das Keyframe. Passen Sie den Play-Kopf oben auf dem Keyframe an. Hier füge ich vielleicht sechs hinzu. Das ist zu viel, also wahrscheinlich 5,8. Okay, das sieht besser aus, 5.6. Ich weiß, dass wir eine Logo-Animation machen, aber das endgültige Logo sollte ästhetisch ansprechend aussehen. Das letzte, was ich tun werde, ist einfach den Mischmodus auf Dancing Dissolve zu wechseln . Das verleiht dem Logo eine schöne animierte Textur. Einfach so haben wir es hier. Steuern Sie nun einfach Befehl R, um das Lineal zu entfernen , und dann Anzeigen und dann Hilfslinien löschen. Wenn wir nun klicken, um die endgültige Animation zu sehen, entfernen wir das Bild von hier, dieses mit den Farben. Dann exportiere einfach. Verwenden Sie einen Adobe Media Encoder. Werfen wir jetzt einen Blick auf die letzte Animation. Eine Sache, die Sie hier bemerken können , ist, dass sich die Farbe des Hintergrunds mit einer der Farben der Kreise vermischt. Wir können einfach den Wert dieser Farbe ändern. Wieder gehe ich zu Layer, neu, solide. Genau hier möchte ich diese Farbe vielleicht nur etwas verdunkeln oder einfach öffnen. Versuchen Sie es zum Beispiel hier, okay, okay. Das ist besser, schätze ich. Lösche diesen. Jetzt Datei, exportieren und Sie können in Adobe Media Encoder exportieren. [MUSIK] Um alles zusammenzufassen. In dieser Vorlesung haben wir etwaige Unvollkommenheiten behoben und allen Ebenen Mischmodi hinzugefügt. Das war's für diesen Kurs. 8. Glückwünsche: Herzlichen Glückwunsch, Leute. Du hast es endlich geschafft. Lassen Sie uns nun den Workflow sehr schnell zusammenfassen. Wir haben damit begonnen, das Logo in After Effects zu importieren, es in Formen zu konvertieren, Teile des Logos zu trennen, die wir einzeln animieren möchten, die Hauptanimation anzuwenden, sekundäre Animation anzuwenden, [MUSIK] dann stilisieren Sie das Logo und exportieren Sie das Logo mit Media Encoder MP4-Formaten. Jetzt möchte ich, dass Sie Ihre Animation in der Galerie eines Projekts teilen . Wenn Ihnen dieser Kurs gefällt und Sie etwas Neues gemacht haben, können Sie mir folgen, eine Rezension hinterlassen, damit andere Schüler sie finden können, und wir sehen uns sehr bald, mein Freund.