So machen Sie GIF-Animationen in Photoshop

Anonim

So erstellen Sie eine GIF-Animation in Adobe Photoshop

Methode 1: Manuelle Animation von Objekten

Die erste Methode eignet sich für Benutzer, die Adobe Photoshop für manuelle Animationen anwenden möchten, die den Leinwandschichten hinzugefügt werden. Dies kann eine beliebige geometrische Figur sein, fertiges Bild oder Text. Dieser Grafikeditor ist zwar nicht ganz für die Durchführung einer solchen Aufgabe geeignet, mit der Erstellung eines einfachen GIF, mit der Erstellung eines einfachen GIF, und Sie können diesen Prozess für mehrere Schritte trennen.

Schritt 1: Einschalten der "Skala der Zeit"

Animation in Adobe Photoshop tritt mit dem Speicherort und die Bearbeitung von Objekten auf der "Zeitskala" auf. Standardmäßig ist dieses Fenster im Programm ausgeblendet, da es nicht in einer Standardarbeitsumgebung verwendet wird. Um es zu aktivieren, öffnen Sie das Menü "Fenster" und klicken Sie auf die "Zeitskala".

Einschalten der Zeitskala, um eine Animation in Adobe Photoshop zu erstellen

Nachfolgend finden Sie ein neues Panel, an dem wir uns weiter verweisen. Nach dem Arbeiten mit dem GIF können Sie es erneut mit derselben Schaltfläche im genannten Menü ausblenden.

Erfolgreiche Zeitskala-Inklusion zum Erstellen von Animationen in Adobe Photoshop

Schritt 2: Herstellung von Elementen für GIF

Wie bereits erwähnt, können Sie mit Photoshop alle Layer steuern, einschließlich Text, Bilder und geometrische Formen. Um damit zu beginnen, müssen Elemente der Leinwand hinzugefügt werden, um ein neues Projekt zu erstellen. Legen Sie jeden von ihnen in eine separate Schicht, um Probleme mit weiterer Bearbeitung nicht zu erleben. Sobald die Vorbereitungsarbeit abgeschlossen ist, gehen Sie zum nächsten Schritt.

Vorbereitung von Objekten, bevor Sie Animation in Adobe Photoshop erstellen

Schritt 3: Einstellen des Aussehensffekts

Es gibt mehrere grundlegende Animationsaktionen, die in einem Grafikeditor implementiert werden können, und hier erscheint der Effekt eines beliebigen Elements. Es wird vorgeschlagen, es zuerst in Betracht zu ziehen, um sich gleichzeitig mit der Interaktion mit der "Skala der Zeit" umzugehen, und wie Schlüsselpunkte miteinander verbunden sind.

  1. Gehen Sie mit einem masterful-Panel zur Verfügung und klicken Sie auf die Schaltfläche "Zeitskala erstellen für die Video erstellen".
  2. Erstellen von neuen animierten Titel in Adobe Photoshop Graphic Editor

  3. Jede Ebene passt auf einen separaten Titel, was bedeutet, dass Sie einen von ihnen auswählen und zur Bearbeitung fortfahren können.
  4. Ort jeder Ebene auf der Animationsspur in Adobe Photoshop

  5. Betrachten Sie in unserem Fall ein kleines Logo. Erweitern Sie die Ebene, um alle verfügbaren Animationsaktionen anzuzeigen.
  6. Auswahl einer Ebene zum Erstellen von Animationen in Adobe Photoshop

  7. Im Beispiel haben wir den Effekt des Erscheinungsbildes, der mit der Funktion "Opazität" implementiert ist, eingerichtet. Klicken Sie auf diese Zeile, um den ersten Schlüsselpunkt zu erstellen, und er kann sich erinnern, welchen Zustand derzeit das Objekt ist.
  8. Erstellen eines ersten Schlüsselpunkts, wenn Sie mit Animation in Adobe Photoshop arbeiten

  9. Ändern Sie an diesem Kontrollpunkt seine Deckkraft auf 0%, um sich vollständig aus dem Arbeitsbereich auszublenden.
  10. Ändern Sie die Deckkraft des Objekts, wenn Sie mit Animation in Adobe Photoshop arbeiten

  11. Schieben Sie den Schieberen ein paar Sekunden lang und erstellen Sie einen anderen Punkt und schrauben Sie die Deckkraft um 100% zurück.
  12. Erstellen eines zweiten Schlüsselpunkts und eine Änderung der Deckkraft des Objekts in Adobe Photoshop

  13. Wiedergabe Animation und schauen Sie sich das Vorschaufenster an, um sich mit dem Ergebnis vertraut zu machen. Zwei Schlüsselpunkte Wir haben die Wirkung des Erscheinungsbildes erreicht, indem wir die Funktion der Deckkraft des Objekts in jedem von ihnen ändern.
  14. Animation zum Anzeigen während der Bearbeitung in Adobe Photoshop spielen

