GIFs komprimieren wie ein Profi

1. Was macht eine großartige GIF aus?: Hey, ich bin Jake Bartlett und das komprimiert GIFS wie ein Boss. In diesem schnellen Kurs zeige ich Ihnen meine drei besten Möglichkeiten, GIFS zu komprimieren, um sie im Internet zu teilen. Teil eins, GIF oder JIF. Lasst uns das einfach aus dem Weg bringen. Der Erfinder des GIF sagt JIF. Die Mehrheit des Planeten sagt GIF. Ich bin in das GIF-Camp aufgenommen, so dass ich es aussprechen werde. Teil zwei, was funktioniert am besten? GIFS haben definitiv eine sehr spezifische Verwendung. Um zu wissen, wann ein GIF über ein Video verwendet werden soll. Erinnern Sie sich an die drei S, kurz, einfach und klein. GIFS muss kurz sein und je länger sie sind, desto größer ist die Dateigröße. Das GIFS sollte einfach sein. Viele GIFS arbeiten als Schleifen. Wenn Sie eine Reihe von superkomplizierten 3D-Grafiken rendern oder Fotos oder Videos in Ihre Arbeit einbinden, ist ein GIF höchstwahrscheinlich nicht Ihre beste Wette, weil es Ihre Bilder so stark komprimieren wird , dass Ihre Arbeit wird nicht so großartig aussehen. Einfache Animationen, mit sauberer Vektorgrafik, funktionieren hervorragend für GIFS. Eine kleinere Farbpalette hilft wirklich, die Dateigröße niedrig zu halten. Das heißt nicht, dass Sie nicht viele Farben haben und Dinge wie Texturen und Schattierungen hinzufügen können, aber je einfacher es ist, desto besser wird Ihr GIF am Ende aussehen. Klein, es gibt zwei Hauptziele, wenn ein GIF komprimiert wird. Halten Sie die Dateigröße klein und die Qualität hoch. Wenn Sie Ihre Exportauflösung klein halten, helfen diese beiden Ziele. Die meisten meiner GIFS landen auf Dribble und Dribble akzeptiert nur zwei Auflösungen, 400 mal 300 und 800 mal 600, also exportiere ich im Allgemeinen kein GIF höher als 800 mal 600. Wenn Sie speziell für Skillshare komprimieren möchten, beträgt die Breite eines Projektelements 580 Pixel. Nun, das sind alle Exportauflösungen. Ich empfehle, dass Sie mit einer höheren Auflösung wie 1920 von 1080 oder 1440 von 1080 für 4 mal 3. Teil drei, komprimieren wie ein Boss. 2. Methode 1: Gifgun: Es gibt drei Methoden, die ich zum Komprimieren von GIFs empfehle, und jede hat ihren eigenen Vor- und Nachteil. Methode eins, GIF Gun. GIF Gun ist bei weitem die einfachste Methode zum Komprimieren von GIFs aus After Effects. Es ist $30. Aber ich kann garantieren, dass, wenn die Nutzung von Geschenken aus Aftereffekten etwas ist, das Sie regelmäßig tun, es ist die beste $30, die Sie ausgeben können. Hier drüben in After Effects habe ich eine Reihe meiner Muster aus meiner Titelgrafik, die alle bereit sind, zu komprimieren. Dieser Comp ist 1920 x 1080 bei 24 Bildern pro Sekunde. Ich komme zum Fenster und gehe runter zu GIF Gun, und Sie können sehen, dass es dieses winzige kleine Panel ist, nur zwei Tasten, und ich könnte das sogar in meine Panels hier drüben andocken, so dass ich immer Zugriff darauf habe, und die beiden Schaltflächen sind GIF und Einstellungen. Die Funktionsweise besteht darin, dass es genau wie beim Rendern eines Videos aus After Effects so eingerichtet ist, dass es gerendert wird, was auch immer Ihr Arbeitsbereich ist. Jede dieser Schichten ist bereits getrimmt, um eine nahtlose Schleife zu sein. Wenn ich zum ersten Frame gehe und meine Freihandeingabe durch Drücken von B auf der Tastatur einstelle, drücken Sie O, um nach oben zu springen, und drücken Sie N, um meinen Array-Punkt festzulegen. Ich drücke 0 auf dem Nummernblock, um zu rendern, und Sie sehen, dass es sich um eine Seamless-Schleife handelt. Da ich weiß, dass dies korrekt eingerichtet ist, kann ich dann meinen Export einrichten. Wenn ich jetzt auf GIF machen klicken würde, wird es das GIF bei der Auflösung meiner Komp komprimieren, die voll zehn ADP ist, und wie wir bereits besprochen haben, ist das viel höher, als ich es möchte. Ich gehe in meine Einstellungen und ich habe ein paar Optionen. Die erste besteht darin, zu wählen, wo ich exportieren wollte. Ich habe es nur geändert, um auf dem Desktop zu sein. Dann haben wir die Möglichkeit, die Breite zu ändern, und es wird proportional die Höhe skalieren. Ich will nicht, dass es 1920 breit ist. Ich werde auf das Häkchen zur Breite ändern klicken und 800 Pixel ist, wie wir möchten, dass exportiert. Die nächste Option besteht darin, die maximale Anzahl von Farben auszuwählen, und wie Sie in der QuickInfo direkt hier sehen können, bedeutet mehr Farben größere GIFs, und mit größerem bedeuten sie die Dateigröße. Wenn ich auf diese Dropdown-Liste klicke, sehen Sie, dass wir ein paar voreingestellte Optionen haben. Jetzt hat diese spezielle Animation nur drei Farben. Wirklich kann ich diese maximalen Farben auf acht reduzieren und es wird wahrscheinlich gut aussehen. Aber im Allgemeinen werde ich das bei 128 belassen und es ist einfach in Ordnung. Wenn die Qualität zu diesem Zeitpunkt nicht hoch genug ist, werde ich sie auf 256 stoßen, wir können die Bildrate steuern. Moment ist es auf die comps-Framerate eingestellt, also 24 Frames pro Sekunde, aber ich kann dies auf 12 fallen, wenn ich die Anzahl der Frames und die Hälfte schneiden möchte , um die Dateigröße zu sparen. Ich werde das vorerst verlassen, weil ich möchte, dass es die volle Bildrate ist, und dann haben wir endlich die Möglichkeit, eine Videokopie zu speichern. Was ich nicht tun muss, und die letzte Option besteht darin, sicherzustellen, dass Ihr GIF Schleifen. Ich möchte meine die Schleife, ich lasse das überprüft und klicke auf Fertig. Dann ist es so einfach wie Klicken, machen Sie GIF. After Effects exportiert ein Video. GIF Gun gibt mir einen kleinen Status. Es sagt mir, dass das GIF komprimiert und öffnet automatisch die Datei, in der Sie das GIF auf meinem Desktop exportieren, und sicher genug, es gibt mein Looping GIF. Nun, wenn Sie sich dieses Video im Vollbildmodus ansehen, können Sie wahrscheinlich sagen, dass die Ränder meines Artworks wirklich knusprig aussehen. Das liegt daran, dass ich mein Farbmuster auf acht Farben beschränkt habe. Sie würden denken, dass, weil mein Kunstwerk nur drei Farben hat, acht mehr als genug sein würde. Aber wenn ich hier wirklich nah an den Rändern dieser beiden Farben heranzoomen, kann man sehen, dass es nicht nur dieses Lila und dieses Rot ist. Es gibt das sogenannte Anti-Aliasing, das zwischen den beiden Grafiken passiert , um die Kanten glatter zu machen, und dasselbe gilt für das Gelb und das Lila. Wenn ich zurückzoomen, um zu passen, werde ich in meine Einstellungen gehen, ändern Sie die maximalen Farben bis zu 128, nur um sicherzustellen, dass super glatt klicken Sie Fertig und dann machen GIF wieder, und hier gehen wir. Wir haben unser zweites GIF, Vorschau, dass. Sie können sehen, dass es viel sauberer ist als das. Dies ist unser Original, das auf acht Farben begrenzt ist, und das ist unsere zweite Kompression mit einem 128. Jetzt ist der Dateigrößenunterschied ziemlich signifikant. Die erste ist nur 388 Kilobyte, und die zweite ist ein Megabyte. Mein Ziel ist es, meine GIFs normalerweise um zwei Megabyte oder weniger zu halten, da Skill Share den Upload Ihrer Dateigröße auf zwei Megabyte begrenzt. Nun, wenn mein Geschenk auf zwei Megabyte oder darunter zu halten, die Qualität wirklich senkt, dann werde ich definitiv die Dateigröße erhöhen und dann nur das Posten des GIF auf eine andere Weise vornehmen, aber wir werden später darauf kommen. Moment bin ich vollkommen zufrieden mit diesem GIF, und das ist bei weitem die einfachste Möglichkeit, ein GIF aus After Effects zu exportieren. Während ich diese Klasse aufnehme, ist GIF Gun ein sehr neues Plug-in und sie arbeiten immer noch daran, weitere Funktionen zu entwickeln. Es könnte in Zukunft ein noch wertvollerer Kauf sein. 3. Methode 2: Photoshop: Die zweite Methode zum Komprimieren von GIFs ist die Verwendung von Photoshop. Wenn Sie nach Effekten haben, sind die Chancen, dass Sie Photoshop zu haben. Wie kommen wir von After-Effects zu Photoshop? Nun, lassen Sie mich zu meinem zweiten GIF springen. Ich setze den Arbeitsbereich ein und ich werde dies als Videodatei exportieren. Wir gehen die Komposition, Hinzufügen zur Renderwarteschlange und Ihre Ausgabemodule wahrscheinlich verlustfrei, und das ist in Ordnung. Ich möchte es nicht wirklich von After-Effekten zu Photoshop komprimieren. Dann sage ich es einfach, auf meinem Desktop zu gehen, und klicken Sie auf Rendern. Dann komme ich zu Photoshop, gehe zu Datei, öffne, gehe zu meinem Desktop, und hier ist meine QuickTime-Datei. Ich werde einfach darauf doppelklicken. Photoshop wird verarbeiten, lesen Sie das Videoformat, das ein wenig Zeit in Anspruch nehmen kann, je nachdem, wie groß Ihre Datei ist, und da haben wir es. Ich kann das in Photoshop zurückspielen. Es wird zunächst nicht in Echtzeit wiedergegeben, aber es lässt mich zumindest sehen, dass die Animation funktioniert. Wenn Photoshop die QuickTime-Datei nicht direkt öffnen lässt,müssen Sie auf Datei, Importieren,Video-Frames in Ebenen zugreifen müssen Sie auf Datei, Importieren, . Wählen Sie dann Ihr Video aus, lassen Sie den Bereich Von Anfang bis Ende eingestellt, lassen Sie die Option „Rahmenanimation machen“ aktiviert und klicken Sie auf „OK“. Das wird eine etwas anders aussehende Timeline bringen, aber es funktioniert im Grunde auf die gleiche Weise. Ich werde das hier schließen und hierher zurückkommen. Der nächste Schritt ist, gehen Sie zu Datei, Exportieren, Speichern für Web (Legacy). Jetzt verwende ich Photoshop CC 2015. Alle früheren Versionen hätten eine sicherere Web-aufgelistete Rate hier oben durch Speichern und Speichern unter. Gehen Sie zu „Für Web speichern“. Das eröffnet diesen Dialog, der es uns ermöglicht, für das Web zu komprimieren. Das erste, was ich tun werde, ist auf die Voreinstellung zu kommen, klicken Sie auf das Dropdown-Menü, und kommen Sie zu GIF 128 Dithered. Nun, das ist nur eine Voreinstellung und wir haben viele und viele Kontrollen dafür, wie dieses GIF exportiert werden soll. Das erste, was ich tun möchte, ist die Größe des Bildes zu ändern. Es ist immer noch auf 1920 um 1080 eingestellt. Ich werde auf die Breite doppelklicken und 800 eingeben, und das dauert eine Sekunde, um die Größe zu ändern. Jetzt erhalten wir eine Live-Vorschau, wie unser GIF aussehen wird , sobald es komprimiert ist. Hier unten in der linken unteren Ecke können Sie sehen, dass es uns sagt, dass das resultierende GIF 1,1 Megabyte betragen wird. Das ist vollkommen akzeptabel. Eines der netten Dinge, mit denen Photoshop Sie sehen können, ist welche Farben es verwendet, um Ihr GIF zu komprimieren. Genau wie bei der Verwendung von GIF Pistole kann ich die Anzahl der verwendeten Farben erhöhen oder verringern. Wenn ich das auf 8 herunterlasse, siehst du, dass wir wieder diese knusprigen Kanten haben. Wenn ich tatsächlich 3 eintippe, da es nur drei gibt, verlieren wir tatsächlich diese Farbe. Wenn ich es auf 4 erhöhen würde, würde es wahrscheinlich das zurückbringen, weil eine der Farben tatsächlich Transparenz ist. Aber das ist wahrscheinlich viel technischer, als Sie sich Sorgen machen müssen. Meine Faustregel ist 128 Farben, und wenn das nicht gut genug aussieht, pumpen Sie es auf 256. Das hat nicht einmal die Dateigröße vergrößert, aber 128 ist einfach in Ordnung. Da es eine kleinere Dateigröße ist, werde ich voran gehen und es dort belassen. Da ich mit der Art und Weise glücklich bin, wie das aussieht, ist das Letzte, was ich tun muss, meine Looping-Optionen von Einmal zu Forever zu ändern. Manchmal, Photoshop mag es, dies wieder auf Einmal zu ändern, wenn Sie es festgelegt haben und dann wieder nach oben kommen und Ihre Komprimierungseinstellungen ändern, ich habe keine Ahnung, warum. Manchmal tut es das einfach. Das letzte, was ich immer mache, bevor ich auf „ Speichern“ klicke , ist sicherzustellen, dass meine Looping auf „Forever“ gesetzt ist. Dann klicke ich auf Speichern, lege es auf meinem Desktop, nenn es Photoshop, damit wir diese organisiert halten können. Da haben wir es, es hat es exportiert. Wenn ich auf meinen Desktop gehe, hier ist es, Photoshop-Vorschau. Wir haben ein Looping GIF. Hier ist die Titelgrafik zu meinem Rock mit Charakter-Animationskurs. Wie Sie sehen können, habe ich eine strukturierte Vignette um die Ecken, es gibt Schattierungen auf dem Text, und es ist ziemlich viel länger als die Schleifenmuster, die ich bereits hatte. Nun, diese körnige Textur, die ich hinzugefügt habe, ist eine Design-Wahl, aber es ist auch etwas, das hilft bei der Komprimierung von GIFs. Wenn ich dieses Video ohne das Geräusch im Hintergrund öffnen und versuchen würde, dies als GIF zu komprimieren, weil meine Farbpalette auf 128 beschränkt ist, bekommen wir all diese hässliche Bandierung, die wegen der Komprimierung passiert. Ohne die Kompression gibt es so viele verschiedene Schattierungen dieser orangefarbenen Farbe, die gelb werden. Aber weil ein GIF ein so stark komprimiertes Format ist, ist es super auffällig. Nun, ich könnte die Farben erhöhen, um zu versuchen, das zu beheben. Aber selbst bei max. 256 es immer noch nicht sehr gut aus. Ich könnte versuchen, meinen Dither den ganzen Weg hochzudrehen und das etwas mehr zu glätten. Aber Sie können immer noch deutlich sehen, dass Banding. Das ist, wo diese körnige Textur nützlich ist. Wenn ich das wieder anschalte, die Bandierung vollständig verschwunden, sogar bei 128 Farben. Korn ermöglicht Photoshop, diesen Farbverlauf in einer Weise zu erzeugen , die die gesamte Bandierung eliminiert. Nun, wenn ich vorwärts gehe in Richtung der Text kommt, sehen Sie, dass die Schattierung nicht auftaucht. Wenn wir uns unsere Farbtabelle ansehen, gibt es wirklich nur zwei verschiedene Rottöne, und deshalb haben wir all das verloren. Ich werde das immer noch auf 256 Farben erhöhen, und da gehst du. Nun, die Schattierung wird wieder angezeigt, weil wir noch viel mehr Rottöne haben. Jetzt ist unsere Dateigröße 2,7 Megabyte, sie ist zu groß für Skills Sharing. Aber vielleicht, wenn ich die Breite auf 580 ändere, wird das helfen, das Bild noch mehr zu komprimieren. Perfekt, das fiel auf 1,4 Megabyte und Gleichheit sieht gut aus. Jetzt, da alles eingestellt ist, ist mein Looping auf „Forever“ gesetzt. Ich kann auf Speichern klicken, einen Desktop auswählen. Ich nenne diesen Rock Out Titel Photoshop. Ich kann auf meinen Desktop gehen. Hier ist es. Großartig. So verwenden Sie Photoshop, um GIFs zu komprimieren. 4. Methode 3: Giphy.com: Die letzte Methode ist die Verwendung einer Online-Website, um Ihr Video in ein GIF für Sie zu konvertieren. Jetzt gibt es viele Websites, mit denen Sie dies tun können. Die, die ich Ihnen zeigen werde, heißt Giphy. Aber in diesem Fall wäre es wohl sinnvoller, wenn Sie es Giphy aussprechen würden. Zurück in After Effects, ich werde dies als Videodatei exportieren, aber dieses Mal werde ich es komprimieren, so dass mein Upload nicht viel Zeit in Anspruch nimmt. Ich gehe zu Komposition, Zur Renderwarteschlange hinzufügen, und anstelle von ProRes werde ich sicherstellen, dass mein Format auf QuickTime eingestellt ist, meine Formatoptionen ändern. Ändern Sie den Videocodec in H.264. Qualität auf 100 eingestellt. Ich werde meine Datenrate auf 15.000 Kilobits pro Sekunde begrenzen klicken Sie auf „OK“, alles andere ist eingestellt. Ich klicke auf „Okay“. Stellen Sie sicher, dass dies auf meinen Desktop exportiert wird. Ich werde es benennen, Musterupload und dann „Rendern“. Dann komme ich zu Giphy Dotcom. Oben oben klicke ich auf die Schaltfläche „Hochladen“ und klicke auf „Durchsuchen“. Pattern-Upload ist meine QuickTime-Datei. Ich werde es in der Vorschau sehen, Sie können sehen, dass es in voller Qualität ist. Klicken Sie auf „Öffnen“. Wenn Sie planen, Ihre Animation auf Giphy freizugeben, haben Sie Optionen zum Hinzufügen von Tags, um sie durchsuchbar zu machen. Ich muss das nicht tun, also klicke ich auf „GIFs hochladen“, und das dauert eine Minute, um diese Datei hochzuladen. Sobald dieser Vorgang abgeschlossen ist, wird Ihre Animation automatisch geöffnet. Wie Sie sehen können, ist die Qualität nicht so groß. Leider gibt es keine wirkliche Möglichkeit, die Qualität Ihres Uploads auf Websites wie Giphy oder Imager zu kontrollieren . Wenn ich nach unten scrolle, gibt es uns Einbettungscode, was großartig ist. Wir können mehr Optionen öffnen und es gibt alle Arten von Freigabeeinstellungen. Aber wenn ich in fortgeschrittene gehe, haben wir einen Giphy-Link, der direkt auf diese Seite geht, oder wenn Sie eine direkte URL zu dieser Animation wollen, ist das, was der GIF-Download-Link ist für. Also, wenn ich das kopiere und es in eine neue Registerkarte einfüge, sehen Sie, dass direkt mit ihm verknüpft ist. Jetzt könnte dies für das, was Sie brauchen, durchaus akzeptabel sein, aber ich kann definitiv sagen, dass die Qualität niedriger ist, und es sieht so aus, als hätte es meine Bildrate sogar gesunken. Nun, wie ich schon sagte, wenn Sie auf eine Website wie Giphy hochladen, haben Sie keine Kontrolle über diese Einstellungen, aber es ist schnell und es hosten automatisch Ihr Bild, also ist es keine Option, die Sie ausschließen sollten. 5. Posten eines GIFs auf Skillshare: Das sind also meine drei besten Möglichkeiten, GIFs für das Web zu komprimieren. Sobald Sie Ihr GIF haben, können Sie ein Klassenprojekt erstellen und es auf der Klassenprojektseite freigeben. Wenn Sie Ihr Projekt tatsächlich auf Skillshare hochladen, stellen Sie sicher, dass Sie es nicht als Titelfoto hochladen. Dies ist nur, um eine Miniaturansicht auf der Klassenprojektseite zu generieren und im Grunde einen Header für Ihr Klassenprojekt zu haben. Jetzt sagt Skillshare, dass GIF ein akzeptables Format ist, und zwar, aber es wird nicht animiert. Stattdessen gehen Sie zu Ihrem Projektarbeitsbereich, klicken Sie auf Foto hochladen, wählen Sie Ihr GIF aus, solange es unter zwei Megabyte liegt, können Sie es hochladen, und das Bild wird direkt in Ihren Projektarbeitsbereich hochgeladen. Da ist es. Nun habe ich immer noch meinen Link von meinem Jiffy-Upload kopiert, sagen, dass GIF zu groß war, um direkt auf Skillshare hochzuladen. Nun, dann würde ich auf die Schaltfläche Bild klicken, diese URL in die Quelle einfügen und auf OK klicken. wird automatisch das Bild von der URL angezeigt, die auf Jiffy gehostet wird. So posten Sie also ein GIF, das zu groß ist, um auf Skillshare zu sein, und das ist alles, was es gibt, GIFS wie ein Boss zu komprimieren. Ich hoffe, Sie haben diesen schnellen Kurs genossen. Ich würde es lieben, wenn du mir eine Rezension hinterlässt. Machen Sie einige tolle Animationen, komprimieren Sie diese GIFs und laden Sie sie auf Ihre Projektseite hoch, taggen Sie mich auf Social Media @jakeinmotion, wenn Sie eine Ihrer Arbeit teilen. Wie immer, stellen Sie alle Fragen, die Sie in der Frage mich irgendetwas Diskussion auf der Community-Seite haben . Nochmals vielen Dank, und wir sehen uns nächstes Mal.