So erstellen Sie Schritt für Schritt ein GIF in Photoshop CC

Erstellen Sie ein animiertes GIF mit Creative Cloud

Photoshop ist eine Erfahrung für sich, die sich im Laufe der Zeit erheblich verbessert und den Moment von berührt So erstellen Sie ein GIF mit Photoshop CC 2020. Das heißt, wir werden die neueste Version von Photoshop verwenden, um einen dieser Multimedia-Inhalte zu erstellen, die so modisch sind.

Sie können die GIFs in den Chat-Apps sehen das erlaubt uns, sie von Giphy zu teilen, eine Webplattform, mit der wir sie herunterladen und sogar unsere eigenen hochladen können. Da wir hier Meister der Erstellung von Inhalten werden, verwenden wir diesen Leitfaden, der keine kopflose Marionette für ein gut optimiertes GIF hinterlässt und visuell zum Hochladen geeignet ist, wo immer wir wollen.

Was ist ein GIF?

Alles Gute zum Geburtstag

Stellen Sie zunächst klar, dass a GIF ist ein komprimiertes Bilddateiformat das führt zu einer zyklischen und unendlichen Animation; Das heißt, wenn der GIF-Player nicht mehr spielt, hört er nicht auf zu spielen. Tatsächlich gibt es künstlerische GIFs, die ein Video reproduzieren, in dem dieselbe Szene lebendig zu sein scheint, beispielsweise ein Tropfen, der in einem unendlichen Prozess auf einen anderen fällt.

Wie die Animation Ihres Lebens besteht ein GIF aus einer Reihe von Bildern, die Nacheinander gespielt erzeugen die Illusion von Bewegung. Es ist ein Format, das heutzutage für alle Arten von Websites wie IMGUR oder dieselben Chat-Apps unverzichtbar geworden ist, die uns helfen, ein GIF für ein beliebiges Thema zu finden und eine Sequenz aus einem Film oder ein "Oh" -Ober-Ausrufezeichen abzuspielen.

Wir können Laden Sie ein beliebiges GIF aus dem Internet herunter, um es auf Photoshop zu übertragen und stellen Sie fest, dass die Bildsequenz gefolgt ist und dass es diese Frames sind, an denen wir in diesem Tutorial arbeiten werden.

So erstellen Sie ein GIF aus Bildern in Photoshop CC 2020

Zuerst werden wir die neueste Version von Photoshop aus Creative Cloud verwenden. Wenn dies auf dem Tisch liegt, lasst uns Erstellen Sie ein GIF aus Bildern. Wir durchlaufen den gesamten Prozess mit einem Dokument mit dem gleichen Breiten- und Längenverhältnis wie die Bilder, die wir für das GIF verwenden werden:

  • Wir erstellen ein Layout von 800 x 1067 Pixel mit einer Auflösung von 72 Pixel (Wir könnten es senken, damit das Endgewicht des GIF niedriger wäre)
  • Den Bildmodus behalten wir in RGB
  • Wir erstellen das Dokument

800 1067 bis 72 px

Was wir jetzt tun werden, ist Importieren Sie alle Bilder, um eine GIF-Sequenz zu erstellen. In diesem Fall habe ich den kleinen Troll ermutigt, ihn mit einer Reihe von Bildern, die mit meinem Galaxy Note10 + aufgenommen wurden, in Richtung Kamera zu bewegen. Insgesamt gibt es ungefähr 23 Bilder, so dass es ein oder zwei Sekunden dauern kann. Denken Sie daran, dass normale Filme, die Sie ansehen, 24 oder 30 FPS haben.

  • Lass uns gehen zu Skript> Dateien in Stapel laden
  • Dies öffnet die Bildbrowser, damit wir alle diese auswählen können die wir vom Ordner aus in das GIF aufnehmen möchten

Ebenen laden

  • Wir laden sie und alle Bilder werden im selben Dokument geöffnet (es dauert eine Weile, abhängig von der Anzahl der Bilder und ihrer Größe).

Dies kann auch aus einem Video als Quelle angewendet werden, um später ein GIF zu erstellen:

  • Einfach von Datei> Importieren> Überlagerte Videobilder
  • Und wir hätten infolgedessen das gleiche vorherige Dokument mit allen Frames, achten aber seitdem für jede Sekunde auf die Größe desselben Wir könnten 24 Frames oder 12 haben, wenn es eine kurze oder klassische Animation wäre

Vorbereitung der Sequenz für unser animiertes GIF

Jetzt werden wir Öffnen Sie die Timeline, um die gesamte Sequenz zu verarbeiten:

  • Lass uns gehen zu Fenster> Zeitleiste
  • Wählen Sie die Schaltfläche "Rahmenanimation erstellen"

Erstellen Sie karierte Animationen

  • Jetzt müssen wir Klicken Sie auf das Symbol mit den drei horizontalen Balken in der Zeitleiste
  • Aus dem Einblendmenü wählen wir "Frames auf Ebenen reduzieren". Auf diese Weise werden alle Ebenen, die zuvor mit den in Photoshop importierten Bildern erstellt wurden, übergeben