Auf dieselbe Weise können Sie einen beliebigen Objektparameter ändern, einschließlich Farbe, Position, Overlay-Effekte und alles andere, was sich in Adobe Photoshop befindet. Es lohnt sich, die Besonderheit der Arbeit der Schlüssel zu berücksichtigen. Wählen Sie eine der Tracks, egal ob "Position", "Deckkraft" oder "Stil" und sich dort etwas ändern. Es wird immer noch unabhängig von der Art der Aktion angewendet, mit der wir im nächsten Schritt sicherstellen werden.

Schritt 4: Objekt verschieben Animation

Die Basis der Animation ist Bewegung, daher schlägt wir vor, die Einstellung dieser Aktion im Beispiel mehrerer Tasten und der grundlegenden Bewegungsart zu demontieren.

  1. Als sich bewegendes Objekt verwenden wir den Text gleichzeitig die zuvor beschriebenen Informationen überprüfen. Erweitern Sie den Block mit seiner Schicht für das Erscheinungsbild von Hilfsgleisen.
  2. Wählen Sie die zweite Ebene aus, um Animationen in Adobe Photoshop zu erstellen

  3. Es ist ersichtlich, dass das Programm die Funktion "Position" nicht definiert hat, sodass Sie eine andere Option auswählen müssen.
  4. Wählen Sie einen neuen Track für Animationsbewegung in Adobe Photoshop

  5. Wenn Sie sich genau sicher sind, dass die "Perspektive" in dieser Animation nicht verwendet wird, bedeutet dies, dass Sie diese Zeichenfolge verwenden können, um die Position des Textes zu ändern. Erstellen Sie den ersten Schlüssel und legen Sie die Inschrift in die Ausgangsposition durch das Werkzeug "Bewegung".
  6. Erstellen eines ersten Schlüsselpunkts für Bewegungsanimation in Adobe Photoshop

  7. Erstellen Sie aufeinanderfolgende Schlüsselpunkte, wenig, indem Sie den Text in die endgültige Position bewegen, um die Sortheit der Bewegung sicherzustellen.
  8. Erstellen Sie andere Schlüsselpunkte, wenn Sie den Traffic in Adobe Photoshop animieren

  9. Reproduzieren Sie regelmäßig die Animation und stellen Sie die Tasten ein, um die Glätte zu verbessern.
  10. Reproduktion der Animation beim Arbeiten mit Bewegungen in Adobe Photoshop

  11. Wenn die Tasten unbequem sind, um in der aktuellen Timeline-Ansicht zu arbeiten, ändern Sie die Waage oder erhöhen Sie den Zyklus, um neue Punkte hinzuzufügen.
  12. Animationsbereich in Adobe Photoshop bearbeiten

  13. Wenn Sie ein Objekt ersetzen oder hinzufügen müssen, drücken Sie die Taste in Form eines Plus.
  14. Hinzufügen von Elementen für Animation auf Zeitskala in Adobe Photoshop

Schritt 5: GIF-On-Computer speichern

Sobald die Animation abgeschlossen ist, sollten Sie das Projekt in Form einer GIF-Datei speichern, um das Netzwerk zu posten oder auf dem lokalen Computer abzuspielen. Um dies zu tun, hat Adobe Photoshop zwei verschiedene Funktionen.

  1. Öffnen Sie das Menü Datei, verschieben Sie den Cursor zum "Exportieren" und wählen Sie die Option "für Web speichern" aus. Wenn Sie keine zusätzlichen Animationseinstellungen benötigen, verwenden Sie "Speichern unter" und geben Sie das richtige Format im Dropdown-Menü an.
  2. Übergang zur Konservierung der fertigen Animation in Adobe Photoshop

  3. Wenn Sie exportieren, finden Sie beim Export das GIF-Format.
  4. Wählen Sie ein Animationsformat vor dem Aufrechterhalten in Adobe Photoshop

  5. Ändern Sie die Farbe des Substrats, wenn dies nicht früher durchgeführt wurde.
  6. Wählen Sie die Farbe des Animationssubstrats vor dem Speichern in Adobe Photoshop aus

  7. Bearbeiten Sie die Bildgröße und die Anzahl der Wiederholungen.
  8. Wählen Sie die Größe der Animation aus, bevor Sie es in Adobe Photoshop bewahren

  9. Bevor Sie erneut auf die Schaltfläche "Speichern" klicken, überprüfen Sie die Richtigkeit der ausgewählten Parameter.
  10. Bestätigung der Erhaltung der Animation in Adobe Photoshop

  11. Legen Sie den Dateinamen fest, geben Sie den Pfad speichern an, und bestätigen Sie diese Aktion.
  12. Wahl eines Ortes, um Animationen in Adobe Photoshop zu speichern

