Einführung in die Erstellung von UI-Animationen für Anfänger.

1. Intro: Hallo zusammen, und willkommen zu unserem Lottiefiles You Anfängerkurs Bevor wir mit dem Kurs beginnen, möchte ich mich zunächst vorstellen. Ich bin Bolt Bite und mache seit ungefähr zwei Jahren Lottieanimationen Ich habe über 100 Animationen erstellt, wie du hier auf meinem Profil sehen kannst. Und ich bin einer der Top-Entwickler von Ratifies Platform. Und ich bin auch offizieller Gewinner des Lottiefiles-Turniers Meine Animation wurde auf der ganzen Welt über 20.000 Mal heruntergeladen. Und in diesem Kurs werde ich Ihnen beibringen, wie Sie Ihre eigene erste Lottie-Animation erstellen und sich darauf einlassen können 2. Kurs 01: Was ist Lottiefiles? Welche Anwendungen hat es?: Willkommen bei Cover First-Class. Okay, in diesem Kurs werden wir uns also zuerst ansehen, was eigentlich Lottieanimationen sind und warum wir uns überhaupt die Mühe machen, sie zu lernen Also hier sind wir auf lottiefiles.com. Und wie wir sehen können, sind das Erste, was wir auf der Seite sehen , Staaten als leichte, leichte, skalierbare Animationen für deine Hunde und Pitches, Websites und mobile Apps oder Apps und Werbung und soziale Medien und alles. Der wichtigste Teil sind also die Website und die mobilen Apps. Okay, lassen Sie mich Ihnen sagen, wie und warum. Schauen wir uns hier zunächst an, wie viele große Unternehmen mit Lottie-Animationen arbeiten mit Lottie-Animationen arbeiten Wie Sie hier sehen können. Was macht Lottie eigentlich? Schauen wir uns das einfach hier an. Hier steht der neue Industriestandard. Lass uns einfach sehen. Wie Sie sehen können, gibt es eine Animation im GIF-Format, die 598 KB Kilobyte groß ist Und es gibt eine Lottie yes Animation, die 66 KB Kilobyte groß ist, und es gibt Lottie Also im Grunde genommen bei neun Prozent geringer Dateigröße. Sagen wir einfach, wir sollten einen AP erstellen und darin waren zehn Animationen enthalten. Warum sollten wir also versuchen, uns die Mühe zu machen und Lottieanimationen zu erstellen Und der Grund dafür ist, sagen wir einfach, wenn die Animation 600 kB groß ist und wir sie mit zehn multiplizieren, daraus 6.000 Kb, werden daraus 6.000 Kb, was sich in 1024 teilt, denn das entspricht einem MB Es wird 5,8 und b's, richtig. Das sind also wirklich riesige Dateigrößen , die zu mobilen Apps hinzugefügt werden. Und Entwickler wollen nicht, dass das passiert. Die Entwickler wollen nicht, dass das passiert, dass die Dateigröße von Anwendungen einfach aufgrund von Animationen größer wird. Das ist kein wirklich guter Ansatz. Und dafür gibt es mehrere Gründe. Nicht nur die Dateigröße, lassen Sie uns auch darauf eingehen. Sagen wir einfach , dass es stattdessen 66 Krätze-Animationen gab, aber es waren zehn Das werden also nur 660 KB sein, was weniger als ein MB ist. Es gibt also Apps wie Duolingo und Duolingo wird hier auch besonders erwähnt Weil Duolingo viele Lottieanimationen verwendet. Wenn sie GIF- oder GIF-Animationen verwenden sollten, werden die Apps doppelt oder dreifach groß sein. Es ist wirklich wichtig, dass wir das auch berücksichtigen. Also, und die Verwendung von Lottieanimationen bietet mehrere Vorteile Alles, obwohl es auch einige Vorteile gibt. Und darauf werden wir auch sehr bald eingehen. Okay, lassen Sie uns einfach unseren Adobe Illustrator ganz schnell starten Und lassen Sie mich Ihnen nur zeigen, was ich genau mit Vorteilen meine? Wie Sie hier sehen können, handelt es sich um leichte, skalierbare Animationen für Ihre Apps und Websites. Was bedeutet skalierbares Licht mit Animationen. Okay, eine skalierbare Animation bedeutet also im Grunde, was es bedeutet, ist, dass ich es dir einfach sehr schnell zeige. Okay? Wie Sie hier sehen können, gibt es, wie Sie vielleicht wissen, zwei Arten von Bildern . Eines davon ist ein Rasterbild. Was ist also im Grunde ein Rasterbild? Sie auch sehr schnell darauf ein, indem Sie einfach in den heruntergeladenen Ordner gehen und wir werden diese Sammlung öffnen. Es gibt eine JPEG-Datei. Ziehen Sie das in unsere Software. Okay, also hier ist unsere Akte und lass uns einfach zur Seite gehen, okay. Wenn wir also versuchen, in die Datei zu zoomen, wird sie, wie Sie sehen, einfach richtig pixelig und verschwommen Also im Grunde genommen, JPEG und PNG, all diese Formate sind auf Rasterbildern basierende Formate Es gibt jedoch ein anderes Format, das als Vektorformat bekannt in dem wir die Datei vergrößern. Die Datei wird nicht verschwommen. Jetzt wirst du, du denkst vielleicht , warum passiert das? Tatsächlich liegt der Grund dafür darin, dass das Vektorformat auf der Grundlage einer Pfadlinie zwischen 0,8, zwischen Punkt A und Punkt B arbeitet der Grundlage einer Pfadlinie zwischen 0,8, zwischen Punkt A und Punkt B wohingegen die Pixel meine nicht belasten vektorbasierten Format bestimmten Pixel die Rasterbilder, die üblicherweise von Kameras aufgenommen werden Okay, also behalte das bitte im Hinterkopf. Also, ja. Im Grunde gibt es also Vorteile. Es kann vorkommen, dass Sie Animationen für mobile Apps erstellen , die dann entweder auf diesen Bildschirmen oder vielleicht auf riesigen Bildschirmen oder vielleicht auf mobilen Tablets angezeigt werden diesen Bildschirmen oder vielleicht auf riesigen Bildschirmen oder vielleicht . Im Grunde müssen Sie also nicht darüber nachdenken , Kunden unterschiedliche Dateigrößen zuzuweisen. Sie müssen ihnen nur eine Einheitsgröße geben und sie können sie einfach so vergrößern. Es ist, als würde ich das hochskalieren. Wie Sie sehen, wird es nicht richtig. Aber wenn es eine GIF-Animation wäre, verschwimmt sie und es Pixel und eine wirklich schlammige Wie Sie hier sehen können, wird diese Animation verschwommen, oder? Es ist also kein wirklich effizienter Weg. Und das Überraschende ist , dass die größere Größe für das GIF-Format gilt, das kleiner sein sollte, oder? Aber so ist es nicht. Warum passiert das? Der Grund dafür ist eigentlich, dass die Lottie-Animation im Grunde genommen einer Datei entspricht Es ist im Grunde eine JavaScript-JSON-Datei. Es wandelt die Animation also im Grunde in Codierung um. Und so funktionieren die Lottie-Animationen. Im Grunde wird das Vektorformat also durch Codierung übertragen. Und in der nächsten Lektion werden wir lernen, wie Lottiefiles integriert werden können und wie wir sie für unsere Vorteile nutzen können 3. Kurs 02: Nützlichkeit von Lottiefiles Tools zur Lottie-Erstellung.: Okay, wir sind wieder da und gehen wir einfach zum Tab Integration. Und lassen Sie uns einfach auf Alle Lot-Integrationen und Plug-ins erkunden klicken Lot-Integrationen und Plug-ins Ihren Motion-Design-Workflow Okay, Entschuldigung, vereinfache deinen Motion-Design-Workflow. Scrollen wir also einfach nach unten und sehen, was die Lottie zu bieten hat Lottie Integrations und Begginer's for sind Okay, schauen wir uns das an. Okay, wie Sie sehen können, gibt es so viele Tools die zum Erstellen von Lottieanimationen verwendet werden Und in diesem Kurs werden wir Adobe After Effects verwenden , um Lottie-Animationen zu erstellen. Jetzt fragen Sie mich vielleicht, warum wir keine andere Software verwenden? Und die Gründe sind wirklich sehr klar und ich werde Ihnen jetzt sagen , was diese Gründe sind Öffnen wir jedes Tool in einem anderen Tab. Und lassen Sie uns sie einfach ganz schnell vergleichen. Okay, lassen wir Adobe After Effects vorerst stehen. Und das ist für alle Fälle, leistungsstarke Lottieanimationen in Figma. Wir glauben, dass UI-Animationen sollten wir dort erstellen, wo Sie sie entwerfen, nicht in einer externen Software? Zunächst einmal stimme ich dieser Meinung überhaupt nicht zu, da das Design danach einen anderen Zweck hat und die Animationssoftware einen anderen Zweck hat Konstruktionssoftware kann beide Aufgaben nicht sehr intuitiv erledigen. Und ich empfehle es nicht, weil die Industriestandards so nicht funktionieren. Die großen Unternehmen arbeiten nicht so. Und Profis arbeiten nicht so. Da erfahrene Animatoren professionelle Animationstools verwenden , um wirklich gute Animationen zu erstellen, werden sie keine Designtools verwenden Sie also bitte daran , dass ich versuche, Figma-Plugins nicht zum Erstellen von Lottieanimationen zu verwenden Es ist einfach nicht hilfreich. Und du kannst Figma jetzt wirklich auch verwenden, um Lottieanimationen zu erstellen Aber ich kann es auch nicht wirklich empfehlen, da es nicht viel kreativen Freiraum gibt , wenn es darum geht, die Keyframes zu lockern Weil Figma kein I'm Speed Graph oder Wertediagramme anbietet und im Grunde genommen eine Basiskurvenlinie bereitstellt Im Grunde genommen ist es das, was Sie kontrollieren können. Sie haben nicht bei jedem Keyframe Gestaltungsspielraum und können damit keine komplexen Bewegungen erstellen Bitte behalte das im Hinterkopf. Lassen wir das einfach aus der Auktion raus. Leistungsstarke 2D-Animationssoftware für Mac und Windows. Jetzt heißt es, los geht's, es ist kostenlos. Gehen wir nun zur Preisgestaltung. Sektionsdollar pro Monat. Jährlich abrechnen. Die Preise verstehen sich exklusive Steuern und der Download ist kostenlos und für immer kostenlos, keine Kreditberatung erforderlich Also ja, sieh dir einfach Lernen an. Okay, vergessen wir es einfach und gehen zum Feature-Design, zur Echtzeitbeleuchtung, die wir uns ansehen können. Sache mit Bertrand ist, dass du dich darauf konzentrieren wirst, kreativ zu sein Einfache Versionierung, okay, das ist gut. Kreatives Programm. Ich glaube, das bringt keinen Mehrwert. Der gesamte Arbeitsablauf geht nahtlos von der Grafik Und wir werden am besten auf der Grundlage nativer Funktionen arbeiten. Wir kontrollieren Gummischlauchverbindung, Shares, Farbpaletten, Magie, Alterung, Textanimation, Duplikate, Dateneingabe Lottie Expert ist bewiesen. Also zahlen wir Geld für Dynamics-Follow-ups, Quad Tree. Okay, also da, es gibt einige wirklich gute Funktionen. Wir können einige Rigg-Steuerungen hinzufügen und wir können auch einen Gummischlauch verwenden. Die Verwendung der Software hat jedoch einen Nachteil. Es wird Zeiten geben, in denen Sie den Kunden Quelldateien zur Verfügung stellen müssen . Und wie wir alle wissen, ist Cavalry derzeit nicht die bekannteste Software zum Erstellen von UI-Animationen Aber Adobe After Effects hat ein wirklich gutes Franchise, wenn es darum geht, mehrere Dinge zu erstellen. Ebenfalls. Eine weitere Sache, die Sie beachten sollten, ist , dass Kunden Sie manchmal bitten ihnen die Quelldatei des Projekts zu geben. Und wenn du ihm sagst, dass du Kavallerie geschaffen hast und sie es vielleicht nicht wirklich gut bearbeiten können Und sie richten sich danach , wann sie ein zusätzliches Abonnement erwerben müssen . Weil Adobe von Tausenden oder Millionen von Menschen auf der ganzen Welt gekauft wurde . Es wird den Kunden also nicht stören, sie zu bearbeiten. Oder vielleicht möchten sie ihre Freunde bitten, es zu bearbeiten oder vielleicht jemanden einzustellen. Und wahrscheinlich haben auch andere Entwickler mehr Chancen, ein Abonnement von Adobe After Effects zu haben, anstatt ein Abonnement für Kavallerie Aus diesen Gründen sollten Sie bedenken, dass wir unseren Kunden Dienstleistungen anbieten werden. Bitte behalte das im Hinterkopf. Und auch ein wichtiger Grund. Ein weiterer Grund ist , dass Sie in After Effects auch verschiedene andere Arbeiten ausführen können. Du wirst Erklärvideos erstellen. Sie können mehrere Arten von Arbeit erledigen. Aber in der Kavallerie kannst du solche Dinge nicht tun. Okay? Es wird also Ihre Kreativität auf diese Weise einschränken. Okay, lassen Sie uns weitermachen bevorzugen oder Motion Design in Reichweite bringen. Wie Sie sehen, bietet es Ihnen auch kein Wertdiagramm. Im Grunde müssen Sie jeden einzelnen Keyframe auswählen und dann animieren, das ist einfach Im Grunde genommen können Sie einfach zwei Keyframes auswählen und sie dann vereinfachen. Sie müssen separat an ihnen arbeiten, oder Sie können von hier aus einfach die beiden Optionen verwenden , um die Animation zu erstellen. Aber ich denke nicht , dass es wirklich hilfreich ist, weil Sie mehrere Eigenschaften verwenden und replizieren werden Das geht nicht wirklich schnell, wie wir es vergleichsweise in Adobe After Effects tun können . Es gibt mehrere Plug-ins, die After Effects zu bieten hat, aber diese Tools bieten sie nicht an. Schauen wir uns auch die Preise an. Pro Monat fallen 12$ Spermien pro Jahr an, nur 56$. Dfp ist Export. Und Sie können Lottie auch kostenlos exportieren Lottie auch kostenlos Und die Animation kann bis zu dreißig Sekunden dauern. Dreißig Sekunden sind ein wirklich toller Zeitplan. Und Sie können wirklich versuchen, dieses Tool zu verwenden. Aber auch hier wird das Problem mit der Quelldatei da sein. Wenn der Kunde Sie danach fragt, Sie ihm möglicherweise keine zufriedenstellende Antwort geben. Bitte behalte das im Hinterkopf. Du kannst weitermachen und es benutzen. Aber wie Sie sehen können, schauen Sie sich einfach die Lernplattform an. Wie Sie sehen können, sind nicht viele Quellen verfügbar. Sie können sich auf YouTube auch Tausende von Tutorials für After Effects ansehen. Es wird also mehr, ein zugänglicheres und einfacheres Tool geben, mit dem man arbeiten kann. Meiner Meinung nach kann ich die Verwendung von After Effects auf jeden Fall empfehlen. Wegen seiner enormen Vorteile. You Effects Animation Für Designer und entsprechend Glucuronid, okay, dieser Film heißt Flow, hat aber einige Das Hauptproblem ist das perfektionierte Motion-Design Erstellen Sie komplexe Animationen und interaktive Elemente mithilfe von Ebenen und Eigenschaften, nicht mit Keyframes Im Grunde werden wir also keine Keyframes hinzufügen. Wir werden Codierung verwenden. Aber das ist die Aufgabe eines Entwicklers, kein Job eines Animators, oder? Also lass es uns jetzt einfach überspringen. Und dieses Tool heißt Black Sinemet. Ähm, ich glaube nicht wirklich, dass es das bieten wird, wonach wir suchen, weil die Einschränkung darin besteht , nur Animationen bereitzustellen. Und das ist wirklich kein guter Weg, eine weichere zu wählen, nur weil wir daraus nur Animationen erstellen, geben oder Lottieanimationen daraus erstellen können Animationen erstellen, geben oder Lottieanimationen daraus Also ja, das glaube ich nicht, weil es Zeiten geben wird, in denen die Kunden Sie bitten werden , einige wirklich komplexe Animationen zu erstellen. Es kann vorkommen, dass der Kunde Sie um etwas anderes bittet, sodass Sie es bei diesem Büro möglicherweise schwieriger haben, als dies in Adobe After Effects zu tun. Und das Erlernen von Adobe After Effects ist für Sie oder auch für andere Fähigkeiten sehr hilfreich. Denn Sie werden es sein, Sie werden in der Lage sein, verschiedene Arten von Projekten durchzuführen , wenn Sie Adobe After Effects gelernt haben. Also ja, es bietet im Grunde einen Bonus da Lottie-Animationen auch in After Effects erstellt werden Also, ja, das würde ich auf jeden Fall empfehlen, die ich auf jeden Fall After Effects empfehlen werde. Schauen wir uns einfach den Animator von Cu an. Wie Sie sehen, passt Motion Design zum Arbeitsablauf Ihres Teams. Wie Sie hier sehen können, müssen Sie grundsätzlich wahre oder falsche Befehle hinzufügen. Ich meine, es ist nicht wirklich schwierig, aber es ist immer noch ein bisschen schwierig, es zu benutzen, wenn Sie ein Motion-Designer sind, weil Sie kein Programmierer sind, oder? Also, ja, ich kann diesen auch nicht wirklich empfehlen. Das gibt es in Inkscape und es hat einige wirklich große Probleme denn wie Sie hier sehen können, gibt es jetzt ein Video-Tutorial zur Verwendung dieser Erweiterung, das bereits existiert, Dorian hat keinen Wert Es gibt also im Grunde keine riesige Community, die dir beibringt, wie man Dinge erledigt. Okay, der nächste ist Jitter. Jitter bietet grundsätzlich viele Vorlagen, mit denen Sie Animationen erstellen können Aber wenn der Kunde zu Ihnen kommt und Sie bittet benutzerdefinierte Animationen für ihn zu erstellen, könnten Sie in Schwierigkeiten geraten. Ich denke also, Sie sollten in der Lage sein, um die Ecke zu denken und selbst etwas Tolles zu schaffen. Also, ja, das empfehle ich auch nicht. Machen Sie weiter und überprüfen Sie die T-Form. Und jetzt ist der Schlüssel hier wirklich nutzlos, denn beim Kauf im Mac App Store ist das größte Problem nur der Mac App Store. Eine weitere Ausgabe ist nur in bestimmten Ländern verfügbar. Es besteht also die Möglichkeit, dass sich Ihr Kunde in einem der Länder befindet, in denen dies nicht erlaubt ist. Also überhaupt nicht gut. Okay, lassen wir es einfach außen vor. Und Adobe Animate wird hauptsächlich nur für Frame-by-Frame-Animationen verwendet Und das wollen wir in diesem Kurs tun. Vielleicht ist es ein Thema für einen anderen Tag oder vielleicht, wenn Sie etwas Ähnliches wie Animate erstellen und versuchen, einige wirklich komplexe Animationen zu erstellen mit denen Sie in Adobe After Effects nicht fertig werden können Nur dann brauchst du das, um zu funktionieren. Okay? Also, und bitte bedenkt auch, dass es so viele Integrationen gibt , aber nur lottiefiles hat eine eigene Seite für After Effects erstellt Dafür muss es also einen Grund geben, oder? Wie Sie sehen, erstellen Sie mit dem Lottiefiles-Plug-In für Adobe After Effects eine atemberaubende Animation Lottiefiles-Plug-In für Adobe After Effects Sie haben auch ein spezielles Plugin für After Effects erstellt . Im Grunde ziehen sie es also auch vor , dass ihre Benutzer After Effects für die Erstellung von Animationen verwenden . Im Grunde können Sie Ihre Animationen in After Effects testen , ohne sie hochzuladen , was wirklich gut ist Es gibt also Gründe, dies in After Effects zu tun, okay? Im Grunde musst du jetzt einfach eine Plugin-Datei herunterladen und dann kannst du sie einfach sehr schnell installieren. Ich habe dieses Plugin bereits installiert, also werde ich es nicht einfach noch einmal installieren. Deshalb werde ich mich in der nächsten Lektion wieder mit Ihnen in Verbindung setzen, in der wir die unterstützten Funktionen besprechen und lernen, wie Sie loslegen können 4. Kurs 03: Website für Designs. Arrangiere Artwork.: Okay, wir sind wieder da. Und wie Sie sehen, ist auf meinem Bildschirm eine Website geöffnet. Und es heißt kostenlose Illustrationen XYZ. Und hier ist eine weitere Website , die ich sehr empfehlen kann. Es ist kostenlos take.com. Ich möchte, dass Sie sich auf der Website anmelden. Ich würde Ihnen empfehlen , das Abonnement zu kaufen Wenn Sie sich das nicht leisten können, können Sie einfach auf den kostenlosen Filter klicken. Und die dritte Website ist vector for free.com. Sie können diese drei Websites verwenden, wenn Sie keine eigenen Designs erstellen können. Denn eigene, wirklich gute Designs zu bewerten, erfordert viele Jahre Erfahrung und es wird einige Zeit dauern, bis man lernt, wie man diese zeichnet Bitte behalte das im Hinterkopf. Zuallererst. Und das Entwerfen von Logos, Symbolen oder Illustrationen ist eine weitere Kunst für sich, deren Erledigung stundenlange Mühe und jahrelange Arbeit erforderlich sind. Also werden wir unsere Designdateien herunterladen und sie dann animieren. Sie also beim Herunterladen einer Datei daran, dass Sie nur drei Formate verwenden können. Eine davon ist KI, die zweite ist EPS und die dritte ist SVG Bitte verwenden Sie kein anderes Format, da diese Rasterbildelemente enthalten können , genau wie wir sie zuvor besprochen haben Denken Sie also bitte daran , dass wir nur EPS, AI oder SHA-512 verwenden EPS, AI oder SHA-512 Versuchen Sie nun, Figma oder GIF oder diese Dateien herunterzuladen da sie mit LottieAnimationen nicht richtig funktionieren können mit LottieAnimationen nicht richtig funktionieren Und der Zweck der Skalierung der Animationen wird ruiniert , weil die GIF-DJ-Pegs nicht skalierbar sind Und es gibt einige Möglichkeiten, wie wir diese in unsere Lottieanimationen importieren können diese in unsere Lottieanimationen importieren Aber dann werden die Dateigrößen so stark zunehmen und es wird keinen Sinn machen, Lottie-Animationen zu erstellen Also bitte vermeide das. Okay? Also ja, schauen Sie sich einfach um und sehen Sie, worauf wir es abzielen können so dass wir es Mitte des Jahres tun sollten. Als ob es mehrere Ergebnisse gibt, wie wir hier sehen können. Also lass uns einfach etwas von hier auswählen. Okay, dieser hat mir sehr gut gefallen. Das sind wirklich flache Icons und ich würde dieses gerne herunterladen. wir es einfach kostenlos herunter. Öffnen Sie die Datei. Die Datei wird drei Formate enthalten. Höchstwahrscheinlich gibt es Jetpack, das ist EPS, und es gibt KI Also haben wir die AI-Datei geöffnet. Wir werden diesen auswählen und ihn nun kopieren und ein separates, umständliches öffnen Seine Größe beträgt 500.500 Pixel. Okay, also ja, wir zoomen ein bisschen und wir werden die Gruppierung Bitte beachte, dass wir die Grafik in Illustrator organisieren müssen , bevor wir etwas animieren. Grundlegender Verstand. Lassen Sie uns jetzt die einzelnen Ebenen im Hintergrund als separates linkes Medaillon betrachten , indem Sie die Strg-Taste drücken um den Begriff insgesamt zu Sie können es auch trennen. Wenn du das trennen willst. Wenn du willst, mach es separat. Und jetzt: Nachdem dieser Weg gekommen ist, klicken Sie auf Auswahl. Die Ebene ist hier ausgewählt. Ich entsperre jetzt den lila Kreis Also wählst du einfach diese Schicht und triffst auf diese drei Burger-Linien. Dann gehen wir zu dieser Option „In Ebenen freigeben“ -Sequenz über. Es erstellt im Grunde jedes Element in einer separaten Ebene. Im Grunde befindet sich also jedes Element in einer separaten Ebene. Jetzt holen wir es einfach aus der übergeordneten Ebene heraus. Also ist alles für sich. Okay, wir haben die leere Ebene gelöscht. Im Grunde genommen. Jetzt haben wir unseren Daumen in verschiedenen Ebenen und können ihn jetzt animieren Bitte beachten Sie auch, dass wir keine wirklich komplexen Kunstwerke verwenden können. Wir können nur einfache Füllfarben und Formen verwenden. Sie können keine wirklich komplexen Effekte wie 3D oder andere Freiheitsgradienten Weil wir diese Ebenen im Grunde genommen in Adobe After Effects in Formen umwandeln werden. Darauf werden Sie jedoch in einer Minute eingehen. Aber so musst du dein Kunstwerk organisieren. Und jetzt sind wir bereit , dies zu animieren. Okay, wir werden es wissen, speichern Sie unsere Datei. Und es sollte im AAAI-Format sein. Bitte behalte das im Hinterkopf. Versuche, sag nicht zu verwenden, da SVG nicht als Comp importiert werden kann Speichern wir es einfach, indem wir es wie Button nennen und speichern. Okay, die Datei wurde gespeichert. Jetzt gehen wir zu After Effects über und starten die Animation 5. Class 04: Unterstützte Funktionen. Animationserstellung: Okay, wir sind wieder da. Jetzt werden wir unser Design animieren. Also lass uns einfach darauf eingehen. Aber bevor wir mit der Animation beginnen , habe ich das Lottiefiles-Plugin installiert und mich auch in meinem Konto angemeldet Sie können das tun, indem Sie einfach hier klicken. Es wird eine Anmeldeschaltfläche geben und dann müssen Sie sich nur noch im Browser anmelden. Bevor wir also zu einem Meeting kommen, dem Design, müssen wir einige Dinge beachten, bevor wir das tun, und ich werde Sie jetzt einfach durch sie führen . Zuallererst, wie ich dir gesagt habe dass es sich bei diesen Animationen im Grunde genommen Lottieanimationen handelt, sind im Grunde ja und Animationen Also im Grunde codieren sie Dateien, okay? Es gibt also einige Einschränkungen und es gibt einige Dinge , die wir nicht tun können. Und was sind das für Dinge? Nun, es gibt einige wirklich erstaunliche Funktionen von Adobe After Effects, die wir überhaupt nicht nutzen können. Und Sie fragen mich vielleicht, was sind diese Funktionen? Nun, diese Funktionen sind weniger einen Comp zu erstellen und Männer zu assoziieren Dies ist, ein Rechteck zu erstellen. Oder vielleicht, Okay, was wir nicht nutzen können ist einfach in Kraft treten und weniger. Lassen Sie mich Ihnen zeigen , dass wir keinen dieser Effekte verlieren können . Bitte bedenken Sie zunächst, dass wir keinen dieser Effekte verwenden können. Nun, das mag Sie enttäuschen, aber es gibt einige Einschränkungen da das JavaScript nicht weiß, dass es Effekte in After Effects gibt Weil diese Effekte nicht in der Codierung enthalten sind, handelt es sich im Grunde genommen um eine Kreation von Adobe After Effects. Dies ist kein universelles Protokoll der JavaScript-Sprache. Okay? Also im Grunde weiß es es nicht, wenn die Animation abgespielt wird , wie hier auf dieser Website. Das JavaScript weiß nicht, dass es in After Effects oder wo anders erstellt wurde . Es ist ihm egal. gibt es bestimmte Regeln jeder Sprache gibt es bestimmte Regeln, an die wir uns halten müssen. Die Regeln lauten, dass wir keine Effekte von Adobe After Effects verwenden können . Schauen wir uns also einfach an , welche Funktionen wir wählen und welche Funktionen wir verwenden können. Und denken Sie bitte auch daran, wenn Sie wirklich als Profi arbeiten wollen, versuchen Sie bitte, einige Funktionen nicht zu verwenden die nur ein Kreuz haben und es fünf Häkchen gibt. Bitte verwenden Sie nur Funktionen, die in der gesamten Grafik nur grüne Markierungen haben . Warum sage ich das jetzt? Denn manchmal, und ich habe es selbst miterlebt , habe ich viele Animationen auf der LottieAnimations-Plattform gesehen , die auf dem PC oder im Internet unglaublich gut aussehen , wenn ich sie mir auf meinem Computer oder Laptop ansehe Aber wenn ich mich in meine mobile App einlogge und versuche, eine Vorschau dieser Animationen zu sehen, funktioniert das einfach nicht, weil die Leute manchmal, manchmal Alpha-Matten verwenden, die wir nicht verwenden können und einige Arten von zusätzlichen Funktionen wie Offset-Pfade oder andere Dinge die unter Windows funktionieren, aber nicht unter iOS oder Android funktionieren. Versuchen Sie also bitte, das nicht zu tun, denn wenn Sie Animationen für Personen oder Ihre Kunden erstellen , kann sich der Benutzer auf jedem Gerät befinden. Das musst du also zuerst im Hinterkopf behalten . Sie lösen ihre Probleme. Sie möchten nicht, dass sie denken , dass dieses Hilfsmittel diese Animation noch erstellt hat, dass sie irgendwo funktioniert, dass sie irgendwo funktioniert, aber woanders nicht. Und die Entwickler werden auch denken, dass Sie kein Profi sind , weil Sie nicht wissen, wie Sie die Arbeit fehlerfrei erledigen können. Bitte behalte das im Hinterkopf. Verwenden Sie nur Funktionen , die gemietet werden. Jetzt gibt es Ausnahmen, aber bitte, bitte in 99% der Fälle, verwende nur „Lehrer zulassen“ auf allen Arten von Systemen. Okay. Also Ebenen formen? Ja. Schau es dir einfach an. Formen sind alle erlaubt. Zuletzt bei abgewinkelten Rechtecken. Polyester, Polyester ist nicht erlaubt. Also unsere Schulden, wir können die Formen gruppieren, also das ist gut. Wir können die Trimmpfade, die durch Repeater vermieden werden, nicht einzeln verwenden. Eigentlich nicht. Ich habe kein wirkliches Problem damit, Trim Pfade zu verwenden, wenn ich sie gleichzeitig verwende. Versuchen Sie also zu vermeiden, sie vielleicht einzeln zu verwenden. Nun, ich bin mir nicht wirklich sicher, wie sich das auswirkt, weil ich versucht habe, viele Groschen zu verwenden , die auf meinen Animationen stehen, aber sie funktionieren immer perfekt und ich habe sie auch unter Windows getestet Also lassen Sie uns einfach überprüfen, ob jetzt alles fehlschlägt. Wir können das Gesicht in Form von Farbopazität, Füllregel, radialem Verlauf oder linearem Verlauf animieren Füllregel, radialem Verlauf oder linearem Verlauf Die sind also alle perfekt. Wir können jedoch keinen Freiheitsgradienten verwenden, da der Sauerstoff in Adobe After Effects nicht verfügbar ist. Bitte beachten Sie also , dass Sie Freedom-Farbverläufe in Adobe Illustrator nicht verwenden können Freedom-Farbverläufe in Adobe Illustrator Okay, lassen Sie uns einfach zu den Schlaganfällen übergehen. Wir können alles für einen Strich oder ein Mehrgelenk verwenden, und Online verbindet und umreißt Großbuchstaben mit Opazität und Farbverläufen und Strichen Opazität und Farbverläufen und Verwandeln. Die automatische Ausrichtung ist nicht erlaubt und Sie können die Animation nicht wirklich verzerren Im Grunde ist Skew also auch kein wirklich nützliches Tool. Das machen wir nicht einmal wirklich. Lassen Sie uns das einfach vermeiden und wir werden die Datei oder unsere Ebenen nicht automatisch ausrichten. Wir werden die Position separat animieren. X und Y sind ebenfalls erlaubt. Skalierung, Drehung, Opazität von Ankerpunkten, Überlagerung und Überlagerung sind wirklich, sehr nützlich, wenn Sie Dinge Und es ist sehr nützlich, wenn Sie Charakteranimationen erstellen. Das wird also in zukünftigen Klassen sehr nützlich sein. Danach gibt es Interpolationen dessen, was Intro bedeutet, Tatsächlich bedeutet Interpolation, dass es in After Effects mehrere Arten von Keyframes gibt . Nun, was sind diese Keyframes Sie diese Keyframes erleben Das sind also im Grunde lineare Keyframes, die wir gerade sehen Wenn wir F9 drücken, werden diese zu Bezier-Keyframes. Und wenn wir die Control-Taste drücken, werden diese zu Hold-Keyframes Und wenn wir nur die Strg-Taste drücken, werden diese zu Keyframes mit kontinuierlicher Geschwindigkeit also grundsätzlich alle Arten von Keyframes In Lottie-Animationen sind also grundsätzlich alle Arten von Keyframes erlaubt Aus diesem Grund liebe ich After Effects und ich möchte es verwenden weil wir das jetzt wirklich nach Belieben anpassen können. Und bei Lottieanimationen wird es keine Probleme geben. Und wir können auch die Grafik ändern. Wir können den Wert auch im Wertdiagramm bearbeiten. Offensichtlich ist das eine Position, also müssen wir die Dimensionen hier trennen , bevor wir sie animieren Okay? Also ja, wir können das auf jeden Fall so machen. Das sind die Mengen, die uns After Effects zu bieten hat. Also nochmal, mach einfach weiter und überprüfe die Masken. Masken sind erlaubt, aber nur für Funktionen. Subtrahieren, Maskenopazität und Maskenpfad hinzufügen. Also, was bedeutet das? Wann erstellen wir eine Form? Wie Sie wissen, können wir von hier aus eine Maske erstellen , aber mit diesem Tool. Im Grunde können wir diese Maske also so animieren. Wir können diesen animieren, um im Grunde genommen eine Animation im Alpha-Matte-Stil zu erstellen verwenden, anstatt Alpha Matte Versuchen Sie, Masken zu verwenden, anstatt Alpha Matte zu verwenden. Bitte, bitte versuchen Sie nicht, Alpha-Matten zu verwenden, da sie zu wirklich chaotischen Problemen führen Wir können also die Maskenkapazität animieren und die Option Hinzufügen und Subtrahieren unter Weiter verwenden Option Hinzufügen und Subtrahieren unter Von hier aus werden wir den Rest nur noch addieren und subtrahieren Bitte behalte das im Hinterkopf. Lass uns weitermachen und die Mischung überprüfen. Wie Sie sehen, können wir keine dieser Anzeigen verwenden, da es einige Kreuze oder Fragezeichen gibt. Lassen wir also Luma Matte einfach aus der Option und Luma Inverted Matte ebenfalls nicht in der Option Alpha-Inverted Matte verfügbar sind, aber nur Benutzer werden also Probleme haben , wenn Sie sie verwenden. Sie, wenn Benutzer eine Vorschau Ihrer Animationen auf Windows oder anderen Web-Leinwänden Also nochmal, lasst uns weitermachen und das Much überprüfen, aber es ist überall unter Windows erlaubt, aber nicht unter iOS. Also lasst uns diese Ebeneneffekte einfach nicht verwenden. Im Grunde sind Ebenen- und Ebeneneffekte also nur für Webanimationen verfügbar, nicht jedoch unter Windows oder iOS und Android. Wir verwenden diese also nicht, da Sie in Zukunft möglicherweise Animationen für mobile Apps erstellen . Und es ist keine gute Angewohnheit , Ebeneneffekte zu verwenden. Und danach gibt es TXT für Text. Ich möchte Ihnen nur einen Tipp geben und zwar, dass Sie Ihren Text bitte in Formebenen umwandeln . Das ist alles. Versuchen Sie, nichts anderes mit Ihrem Text zu tun da dies zu Problemen führt oder verursacht. Also erstelle deinen Text, finalisiere ihn und verwandle ihn dann am Ende in Glückseligkeit Bliss funktioniert überall. Ich habe gesehen, wie sie auch unter iOS und Windows funktionieren. Wenn sie also durch Anschließen konvertiert werden , verursachen sie möglicherweise Probleme, aber wenn Sie sie manuell konvertieren, verursachen sie keine Probleme Abgesehen davon gibt es noch einige andere Funktionen, bei denen es sich um Ausdrücke handelt. Die Ausdrücke sind nicht erlaubt. Ellipse, der Pre-Comp-Trick bietet Ihnen wirklich große Vorteile Dann kombiniere ich eine komplizierte Szene. Das sind also wirklich gute Nachrichten. Ich versuche zu dehnen ist wirklich nicht nötig weil Sie sollten wir die Animation so erstellen , wie sie erstellt werden sollte, sie nicht einfach in 1 s erstellen und dann lange ausschlagen , das aus der Option streichen. Eine Neuzuordnung von Zeiten ist ebenfalls nicht zulässig. Also lasst uns ihren beiden Markierungen entkommen. Ich habe zu keinem Zeitpunkt einen von ihnen benutzt, aber vielleicht wird es einen Diamanten geben. Ich werde sie benutzen. Also ja Okay, jetzt sollten Sie eine Sache beachten, die wirklich wichtig ist dass jede Form eine Vektorform sein sollte. Wie bereits erwähnt, diesen Animationen um skalierbare Vektoren. Um also eine Lottie-Animation ohne Fehler zu erstellen, ist es wirklich wichtig , dass alle Ebenen, die Sie verwenden, einen Stern wie diesen haben Im Grunde bedeutet dieser Stern, dass die Ebene ein vollständiger Vektor ist, okay? Im Grunde ist es also eine Formebene. Denken Sie also bitte daran, dass dieser Stern verfügbar ist, da Ihre Animation sonst Probleme haben wird. Nun, bevor ich mit der Animation starte, gab es ein kleines Problem , das mir in der Datei aufgefallen ist. Die Datei war im Grunde ein linearer Gradient. Aber dann konvertieren wir einen Verlauf in After Effects in Formebenen. Sie funktionieren nicht wirklich gut. Sie werden grau und die Farbe ändert sich nicht. Im Grunde müssen wir also vorerst nur flache Farben verwenden. In diesem Kurs verwenden wir nur flache Farben. Es gibt auch Möglichkeiten, Gradient zu verwenden, aber es erfordert einige komplexe Plugins und es ist sehr komplex zu erklären. Und das wird zu viel für diesen Anfängerkurs sein, aber das werden wir auf jeden Fall in den nächsten Fortgeschrittenenkursen behandeln . Also ändere ich einfach die Farbe auf Fett. Das ist alles. Jetzt importieren wir diese Schaltfläche einfach in Adobe After Effects. Sie also beim Import des Werkstücks daran, dass wir die Komposition verwenden nicht die Zeit für das Filmmaterial, aber wir verwenden die Option Zerlegen Und wir werden die Ebenengröße wählen und zuschlagen. Okay, und jetzt erstellen wir eine neue Spalte. Wir werden es benennen. Animationsfilm. Knopf. Drücken Sie die Eingabetaste und es sind nur 500 bis 500 Pixel. Genau wie unsere DNA. Jetzt gehen wir in unsere Designkomposition und kopieren alle Ebenen, indem wir Strg C drücken, und wir fügen sie hier ein, Steuerung V, wo Sie die Designkomposition schließen Jetzt werden wir all diese Ebenen auswählen, und wie wir wissen, muss es genau hier einen Stern geben. Gehen wir also einfach dieses Optionsraster durch und gehen Sie zu Formen aus Vektorebene erstellen. Okay? Nur durch diese Clique haben wir also Überebenen in Vektorebenen umgewandelt Also werden wir die Illustrator-Ebenen löschen. Und jetzt, bevor wir etwas animieren , benenne Overlays einfach um Der untere ist ein Kreis. Das mittlere ist Handgelenk, ich nenne es. Und der obere ist BOM. Okay? Es kreist also einfach irgendjemand und unsere Hände getrennt. Unsere Animation wird natürlicher und interessanter aussehen. Wir zoomen ein wenig hinein und ich mache einfach weiter und gehe zum sechsten Keyframe Ich erstelle einen weiteren Keyframe und gehe zu Nummer zehn und erstelle erneut einen Keyframe Nun, das wird in der Lage sein, eine Position zu finden und unser Stern sollte nicht bei Null stehen. Okay? In der Mitte sollte sich also eine Overshop-Position befinden. Und ich werde einfach all diese drei auswählen und sie sehr schnell vereinfachen und so, wie es aussieht. Gut genug. Und jetzt habe ich alle medizinischen Risiken und ich will sie kontrollieren, als ob sie eine Schicht wären. Aber das kann ich im Moment nicht tun. Also, wie werden wir das machen? Wenn wir das tun wollen, erstelle ich einfach ein Nullobjekt. ist eine sehr einfache Sache in After Effects, falls Sie es bereits verwendet haben. Ich werde das hier umbenennen und es Hand CTRL C nennen . Strg bedeutet im Grunde Kontrolle Und wenn wir Charaktere manipulieren, ist das im Grunde das Universelle Ich bin Codes, die für Controller verwendet werden. Und ich werde diese beiden Ebenen mit diesem Controller koppeln , den ich am Handgelenk erstellt habe. Okay, jetzt ist es patentiert. Also animiere jetzt einfach diesen Controller. Ich gebe zu, dass es sich um Rotation und Umfang handelt. Öffnen wir also einfach diese beiden Eigenschaften und ich erstelle und definiere Ihre Keyframes Ich habe meinen ersten Keyframe erstellt, mit dem ich auch den mittleren Positions Overshoot erstellen werde Ich werde eine weitere Rotation um vielleicht zehn hinzufügen. Und eine Startposition könnte von oben sein, ich glaube, Will kommt in den Kreis, indem er reinknallt. Den Wert um -45 Grad festziehen. Dies wird auf Null herunterskaliert. Es wird die Skala auf 110% erhöhen, und ich werde sie alle verwenden So sieht es aus. Perfekt. Jetzt möchte ich nicht, dass alle Elemente gleichzeitig kommen. Also möchte ich vielleicht etwas Follow-through hinzufügen. Und ich möchte eine gewisse Lücke zwischen den Unterschieden hinzufügen. Okay. Bevor wir das tun, möchte ich Ihnen zunächst sagen, dass Sie bei der Erstellung von Animationen für Ihr Portfolio immer daran denken sollten, dass Sie diese Animationen in perfekten Loops erstellen, genau wie diese, die ich erstellt habe. Und auf meinem, auf meinem Profil, gibt es vielleicht ein oder zwei Animationen die nicht Perfect-Loop sind. Aber ich habe insgesamt 100 für Animationen erstellt, die nicht Profile sind. Und hundert von ihnen sind es. Ich bin mir absolut sicher , dass hundert davon absolut perfekte Loops sind. Wenn du also deine Animationen für dein Portfolio erstellst , bitte daran, dass es besser ist, perfekte Loops zu erstellen , da die Leute sie einfacher verwenden können als. Lassen Sie uns also einfach unsere Keyframes erstellen. Wir werden unseren Loop hier schließen, da es nach Abschluss der Animation keine Lücke geben sollte . Und jetzt sollte es nicht zurückkehren. Okay, vielleicht gehen wir noch weiter, sodass das gesamte Intervall 1 s beträgt und die Animation endet, wenn 2 s abgeschlossen sind. Also machen wir weiter und machen mit vier Keyframes, 1234, weiter. Wir werden diese Keyframes nacheinander kopieren C und Control V kopieren und einfügen. Und ich mache weiter Dann filmt Q von hier aus. Und ich werde all diese auch einzeln einfügen. Okay? Jetzt ist unsere Animation perfekt kreativ. Jetzt fügen wir einfach einige hinzu. Okay, wie Sie sehen können, Lücke hinzufügen, wird das wirklich so viel Effekt haben. Das macht die Dinge im Grunde einheitlicher und klarer. Und ich tracing funktioniert wirklich gut. Dieses eine Element folgt dem anderen. Es macht also, wirklich Sinn. Okay, es scheint also ein Chaos zu sein. Wenn der Kreis auf dem Bildschirm erscheint und die Like-Taste erscheint , sieht es perfekt aus Aber wann geht der Kreis dann nach unten? Der große Begriff sieht komisch aus. Ich denke, es ist besser, wenn die Zunge zuerst geht. Also habe ich es einfach als Referenz zurückgebracht und sie sind im gleichen Zustand. Also bringe ich einfach diese beiden Keyframes, sogar zwei Keyframes zurück Es wird ihnen also die USA von jeder Seite geben. Jetzt hast du nur noch einen Loop. Okay? Jetzt kannst du sehen, dass es viel, viel besser aussieht, oder? Okay, lassen Sie uns einfach unseren Header bei 1 s und 23 Keyframes und N drücken. Und jetzt haben wir 2 s Perfect Loop Wie Sie sehen können, sieht unsere Animation perfekt aus. Jetzt ist es an der Zeit, unsere Animation im Lottie-Format zu exportieren. Bevor wir das tun, lassen Sie uns nur die Funktionen des Lottiefiles-Plugins beobachten . Diese Schaltfläche wird einfach aktualisiert Und das fühlt sich für alle unsere Kolumnen an. immer noch nicht sicher, decomp das hier geöffnet ist, es zeigt alle Spalten, die einem Projekt verfügbar sind Bitte behalte das im Hinterkopf. Jetzt ist unser Animations-Button-Comp derjenige, der über Animationen verfügt Also lass uns einfach weitermachen und auf die Schaltfläche Einstellungen klicken. Die erste Option sind Lottie-Metadaten. Das ist uns egal. Lassen wir es also einfach so, dass es eine Ausdrucksoption gibt. Wie Sie wissen, können wir keine Ausdrücke verwenden, aber es gibt eine Option, mit der wir Expression verwenden und sie dann in Keyframes konvertieren können Aber es wird über Lottiefiles Augen zunehmen. Was wir also nicht tun wollen. Danach gibt es Vermögenswerte. Mit der Assets-Option können wir Bilder in eine Lottie-Animation einbeziehen, aber das möchten wir nicht verwenden, da Rasterbilder für Lottieanimationen nicht wirklich gut sind nicht wirklich gut Es gibt einige Ausnahmen, aber nur wenn die Zeit gekommen ist, werden wir sie nur verwenden, wenn die Zeit gekommen ist. Das wird also mit einer Wahrscheinlichkeit von 99% nicht der Fall sein. Lassen wir das also einfach stehen und wählen, ob versteckte Ebenen exportiert werden sollen. Es gibt keine versteckten Schichten. Die Ebenen wissen, dass es keine selektiven Ausdrücke gibt , sie verweisen auf externe Comps Nein, sie sind nicht so alt und klicken Sie auf Speichern Jetzt werden wir weitermachen und auf den Pfeil klicken. Und wie Sie sehen können, sieht unsere Animation perfekt aus. Und es gibt einen Download-Button, okay, darunter können wir im Animation-Workspace speichern. Sie müssen weitermachen und einen Arbeitsbereich erstellen und dann können Sie auf Hochladen klicken und die Animation wird darauf hochgeladen. Okay, unsere Animation ist jetzt hochgeladen. Aber wenn wir runtergehen und uns das hier ansehen, wie Sie sehen können, sind die Overanimationen nur 5,8 KB groß. Und die dunklen Lottie-Größen von 1,8 KB sind wirklich unglaublich. Okay? Wir können die Animation also herunterladen, indem wir im JSON-Format auf diese Schaltfläche klicken. Und wir können es an den Kunden senden , indem wir es von hier herunterladen. Vielleicht, wenn das ein Kundenprojekt wäre. Nach diesem Ausfall gibt es eine Funktion, die Jaeger unterstützt Wie wir sehen können, wurde kein Problem gefunden Das sind wirklich gute Neuigkeiten, denn wir haben nur verwendet, die in den Lottiefiles-Animationen erlaubt sind Deshalb gibt es keine Probleme. Okay, wir waren an Funktionen gewöhnt. Wie Sie hier sehen können, wird es Ihnen alles zeigen. Aber wir haben nur die Funktionen verwendet, die sehr laut sind. Also das ist wirklich toll. diesem Grund habe ich Ihnen gesagt, dass Sie nur die Funktionen verwenden , die von lottiefiles erlaubt sind Und unten ist eine zufällige Grafik, die ich noch nie benutzt habe. Und ich weiß nicht, was das eigentlich bedeutet, weil es vielleicht nicht eher die Aufgabe eines Entwicklers ist. Und darunter gibt es eine Hintergrundfarbe die wir ändern können, aber absolut nicht, wir werden sie nicht ändern, weil unsere Animation aus durchsichtigen Schlafzimmern bestehen sollte , damit die Leute sie überall verwenden können , ohne mit dem Hintergrund herumzuspielen Und der Transfer Begginer's ermöglicht es ihnen, ihn ganz einfach auf Websites und mobilen Apps zu verwenden ihn ganz einfach auf Websites und mobilen Apps Also grundsätzlich, auch wenn diese Angst besteht, sollten Animationen transparente Hintergründe sein. Lass uns einfach auf unserer Website weitermachen, unseren öffentlichen Animationen. Und das geht in eine andere Klasse. Aktualisiere einfach unsere Seite. Und wie Sie oben sehen können, ist die Animation genau hier. Okay, hier sind einige Funktionen, die wir verwenden können. Wir können wirklich umfärben, wir können auch Schlafzimmerfarben kreieren Wir können es als Hotlinks aktivieren. Also im Grunde war das, wie du sagtest, eine exklusive Animation , die du nur für deinen Freund erstellt hast. Das wirst du der Welt zeigen wollen. Sie aktivieren dies einfach so wie es sauber ist. Und dann kopierst du den Link von hier und der erscheint. Hier entlang. Sie können dies auch von hier aus verwenden und diesen Code kopieren. Und Sie können diesen Code einfach an Ihren Entwicklerfreund senden. Und sie werden dies leicht in ihren Effekt aufnehmen können. Also wenn wir das tun, willst du das nicht tun. Vielleicht möchtest du das öffentlich hochladen. Sie können dies tun, indem Sie auf die Schaltfläche „Teilen“ klicken und in der Community veröffentlichen. Und Sie können auf Veröffentlichen klicken. Und von hier aus können Sie einen Titel hinzufügen, vielleicht wie die Schaltfläche „Gefällt mir“. Und dann können Sie Ihre After-First-Datei hochladen, was Sie nicht benötigen. Und danach gibt es Tags. Vielleicht Glück. Vielleicht wie Baton, vielleicht Animation, vielleicht Loop Dies erhöht also die Wahrscheinlichkeit Ihre Lotterieanimationen heruntergeladen werden. Sie können also so viele hinzufügen, wie Sie möchten, vielleicht das Lottie-Plug-in für Adobe After Effects räumlich, damit wir markieren, welche Tools wir verwendet haben Wir werden Adobe After Effects verwenden , weil wir das auch verwendet haben. Sie können auch Illustrator verwenden. Wenn es Illustrator gibt, gibt es diese Optionen jetzt nicht. Also lass uns dort schlafen. Wir geben hier eine Beschreibung unserer Animation ein, bei der sich um eine Animation eines Like-Buttons handelt. Und wir werden uns an die bestätigten Richtlinien halten und wir werden in der Lage sein, Animationen zu veröffentlichen. Und so können Sie Ihre eigenen Lottieanimationen erstellen Ihre eigenen Lottieanimationen Und ich wünsche dir alles Gute, um deine eigene erste Lottie-Animation zu erstellen deine eigene erste Lottie-Animation und sie zu posten und sie mit einem Ball zu teilen und damit ein bisschen Aufmerksamkeit zu bekommen und ein wirklich gutes Portfolio zu erstellen Bitte taggen Sie mich , wenn Sie Ihre ersten Animationen erstellen, Gagne in den sozialen Netzwerken und mein Profil wird Bolt Bite sein Deshalb freue ich mich darauf , die Arbeit zu kritisieren. Und bitte entmutigen Sie sich nicht, wenn denken, dass meine Arbeit wirklich fantastisch ist Denken Sie daran, dass es sich um Sammleranimationen handelt und diese tatsächlich viel mehr Zeit und Mühe erforderten. Diese Animationen benötigen vier bis 5 Stunden in After Effects, es gibt mehrere Ebenen, also war es kein geeigneter Kurs, um so viel Arbeit zu vermitteln, aber ich werde auf jeden Fall einen Kurs für Fortgeschrittene mitbringen , in dem ich diese Dinge unterrichte. Und darüber müssen Sie sich keine Sorgen machen. Sie werden sehr bald verfügbar sein. Und vielleicht kannst du in der Zwischenzeit weitermachen und mit den einfacheren, einfacheren Symbolen üben der Zwischenzeit weitermachen und mit den einfacheren, einfacheren , genau wie ich. Die Leute lieben diese Animationen also auch sehr. Und diese wurden auch so oft heruntergeladen. Es gibt 15 Likes in meiner Animation und sie hat, all diese wurden über 100 Mal oder mehr als 50 Mal heruntergeladen . Hab etwas Vertrauen und fange an, Dinge zu animieren. Und ich werde dich wirklich sehr bald sehen. 6. Abschließende Nachricht: Hallo zusammen, vielen Dank, dass Sie sich meinen ersten Kurs angesehen haben. Ich entschuldige mich für mein Englisch , weil ich kein Muttersprachler bin Und bitte teilen Sie uns Ihr Feedback zum Kurs mit. Und mein Meilenstein ist es, mit diesem Kurs nur zehn Studierende zu erreichen . Und wann immer das erreicht ist, werde ich mit der Arbeit an der zweiten Kurve beginnen und die wird sehr bald veröffentlicht, wenn sie fertig sind. Bitte stellen Sie sicher, dass Sie mir in den sozialen Medien folgen , um wichtige Tipps und Tricks zu erhalten. Und ich freue mich darauf, Sie als Animationen zu sehen. Und bitte pass auf dich auf. Und Bolt Bite wird bald zurück sein.