So erstellen Sie ein animiertes GIF mit Photoshop (mit Bildern)

Inhaltsverzeichnis:

So erstellen Sie ein animiertes GIF mit Photoshop (mit Bildern)
So erstellen Sie ein animiertes GIF mit Photoshop (mit Bildern)

Video: So erstellen Sie ein animiertes GIF mit Photoshop (mit Bildern)

Video: So erstellen Sie ein animiertes GIF mit Photoshop (mit Bildern)
Video: 720p in 4K UMWANDELN | SKALIEREN | SUPER SCALE | UPSCALE | Da Vinci Resolve 17 Tutorial (Deutsch) 2024, Kann
Anonim

In diesem wikiHow zeigen wir dir, wie du eine animierte GIF-Datei in Adobe Photoshop erstellst, indem du sie von Grund auf neu erstellst oder ein Video umwandelst. Hier benötigen Sie Adobe Photoshop CS6 oder eine neuere Version.

Schritt

Methode 1 von 2: Animationen von Grund auf erstellen

Erstellen Sie animiertes mit Photoshop Schritt 1
Erstellen Sie animiertes mit Photoshop Schritt 1

Schritt 1. Öffnen Sie Photoshop

Diese App ist durch ein hellblaues Buchstabensymbol „Ps“auf dunklem Hintergrund gekennzeichnet.

Erstellen Sie animiertes mit Photoshop Schritt 2
Erstellen Sie animiertes mit Photoshop Schritt 2

Schritt 2. Erstellen Sie ein neues Projekt

Um es zu machen:

  • Klicken Datei.
  • Klicken Neu.
  • Wählen Sie die Projektgröße aus.
  • Klicken Schaffen.
Erstellen Sie animiertes mit Photoshop Schritt 3
Erstellen Sie animiertes mit Photoshop Schritt 3

Schritt 3. Erstellen Sie für jeden Frame eine Ebene (frame)

Jede Ebene in der Animation hat einen eigenen Frame. Wenn Sie die Animation manuell zeichnen oder aus einer Reihe von Bildern zusammenstellen, stellen Sie sicher, dass sich jeder Frame auf einer neuen Ebene befindet. Sie haben mehrere Möglichkeiten, eine neue Ebene zu erstellen:

  • Klicken Sie unten im Ebenenfenster auf das Symbol "Neue Ebene".
  • Klicken Schichten, Neu, Schichten.
  • Drücken Sie die Tastenkombination Schicht+ Strg+ n (PC) oder Schicht+ Befehl+ n (Mac).
Erstellen Sie animiertes mit Photoshop Schritt 4
Erstellen Sie animiertes mit Photoshop Schritt 4

Schritt 4. Klicken Sie auf Fenster, dann wähle Zeitleiste.

Danach wird das Video der Timeline („Timeline“) am unteren Rand des Photoshop-Projektfensters hinzugefügt, genau wie die Timeline, die normalerweise in Videobearbeitungsprogrammen angezeigt wird.

Erstellen Sie animiertes mit Photoshop Schritt 5
Erstellen Sie animiertes mit Photoshop Schritt 5

Schritt 5. Klicken Sie auf Frame-Animation erstellen

Möglicherweise müssen Sie auf die Schaltfläche klicken

Android7expandmore
Android7expandmore

zuerst, um die Optionen zu sehen.

Erstellen Sie animiertes mit Photoshop Schritt 6
Erstellen Sie animiertes mit Photoshop Schritt 6

Schritt 6. Klicken Sie auf

Es befindet sich in der oberen rechten Ecke des Timeline-Fensters. Nach dem Anklicken erscheint ein Dropdown-Menü.

Erstellen Sie animiertes mit Photoshop Schritt 7
Erstellen Sie animiertes mit Photoshop Schritt 7

Schritt 7. Klicken Sie auf Frames aus Ebenen erstellen

Danach wird jede Ebene in einen einzelnen Frame umgewandelt, aus dem das animierte-g.webp

Erstellen Sie animiertes mit Photoshop Schritt 8
Erstellen Sie animiertes mit Photoshop Schritt 8

Schritt 8. Klicken Sie auf die Schaltfläche

Android7dropdown
Android7dropdown

die sich neben der Schaltfläche "Einmal" befindet.

Diese Option legt die Anzahl der Wiederholungen der gewünschten Animation fest.

Erstellen Sie animiertes mit Photoshop Schritt 9
Erstellen Sie animiertes mit Photoshop Schritt 9

Schritt 9. Wählen Sie Für immer

Mit dieser Option wird das animierte-g.webp

  • Sie können auch auf das Symbol klicken

    Android7expandmore
    Android7expandmore

    unter jedem Frame, um das Timing anzupassen, wenn bestimmte Frames während der Animationswiedergabe länger oder schneller angezeigt werden sollen.

Erstellen Sie animiertes mit Photoshop Schritt 10
Erstellen Sie animiertes mit Photoshop Schritt 10

Schritt 10. Klicken Sie auf Datei, dann wähle Export und klicke Für Web speichern (alt).

Danach werden die Exportoptionen für das Webbildformat angezeigt.

Erstellen Sie animiertes mit Photoshop Schritt 11
Erstellen Sie animiertes mit Photoshop Schritt 11

Schritt 11. Klicken Sie auf Speichern

Wenn Sie das animierte-g.webp