Öffnen Sie das GIF über einen Browser oder ein anderes komfortables Tool, um die Richtigkeit der Wiedergabe zu überprüfen, wonach der Erstellungsvorgang als abgeschlossen betrachtet werden kann.

Methode 2: Erstellen eines GIF aus einem Foto

Mit Adobe Photoshop können Sie ein GIF aus vorhandenen Fotos erstellen. Es kann wie ein Ausschneiden von Frames aus Video und speziell erstellten sequentiellen Bildern sein. Der Prozess der Bildung einer Animation in diesem Fall ist viel einfacher als der vorherige, da er keine manuelle Erstellung von Schlüsselpunkten erfordert.

  1. Ändern Sie auf der "Zeitskala" diese Zeit den Modus in "Erstellen einer Frame-Animation erstellen", indem Sie diese Option im Dropdown-Menü auswählen.
  2. Wählen Sie den zweiten Animations-Erstellungsmodus in Adobe Photoshop aus

  3. Öffnen Sie die "Datei", bewegen Sie den Cursor über die "Skripts" und klicken Sie auf die Option "Download-Dateien zum Stapeln".
  4. Übergang zum Hinzufügen von Bildern, um Animationen in Adobe Photoshop zu erstellen

  5. Klicken Sie in dem angezeigten Fenster auf "Übersicht".
  6. Verwenden des Quick-Image-Tools, um eine Animation in Adobe Photoshop zu erstellen

  7. Laden Sie sofort alle Fotos herunter, die in der Animation enthalten sein sollten.
  8. Hinzufügen mehrerer Bilder, um Animationen in Adobe Photoshop zu erstellen

  9. Wenn Sie sie ausrichten möchten, aktivieren Sie diese Funktion vor dem Hinzufügen.
  10. Verwenden der Bildausrichtungsoption beim Erstellen von Animationen in Adobe Photoshop

  11. Verwenden Sie die Schaltfläche "Frame Animation erstellen", um eine Animation zu bilden.
  12. Animation an der Animation von Bildern in Adobe Photoshop erstellen

  13. Erweitern Sie das Action-Menü und suchen Sie dort die Option "Frames aus den Ebenen erstellen" dort, um andere Bilder hinzuzufügen.
  14. Hinzufügen aller Bilder als Frames für Animation in Adobe Photoshop

  15. Bearbeiten Sie ihre Reihenfolge, indem Sie das Material an Orten ändern, wenn der Bedarf auftritt.
  16. Erfolgreiche Hinzufügen von Bildern als Frames für Animation in Adobe Photoshop

  17. Um jede Frame-Wiedergabe zu erweitern, verwenden Sie die Verzögerung oder konfigurieren Sie sie, wenn die Wiedergabegeschwindigkeit mit Ihnen erfüllt ist.
  18. Bearbeiten der Reproduktionsgeschwindigkeit der Animation in Adobe Photoshop

  19. Überprüfen Sie vor dem Speichern die Wiedergabe und erstellen Sie ein GIF, da er in der Endphase der vorherigen Methode gezeigt wurde.
  20. Erfolgreiche Animation in Adobe Photoshop von einzelnen Frames erstellen

Wenn Sie nach dem Lesen der Anweisungen entscheiden, dass Adobe Photoshop nicht für die Umsetzung der beabsichtigten Animation geeignet ist, beraten wir Ihnen, sich mit anderen Programmen vertraut zu machen, die mit GIF mit GIF entwickelt wurden. Eine detaillierte Überprüfung der populären Vertreter dieser Software ist in einem separaten Artikel auf unserer Website.

Lesen Sie mehr: Die beste Software zum Erstellen von Animationen

Weiterlesen