Box aus Ebenen erstellen

  • Jetzt klicken wir in der Timeline auf die Wiedergabetaste um zu überprüfen, ob wir auf «Frames invertieren» klicken müssen; genau in der gleichen Hamburger-Taste, die wir zuvor gedrückt haben
  • Wir machen es, um zu sehen wenn die Wiedergabe kontinuierlich ist und wie wir wollen, da es sein kann, dass es beim Importieren der Bilder unseres animierten GIF umgekehrt reproduziert wird

Jetzt wirst du das sehen In der Zeitleiste haben wir alle Bilder der Bilder, aus denen das GIF besteht animiert. In jedem dieser Frames haben wir einen Abwärtspfeil, der die Anzahl der Sekunden anzeigt, die jeder Frame oder Frame dauert.

Zeitleiste

Wenn wir Animation mögen, und in diesem Fall Wir haben eine Reihe von Bildern verwendet, um unsere eigene Sequenz zu erstellen Mit unserem kleinen Troll erhöhen oder verringern wir die Zeit jedes Frames oder Frames, um die Animation realistischer zu gestalten.

Von 1 bis 8 lassen wir es wie es istund ab Bild 9 werden wir die Dauer ein wenig verlängern:

  • Wählen Sie mit der Umschalttaste den Streifen von Frames oder Frames aus dass wir die Dauer ändern wollen
  • Wir drücken auf dem Abwärtspfeil und wir ändern die Zeit um es ein bisschen zu erhöhen. Zum Beispiel bei 0,5 Sekunden
  • Wir reproduzieren und bewerten, ob die Bewegung zu langsam ist. In meinem Fall ist es so, also versuche ich erneut, alle Frames auszuwählen und verwende 0,2 Sekunden
  • Optimierte Animation und kann einige Zeit dauernLassen Sie uns überprüfen, ob das GIF in einer Endlosschleife bleibt.
  • Direkt unter der Zeitleiste sehen Sie, dass sie bereits als unendlich konfiguriert ist

Exportieren unserer Frame-Sequenz als GIF

In Photoshop als GIF speichern

Jetzt haben wir den Teil von Exportieren, wenn wir die Animation bereits definiert haben oder die Reihenfolge, die wir wollen. Alles hängt von der Anzahl der Bilder ab, die wir importiert haben, oder einfach vom Schnitt des Videoclips, den wir zum Erstellen des GIF verwendet haben.

  • Lass uns gehen zu Datei> Exportieren> Für Web speichern oder wir verwenden einfach die Tastenkombination: Strg + Großbuchstaben + Alt + S.
  • Wir wählen aus GIF 128 Preset mit Dithering
  • 256 Farben

Für Web-GIF-Format speichern

  • Nun, wenn wir wollen Reduzieren Sie das Gewicht des animierten GIF. Wir können die Breite und Höhe ändern in Bildgröße
  • Gleich am Ende des Fensters müssen wir nach Animationen suchen und in Wiederholungsoptionen unendlich wählen. Dieser Schritt ist wichtig, damit er beim Spielen ohne Unterbrechung wiederholt wird
  • Du kannst Überprüfen Sie das Ergebnis der GIF-Größe unten links. In diesem Fall verwenden wir 7 MB, um die Bildgröße zu reduzieren
  • Es kann Spielen Sie mit dem Dither-Wert, um mehrere Megabyte zu reduzieren das Gewicht der Datei. Im Vorbeigehen reduzieren wir das Bild auf 400 Breite und in unserem Fall haben wir 2 MB, was für ein GIF nicht schlecht ist
  • Wir exportieren mit Speichern

Troll-GIF

Du kannst Sehen Sie, wie das von uns erstellte animierte GIF aussieht und dass es 2 MB sind, dass es überhaupt nicht schlecht ist, eine kleine Sequenz zu sein. Jetzt liegt es an Ihnen, Ihre Magie zu nutzen oder einfach eine Videodatei einiger Ihrer Aufnahmen zu erstellen, um Ihre eigenen vollständig optimierten GIFs zu erstellen.

So Mit Adobe Photoshop CC 2020 können Sie ein animiertes GIF erstellen Mit der ganzen Leichtigkeit der Welt und mit diesem großartigen professionellen Werkzeug, mit dem wir magische Dinge tun können.


Der Inhalt des Artikels entspricht unseren Grundsätzen von redaktionelle Ethik. Um einen Fehler zu melden, klicken Sie auf hier.

2 Kommentare, hinterlasse deine

Hinterlasse einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * gekennzeichnet

*

*

  1. Verantwortlich für die Daten: Miguel Ángel Gatón
  2. Zweck der Daten: Kontrolle von SPAM, Kommentarverwaltung.
  3. Legitimation: Ihre Zustimmung
  4. Übermittlung der Daten: Die Daten werden nur durch gesetzliche Verpflichtung an Dritte weitergegeben.
  5. Datenspeicherung: Von Occentus Networks (EU) gehostete Datenbank
  6. Rechte: Sie können Ihre Informationen jederzeit einschränken, wiederherstellen und löschen.

  1.   Mariana Rubino sagte

    Hallo Manuel! Danke für das Tutorial! Sehr interessant! Schöne Grüße!

    1.    Manuel Ramirez sagte

      Hallo Mariana! Ich mag es, dass du es magst. Grüße: =)