Stellen Sie sicher, dass "-g.webp" />
Erstellen Sie animiertes mit Photoshop Schritt 12
Erstellen Sie animiertes mit Photoshop Schritt 12

Schritt 12. Wählen Sie einen Dateinamen und einen Speicherort aus und klicken Sie dann auf Speichern

Die animierte GIF-Datei wird anschließend exportiert. Jetzt können Sie das Bild öffnen, ins Internet hochladen oder an Freunde senden.

Methode 2 von 2: Animationen aus Videos erstellen

Erstellen Sie animiertes mit Photoshop Schritt 13
Erstellen Sie animiertes mit Photoshop Schritt 13

Schritt 1. Öffnen Sie Photoshop

Diese App ist durch ein hellblaues „Ps“-Symbol auf dunklem Hintergrund gekennzeichnet.

Erstellen Sie animiertes mit Photoshop Schritt 14
Erstellen Sie animiertes mit Photoshop Schritt 14

Schritt 2. Öffnen Sie die Videodatei

Danach wird das Video in Photoshop importiert und im Timeline-Fenster am unteren Rand des Programmfensters platziert. Um es zu platzieren, können Sie die Videodatei per Drag & Drop direkt in das Photostop-Fenster ziehen oder:

  • Klicken Datei, und wählen Sie Offen.
  • Wählen Sie die gewünschte Videodatei aus.
  • Klicken Offen.
Erstellen Sie animiertes mit Photoshop Schritt 15
Erstellen Sie animiertes mit Photoshop Schritt 15

Schritt 3. Passen Sie die Dauer an

Klicken Sie auf der Timeline auf den Anfang und das Ende der Videodatei und ziehen Sie jeden Abschnitt in entgegengesetzte Richtungen, um die Start- und Endpunkte des Videos während der Wiedergabe anzupassen.

Wenn Sie die Änderungen überprüfen möchten, drücken Sie die Wiedergabetaste auf der linken Seite des Zeitleistenfensters

Erstellen Sie animiertes mit Photoshop Schritt 16
Erstellen Sie animiertes mit Photoshop Schritt 16

Schritt 4. Passen Sie die Geschwindigkeit an

Wenn Sie die Videowiedergaberate beschleunigen oder verlangsamen möchten, können Sie mit der rechten Maustaste auf einen Clip in der Timeline klicken und den Parameter „Geschwindigkeit“ändern. Sie können eine neue Prozentzahl eingeben (z. B. 50 %, um das Video mit halber Geschwindigkeit abzuspielen, oder 200 %, um das Video mit doppelter Geschwindigkeit abzuspielen) oder:

  • Klicken

    Android7expandmore
    Android7expandmore

    und ziehen Sie den Schieberegler nach links oder rechts, um die Drehgeschwindigkeit manuell anzupassen.

Erstellen Sie animiertes mit Photoshop Schritt 17
Erstellen Sie animiertes mit Photoshop Schritt 17

Schritt 5. Ändern Sie die Größe des Bildes

Wenn Sie Videos in HD-Qualität importieren, ist die Bildgröße möglicherweise ziemlich groß. Wenn Sie ein animiertes-g.webp

  • Klicken Bild.
  • Klicken Bildgröße.
  • Geben Sie die neue Bildgröße ein (350 x 197 ist die empfohlene Größe für HD-Video).
  • Klicken OK.
  • Klicken Konvertieren.
Erstellen Sie animiertes mit Photoshop Schritt 18
Erstellen Sie animiertes mit Photoshop Schritt 18

Schritt 6. Klicken Sie auf Datei, wählen Export, und klicke Für Web speichern (alt).

Danach werden die Exportoptionen für das Webbildformat angezeigt.

Erstellen Sie animiertes mit Photoshop Schritt 19
Erstellen Sie animiertes mit Photoshop Schritt 19

Schritt 7. Wählen Sie die gewünschte Qualitätsversion aus

Wenn Sie das animierte-g.webp

Stellen Sie sicher, dass die Option "GIF" im Dropdown-Feld auf der rechten Seite ausgewählt ist, damit das Video als GIF-Datei gespeichert wird, die Animationen unterstützt, nicht als JPEG oder PNG

Erstellen Sie animiertes mit Photoshop Schritt 20
Erstellen Sie animiertes mit Photoshop Schritt 20

Schritt 8. Klicken Sie auf

Android7expandmore
Android7expandmore

der daneben Looping-Optionen und wählen Sie die gewünschte Option.

Es befindet sich in der unteren rechten Ecke des Fensters. Geben Sie an, ob die Animation einmal abgespielt oder kontinuierlich wiederholt wird.

Erstellen Sie animiertes mit Photoshop Schritt 21
Erstellen Sie animiertes mit Photoshop Schritt 21

Schritt 9. Klicken Sie auf Speichern

Danach öffnet sich das Fenster zum Speichern der Datei.

Erstellen Sie animiertes mit Photoshop Schritt 22
Erstellen Sie animiertes mit Photoshop Schritt 22

Schritt 10. Wählen Sie einen Dateinamen und einen Speicherort aus und klicken Sie dann auf Speichern

Ihr animiertes-g.webp

Tipps

Bei „Looping-Optionen“können Sie auch „Andere“auswählen und anstelle der Optionen „Einmal“oder „Für immer“die Anzahl der Wiederholungen der Animation angeben

Empfohlen: