Transkripte
1. Einführung in die Welt der schrägen Buchstaben!: Also, eine Sache ist sicher, wir lieben GIFs. Oh, ja. Sie machen so viel Spaß. Sie sind wirklich cool. He, Leute. Wir sind Linda und David. Wir sind zwei Designer. Eigentlich, ja, mehr Kreative, schätze ich. - Ja. Denn wir machen alle möglichen Dinge wie Design und Fotografie, Illustration und Handschrift. - Ja. Eine Sache, die wir wirklich gerne mit unserem Handschriftzug machen ist es, ihn zum Leben zu erwecken, ihn zu animieren und in GIFs zu verwandeln. Sie sehen in den sozialen Medien wirklich cool aus, wenn Sie das teilen. Es löst eine Menge Aufmerksamkeit auf den Betrachter aus, weil es animiert ist und dass Sie Art von Schleife. Es ist trendy, sogar etwas wirklich cooles. Es sieht interessanter aus als nur ein handbeschriftetes Standbild zu haben. Wir machen sie immer gerne für unser Instagram, für unseren Blog und welche Gelegenheit wir bekommen. Wir werden das auf eine sehr einfache Art und Weise tun. Wir werden die Dinge nicht zu sehr komplizieren. Ich schätze, es gibt kompliziertere Möglichkeiten, es zu tun, aber wir mögen einfache Sachen, unkompliziert. Genau. Also, es wird ziemlich einfach sein. Also, dieser Kurs ist interessant, wenn Sie bereits mit Handschriftzug experimentieren und Sie etwas vertraut sind, und Sie wollten nur einen Weg finden, etwas
mehr Spaß zu machen und Ihre Handschrift mit Animation zum Leben zu erwecken, oder auch wenn Sie nicht so vertraut sind mit Handschriftzug, und Sie wollen nur lernen, wie GIFs im Allgemeinen funktionieren, wenn Sie Fotografie, Grafiken oder solche Dinge animieren möchten. Dies kann auch eine nützliche Einführung sein. Wir zeigen Ihnen drei verschiedene Möglichkeiten, wie wir unseren Handschriftzug animieren möchten. Wenn Sie daran interessiert sind, sich das anzusehen und selbst zu experimentieren, dann können Sie sich uns anschließen.
2. Was du dafür brauchst: Alles klar, Leute, so vielen Dank, dass Sie sich uns angeschlossen haben. Wir freuen uns sehr, Ihnen zu zeigen, wie wir diese handschriftlichen GIFs machen. Also, das erste, was Sie brauchen werden, ist Photoshop. Dies ist das Programm, mit dem wir
Ihren Schriftzug tatsächlich einbringen und ihn animieren, also stellen Sie sicher, dass Sie ihn haben. Lassen Sie sich von Photoshop nicht einschüchtern. Photoshop kann ziemlich komplex sein, aber wir werden die einfache Option verwenden, die mit der Timeline ist und wir werden es Frame für Frame tun und es wird nicht zu kompliziert sein. Genau. Das zweite, was Sie brauchen, ist, dass Sie Ihren Schriftzug bereits digitalisiert
haben. Die Chancen stehen, wenn Sie bereits mit Handschriftzug experimentiert haben, wissen
Sie bereits, wie das geht. Stellen Sie einfach sicher, dass Sie Ihren Schriftzug auf einer digitalisierten, leicht sauberen Ebene haben. Auf einem transparenten Hintergrund denke ich. Genau, damit es grundsätzlich einsatzbereit ist. Wenn Sie mit Schriftzug experimentiert haben und nicht genau wissen, wie Sie es digitalisieren können, machen Sie sich keine Sorgen. Es gibt viele Ressourcen, die erklären, wie man dies online macht, also fühlen Sie sich frei, sich das ein wenig anzusehen, oder Sie können sich unseren vorherigen Kurs ansehen, bei dem es um Handschrift ging. Im letzten Bit
haben wir erklärt, wie wir unseren Handschriftzug digitalisiert haben. Dies kann also besonders interessant sein, wenn Sie analoge Schriftzüge machen. Du weißt, wenn du wie ich das auf einem Stück
Papier gemacht hast und du es einscannen und bereit auf deinem Computer machen musst, oder manchmal, was wir gerne tun, ist, tatsächlich ein iPad zu benutzen. Wir haben uns vor kurzem ein iPad Pro mit Procreate auf. Es ist eine tolle App, wo wir viel von unserer Hand Schriftzüge direkt darauf mit dem Apple Pencil machen, und es ermöglicht uns, dann alles sauber und
bereit zu haben , wenn wir es auf unseren Computer auf Photoshop senden. Wir experimentieren also sowohl mit analogen Schriftzügen als auch mit digitaler Schrift Egal, mit welcher Art Sie experimentieren, stellen Sie sicher, dass Sie Ihren Schriftzug digitalisieren können, damit wir anfangen können, damit zu arbeiten.
3. Vorbereitungen für den Gestaltungsprozess deines GIFs: Okay, bereiten wir Ihren Prozess vor. Ich denke, Sie müssen irgendwo anfangen, also fangen wir mit dem Skizzieren des gesamten Prozesses an, was ich denke, es ist das Beste, was zu tun ist, um alles als Skizze zu verstehen. Genau, das ist wie der erste Schritt vor der Vorbereitung eines GIF. Wir tun es nicht immer, aber wir empfehlen es. Heute werden wir Sie durch diesen Prozess nehmen, weil wir tatsächlich einige Ideen haben, welche Art von GIFs wir machen wollen. Wir haben eigentlich ein Thema für heute und es wird Kätzchen sein. Die Katzen von heute. Katzen. Heute waren wir hier in Osaka, wir sind gerade in Japan, und wir gingen zu diesem Café und da war diese entzückende Katze und wir hatten einfach so eine gute Zeit. Es erinnerte uns daran, wie sehr wir Katzen lieben. Jeder liebt Katzen, im Grunde jeder. Natürlich werden wir das heute als Thema verwenden. Also, das erste, was wir getan haben, um die GIFs vorzubereiten, die wir machen würden,
war, einige Ideen zu skizzieren, wie wir uns das vorstellen. Das Wichtigste in diesem Stadium ist zu wissen, mit welchem Format wir arbeiten werden. Abhängig von den Medien, die Sie alle GIFs veröffentlichen werden, ist
es wichtig, das Format zu kennen. Ich meine, wenn es für Instagram ist, willst du es
wahrscheinlich auf quadratischer oder vertikaler Ebene haben. Wenn es für einen Blog-Beitrag ist oder Sie direkt auf Facebook teilen oder posten, wahrscheinlich horizontal. Oder in Newslettern und solchen Dingen ist
es immer gut, ein horizontales Format zu haben. Möglicherweise können Sie mit dem Format arbeiten, das Sie mögen. Es wäre einfach gut, dass Sie am Anfang mehr oder
weniger wissen , mit welchem Format Sie arbeiten werden, denn so können Sie Ihr Design dann so planen, dass es
richtig in das Format passt und nicht zu viel Verwirrung auf dem Weg haben. Der erste Schritt wäre also, Ihr Format zu bestimmen
und einige verschiedene Ideen zu skizzieren, wie Sie sich vorstellen, dass Ihre Schrift zusammenkommt. Die Arbeit ist auch an etwas ganz Grundlegendes. Die Animation wird ganz einfach für Sie sein, die Grundlagen zu verstehen. Aber wenn Sie damit noch weiter gehen wollen, können Sie, wie sogar Ihre Skizzen ein bisschen komplizierter,
ein bisschen entwickelter sein können , weil Elemente nacheinander in der Timeline erscheinen. Also, es liegt an Ihnen, ob Sie auch Ihre Skizzen entwickeln wollen oder nicht. Sie können damit auf dem Weg
auch experimentieren , wenn Sie sich sicherer mit dem Prozess fühlen. Aber nur um zu beginnen, halten Sie einfach Ihre skizzierten Ideen und Ihr Format bereit. Die zweite Sache, die Sie brauchen, ist
natürlich, Ihre Handschrift bereit zu haben,
wie bereits erwähnt, in einer separaten Ebene, die Sie verwenden und ziehen und ablegen können. Es ist nicht nur Ihr Handschriftzug, der einsatzbereit sein müsste, sondern auch, wenn Sie planen, bestimmte Farben oder Muster oder Hintergründe zu verwenden,
alles, mit dem Sie visuell spielen möchten, legen Sie es
einfach beiseite, damit Es ist einsatzbereit, so dass Sie es einfach in Photoshop ziehen und sehen können, wie es aussieht. Das ist immer cool, so dass Sie Ihre Werkzeuge immer bereit für
Sie haben , wenn Sie beginnen, Ihre GIF tatsächlich zu animieren.
4. Projekt Nr. 1 / Der Stapeleffekt: Also, jetzt, da du alles bereit hast, lasst uns anfangen und an diesen Reisen arbeiten. Also, wir werden direkt in Photoshop kommen und wir werden Sie durch unseren Prozess führen. Okay, wir haben die drei Akten, an denen wir hier arbeiten werden. Eins, zwei, drei. Der Erste ist dieser. Dies ist das Endergebnis. Also, unser First Projekt wird ein quadratisches Format sein ,
so dass es eine einfache Grafik ist, die wir auf Instagram oder so etwas exportieren können. Wir werden es wirklich einfach halten, nur damit wir Ihnen einige grundlegende Funktionalitäten zeigen können. Wir werden mit einem Stapeleffekt des Schriftzugs arbeiten. Also, das ist wirklich cool, wenn Sie möchten, dass Ihr Schriftzug in einer aufeinanderfolgenden Weise erscheint. Wenn Sie beispielsweise mehrere Wörter haben, die nacheinander angezeigt werden sollen. Wenn Sie ein Angebot haben, das Sie nacheinander oder so etwas
abgeschlossen haben wollten . Dies ist nur eine der einfachsten Möglichkeiten, wie Sie Ihren Schriftzug animieren und ein GIF erstellen können. Also, wir werden von vorne anfangen. Wir werden eine neue Datei starten und Ihre Dokumente sind, das wird 2000 auf 2000 Pixel sein. Ich werde es sofort nennen, Katze eins und das war's. Haben Sie diese leere Datei mit einem transparenten Hintergrund. Wir werden unsere Elemente importieren. Wir brauchen, wir haben hier die Katzenaugen von der dreifachen Miau Wortlaut getrennt. Also, lasst uns zuerst die Katzenaugen importieren. Es ist hier, Sie sehen, es ist auf einem transparenten Hintergrund. Es ist nur schwarz. Also, was wir tun wollen, ist wählen Sie unsere Ebene und im Grunde, Ich mag es mit diesem zu tun, was ist es ziemlich einfach ist, es ist nur Sie klicken, Sie ziehen, und Sie halten, bis die erste Registerkarte alle hier oben und Sie direkt hier loslassen. Also, das war's. Ich zoomen ein wenig heraus und ich sehe, dass es zu groß für unsere Datei ist. Also, was wir tun werden, wir werden es
sofort konvertieren , indem Sie auf der rechten Seite mit der rechten Maustaste auf die zweite Ebene klicken und hier in intelligente Objekte konvertieren. Was dies tun wird, ist, dass es seine ursprüngliche Größe beibehalten wird und wenn wir irgendeine Änderung daran tun
müssen, können wir immer einfach doppelklicken Ebene wie diese. Siehst du? Lassen Sie mich die Erste schließen, damit es keine Verwirrung ist. Also, da Sie haben, erstellt er eine temporäre Ebene, um zu zeigen.psb. Also, wenn wir hier zum Beispiel eine Änderung vornehmen müssen, werde
ich einfach schnell etwas für Sie tun, um zu sehen, ich habe so schreiben und ich speichern,
wenn ich mein erstes Dokument zurückgehe, ist es da mit dieser Änderung, die ich gerade gemacht habe. Also, es ist im Grunde verbunden. Also, wenn ich hier diese Ebene lösche, speichere sie und gehe zurück zu meinem Dokument, es ist nicht mehr da. Also, das ist ziemlich cool. Wir verlieren keine Qualität, wenn wir jetzt nach unten und wieder nach oben zoomen. Natürlich gibt es immer die Grenze der ursprünglichen Größe aber wir können verkleinern und keine Qualität verlieren. Also, lass es uns jetzt platzieren. Von dort aus kann ein wenig Spannung sein, nur ein wenig kleiner. Also, wie war es hier unten rechts? Ja. Das machen wir im Grunde nur, weil wir auch mit unserem Handschriftzug
ein bisschen dekoratives Element hinzufügen wollen. Ich meine, wenn Sie die Dinge wirklich minimal halten wollen und
sich nur auf Handschriftzug konzentrieren wollen, ist das kein Problem. Wir fügen einfach immer ein bisschen eine besondere Note hinzu. Aber im Grunde das gleiche Prinzip, eine Datei
einzubringen und sie mit den intelligenten Objekten richtig zu dimensionieren und so weiter. Das ist genau das, was Sie auch mit Ihrem Handschriftzug machen werden. Es ist also immer noch interessant für uns, Ihnen zu zeigen, wie wir das machen. Okay, also werden wir die anderen Elemente bekommen, die der Schriftzug hier war, doppelklicken, öffnen die gleiche Prozedur. Lassen Sie mich das hier zuerst schließen. Das ist wichtig, zuerst zu unserem Dokument, also ziehen Sie es einfach hier ab. Da gehst du. Sehen Sie, ich kann das sofort in
ein intelligentes Objekt umwandeln , weil wir es in drei Stücke schneiden müssen. Also im Grunde ist das Beste in unserem Fall tatsächlich, Stück für Stück zu importieren. So können wir es nach in einzelne Elemente konvertieren. Also, dafür nehmen wir einfach dieses Werkzeug , das wie das Schneiden rechteckige Markierung mein Schlüssel zwei ist. Ok? Nehmen wir das Erste, das ausgewählt wurde. Wir gehen zurück zum Umzug nach. Also wählt es diesen Teil aus, wenn ich jetzt bewege, sehen Sie es ausgewählt ist. Ich kann im Grunde einfach Kopieren drücken, gehen Sie zu meinem Dokument und fügen Sie ein. Ja. Dies ist wirklich nützlich, da Sie Ihren Schriftzug vielleicht alle in einer Ebene platziert
haben, es könnte sogar ein wenig chaotisch sein. Also, im Moment, was Sie tun müssen, ist es einfach Stück für Stück nehmen. Jedes Stück, das Sie animieren möchten, bringt
es einfach auf diese Weise in Ihre endgültige Datei. Das war's. Wir haben das erste Element hier. Wir können den Namen des Layers eingeben, der miow eins ist. Wir werden das schnell tun, nur für die anderen Elemente. Okay, das war's. Wir haben die drei Elemente hier jetzt und jetzt können wir sie grundsätzlich eins
nach dem anderen in jedes einzelne intelligente Objekt umwandeln . Also, das ist für diesen, für diesen und für den dritten. Das war's. Jetzt können wir sie ganz auswählen und ein wenig nach unten skalieren, bis sie tatsächlich gut aussehen wie diese Größe. Vielleicht etwas kleiner. Ja. So wie das? Genau. Jetzt können wir sie herumlegen. Lasst uns das endlich richtig behalten? Ja. Ok. Jetzt wirst du sie einfach einzeln stapeln sie an die richtige Stelle
stellen. Ich denke, vielleicht könnten die Katzenaugen ein bisschen kleiner sein ,
so dass alles in die Mitte passt, so dass überall eine schöne Marge übrig bleibt. Dies ist immer etwas, das wir empfehlen besonders wenn Sie Visuals für Instagram machen. Es ist schön, ein bisschen Atemraum herum zu lassen um die Dinge
nicht zu sehr in Richtung Rand gehen zu lassen. Es sieht gut aus auf dem Futter als auch. Also, ich mag es, Dinge damit zu bewegen. Wenn Sie mit den Kurven gehen, sind wie oben und unten. Es bewegt sich nicht so schnell, wenn man mit Shift drückt, geht es ein wenig mehr. Aber ja, tut mir leid. Sie werden wie in Bezug auf kurz sehen, weil es jetzt darunter ist. Aber ja, das ist nur notwendig, Dinge zu platzieren. Aber ich schätze, das ist schon gut. Ja. Die Augen können ein wenig niedriger überspringen Zusammensetzung so sein. Ja. In Ordnung. Also, jetzt werden wir etwas zum Hintergrund hinzufügen. Wir haben diese kleine Farbpalette hier, die wir mit diesem Bild von Katze komponiert haben. Ja, es ist dieselbe Katze, die wir im Café gesehen haben. Ja, wir haben im Grunde die Farbpalette kreiert, die davon inspiriert wurde. So haben wir verschiedene Töne, von helleren Tönen bis hin zu dunkleren Tönen. Wir werden diesen gleichen Ton
in all den drei Projekten verwenden , die wir Ihnen heute zeigen werden. Wir werden wie welche benutzen? Das hier? Eigentlich nein, es ist wie der Erste. Das hier? Der leichteste. Ja. Okay, das Beste ist, dass wir
dieses ganze Farbenelement in unsere Dokumente nehmen können , es hier
platzieren, nur um mich Ebene bewegen zu lassen, aber nur um tatsächlich auszuwählen. Ja, hier zu gehen und das auszudrücken. Ich lasse eine Kraft fallen, wir wählen die Farbe hier und wir legen sie einfach in den Rücken und dann Sie später. Das war's. Ja. Grundsätzlich, wenn Sie wirklich wählerisch über Ihre Farben sind, dann können Sie das mit einer Farbpalette oder so weiter tun. Aber, wenn Sie glücklich sind zu experimentieren und einfach Ihre Farbe
direkt von Photoshop zu nehmen , nur ein bisschen zufällig darüber, das ist völlig in Ordnung. Das war's. Jetzt werden wir es in Animation umwandeln. Ja. Wir haben die Schichten hier. Lassen Sie mich das einfach mit den Katzenaugen umbenennen. Das hier war nichts, und die Farbpaletten brauchen
wir nicht mehr. Das war's. Also gehen wir in den Hintergrund. Ok. Für die Animation ist
das Wichtigste, auf Fenster und Timeline zu gehen, wenn Sie es noch nicht aktiv hatten. Ich habe es hier unten. Es wird sich wie ein separates kleines Fenster an der Unterseite öffnen. Genau. Sie werden diese kleine Schaltfläche Frame Animation erstellen sehen, die genau das sein wird, was wir hier tun werden. Wenn Sie darauf klicken, erstellt
es sofort den Typ, den wir wollen. Aber wenn ich einfach zurückgehe und du den kleinen Cursor nach unten siehst. Sie können zwischen zwei Dingen wählen. Die Video-Timeline und die Frame-Animation. Nun ist es standardmäßig in der Frame-Animation. Deshalb erscheint es, wenn ich hier klicke. Ansonsten haben Sie diesen
, den wir auch den Knopf hier haben, um die Dinge zu wechseln. Sehen Sie? Also, der andere ist der Com- Nun, ich denke, es ist etwas komplizierter. Sie können wirklich weit mit
diesen Optionen gehen , aber wir werden uns heute auf nur Frame für Frame konzentrieren. Dies erzeugt wie ein flippiger Effekt und es ist viel einfacher für einen Anfänger, wenn Sie nur mit einigen grundlegenden GIFs experimentieren möchten. Du kannst immer noch so viel damit machen. So ermöglicht es Ihnen, viel Spaß damit zu haben. Lasst uns damit anfangen. Grundsätzlich haben Sie hier unten nicht viele Optionen, wie Sie sehen. Sie können sehen, dass es die Animation wie einmal,
dreimal, für immer oder sogar andere Schleifen , wo Sie bestimmen können, wie oft Sie anwenden können. Fünf Mal, sieben Mal. Im Allgemeinen, was wir tun, wenn wir ein GIF erstellen, ist für immer
auszuwählen, weil wir wollen, dass es weitergeht und weiter und weiter und weiter. In einigen Fällen ist es nicht immer möglich, aber wir werden etwas später
darauf eingehen , wenn wir über den Export und die Vorbereitung eines GIF sprechen. Dieser Rahmen wird fünf Sekunden lang abspielen, wenn Sie hier sehen. Und wenn Sie auf diese Option klicken, können Sie
auch sehen , wie lange dieser spezifische Rahmen dauern wird. Sie können keine Verzögerung setzen. Ich frage mich, welchen Effekt das hat? Aber wir werden wirklich schnell gehen, wie eine halbe Sekunde am Anfang. Nur um zu sehen, wie das aussehen wird. Nun, Sie können
einen neuen Rahmen duplizieren oder erstellen , indem Sie einfach hier klicken, ausgewählte Frames duplizieren. Also, einfach durch Klicken, sobald es alles dupliziert. Also, wir haben wieder unsere Fünf Schichten. Wenn Sie den Rahmen ändern, ist
alles auf den Augen auf jeder Ebene. Also, wenn ich mich jetzt hier
umziehe , siehst du, dass es gleich zwischen dem einen und dem anderen liegt. Der erste Frame, Fünf Ebenen sind aktiviert. Zweiter Rahmen, vier Schichten sind mit einem kleinen Auge auf, nur die letzte nicht. Es gibt auch etwas wirklich Wichtiges. Lassen Sie mich nur ein paar Mal duplizieren und hier nur ein paar Änderungen vornehmen. Der erste Frame bestimmt jeden anderen Rahmen. Das heißt, wenn ich hier auf den dritten Frame gehe und meinen Hintergrund deaktiviere, ist
es nur der dritte Frame, der keinen Hintergrund hat, wenn du siehst. Aber wenn ich das im Ersten Frame mache, haben
alle den Hintergrund verloren. Dies ist wirklich wichtig, weil Sie manchmal eine Änderung an allen von
ihnen seit dem ersten Frame vornehmen möchten , weil Sie eine neue Ebene oder so etwas hinzugefügt haben. Ja, aber speziell, wenn Sie wie eine Ebene am 15. Frame hinzufügen, möchten
Sie, dass sie nur im 15. Frame angezeigt wird. Also musst du zum Ersten gehen es für alles
deaktivieren. Geh zum 15. und aktiviere ihn dort, falls dir das Sinn macht. Vielleicht sehen wir es später wieder. Oder ich denke, dass wir für diese Art von Animation nicht einmal diese Komplexität verwenden werden. Genau. Wir werden später ein bisschen mehr ins Detail damit eingehen. Also, im Moment werden wir uns nur auf
die grundlegenden Funktionen konzentrieren , wenn Sie Stück für Stück animieren. Also, jetzt lass mich wieder anfangen. Ich habe den ersten Rahmen. Alles ist aktiv. Aber sagen wir, was ist der Erste Rahmen? Was wird der Erste Rahmen sein? Es wird keine Miau geben. Es werden nur die Augen sein und dann die erste Miau, die zweite und die dritte. Lassen Sie mich sie auch hier in einer Reihenfolge platzieren, die Sinn macht, die wie die Augen unten und dann die Erste Miau ist. Nun, das ist die, da gehst du, zweite und dritte. Ja. Es ist immer gut, die Layer so zu platzieren, wie sie angezeigt werden sollen. Genau. Jetzt für einen Rahmen. Wir duplizieren diesen Rahmen. Wir aktivieren diese, wir aktivieren diese, und so einfach wie das, mit der letzten aktivieren wir auch die letzte Ebene. Also, wenn du siehst, haben
wir eins, zwei, drei, vier. Wenn ich jetzt auf „Play“ klicke, ist
es ziemlich langsam. Wir können... aber es funktioniert. Aber es funktioniert. Es funktioniert schon. Es ist eine Animation. Grundsätzlich können
Sie mit nur den Ebenen diese aktivieren und deaktivieren. Wenn Sie verstehen, wie das funktioniert,
können Sie eine Menge Dinge mit Ihrem Schriftzug machen. Genau. Also, jetzt wollen wir es ein wenig schneller. Also, wenn Sie sie alle mit Shift auswählen, gehe
ich von der ersten, drücke Shift und gehe zum vierten, ich sehe, dass sie alle ausgewählt sind. Also, jetzt gehe ich auf die Zeit und ich setze sie auf zwei oder eins. Mal sehen, mit einem. Das ist wirklich schnell. Ja. Okay, setzen wir zwei oder sogar, das ist immer noch zu schnell. Wir müssen jetzt Brauch machen. Lass mich zu, mal sehen, vier. Vier, ja, oder drei. Wir neigen dazu, diese benutzerdefinierten Geschwindigkeiten viel zu verwenden, wenn wir diese Art von Animationen machen. Vielleicht ein bisschen zu langsam. Zu langsam. Drei werden gut sein. Lass uns drei setzen. Ja. Sie können immer damit
experimentieren und wenn Sie es exportieren, werden Sie das Endergebnis sehen. Also, es spielt keine Rolle, es ist nur...
Was wir hier tun können, ist, den letzten ein wenig länger zu behalten. Also, lassen Sie uns 2-5 halten und vielleicht, wenn wir bereits eine Änderung sehen. Ja. Es könnte ein bisschen sein, aber gehen wir zu sieben. So liest es sich wie „miau miau miau“ nur ein wenig. Ja. Damit es für eine Weile bleibt. Es fängt nicht wieder an. Das ist auch wirklich cool. Wenn Sie beispielsweise ein Zitat geschrieben haben und möchten Leute das vollständige Zitat lesen können, sobald es erschienen ist, lassen Sie das Ende
einfach etwas länger. Genau. Also, jetzt lassen Sie uns einfach unsere Datei für jetzt speichern. Der erste hier und hier. Das ist in Ordnung. Genau. Wir werden es nur für den Moment speichern und zum nächsten Projekt gehen, und dann zum nächsten, und dann zeigen wir Ihnen,
wie wir sie exportieren, weil es verschiedene Möglichkeiten gibt, es zu exportieren. Aber das ist nur so, dass Sie zuerst einen kleinen Überblick darüber bekommen, wie wir sie tatsächlich animieren.
5. Projekt Nr. 2 / Der Flackereffekt: Jetzt werden wir an dem vertikalen Format arbeiten, und es wird ein weiterer Effekt sein, mit dem wir spielen werden. Also, wir nennen das den flackernden Effekt, und es ist im Grunde wirklich interessant, wenn Sie
ein Zitat oder mehrere Wörter haben und Sie sie einfach so halten wollen, wie sie sind, aber geben Sie ihnen eine subtile Bewegung, die ihnen einen funky Aspekt gibt. Also, was wir persönlich gemacht haben,
war, ein Foto unserer Katze als Hintergrund zu verwenden. Wir lassen eine süße Katze und jetzt sind wir im Grunde nur gehen, um das auf subtile Weise zu animieren. Es wird also nicht viel los sein. Es wird wirklich nur dieses Stück Handschrift sein, aber es wird sich nur ein wenig verschieben. Also, das ist immer interessant, um ihm etwas Bewegung zu geben. Wir fangen wieder von vorne an. Es wird sein, dass diese Größe und diesmal ein vertikaler Fall. Wir werden es nennen, seine Größe ist. Es ist Anteil, Kat2. In Ordnung. Da gehen wir. Also, lassen Sie uns die Elemente importieren. Wir werden ein Foto als Hintergrund verwenden. Also, das erste, was wir tun müssen, ist eigentlich ein Ort, dass Foto als Hintergrund. Setzen Sie es, ziehen Sie es wie zuvor, in unsere Dokumente, passt perfekt, zentriert, das war's. Schließ das hier. Und wir werden diese Schriftzug hier importieren. Also, hier, was wir mit dem Schriftzug gemacht haben, um diesen flackernden Effekt zu haben,
ist, dass wir schreiben, jemand Zitat zu sagen, ich meine für Sie kann es ein Zitat sein, oder es kann ein Wort oder so etwas sein. In diesem Fall haben wir es nur auf die gleiche Weise geschrieben, aber wir haben es dreimal gemacht, und immer in der gleichen Größe. Also, sobald wir sie alle zusammengesetzt haben. Das wirst du sehen. Eins und zwei, sehen, dass es nicht oder wirklich einen Unterschied macht, es ist die gleiche Größe, gleichen Stil, aber es wird eine subtile Bewegung geben, wenn wir sie tatsächlich in einem GIF platzieren und sie animieren. Also, das ist immer wie eine wirklich einfache, aber coole Art, Ihren Schriftzug zu animieren. Ich kann im Grunde alle Elemente hier verschieben, alle Ebenen zur gleichen Zeit, ziehen Sie sie in unsere Datei. Dann sehe ich, dass sie viel zu groß sind. Aber das ist in Ordnung. Wir werden zuerst wie zuvor konvertieren, jedes Element, eins nach dem anderen, wie in intelligente Objekte. ABC geht es gut. Lassen Sie uns das auch umwandeln, und das auch. Da gehst du. Wir wählen sie alle aus, gehen
einfach ein wenig zurück, zoomen heraus und skalieren sie einfach nach unten. Setzen Sie sie in die Mitte, wahrscheinlich nicht, weil es diese Größe ist, und dann müssen wir konvertieren, wir wollen sie weiß. Richtig. Ja. Da der Hintergrund dunkel
ist, machen wir in jedem Fall gerne nur den Schriftzug hell. Also, es gibt ein bisschen Kontrast, und wir können tatsächlich den Schriftzug lesen, es wird eine wirklich schöne Wirkung geben. Also, der einfachste Weg ist, nur auf die Ebene wie die A hier zu gehen, klicken Sie auf der rechten Seite. Nein. Entschuldigung. Du gehst tatsächlich auf eine feste. Entschuldigung. Hier, auf dem Datum, sehen Sie ein wenig, Ich habe mit einem Ebenenpfeil behoben, der nach unten geht. Also, klicken Sie einfach darauf, und wir machen eine Farbüberlagerung für diese Ebene. Siehst du jetzt Drucker, er ist hier. Tatsache ist mit dem Farb-Overlay weiter. Hier sind die Optionen. Ich habe es ein bisschen zur Seite gestellt. Siehst du, es war eigentlich schon auf Weiß. Aber, wenn Sie hier klicken, sorry, die Mischform werden wir es normal halten, weil es voll Farbe über der Farbe sein wird, na ja, nur Farbe über Farbe. Hier wählen wir, welche Farbe? Dies ist das Ergebnis an der Spitze hier. Also, wenn Sie hier gehen,
000, die weiß ist, drücken Sie OK. So konnten wir an dieser Stelle mit Farben spielen und so weiter. Aber da wir dieses Foto als Hintergrund verwenden, wollen
wir, dass die Farben es wirklich knallen und einen schönen Kontrast bilden. Wir werden die Dinge einfach halten, der Schriftzug wird einfach weiß sein, und wir werden das auf jeder Schicht unseres Schriftzugs tun. Sie können den Schritt tatsächlich wiederholen, indem Sie auf Airfix gehen, und gehen [unhörbar] wieder und fügen Sie ihn zu B und C Schicht. Aber Sie können auch auf die erste Ebene gehen, Sie klicken auf Alt, Sie sehen, dass ich Alt gedrückt habe, und Sie legen es einfach auf B C und dann auch auf C. Also haben wir es dupliziert, so dass jede Ebene jetzt weiß ist. Genau. Einfach. Also, wir haben jetzt drei Schichten, da sie alle hier weiß sind, jede Schicht hat einen Schriftzug weiß. Aber gehen wir zurück zur ursprünglichen Datei. Wenn man es hier anschaut, muss
man verstehen dass das, was diesen flackernden Effekt eigentlich interessant macht,
ist, dass diese drei Schichten gleich sind, aber etwas anders sind. Es ist wirklich, als würdest du zwei oder drei Mal ein Wort sagen, du würdest es nie auf die gleiche Weise sehen. Richtig? Ja. Wenn du es tatsächlich analog machen würdest, könntest du
eigentlich zuerst dein Wort schreiben und dann ein Tracing Sheet verwenden, so dass es im Grunde das nächste genau die gleiche Größe aussieht. Genau und nicht das Gleiche. Nicht das gleiche, es wird einige kleine Unterschiede geben, und das sind die leichten Unterschiede, die
diesen interessanten Flimmereffekt machen werden. Sie werden es glatt halten, denn wenn Sie es ganz anders schreiben würden, und Sie wären da, um es zu animieren, würde
es überhaupt nicht glatt aussehen. Also, dann sind wir im Grunde fast fertig, weil wir alle Schichten hier bereit haben. Das ist ein wenig zurück, das ich löschen werde. Aber wir werden die Animation erstellen, und wie zuvor, hier gibt es keine bestimmte Reihenfolge, aber fangen wir mit der ersten an, weil es nur eine nach der anderen ist. In diesem Fall werden wir sofort beginnen,
weil es nur darum geht , drei Bilder zu haben, die es tatsächlich streichen. Ist nur drei Frames. Also, wenn ich hier einmal dupliziert habe, aktiviere ich B, deaktiviere A und aktiviere am letzten C, deaktiviere B. Kompliziert. So ist es schon zu uns kompliziert. Das ist es. Wenn ich jetzt das Timing auf die Frames setze, oder wirklich kurz, oder lassen Sie uns mit zwei vielleicht beginnen. Nun mal sehen, was es gibt. Zu langsam, und ich habe es auch nicht ewig getan. Also werden wir ewig brauchen. Es ist einfach. Damit Sie es immer wieder visualisieren können. Es ist die Schleife. Also, lassen Sie uns alles auswählen und ein zweites Spiel so setzen. Ja, man sieht es schon zusammen, und man sieht, dass es immer noch glatt bleibt, denn wir spielen immer noch mit genau dem gleichen Schriftzug. Es sind nur diese kleinen Feinheiten, die diese unvollkommene Bewegung bringen. Also, das ist wie ein wirklich cool, und wie Sie sehen können, ist
es wirklich einfach, diesen Effekt von Photoshop zu tun. Bei der Erstellung dieser Buchstaben ist es wichtig, einige Buchstaben zu haben, die fast gleich sind. Sie sehen, dass sich das Y nicht so sehr ändert. Ja. Aber dann hat das T einige Variationen mit sich, weil, größer, das A ist ein wenig dicker oder so. Es ist ja. Es ist cool. Weil es Ihnen erlaubt, mit einem Wort oder einem Zitat zu spielen, das Sie nicht zu viel ändern werden, wird
es nicht viel Bewegung geben, aber es wird nur mehr auffällig aussehen. Ok. Wieder, wir werden jetzt nicht exportieren, ich werde nur das hier speichern. Das war's. Gehen wir rüber zum letzten.
6. Projekt Nr. 3: Abwechselnde Anzeige verschiedener Wörter: Für unser letztes Projekt werden wir etwas komplexeres tun, weil wir mit dem Wechseln verschiedener Wörter spielen werden. Also, um das zu tun, werden
wir mit einem anderen handgeschriebenen Wörter spielen , die nacheinander erscheinen werden. Aber es gibt einen Teil des GIF, der statisch bleiben wird. Das ist cool, wenn Sie verschiedene Dinge gleichzeitig betonen möchten. Also in unserem Fall, was wir tun werden, ist einfach
ausschreiben Kätzchen sind und dann verschiedene Wörter auftauchen. So wie süß,
entzückend, flauschig, und so weiter. Dies macht es wie ein wirklich auffälliges Bild und es ist eine gute Idee. Wie gesagt, wenn Sie über verschiedene Wörter in einem Rutsch sprechen möchten, Wenn Sie einige verschiedene Schlüsselwörter haben, die Sie nacheinander erscheinen möchten. Zum Beispiel habe ich gesehen, wie Designstudios das von Zeit zu Zeit
tun. Wir bieten Design, Fotografie, Videografie, blah, blah, blah. Sie haben diese verschiedenen Wörter, die nacheinander zeigen, und ein Teil des GIF bleibt statisch. Also, das ist auch eine wirklich coole Art, Ihren Schriftzug zu animieren, und wir werden Sie jetzt durch sie nehmen. Okay, lasst uns ein neues Dokument beginnen. Diesmal wird es ein horizontales Format sein. Horizontal, sagen wir, es sind 2.000 drauf. Ja. 72 darauf, dann werden wir es nennen, Skillshare-Cat03. Da gehst du. Lassen Sie uns unsere Elemente importieren. In diesem Fall das Katzenpelzmuster. Ja. Wir haben dieses kleine Muster erstellt. Und der Schriftzug. Dass wir einen dunklen Hintergrund überziehen werden. Es wird also wirklich subtil bleiben. Wir haben gerade versucht, das Fell der Katze nachzuahmen, und wir werden den Schriftzug darüber legen. Also, es wird immer noch Pop, weil der Rest wird ziemlich dunkel bleiben. Also, wenn auch meine Farbpalette, die ich tatsächlich per Drag & Drop wieder zu meinen letzten Dokumenten hier, nur um die Farben später herauszunehmen. Schließen Sie hier, das Fell, gleiche Verfahren, Drag & Drop in unsere Dokumente. Da gehst du. Lassen Sie uns im Moment nicht zu sehr um Größen kümmern. Schließen Sie diesen, und der letzte ist das Blatt mit den Wörtern. Ja. Okay, das hat viele Schichten, also werden wir diese vielleicht zuerst aufräumen. Also haben wir hier, das ist die grundlegende erste Schicht, die nichts hat. Die Farbpalette, werden wir behalten oder tatsächlich nur den Hintergrund bereits. Genau. Ja, eigentlich. Ich werde nur den Hintergrund für den Moment vorbereiten, damit wir uns dann auf den Schriftzug konzentrieren können, der darüber hinausgeht. Ich habe diese Farbe, die die letzte war. Okay, das war's. Das Fell, Ich werde das intelligente Objekt erstellen, aber noch einmal, ich zoomen ein wenig aus, weil ich die Grenzen nicht sehe. Also da hast du es. Ich klicke auf eine Ecke, und dann, im Grunde mit Alt und Shift, kann
ich sie proportional nach unten skalieren und hier in unser Blatt legen, so
etwas. In Ordnung. Wenn Sie mit verschiedenen Texturen oder Hintergründen und solchen Dingen spielen, ist
es immer eine gute Idee, bevor Sie ein komplexes GIF wie dieses erstellen, um das bereits aussortiert zu haben. Also, perfektionieren Sie zuerst Ihre verschiedenen Ebenen und Ihre verschiedenen Muster, mit denen Sie spielen, und dann können Sie beginnen, Ihren Schriftzug zu importieren. Okay, für die Formulierungen, ich schätze, ich werde sie einfach mit dem anderen überlegen. Es wird also ein wenig einfacher, denn selbst wenn es ein wenig chaotisch aussieht, sehen sie
zumindest alle dieselbe Position aus. Schön, das ist okay. Wenn Sie Ihren Schriftzug, alle Ihre verschiedenen handgeschriebenen Wörter bereits getrennt haben, tun
Sie dies bitte, so dass sie alle in separaten Ebenen sind, und dann können Sie beginnen, sie mit Leichtigkeit in Ihre Datei zu legen, wie wir es tun. Nun, wir haben diesen kleinen Trick, sie alle zusammen zu stapeln, und dann kannst du endlich anfangen, mit ihnen zu spielen. Okay, ich wandle jedes Element hier schnell in ein Smart-Objekt um. Lassen Sie uns die sagen, und die letzten Kätzchen sind, und dann kann ich sie herunterskalieren. Katzenfell muss gehen. Lasst uns sie ein wenig nach unten skalieren. Okay, also legen wir einfach das Katzenfell hierher. Lass es uns hinlegen, und diese Elemente werden
wir sie genau wie vorher mit dem fx setzen. Wir färben sie mit der Farbüberlagerung, nur weiß. Ok. Das ist gut. Und wir werden das duplizieren, alle anderen Elemente mit Alt gedrückt. Das war's. Die Kätzchen sind, es wird auch weiß sein, oder? Ja. Also gehen wir hin. An dieser Stelle können Sie auch mit verschiedenen Farben spielen, wenn Sie möchten, und Sie können sich sogar vorstellen, wie Sie sogar den Farbwechsel machen könnten, und so weiter. Aber wir werden das wirklich einfach halten, nur damit wir Ihnen zeigen können, wie wir das planen, dass wir vielleicht ein bisschen mehr experimentieren
und etwas verrückter werden können . Schließen wir das, was wir jetzt nicht brauchen werden. Wie Kätzchen, lass uns unseren Rahmen komponieren. Gerade mit Kätzchen sind, wahrscheinlich etwas
kleiner, zum zentrierten, dann alle anderen Schriftzüge darunter, wahrscheinlich hier herum, auch etwas kleiner. So etwas. Nun, wir sehen es als ein richtiges Chaos. Es ist ein richtiges Chaos. Aber ja, Sie können anfangen, sie anzusehen und zu sehen, ob sie in der richtigen Größe sind, in der richtigen Platzierung. Wir sehen auch,
dass dieser hier eine kleine weiße Linie ist, die hier ist. Wir können darauf doppelklicken und das korrigieren. Es ist wahrscheinlich nur eine Linie, die darunter ist. Dafür können Sie einfach
dieses selektive Werkzeug bekommen und die Grenzen gehen und einfach einmal löschen, vielleicht zwei, bis der Schriftzug dort beginnt. Das sollte gut sein. Wenn ich jetzt spare und ich es schließe, siehst du, dass es weg ist. Genau. Also, wenn hier Schriftzug noch nicht ganz sauber ist, ist
das nichts zu befürchten. Sie können es immer auch auf dem Weg reinigen. Okay, das war's also. Die Größe scheint in Ordnung zu sein. Ich würde sagen, dass Kitties, der obere Teil kann ein bisschen kleiner sein, so dass es ein wenig mehr Kontrast zwischen verschiedenen Wörtern und dem statischen Teil gibt. In Ordnung. Also, wenn ich jetzt, vergleichen Sie mit den anderen. Lassen Sie uns ein wenig, die Herrscher, ein bisschen die Hälfte hier. In Ordnung. Lasst uns hier eine Schlange halten. Setzen Sie diese Worte, so die niedlichen hier. Ja. Flauschig Kawaii. Okay, also sollte es sein. Ja. Wir haben sie alle in der richtigen Größe, in der richtigen Position. Also, wenn etwas nicht genau an der richtigen Position oder nicht die richtige Größe ist, können Sie
jetzt einfach anpassen, so dass es auf dem Weg für Sie einfach sein wird, es zu animieren. Stellen Sie einfach sicher, dass alles richtig eingestellt ist, und dann können wir anfangen, das zu animieren. Wir wollen nur anrufen oder vielleicht aufschieben, oder? Also, lassen Sie mich einfach schnell meine Farbpalette bekommen, weil wir ihr eine Farbe geben können. Legen Sie das zurück. Die Katze Fell, fx, Farbe Overlay. Wenn Sie eine Farbe auswählen, können
Sie eine dieser Farben auswählen. Ich würde sagen, die dunkelste so thst. Das hier, richtig? Ja, ja. Also, das ist cool. Okay, jetzt können wir die Farbpalette löschen. Das war's. Aktivieren Sie einfach die Lineale, und wir erstellen unsere Animation. Okay, also in der Timeline wird es darum gehen, Kätzchen zu zeigen, sind, ein Wort, Kätzchen sind, ein anderes Wort, haben immer Kätzchen sind dazwischen leer. Ja, ich sagte, es ist statisch. Genau. Ja. Also, lassen Sie mich deaktivieren. Also das erste ist leer, lassen Sie es uns bereits duplizieren und ein Wort aktivieren. Also die entzückenden, und machen Sie das weiter, wie Duplikate, leer, duplizieren, nächstes Wort, duplizieren leer, duplizieren flauschig, und so weiter ,
kawaii, und leer, und das letzte, Iovely, und das war's. So können Sie sehen, wie viel Zeit das uns gerettet hat, nur indem wir das richtig vorbereitet haben, dann können wir animieren, wie wir wollen. Also, die grundlegende Timeline ist fertig und jetzt werden wir uns nur das Timing ansehen. Genau. Wir wählen sie alle bei 0,2 Sekunden für alle aus, und dann heben wir die Auswahl auf, und wir nehmen nur diejenigen mit dem Wortlaut. Zeigen Sie es schon, damit wir sehen können, wie es aussieht. Ok. Wie Sie sehen können, die Worte, sie erscheinen ein wenig zu schnell jetzt. Wenn also ein Wort erscheint, werden
wir diesen Rahmen gezielt auswählen und ihn etwas langsamer machen. Also, mit dem Befehl, kann
ich tatsächlich nur die Frames auswählen,
die ich will, die mit den Worten sind, und ich gehe zu fünf. Also von 0,2 bis 0,5. Wenn ich zum ersten und dem Spiel jetzt gehe, so sieht das ziemlich gut aus. Ja. Das Timing ist schön, es ist Komposition. Wir machen alles bereit, sie die 3D-Animationen zu exportieren. Lassen Sie mich das hier retten. Wir speichern es gerade jetzt auf phtoshop, damit wir dir nachträglich zeigen können, wie du diese verschiedenen Gifs exportieren kannst. Okay, Sie sehen also, dass alle drei Animationen immer noch ziemlich einfach und einfach sind. Wir empfehlen Ihnen, natürlich weiter
ins Detail zu gehen und mit den Kompositionen zu experimentieren. Denn im Grunde, wenn Sie verstanden haben, wie diese Timeline funktioniert und wie Sie verschiedene Elemente innerhalb jedes Rahmens bewegen können, dann können Sie anfangen, mit allem zu experimentieren, was Sie wollen oder Sie können versuchen, mit verschiedenen Farben, und machen Sie Ihre Schriftzug wechseln Farben. Ob es sich um den Schriftzug oder den Hintergrund handelt, Sie können verschiedene Effekte erstellen, wie einen Neon-Effekt oder ein anderes Muster hinzufügen oder ganz verrückt damit werden. Dies ist der gleiche Prozess, die Stop-Bewegung als auch, wenn Sie Bild von sich selbst nehmen, und Sie wollen sich in der Stop-Bewegungseffekt animieren, Sie können damit, Es ist das gleiche Prinzip. Ja, genau. Also, wenn Sie dieses Prinzip verstanden haben, dann ist es grenzenlos. Sie können tun, was Sie wollen, und wir ermutigen Sie sehr, damit zu experimentieren und einige wirklich interessante Gifs zu machen, die zu Ihrem Stil passen.
7. So exportiert du deine GIFs: In Ordnung. Nun, da wir mit der Herstellung der GIFs experimentieren, werden
wir Ihnen zeigen, wie Sie sie exportieren und teilen können, weil es verschiedene Möglichkeiten gibt, aber wir werden Sie durch. Beginnen Sie mit dem ersten hier. Lass mich spielen, um zu sehen, ob alles in Ordnung ist. Ja. Okay. Also, wir werden das exportieren. Wir beginnen mit dem Export als GIF und dann als Film. Also, für das GIF, gehen
wir zu Datei, Exportieren und Speichern für Web hier. Lassen Sie uns diese Optionen sehen, dieses Fenster sieht ein bisschen kompliziert aus, aber lassen Sie mich hier hinauszoomen, damit wir die ganze Animation sehen können. Es sagt im Grunde die Originaldatei auf der linken Seite. Wenn Sie es hier auf 2-Up, das Original auf der linken Seite, können
Sie sehen, dass es Skillshare-Cat PSD ist. Hier rechts, das GIF. Dies ist die ursprüngliche Größe des Dokuments, das 15 Megabyte beträgt. Am Ende werden wir mit 224,7 Kilobyte enden, was ziemlich gut ist wie eine Größe. Es ist wirklich leicht. Es wird ziemlich leicht bleiben, ja. Sie haben also ein paar Voreinstellungen. Ich denke, GIFs, und dann JPEGs und PNGs. Was wir uns konzentrieren wollen, ist ein GIF zu haben. Sie brauchen also keine Voreinstellung, Sie können es einfach hier wieder auswählen. Also, hier auf der rechten Seite, auf den Farben, sehen
Sie, dass wir von zwei bis 256 Farben und alles dazwischen gehen können. Sie können auch eine bestimmte Zahl eingeben, wenn Sie möchten, wie 123. Aber die Sache ist, dass dies
für Ihre Exporte ziemlich dramatisch sein kann , wenn Sie ein echtes Foto im Hintergrund haben. Wie unser zweites Beispiel mit der Katze. Genau. Dort können wir die wirklich hohe Qualität nicht erwarten, denn da wir am Ende nicht mit so vielen Farben spielen können, werden
wir ein wenig Qualitätsverlust haben, wenn es um die Farben geht. Also, es wird einfacher für Sie sein, wenn Sie mit weniger Farben wie in diesem Fall spielen, aber wenn Sie mit einem Foto oder so etwas spielen, das ist komplexer,
nur erwarten Sie nicht,
dass es eine super hohe Qualität ist, diese ist einfach nicht möglich, wenn Sie GIFs machen. Aber es ist auch eine Sache von den GIFs. Ich denke, wenn Sie eine GIF-Animation online sehen, geht
es nicht darum, in hoher Qualität zu haben. Ich denke, es ist auch der Charme, sie mit diesem niedrigen Farbspektrum zu sehen. Genau. Ja. Das ist, was das GIF am Ende mag. Es ergänzt die funky Aspekte des GIF. Genau. Also, es ist in Ordnung. Behalten Sie das im Hinterkopf. Es ist keine Einschränkung von der Software, von Photoshop oder so etwas. Es ist wirklich eine Einschränkung, weil GIFs leichter bleiben müssen. Ich schätze, sie sind nur auf 256 Farben beschränkt. Also, für unser Beispiel hier, können
wir wirklich tief mit den Farben gehen, weil wir im Grunde nur diesen Beigeton mit dem Schwarz haben. Ja. Es ist so einfach. Also, ja. Also, von zwei, lass uns acht nehmen, denn, du siehst in der Farbtabelle hier, gibt es immer noch einige Nuancen aus den Farben. Also, es ist nicht rein, wie gerade schwarz, also lass es uns auf acht halten, damit es trotzdem super leicht ist. Ja. Es gibt absolut kein Problem. Ich schätze, dass man sogar mit 256 sieht, es sind nur etwa 200 Kilobyte, also ist das gut. Lass uns acht behalten, um es klein zu halten. Alle anderen Optionen hier mit selektiven, wahrnehmbaren, adaptiven und all dem; halten Sie es
nur selektiv. Manchmal sehen Sie einige Änderungen. Sie sehen tatsächlich einige drastische Änderungen manchmal, aber dies ist , wenn Sie einen komplexeren Hintergrund verwenden. Hier, es ist so einfach. Lass es uns einfach so behalten. Wir können es auch hier spielen. Looping-Optionen, für immer. Vergiss das nicht. Die Größe ist korrekt. Wenn ich es hier spiele, sehen Sie, dass es genau das ist, was wir wollten. Also, das war's. So können wir jetzt sparen. Speichern Sie es hier als Cat-01. Das war's. Also, wenn ich auf den Finder gehe, um die Ergebnisse zu sehen, das ist es. Ich drücke die Leertaste, da fängt
es an zu spielen. Da gehen wir. Dies ist also eine einfache Möglichkeit, Ihr GIF als GIF zu exportieren, das für immer in einer Schleife gespielt wird, wenn Sie es so einrichten. Dies ist perfekt, um eine Datei zu erstellen, die
leicht und ideal für Ihre Website
oder Ihren Blog-Beitrag,
auf IhrenNewslettern und solchen Dingen zu verwendenist leicht und ideal für Ihre Website
oder Ihren Blog-Beitrag,
auf IhrenNewslettern und solchen Dingen zu verwenden oder Ihren Blog-Beitrag,
auf Ihren , weil GIFs buchstäblich nur zum Einbetten und Platzieren in diese Orte. Damit es online spielen, müssen
Sie nur auf Ihrem Server hochladen, oder auf Facebook jetzt, es startet bereits automatisch. Ja. Also, wenn Sie es auf Facebook hochladen, beginnt
es sofort. Genau. Also, das war's. In den meisten Fällen wird dieses Format perfekt sein. In einigen Fällen,
wenn Sie zum Beispiel ein GIF exportieren und direkt auf Ihrem Instagram posten möchten, wäre
es besser, es als Filmdatei zu exportieren. Du musst es. Genau. Du kannst kein GIF setzen. Ja. Sie werden verpflichtet sein, es als Filmdatei zu exportieren, was wir Ihnen jetzt zeigen werden. Also, für den Film, was wir jetzt tun wollen, ist, diese Bilder tatsächlich zu duplizieren, um es länger zu spielen,
weil wir nicht in der Lage sein, es automatisch mit einer bestimmten Bedingung zu machen, dass es für immer spielen. Ja. Ein Film spielt einfach von Anfang bis Ende. Von A bis Z und es wiederholt sich nicht wirklich. Dies ist also eine Einschränkung, wenn Sie als Filmdatei exportieren. Sie müssen dann tatsächlich alle Ebenen selbst wiederholen, so dass es mehrmals spielen kann, wie dreimal oder fünf Mal. Multiplizieren Sie Ihre Ebenen so oft wie Sie benötigen, damit sie so lange wiedergegeben werden können, wie Sie möchten. dies zu tun, werden wir einfach alle unsere Frames auswählen und die doppelten ausgewählten Frames drücken. Wenn ich das ein paar Mal drücke, sehen
Sie, dass wir am Ende genau dasselbe haben werden. Es erstellt im Grunde eine Art Schleife mit einer bestimmten Menge an Zeit. Dafür kann ich jetzt sogar die 16 Frames auswählen. Alles zusammen, und klicken Sie einfach einmal. Also, jetzt werden wir mit 32 enden, was uns wahrscheinlich eine richtige Menge an Länge geben wird. Also, lassen Sie es uns einfach testen. Wenn ich gehe auf Datei, Export und Video rendern, dieses Mal, statt dieser war diejenige für das GIF, und das ist für den Film, und dann wählen wir den Namen der Datei. Es wird ein MP4 sein. Sie wählen den Ordner so aus, wie er angezeigt und gespeichert werden
soll, und wir wählen Adobe Media Encoder. Dafür werden wir das Format H.264 verlassen. Wir werden auf hohe Qualität verlassen. Wir lassen die Größe wie diese, und die Dokument-Framerate, wir brauchen es auch bei 30 Frames pro Sekunde, was wirklich glatt sein wird, und wir rendern. Lassen Sie uns eine Videodatei exportieren, die Sie dann auschecken und sehen, ob es mit dem passt, was Sie wollen es aussehen. Werfen wir einen Blick auf unsere Akte hier. Wir können sehen, dass es 13 Sekunden lang ist, drei Megabyte. Es ist vielleicht noch ein bisschen schwer, aber wenn man es auf Instagram setzt, wird
es gut gehen. Auch für die Länge, wenn ich jetzt die Leertaste drücke, sehe
ich die Vorschau. Mit der Timeline wird Instagram es trotzdem am Ende für immer schleifen. Also, Sie brauchen nur ein Minimum an Zeit. Ich schätze, 12 ist ziemlich gut. Das war's. Wir können jetzt unsere zweite und dritte Animation exportieren, hier. Beginnen wir mit dem Exportieren des GIF zuerst. Dafür gehen wir noch einmal zu Export and Save for Web. Hier werden wir die Veränderung mit den Farben deutlich sehen. Ja. Es behielt die... Eigentlich, ja. Es ist immer noch auf acht Farben. Ja. Das ist der Grund, warum es... Also, wenn wir auf das Maximum von 256 gehen, ja, sieht es ziemlich gut für mich aus. Es ist nur so, dass es 2,4 Megabyte sein wird, was ziemlich viel ist. Also, wenn wir jetzt auf 128 reduziert werden, wird
es ein wenig klein sein und die Menge hat sich nicht so stark verringert, was ziemlich gut ist. Selbst hier in nur 64 Farben, fängst
du an, es zu sehen, vielleicht hier, wenn du ... Die Farben sind ein wenig flacher, aber im Fall dieses Fotos, da es in Bezug auf die Farbe nicht zu komplex ist, sieht es immer noch gut aus. Ja. Also, ja. Sie können Optionen wie mit dem WebSnap ausprobieren. Wenn Sie nach oben gehen, werden Sie sehen, dass es einige Änderungen vornehmen könnte. Sie müssen sehen, ob es für Sie angepasst ist oder nicht. Hier schafft es wirklich einige seltsame Farben, aber Sie gewinnen an Größe. Also, ich mag es nicht zu viel damit zu spielen, ich würde lieber tief mit den Farben gehen. Aber wenn es zwei ist, siehst du, du gewinnst nicht so viel mit der Größe. Also, was auch immer. Bleiben wir bei 64. Ich schätze, es ist ziemlich gut für mich mit 1,3 Megabyte. Also, lassen Sie es uns einfach retten, es schleift für immer, das war's. Lass es uns einfach retten. Lassen Sie uns das Ergebnis hier auf GIF sehen. Da gehst du. Sieht cool aus. Ja, es ist schön. Ich mag es. Nun, wir werden auch einen Film daraus exportieren. Da dieser so kurz war, im Grunde 0,3 Sekunden, müssen
wir hier einige Male duplizieren, um eine minimale Länge zu haben. Lassen Sie uns diese 15 Elemente behalten. Duplizieren Sie es noch einmal bis 30. Noch einmal, weil
es am Ende nicht wirklich wichtig ist, muss
es nur minimal sein. Also, Datei, Export, Video rendern für den Film, wir wählen den richtigen Ordner, rendern. Dies ist also ein Ergebnis der zweiten Animation. Es dauert fünf Sekunden, was wahrscheinlich noch nicht genug ist. Also, ja. Ich habe es einige Male dupliziert. Wir hatten 45 Frames. Aber es ist okay, Sie können immer noch alles auswählen. Nun, wenn ich noch einmal dupliziere, werde
ich mit den 10 Sekunden enden, was ziemlich gut ist. Also, lasst uns das einfach machen. Dieser Export, rendern Video, und das war's, ich werde tatsächlich die andere überschreiben. Lassen Sie uns das Ergebnis sehen. Alles gut. Es dauert jetzt neun Sekunden. Okay. Denn bevor es wahrscheinlich vier Punkt etwas war, also hängt es davon ab, wie oft Sie es duplizieren müssen, aber in diesem Fall ist
es schon ziemlich gut. Lassen Sie mich diese schließen, und tun Sie es einfach schnell für das letzte GIF. Ja. Lassen Sie mich überprüfen, ob alles in Ordnung ist. Oh, ich muss nur Forever hier klicken. Ja. Spielen Sie es einfach. Das war's. Also, zuerst, lassen Sie uns das GIF exportieren. Exportieren, Speichern für Web, zoomen Sie ein wenig aus, und wir werden sehen, dass die Farben, wir brauchen nicht zu viele hier als auch, wahrscheinlich 16 oder acht ist genug. Ja. Ja. Im Grunde sehe ich keinen Unterschied. Es ist klein. Die Größe, behalten wir. Alles, wie es ist, Schleife für immer, klicken Sie
einfach auf Speichern. Das war's. Lassen Sie uns einfach das Ergebnis auf dem Finder sehen. Der dritte. Es ist eigentlich hier. Also, das war's. Das ist die Animation. Ja. Sieht gut aus. Das ist schön. Ja. Exportieren wir es schnell als Film, und dann haben wir sie alle. Also, hier, wählen Sie alle Frames, genau wie zuvor, duplizieren Sie ein paar Mal hier, wählen Sie alle von 18-36. Da gehst du. Datei, Export, Video rendern. Wir wählen hier aus, wo wir es speichern möchten. Alle Optionen sind in Ordnung. Rendern. Lassen Sie uns das Ergebnis sehen. Dieser dauert 13 Sekunden, was ziemlich gut ist. Ja. Sieht so aus. Da gehen wir. Also, jetzt haben wir alle diese Dateien leicht als GIFs und als Videos exportiert. Denken Sie also daran, dass
Sie in den meisten Fällen nicht tatsächlich in Videodateien exportieren müssen. Nur als GIF zu exportieren ist meist genug, denn wenn Sie es einfach online, auf Ihrer Website,
auf Ihrem Blog-Post, oder auf Ihrem Newsletter oder so etwas, GIFs sind in der Regel mehr als genug. Sie müssten es nur als Film exportieren, wenn Sie es auf Instagram setzen möchten, wo es eine bestimmte Zeit gibt und eine bestimmte Art von Datei nur akzeptiert. Instagram akzeptiert keine GIFs für jetzt, also wäre dies der einzige Fall, in dem Sie es als Film exportieren müssen. Wenn Sie mit den Filmen arbeiten möchten, arbeiten
Sie mit hoher Qualität. Sie müssen sich also nicht um den Farbbeschränkungsteil kümmern. Genau. Das ist richtig. Auf der einen Seite haben Sie eine einfach hochladbare Datei, die leicht und schnell hochgeladen werden kann, und auf der anderen Seite haben
Sie eine qualitativ hochwertige schwerere Datei. Es hängt davon ab, wofür Sie es brauchen.
8. Ein paar letzte technische Tipps: Und da wir hier einige weniger technische Tipps durchlaufen, wir Sie nur an ein paar weitere Tipps erinnern , die wir für wichtig halten oder Dinge, auf die wir achten müssen. Also, achten Sie auf jeden Fall auf die Länge Ihres Videos. Stellen Sie sicher, dass es lang genug ist, wenn Sie es auf Instagram oder so etwas hochladen möchten. Aber auch wenn Sie nur als GIF exportieren, ist
dies überhaupt nicht wichtig. Es wird nur automatisch wiedergegeben, und eine andere Sache, auf die Sie achten sollten, wäre die Geschwindigkeit Ihres GIF. Also, lassen Sie uns Ihre Datei starten,
wenn Sie exportieren Wenn etwas etwas zu schnell oder ein wenig zu langsam ist,
laden Sie sie dorthin hoch , wo Sie sie hochladen möchten. Geben Sie es einen kleinen Test, sehen Sie, wie es aussieht, und wenn Sie die Geschwindigkeit bestimmter Frames anpassen müssen und so weiter, gehen Sie zurück zu Ihrer Datei
und passen Sie sie an, bis Sie mit dem Ergebnis sehr zufrieden sind. Und für die Qualität,
die wir gesehen haben , hat das GIF keine Hand, eine Einschränkung auf 256 Farben, die der Film nicht hat. Der Film kann wirklich in hohe Qualität gehen, aber es wird wirklich schwer werden. Also, Sie müssen sehen, wofür genau Sie das verwenden möchten. Vielleicht müssen Sie einige Kompromisse eingehen. Wenn Sie beispielsweise ein Foto verwenden
und es in ein GIF verwandeln möchten, wie Sie es zuvor gesehen haben, müssen
Sie möglicherweise die Anzahl der Farben reduzieren usw. Aber wie wir gesehen haben, gibt
es ihm einen interessanten Charme, und wenn Sie mit etwas arbeiten, das viel
minimalistischer in seinem Design ist und Sie normalerweise keine Probleme damit haben. Also, ja, bedenken Sie das. Also, ja, das war es so ziemlich. Es ist ziemlich einfach zu tun, und ja, wenn Sie sich mit dem Prozess vertraut machen, dann kann
Ihre Kreativität mit all dem ziemlich grenzenlos sein. Ich freue mich, zu sehen, was du dir einfällt. Hoffe, du wirst von unserem Kurs inspiriert und kannst dein Projekt,
dein GIF hier als Projekt teilen . - Ja. Damit wir es kommentieren können. Ja, wir sind so aufgeregt zu sehen, was du dir einfällt. Vielen Dank, Jungs, dass Sie an diesem Kurs teilgenommen haben, und viel Spaß. Prost.