Infografiken mit Adobe After Effects animieren

1. Willkommen zum Kurs: Hallo, ich bin Mark March und willkommen zu diesem Kurs in Adobe After Effects, dem wir über einige Expressions sprechen werden und darüber , wie man animierte Infografiken erstellt und wie man verschiedene Animationstechniken nutzt sie großartig zu machen Lassen Sie mich Ihnen also zeigen, was wir hier in diesem Adobe After Effect-Kurs tatsächlich erstellen werden Schauen wir uns das an. Nehmen Sie an diesem Kurs teil. Danke, dass du auch mitgemacht hast. Lassen Sie mich Ihnen zeigen, woran wir hier in diesem Kurs arbeiten werden . Also werden wir an dieser Statistik arbeiten, einer Art Animation mit Ausdrücken und einigen anderen Techniken, bei denen wir so etwas haben werden, bei dem sich die Balken einer nach dem anderen verlängern. Und was noch wichtiger ist, die Zahlen ändern sich gleichzeitig. also der grüne Balken für die Pflanzen erweitert wird, beginnen sich die Zahlen von 0 bis 1157 zu ändern Und wenn sich dann der rote Balken für tierische Lebensmittel erweitert, ändern sich die Zahlen für tierische Lebensmittel auf 0 Hier finden Sie Ausdrücke, sodass Sie sie schnell und einfach in beliebige Zahlen ändern können um eine interessantere animierte Infografik zu erstellen Sie werden einen weiteren Bonus haben, um diesen animierten Kredit-Score zu erstellen Also dieser hier, bei dem sich die Zahlen ändern und dieser Kreis gleichzeitig um ihn herum animiert Das ist ein wirklich cooler Effekt. Ein weiteres beliebtes Beispiel animierte Statistiken aller Art, auch animierte Infografiken Sie können es auf so viele Arten tun, und wir werden sie hier in dieser Hinsicht zusammenstellen Okay. Lassen Sie uns also ohne weitere Umschweife zu Adobe After Effects übergehen. Sie können jede Version verwenden. Es spielt keine Rolle, welche Version Sie haben werden. Es muss nicht 2025 zum Zeitpunkt der Aufnahme oder 2024 sein . Es spielt wirklich keine Rolle. Das wird in jeder Version von After Effects funktionieren. Und lass uns anfangen zu kreieren. Lass uns anfangen, mit mir zu arbeiten. Ich bin dein Trainer, Mark Marchi von Aak machi.com. Und lass uns loslegen. 2. Eine Komposition erstellen und Inhalte hinzufügen: Okay, fangen wir an, an einem Projekt zu arbeiten. Also lass uns hier ein neues Projekt machen. Speichern wir es auch sofort. Also geh Datei-SAS und keine Saver mehr. Ich werde es hier, hier, in unseren Kursordner legen, und das wird sagen wir, ich nenne es Ausdrücke, Statistiken. Okay. Hier drin. Nur um dir zu zeigen, woran wir hier arbeiten werden, habe ich einen Screenshot von etwas gemacht, an dem wir arbeiten werden. Es sieht ungefähr so aus, okay? Dabei werden zuerst die Balken von einer Seite zur anderen animiert, und dann werden auch die Zahlen animiert Das Hauptaugenmerk wird darauf liegen, dass diese Zahlen hier animiert werden , 11, 57 und 18, wo wir dafür Ausdrücke verwenden Okay? Also lass uns das zusammenstellen. Also werden wir eine neue Komposition machen. Ich werde mich für das Standard-Full-HD entscheiden. Sagen wir mal, ich nenne es Statistik, okay? Full HD, 24/Sekunde für den Hintergrund, ja, ich denke, vielleicht nehme ich hier das Weiß für den Hintergrund, für die Farbe Es ist gleich in der Nähe. 24 Rads pro Sekunde. 10 Sekunden sind genug, das ist in Ordnung. Lo klick, okay. Was hast du hier drin. Okay, ich habe ein Rechteck, etwas Text oben drauf. Okay, nehmen wir ein Rechteckwerkzeug , ich zeichne ein Rechteck. Sag mal, vielleicht hier. Nun, ich brauche wahrscheinlich keinen Strich, aber ich möchte eine dunkle Farbe, also entscheide dich vielleicht für ein sehr dunkles Grau. Und wir werden hier etwas Text reinschreiben. Und was steht da? Gehalt an Antioxidantien. Damit wir alles zusammen machen können. Das wäre Cent Align. Eigentlich sollten beide Cent-Ausrichtung sein Wählen Sie den Text aus und klicken Sie bei gedrückter Umschalttaste auf die Form. Verwenden Sie das Linienfeld, um sie an der Mitte auszurichten. Nein, nicht zueinander. Also das sollte in die Mitte gehen. Also, einfach rückgängig machen. Denken Sie mit Formen daran. Also wähle ich es einfach aus. Denken Sie an den Anca-Punkt. Lassen Sie mich einfach den letzten Schritt rückgängig machen, nur die Shape and Go-Ebene auswählen und den Inhalt der Mitte transformieren. Hmm? Weil normalerweise der CA-Punkt in der Mitte des Computers wäre. Okay, also wir wollen, dass diese Form in der Mitte ist. Außerdem möchte ich, dass der Text auch hier in der Mitte steht. Und wenn wir sicherstellen , dass unser Text innerhalb seiner Eigenschaften mittig ausgerichtet ist , zentriere ich ihn innerhalb seiner Eigenschaften Und wenn ich ein Linienfeld verwende, zentriere Linie und mache alles in Großbuchstaben, vielleicht in einer anderen Schrift Mal sehen, was wir hier drin haben. Vielleicht entscheide ich mich für Roboto, helle, weiße Farbe. Okay, es ist schon weiß Perfekt. Ich werde nur der Formebene auch einen Namen der Formebene auch , weil Sie einen richtigen Namen haben sollten. Sagen wir mal antioxidativer Hintergrund. Okay? Sollte wahrscheinlich auch das A benutzen. Okay? Oder sperren Sie diese Ebenen, damit wir es nicht versehentlich tun, setzen Sie den Text hier einfach etwas tiefer. Vielleicht so. Okay. Wir protokollieren sie. Und dann fügen wir hier etwas Text für den pflanzlichen und tierischen Ursprung hinzu. Also schnapp dir einen Typ Zwei. Das könnte zusammen eine Ebene bilden. Also die Handlung basiert auf der Handlung, auf Tieren. Okay? Also, dieser Text sollte dunkler sein, etwa schwarz. Das wäre in diesem Fall rechtsbündig. Dieser Text hier. Schauen wir uns das an. Okay. Nun, dieser ist es nicht, aber ich werde es hier richtig ausrichten. Okay? Es muss nicht genau dasselbe sein, erinnerst du dich? Und da es sich eine Textebene mit zwei Nächten Text handelt, können wir den Abstand zwischen den beiden vertikalen Abständen anpassen , indem wir den Zeilenabstand hier anpassen. N Ein bisschen mehr Platz da drin. Vielleicht eher diese 150, okay? Und das gehört hierher. Jetzt werde ich mir keine Gedanken über diese Zeilen im Hintergrund machen. Wir werden uns dort auf diese Bar konzentrieren. Also werde ich hier nur eine Linie ziehen. Also das ist wie die Ebene. Und mit dem Pentel zeichnen Sie dort einfach eine vertikale Linie mit einem dicken Strich Also mach einen schwarzen Strich. Fünf vielleicht. Lass uns sehen. Außerdem, falls wir irgendwelche Transformationen vornehmen, wieder Ebene, Transformation, Mittelkappe und der Ebeneninhalt Ich denke, das wird reichen. Wir können es jederzeit, weißt du, später bearbeiten. Und das wird eine vertikale Linie sein. Okay. Also lass uns einfach einen Text für unsere Ausdrücke darunter platzieren. Also pflanzliche Lebensmittel. Okay. Denken Sie daran, dass die Zahlen getrennt voneinander unterschiedlich sein müssen, weil wir die Zahlen animieren wollen, okay? Also gib einfach zuerst etwas Text ein. Also tippe nochmal zu. Wow. Ich werde sie getrennt halten. Dieser wäre also getrennt. Es ist ein bisschen zu groß. Oh, Ausrichtung ist in diesem Fall nicht wirklich wichtig. Nun, sagen wir den Weihnachtsmann. Also das wird hier hingehören. Ich werde diese Ebene duplizieren, also drücke Control D oder Command D auf dem MC, um ein Duplikat zu erstellen und es zu verschieben. Und das werden tierische Lebensmittel sein. Ich denke, sie sind jetzt zu groß, also wähle ich beide zusammen aus und mache sie etwas kleiner. Okay. Dann positionieren wir sie. Also benutze ich die Umschalttaste , um es in einer geraden Linie oder bis zu einem gewissen Grad in einer geraden Linie zu bewegen einer geraden Linie oder , ja. Also gefällt dir das. Okay? Und dann geben wir die Zahlen ein. Also die auf Pflanzen basierende ist 11 57. Denken Sie daran, dass dies eine separate Ebene sein muss . 11 57. Und vielleicht mache ich es dicker. Lass es nicht auffallen. Jetzt richten wir sie in einer Sekunde aus. Aber wir können es auch einfach so machen. Und wieder werde ich ein Duplikat machen. Die andere war 18, also habe ich die Ebene ausgewählt. Control D Command D , um ein Duplikat zu erstellen. Ich drücke die Umschalt-Taste und die rechte Pfeiltaste und dann doppelklicke ich, und das ist 18. Wenn du wie ich Tastenkombinationen magst , normalerweise mit dem Text. Wenn ich also hier einen Text einfüge, etwas Text eintippe, kannst du dann auf dem Mac die Strg-Taste oder die Eingabetaste drücken , um den Text zu akzeptieren. Und dann kannst du das als Auswahlwerkzeug verwenden, okay? Okay, lass uns einfach fertig werden. Also diese beiden Linien, das könnte hier wieder Pentl sein, wir können da eine gerade Linie machen Wechseln Sie zum Auswahlwerkzeug, um zu überprüfen, wie es aussieht. Sieht gut aus. Okay. Also mach ein Duplikat, kontrolliere die Commande und drücke die Rokey-Taste runter und verschiebe sie nach unten oder einfach Okey Also hol dir so etwas. Ich denke, das sollte etwas leichter sein, also verkaufe ich beide zusammen und den Stroke, nur ein bisschen leichter. Also hol dir so etwas. Okay. Im nächsten Video werden wir die Formen hinzufügen und vielleicht können wir anfangen, sie zu animieren. In der Zwischenzeit gehe ich einfach zu sicher, weil man nie weiß. Ich mache mit dem nächsten Video weiter. 3. Graphbalken hinzufügen: Okay, lassen Sie uns mit den Formen weitermachen. Was wir hier tun müssen, ist, dass wir diese beiden Formen haben werden, die sich von links nach rechts ausdehnen werden. Sie animieren, genauso wie die Zahlen animieren. Okay. Zuerst machen wir nur einen. Oh, übrigens, die waren auch farbig, nicht schwarz-weiß. Sie waren es anfangs oder vielleicht am Ende. Sie waren schwarz und breit, aber sie waren tatsächlich farbig, sodass wir sie auch farbig machen können. Denken Sie also daran, dass wir neue Formlabore einrichten oder uns um diese kümmern sollten. Also das ist horizontal , aber schauen wir mal, ich sollte horizontale Balken machen. Oberhalb des Textes. Und dieser ist ein horizontaler Balken unter dem Text. Das ist womit? Okay, also erstelle eine neue Formebene. Stellen Sie also sicher, dass Sie nichts ausgewählt haben. Was ist das RectanGott Draw-Rechteck hier. Die Größe, die Sie wollen, können wir machen. Also, sagen wir, wenn ich so gehe. Ich will nur einen normalen Sturz. Also ändere ich die Art der Füllung, indem ich die alte Taste gedrückt halte und auf das Farbfeld klicke, um es in eine Volltonfarbe zu ändern Und dann klicke ich, um die Farbe zu ändern , ich weiß nicht, also sagen wir, vielleicht in ein dunkles Grün Okay. Lass es uns ein bisschen größer machen Also werde ich hier etwas näher heranzoomen oder ein Auswahlwerkzeug nehmen, nur um es ein bisschen größer zu machen , vielleicht so Und vielleicht kein Strich hier drin, also habe ich den Strich auf Null gesetzt Das ist nur die Bar. Okay? Weil wir diesen Balken animieren werden , weil er seine Größe ändern wird Es wird sich von links nach rechts erstrecken. Wir müssen den Anca-Punkt nach links verschieben. Wenn Sie den Ancha-Punkt nicht sehen, ist dies nicht der Anca-Punkt für die Ebene Nein. Wählen Sie einfach die Ebene ab Wählen Sie die Ebene erneut aus und das ist der Ancha-Punkt. Denken Sie daran, dass die Formen normalerweise die Ancha-Punkte in der Mitte der Komposition haben die Ancha-Punkte in der Mitte der Komposition Also werde ich mir das Ancha-Punkt-Tool schnappen. Das Ancha-Punkt-Tool, es wird näher heranzoomen. Wir verschieben es an den linken Rand der Form, genau am Rand. Wenn Sie also die Größe der Form ändern und ich ein Auswahlwerkzeug nehme und versuche, ich ein Auswahlwerkzeug nehme und die Größe zu ändern, tut es Okay? Das wollen wir für die Erweiterung. Wir können die andere Form gleichzeitig machen. Ich werde dieser Ebene einfach auch einen Namen geben. Also, weißt du, das wird eine Pflanze sein. Eigentlich werde ich Bar Plant machen. Und ich werde ein Duplikat von Contro do Commande machen und dieses hier wird Bar Animal sein, und ich werde es nach unten bewegen und seine Farbe in eine andere ändern seine Farbe in eine Ich werde die Füllfarbe in eine andere Farbe ändern. Vielleicht eher eine rötliche Farbe, vielleicht so etwas Und das soll kürzer sein. Ich werde heranzoomen und es kurz machen. Lassen Sie uns die Ebene noch einmal überprüfen. Also abwählen, Ebene auswählen. Okay, das Ende ist links, es ist in Ordnung. Und dann machen wir es einfach kürzer. Also könnte es so etwas sein. Okay? Also ich habe diese beiden Formebenen hier. Sie werden expandieren. Denken Sie daran, dass Anca auf diese Ebenen, entschuldigen Sie, auf der linken Seite zeigt , denn diese Formen sollen sich nach rechts ausdehnen. Und stellen Sie sicher, dass Sie die Ebene auswählen, nicht nur die Form, sondern die tatsächliche Ebene, um die Position des Anca-Punkts hier zu überprüfen. Okay. Wir sind bereit, das zu animieren Und genau das werden wir im nächsten Video tun. Also machen wir mit dem nächsten Video weiter. Halte es offen. 4. Animieren von Graphen: Fortsetzung des vorherigen Videos. In diesem Video animieren wir diese Grafiken, diese Balken hier. Es ist wirklich egal, mit welchem wir beginnen. Und Sie wissen wahrscheinlich schon, wie es geht. Fangen wir also einfach mit dem Besten an. Oder mache normalerweise Dinge, weißt du, von links nach rechts, von oben nach unten. Beginnend mit dem obersten. Ich muss also auswählen und dann EF-Skalierung drücken, um automatisch zur Skalierungseigenschaft zu gelangen. Okay? Nun, fügen Sie einen Keyframe hinzu, und dieser Keyframe wird tatsächlich später erscheinen , weil dieser Balken viel länger ist als der andere Ich werde ihm mehr Zeit zum Animieren geben. Also werde ich das CTI verschieben. Lassen Sie mich hier einfach rauszoomen. Also verschiebe die CTI, verschiebe den Keyframe. Entschuldigung, verschiebe den Keyframe auf vielleicht 3 Sekunden. Wenn Sie nun genau 3 Sekunden haben möchten , können Sie oder ich würde die CTI auf 3 Sekunden verschieben Ich kann einfach hier klicken und 300 für 3 Sekunden machen. Und wenn Sie dann Ihren Keyframe bewegen, halten Sie die Umschalttaste gedrückt, wodurch er einrastet. Okay? Gehen Sie jetzt mit der CTI zurück zum Anfang. Jetzt machen wir es in der Zeitleiste, weil es auch auf diese Weise schnell und einfacher Wenn Sie den Link unterbrechen, weil wir nur die Breite ändern wollen, nicht die Höhe, und wir die Breite auf Null setzen. Okay? Also hol dir so etwas. Weil das anfängt zu animieren und dann aufhört. Ich spiele auf jeden Fall etwas Easing. Vielleicht ist es einfach, es anfangs zu beschleunigen. Sie können also auf die Word-Skala klicken. Schneide beide Keyframes aus und du kannst F neun machen. In Ordnung, klicken Sie auf Keyframe-Assistent. Einfach Ja. Dadurch wird es nett aussehen. Okay. Und das wird auch mit dem Ausdruck für die Zahlen abgestimmt, okay? Die Zahlen werden außerdem, sagen wir, 3 Sekunden lang animiert. Ja, ich denke, 3 Sekunden werden ausreichen, damit sich die Leute nicht langweilen Okay, lass uns noch einen machen. Also lasst uns bei der anderen Formebene liegen. Was die Skalierung angeht, machen Sie sich im Moment keine Gedanken über die Position Ihrer CTI Klicken Sie auf die Stoppuhr für die Skala. Bewegen Sie die CTI an die Stelle, an der das aufhören soll. Ich werde das nach dem ersten animieren. Das wird also animiert, sagen wir von 3 Sekunden bis 4 Sekunden. Ein Teil des Keyframes dauert bis zu 4 Sekunden. Und ich denke, wir werden es vielleicht eine zweite Verzögerung geben. Also vielleicht sogar 5 Sekunden. Machen wir 500 und dann verschieben wir den Keyframe hierher und dann nach 4 Sekunden zurück, genauso brechen wir das Glied, die Kette, und ändern die Breite auf Null Und wie beim vorherigen wählen wir beide Keyframes aus und wenden ESE auch hier Lassen Sie uns einfach eine Vorschau anzeigen Okay, das wird reichen. Weil das kurzfristig ist. Ich wollte auch den Arbeitsbereich schließen. Hier ist ein schneller Weg. Sie können Ihre CTI an die Stelle verschieben, an der das aufhören soll Sagen wir also Audio 6 Sekunden. Dann kannst du den Buchstaben N, N eingeben, und der Arbeitsbereich wird geschlossen. Okay. Ich denke, das wird reichen. Das ist in Ordnung. In unserem nächsten Video können wir also zum Text übergehen. Speichern Sie es, lassen Sie es geöffnet und wir fahren mit dem nächsten Video fort. 5. Textausdrücke hinzufügen: Okay, Leute, der Moment, auf den ihr gewartet habt , wo wir anfangen können, die Zahlen zu animieren Wir können die Animation, die wir für alle Arten von animierten Statistiken verwenden können, zu einem sehr beliebten Feature machen für alle Arten von animierten Statistiken verwenden können, einem sehr beliebten Also los geht's. Wählen Sie Ihre Textebene aus, die mit der Zahl. Jetzt werden wir hier einen Ausdruck verwenden. Wir werden auch einen Effekt verwenden und sie miteinander kombinieren. Wir werden sie hier zusammenstellen. Okay. Wählen wir also die Textebene und gehen dann zu Effektmenü und Ausdruckssteuerung und Schiebereglersteuerung. Dadurch wird Ihrer Ebene der Slide-Control-Effekt hinzugefügt. Jetzt werden wir diese verbinden Nun, wir werden die Texteigenschaften (Textzahlen) mit dem Slider-Control-Effekt verbinden . Also öffnen wir in der Timeline die Textebene, die mit der Zahl, und wir werden Text öffnen. Ich suche den Quelltext. Und wir werden den Quelltext mit dem Schieberegler verknüpfen. Also wenden wir zuerst den Ausdruck an. Also klicken wir auf die Stoppuhr. Okay. Und dann verwenden wir in diesem Fall den Piquip, und wir verwenden den Pi Quip, um den Quelltext zu verbinden. Klicken Sie auf den Piquip, halten Sie die Maustaste gedrückt und ziehen Sie den Cursor in das Bedienfeld mit den defekten Steuerelementen und legen Sie ihn auf Slider-Eigenschaft des Slider-Control-Effekts Das wird einen Ausdruck für dich schreiben, diesen Ausdruck dich Sie sich keine Sorgen um Ihr Kompositionsfenster, ignorieren Sie es für eine Sekunde. Wenn Sie jetzt einfach wegklicken, wird alles wieder normal. Und die Zahl auf Ihrem Bildschirm tendiert gegen Null. Ja, das sollte passieren. Denn wenn Sie in das Bedienfeld schauen, hat der Schieberegler die Folie auf Null gesetzt. Versuchen Sie es zu ändern und sehen Sie, wie sich die Zahlen ändern. Wie cool ist das, okay? Also, was wir jetzt tun werden, ist den Slider-Steuerungseffekt mit Keyframes Und was war die Zahl? 11. Was war die Nummer? Oh, also hier. 11 57. Okay, 11 57. Also lassen Sie uns das CTI dorthin verschieben , wo diese Animation aufhören soll Meins wäre hier bei 3 Sekunden. Ich stelle den Schieberegler auf 11, war es 57 oder 87? 11 57. Okay, 11 57 und wir geben den Keyframe, okay. Dann bringen wir die CTI zurück zum Anfang. Ich werde den Folienwert auf Null setzen. Jetzt können Sie also Dezimalpunkte erhalten. Das ist okay. Entschuldigen Sie mich. Mach dir darüber im Moment keine Sorgen, okay. Das Wichtigste ist, dass sich die Zahlen ändern, okay? Weil ich so viele düstere Punkte kriege und wir eine so große Zahl haben 11 57. Sieht aus wie ein Chaos. Aber mach dir keine Sorgen, wir werden es als Nächstes reparieren. Stellen Sie einfach sicher, dass Sie diese Animation hier haben, stellen Sie sicher, dass Sie diesen Ausdruck hinzufügen. Jetzt der Ausdruck, Sie könnten ihn auch einfach hier eingeben. Anstatt Piquip zu verwenden, könnten Sie ihn einfach eingeben oder ihn kopieren und einfügen, wenn Sie möchten. Mmm. Aber in diesem Fall benutzen wir Piquip, weil es einfach einfacher war Ein? Also wenn du sicherstellst, dass es funktioniert, und wir werden es im nächsten Video reparieren. 6. Textausdruck fixieren: , Lassen Sie uns anhand des vorherigen Videos diese Art von ausgegebenem Ausdruck korrigieren bei dem ich hier so viele Dezimalstellen erhalte , dass ich die sich ändernden Zahlen nicht einmal sehen kann. Es ist alles ziemlich chaotisch, okay? Also sind wir dabei, es zu reparieren, okay? Richtig. Es spielt keine Rolle , wo CiTI gerade ist , weil wir nur unseren Ausdruck bearbeiten müssen Wir müssen hier nur etwas zu unserem Ausdruck hinzufügen. Suchen Sie also in der Timeline nach Ihrem Gesichtsausdruck. Das ist der Ausdruck hier, oder klicken Sie darauf, um ihn zu bearbeiten. Und wir müssen nach dem Ausdruck nur ein kleines bisschen hinzufügen. Wir werden ein bisschen Code eingeben, aber keine Sorge, Sie müssen nicht alles eingeben da es einige Dropdowns geben wird Es wird etwas Hilfe von After Effects geben. Was ich normalerweise mache, ist, wie ich Ihnen zeigen werde, dass ich anfange, den Code einzugeben. Und wenn die Drop-down-Menüs erscheinen, wähle ich die Optionen mit der Tastatur mit dem Abwärtspfeil aus und verwende dann Enteky, um sie zu akzeptieren Das alles kann also gemacht werden, ohne die Maus zu berühren Dieser Teil der Übung Also hier ist, was wir tun werden. Also leg die Ersole ans Ende Geben Sie Punkt und dann VA ein und Sie erhalten ein Drop-down-Menü, wir suchen nach einem Wert Sobald Sie also VA eingegeben haben, können Sie einfach die Eingabetaste auf Ihrer Tastatur drücken. Okay. Dann nochmal Punkt. An F. Wir suchen nach zwei reparierten. Und wieder können Sie einfach NT auf einer Tastatur drücken. Oder Sie können auf diesen hervorgehobenen Code doppelklicken , wenn Sie dies bevorzugen. Ich drücke einfach die Eingabetaste. Wert zwei behoben. Oh fertig, keine Sorge. Entschuldigung, hier noch ein Element. Wir setzen hier eine Null zwischen die Klammern. Okay. Und das wird alle Dezimalstellen entfernen. Lassen Sie uns eine Vorschau anzeigen und jetzt ein bisschen mehr erklären. Drücken Sie nicht die Eingabetaste, da dadurch eine neue Codezeile erstellt würde. Klicken Sie einfach weg, um die Auswahl aufzuheben Und jetzt bekommen Sie hier nur ganze Zahlen, nur ganze Zahlen. Wie cool ist das? Okay? Die Null, die wir hier am Ende eingegeben haben , lass mich einfach damit aufhören und einen Cursor hierher setzen Also diese Null haben wir hier eingegeben. Das ist die Anzahl der Dezimalstellen. Wenn Sie also einige Dezimalstellen benötigen, können Sie eins für ein Dezimalzeichen, zwei für zwei Dezimalstellen usw. eingeben . Das kann manchmal nützlich sein. Wenn wir Statistiken mit den Prozentsätzen 0-100% sagen, möchten Sie vielleicht 27,25 Sie können also zwei in der Klammer machen. In diesem Fall Eins, Null, es gibt keine Dezimalstellen, okay? Richtig. Jetzt machen wir eine weitere Textebene, aber ich dachte, wir könnten vielleicht so etwas wie eine Aufgabe machen. Also hier ist, was wir tun können. Äh, lass uns im nächsten Video darüber sprechen. Also lass es einfach offen und lass mich im nächsten Video eine Aufgabe mit dir teilen. Es ist nicht zu sicher, man weiß nie , ob hier alles gespeichert ist. Okay? Und das werde ich im nächsten Video sehen. 7. Eine andere Textebenen-Ausdruck: Willkommen zurück. Bei dem Ausdruck den wir im letzten Video gemacht haben, ist es dieser hier, bei dem sich die Zahlen ändern, und es gibt keine Dezimalstellen wir werden die Dezimalstellen auch hier entfernen. Ich würde nicht hinzufügen Nun, Sie können es nicht genau bestimmen, wenn Sie möchten, aber ich möchte, dass sich die Zahlen in konstantem Tempo ändern. Und ich dachte, was wir tun könnten, um diese Übung, diese Komposition zu beenden , könnten wir , also wenn Sie es alleine machen wollen , könnten Sie vielleicht versuchen, es selbst zu machen. Falls nicht, zeige ich dir hier noch einmal , wie man diese Animation macht. Wenn Sie möchten, können Sie in dieser Phase eine Pause einlegen und dann die Ebene erstellen. Und dann können Sie sehen, ob Sie es alleine schaffen können. Sei also eine gute Übung für dich wenn du Lust auf eine kleine Herausforderung hast. Wenn nicht, lassen Sie mich Ihnen zeigen, wie wir einen weiteren genauso machen können wie den vorherigen. Schieben Sie also die Textebene, Ebene 18. Wir überlagern hier steht Nummer 18. Effekt, Expression-Einstellungen, Slider-Steuerung. Auf Ebene 18 werden wir die Ebene öffnen. Wir werden Text öffnen. Ich werde gedrückt halten, auf die Stoppuhr für den Quelltext klicken, auf PiquipHLD klicken, es in das Effekteinstellungsfenster ziehen, es auf die Slider-Eigenschaft legen, weil wir wissen, dass wir diese Dezimalstellen bekommen, und wir müssen Wir können es jetzt machen. Also kann ich Va-Wert TOF auf einen festen Wert von Null setzen Ich klicke einfach weg. Ein Punkt-Keyframe. Also müssen wir überprüfen, wo sich die Keyframes für diese Animation befinden Dies ist der erste nach 4 Sekunden. den Schieberegler ein Keyframe ein, lassen Sie ihn auf Null stehen, und der nächste Keyframe liegt bei 5 Sekunden, und hier ändert sich die Zahl auf 18. Also speichern wir es einfach und zeigen es dann in der Vorschau an. Ich werde noch eine Änderung an den anderen Zahlen vornehmen, der, die wir gerade animiert Da der Schieberegler, der Balken, der rote bei mir, später animiert wird und er am Anfang nicht sichtbar ist, möchte ich dasselbe auch für die Zahlen tun Ich möchte noch nicht, dass sie hier sichtbar sind. Diese Zahlen sind hier drin, okay? Also werde ich dir im nächsten Video hier eine schnelle Technik zeigen . Stellen Sie nur sicher, dass die Zahlen vorerst wie erwartet animiert werden , und wir werden das als Nächstes korrigieren 8. Beende dein Projekt: Fortsetzung des vorherigen Videos, also haben wir beide Zahlen jetzt animiert. Ich meine, beide Zahlenreihen, 11, 57 und 18, wir haben diesen Bus auch animiert. diese Animation angeht, wo es zwischen 0 und 18 geht , oder die zweite Animation, welche auch immer Ihre zweite Animation ist, sieht meiner Meinung nach nicht ganz richtig aus, wenn die Null am Anfang Ich denke nur, vielleicht sollte es von Anfang an gar nicht da sein, als ob dieser rote Balken den ersten Sekunden nicht da ist, okay? Zoome einfach da raus. Wir könnten also diese Ebene mit den Zahlen erstellen. Erscheint kurz bevor es mit der Animation beginnt. Das ist wirklich einfach , weil wir die Textebene einfach zuschneiden können Textebene einfach zuschneiden Also diese Ebene ausgewählt. Wenn Sie sich die Timeline ansehen, ist dies die Ebene, Ebene 18. Okay? Wir haben diesen Balken hier, also werden wir ihn kürzen. Nehmen wir an, die Animation beginnt nach 4 Sekunden. Ich werde vielleicht eine halbe Sekunde früher erscheinen. Also werde ich hier reinklicken und 312 machen. Das sind 3,5 Sekunden. Okay. Und dann schneiden wir diese Schicht ab. Das ist der eine. Auch hier gilt: Wenn Sie die Shift-Taste gedrückt halten, die das Einrasten aktiviert, wird es einfach so einrasten Diese Zahl erscheint also in den ersten 3,5 Sekunden nicht . Sie erscheint später. Ich finde, das sieht besser aus als das andere, okay? Das ist also diese Animation wir gearbeitet haben. Aber mach dir keine Sorgen. Ich habe noch ein Projekt, bei dem es eigentlich weitere Komposition sein wird, aber mal sehen, noch ein Projekt , an dem wir arbeiten müssen, wo wir wieder Zahlen animieren lassen noch ein Projekt , an dem wir arbeiten müssen werden, aber wir werden auch diesen Kreis animieren lassen Du wirst schon sehen. Das ist also diese Übung hier. Das ist unser erster Test. Ich mache ein weiteres Video, um es offen zu halten, und wir werden im nächsten Video noch eins machen 9. Neu – Kredit-Score: Willkommen zurück zu einem zweiten Projekt, an dem wir arbeiten werden. Ich meine, dieselbe Projektdatei, eine andere Komposition, aber ich würde sagen, ein zweites Projekt, weil das ein anderes sein wird, okay? Also werden wir hier eine neue Komposition machen. Und ein Beispiel, das ich hier verwenden werde , ist, wenn Sie sich anmelden, um zu sagen, dass Sie Ihre Kreditwürdigkeit überprüfen möchten. Hier in Großbritannien wäre ein Beispiel Clear Score, und sie zeigen Ihnen die Zahl mit einem Kredit-Score von 1.000. Das könnten Prozentsätze sein , wenn Sie möchten. Wir könnten sogar Prozentsätze machen. Und ein kreisförmiges Element drum herum. Okay? Also nenne ich es zum Beispiel Kredit-Score höher. Nehmen wir an, das wäre wie ein Modell für eine mobile App. Die Voreinstellung wird also für die Vertikale gelten. Sagen wir also, entscheiden Sie sich für Full-HD, Vertikal, Social Media, Portrait-HD. Ich werde das Fragment einfach wie gewohnt wieder auf 24 ändern . Okay? Und oh, klick, okay. Dadurch wird hier etwas Text hinzugefügt. Also oben, ich gebe einfach deine Kreditwürdigkeit ein, okay. Und das wird Melone sein, nur ein bisschen dünner wird, okay Und vielleicht nicht schwarz. Geben wir ihm etwas Farbe. Vielleicht etwas Dunkleres. Okay. Dann setzen wir eine große Zahl in die Mitte. Ich verwende den Prozentsatz als Beispiel, das Prozentsymbol separat und die Zahl separat. Also tippe, wir werden hier etwas Text einfügen. Nehmen wir an, wir können etwas Ungewöhnliches tun, nicht etwa 80 oder 60% Also werde ich vielleicht, sagen wir, 77 als eine Schicht und viel mehr als das machen. Ja. Ich möchte, dass es schön und groß ist. Für den Prozentsatz nehmen wir noch einen. Also werde ich diese Ebene duplizieren. Also kontrolliere einen Kommandanten. Ich werde es bewegen Ups. Ich will es nur bewegen Jetzt geht's los. Und das wird prozentual sein. Okay? Lass mich näher heranzoomen. Also diese beiden zusammen, idealerweise, sagen wir, horizontal, vertikal in der Mitte . Mal sehen, was es ist. Vielleicht ein bisschen zu niedrig. Also, ja, ich werde es ein bisschen höher und ein bisschen nach links bewegen , und dieser kommt gleich daneben. Dann kriegen wir ein paar Anfälle, okay? Die Venus scheint nur ein kleines bisschen tiefer zu gehen. Das Hoch. Also hol dir so etwas mit dem Prozentsatz. Okay? Jetzt werden wir schnell die Zahlen analysieren wie man das aus den vorherigen Videos macht also die Textebene ausgewählt haben, gehen wir zu Effekt, Ausdruckssteuerung und Schiebereglersteuerung Dadurch wird die Ebene in einer Zeitleiste geöffnet, Text geöffnet Alt-Taste auf den Quelltext geklickt, um einen Ausdruck hinzuzufügen. Klicken Sie auf das Pique-Symbol, klicken Sie auf die Slider-Eigenschaft und legen Sie es dort ab Wir fügen hier Punkt-VA-Wert TOF zur festen Null zwischen den Ich klicke auf „Abwesend“ und setze den Schiebereglereffekt von Null am Anfang ab Ich gebe ihm ein paar Sekunden. Sagen wir, vielleicht 4 Sekunden, und ich habe 77 gemacht. Also nimm so etwas. Okay. Lass es uns ein bisschen kürzer machen. Also mache ich diesen Komp, sagen wir mal 5 Sekunden und für das Ende des Arbeitsbereichs Das wissen wir bisher. Prozentsätze ändern sich nicht, sie bleiben wie sie sind, okay? Aber was diesmal anders sein wird, ist dieser animierte Kreis drum herum, sich nach und nach offenbaren wird. Okay? Also, sobald wir das haben, werden wir diesen Kreis im nächsten Video machen. Also lass es offen. Ich werde im nächsten Video weitermachen. 10. Einen animierten Kreis hinzufügen: Okay, also Fortsetzung des vorherigen Videos. Fügen wir einen großen Kreis als Formebene hinzu. Also ich mag diese Ebene nicht, wir nehmen sie auf einen Lippenhocker und zeichnen einen Kreis. Was wir wollen, nur damit du es weißt, ist, dass wir einen großen Kreis wollen, der sich um die Zahlen dreht. Also werde ich klicken und ziehen und dabei die Umschalttaste gedrückt halten. Es ist also ein perfekter Kreis. Das muss gut gehen, es spielt keine Rolle, ob es nach oben oder unten geht , denn was wir hier haben werden, lassen Sie mich einfach die Maustaste loslassen. Was wir hier haben werden, ist der große Kreis mit einem großen, fetten Strich und ohne Füllung. Okay? Lass mich einfach das Auswahlwerkzeug benutzen oder die Füllung auf nichts setzen. Schön, also fülle die Optionen aus. Keine Füllung, und wir wollen einen Strich, einen wirklich dicken, sagen wir, sagen wir, ich mache 100 Pixel. Ich möchte ihm eine andere Farbe geben, also mach es rot, okay? Und benutze das Ausrichtungspanel , um es auch auszurichten. Okay. Stimmt, äh? Hmm. Es spielt keine Rolle, ob es oben oder unten ist. Ich werde auch diese Ebene einfach umbenennen. Das ist also der Kreis. Okay. Jetzt wollen wir diesen Kreis. Wir wollen also einen Kreis mit einem großen, fetten Strich und ohne Füllung, okay? Ich meine, du könntest eine Füllung haben, wenn du willst, aber du musst dieselbe Farbe wie der Hintergrund haben, weil wir sie nicht sehen wollen, okay? Und wenn wir einen Kreis mit einem Strich und ohne Füllung haben, spielt es keine Rolle, ob er über oder unter Ihren Zahlen liegt. Okay? Also in diesem Fall ist es auf der obersten Schicht, das ist okay. Es spielt keine Rolle. Um es erscheinen zu lassen, wird es sich Stück für Stück offenbaren und es wird sich im Uhrzeigersinn so offenbaren Weil ich am Ende 77% habe. Das wird sich irgendwo hier zeigen , weil es 75% sein werden. Irgendwo hier werden es 77 sein. müssen wir uns keine Sorgen machen, denn wir können es auf 77% bringen. Und dafür brauchen wir einen Effekt. In diesem Fall wird dies kein Ausdruck sein. In diesem Fall wird das ein Effekt sein, okay? Und wir werden es im nächsten Video machen. Also lass es offen und wir werden diese Enthüllung im nächsten Video machen. Wir werden es in der Zwischenzeit speichern und wir sehen uns im nächsten Video. 11. Animierte Kreis-Enthüllung: Okay, Fortsetzung des vorherigen Videos zu diesem Kreis hier. Winde einen Effekt dazu auf. Wenn Sie also zu Fenstereffekten und Preset wechseln, geht das einfach schneller, weil wir das Bedienfeld „Ineffekte und Voreinstellungen“ durchsuchen können Und was wir suchen , ist radiales Wischen. Wenn Sie also Radio eingeben, suchen wir nicht nach einer Animationsvorgabe, nein, wir suchen nach dem tatsächlichen Effekt. Der, der sich im Übergang befindet, dieser. Sie können es auch im Effektmenü finden und dann die Ebene ausblenden Sie können auch Effektübergänge und radiales Löschen ausführen. Sobald Sie den Effekt „ Radiales Wischen“ angewendet haben, wechseln Sie zum Bedienfeld „Effekteinstellungen“ und beginnen Sie mit Änderung der Fertigstellung der Übergänge , um zu sehen, was passiert. Du bekommst also so etwas. Okay. Wie cool ist das? Nur um zu erklären, dass radiales Löschen standardmäßig um die Mitte des Computers herum erfolgt. Vielleicht möchten Sie also die Mitte des Wischvorgangs verschieben. Ein Minus scheint okay auszusehen. Allerdings dreht es sich oder enthüllt sich hier, was nicht gerade in der Mitte ist. Also werde ich auf dieses gezogene Symbol klicken, um die Mitte zu löschen. Nur einmal Klicken Sie einmal darauf und bewegen Sie dann den Cursor, indem Sie diese Quadrate zur Ausrichtung verwenden und auch diese. Okay? Die Linie muss also nicht perfekt sein, aber das reicht. Und ich klicke einfach einmal, um das Wipe-Zentrum zu verschieben, okay. Was den Abschluss des Übergangs im Moment angeht, er lässt ihn tatsächlich verschwinden, okay? Also hier ist, was wir tun müssen. Ändern Sie hier den Wischvorgang auf gegen den Uhrzeigersinn. Versuchen Sie erneut, den Übergang abzuschließen. Okay? Nun, nicht gerade das, was wir müssen, aber hier ist, was wir als Nächstes tun werden. Abschluss des Übergangs. Wir werden es zunächst auf 100% einstellen. Okay. Und wir werden es entscheidend gestalten. Aber lassen Sie uns sicherstellen, dass unsere CTI dort ist, wo die Animation beginnt Am Anfang werden wir also wahrscheinlich den Abschluss des Übergangs mit Keyframes versehen Verschieben Sie dann Ihre CTI an die Stelle, an der die Animation in Ihrer Timeline endet Und meins ist hier nach 4 Sekunden fertig . Und jetzt nehmen wir 100 und ziehen die Zahl ab, die Sie hier haben. Ich habe 77. Ich gebe also 23 ein. Und das sind 77%. Wie cool ist das? Und jetzt bekommen wir so etwas. Sie können es für alle Arten von Animationen verwenden , wann immer Sie möchten eine Kreis- oder Ellipsenform In diesem Fall zeigt sich eine Kreis- oder Ellipsenform Stück Denken Sie daran, am Ende des Übergangs etwas zu rechnen, 100 zu nehmen und die gewünschte Zahl zu subtrahieren. Also subtrahiere ich 77 100 -77 ist 23. Und das sind genau 77%. Dies sind wirklich beliebte Techniken und beliebte Ausdrücke in allen Arten von animierten Infografiken Sie sind großartig und du kannst sie hier für alle möglichen Dinge verwenden für alle möglichen Dinge Okay. Ich hoffe es hat dir gefallen. Danke, dass du zu mir gekommen bist. Danke, dass du dir diese Videos mit mir angesehen hast. Wenn du Fragen hast, lass es mich wissen und schau dir auch meine anderen Kurse an. Andere After Effects-Kurse oder Primi-Pro-Kurse finden Sie hier ebenfalls Und lassen Sie mich wissen, ob es spezielle Dinge gibt , die ich behandeln soll, damit ich hier einige andere Kurse für Sie machen kann Also danke fürs Zuschauen. Ich bin Mark Machik und Enjoy.