Erstellen Sie animierte GIFs mit Photoshop

Autor: Frank Hunt
Erstelldatum: 16 Marsch 2021
Aktualisierungsdatum: 1 Juli 2024
Anonim
Photoshop: GIF Animation erstellen - Tutorial - DEUTSCH
Video: Photoshop: GIF Animation erstellen - Tutorial - DEUTSCH

Inhalt

Mit animierten GIFs kann ein Designer Bildern für das Web oder Avatare Bewegung hinzufügen. Mit Photoshop können Sie problemlos Filmclips erstellen, bearbeiten und in animierte GIFs umwandeln! Wir zeigen Ihnen, wie Sie dies mit der neuesten Version von Photoshop sowie früheren Versionen von Photoshop CS tun. Beginnen Sie einfach mit Schritt 1 oder gehen Sie direkt zu den spezifischen Abschnitten für Ihre Version.

Schreiten

Methode 1 von 3: Verwenden von CS6

  1. Starten Sie Photoshop. Um eine Animation mit Photoshop zu erstellen, benötigen Sie mindestens CS3 Extended. Versionen von Photoshop, die mit CS6 beginnen, verfügen in allen Versionen über Animationsfunktionen.
  2. Öffne ein Video. Von dem Datei Menü wählen Importieren > Videobilder zu Ebenen ...
    • Wählen Sie eine Filmdatei aus. Photoshop kann maximal 500 Bilder laden. Wenn Ihre Filmdatei länger ist, müssen Sie sie zuschneiden.
  3. Passen Sie die Importeinstellungen an. Im Fenster Video in Ebenen importieren können Sie die erforderlichen Anpassungen vornehmen. Die Optionen unter Zu importierender Bereich sind die wichtigsten.
    • "Von Anfang bis Ende" ist am klarsten. Photoshop versucht, jedes Bild des Films zu importieren. Wenn mehr als 500 Bilder vorhanden sind, wird der Film an diesem Punkt geschnitten.
    • Mit "Nur ausgewählter Bereich" können Sie den Start- und Endpunkt mithilfe der Steuerelemente unten auswählen. Verwenden Sie den Scroll-Daumen, um schnell durch den Film zu suchen, und ziehen Sie die Klammern unten, um den Bereich der zu importierenden Frames anzugeben.
    • Auf alle [n] Frames beschränken reduziert die Anzahl der Frames um mindestens die Hälfte, was zu einem abgehackten Bild führt.
    • Frame-Animation erstellen konvertiert den Film in Ebenen und animiert diese Ebenen. Durch Deaktivieren wird der Film weiterhin überlagert, jedoch keine Animation. Wir lassen diese Option hier ausgewählt.
    • klicke auf OK wenn Sie bereit sind, den Film zu importieren. Dies dauert nur wenige Sekunden. Danach sehen Sie alle einzelnen Frames im Ebenenmenü und alle Frames nebeneinander entlang der Timeline.
  4. Passen Sie die Animation an. Sie können die Einstellungsebene von Photoshop verwenden, um Effekte wie Farbkorrektur, Helligkeit und Kontrast usw. hinzuzufügen. Anpassungsebenen werden standardmäßig auf alle zugrunde liegenden Ebenen angewendet.
    • Sie können eine Vielzahl von integrierten Anpassungen vornehmen. Sie können auch eine neue Ebene mit einer Überlagerung verwenden, um den Charakter des Videos zu ändern, oder einen neuen Hintergrund mit einer Basisebene hinzufügen.
    • Sie können beispielsweise ein kurzes Video von jemandem machen, der sich umschaut. In der unteren Ebene platzieren Sie ein Bild einer Stadt - oder eines Landes -, um es in einer bestimmten Umgebung zu platzieren. Sie können dann eine Einstellungsebene darüber legen, um den Ebenen unter einem Sepia-Ton zu verleihen. Sie können sogar das Aussehen der animierten Zeitungen aus der Harry PotterFilme.
  5. Bearbeiten Sie einzelne Ebenen. Klicken Sie auf einen Rahmen in der Zeitleiste und suchen Sie die entsprechende Ebene. Standardmäßig entspricht die Frame-Nummer der Nummer der Ebene, sodass sich Frame 18 in Layer 18 befindet.
    • Sie können jede Ebene anpassen, um Effekte hinzuzufügen oder zu bereinigen, was Sie wollen. Wenn Sie dies auf verschiedenen Frames tun, können Sie den Effekt sogar animieren.
    • Wenn Sie beispielsweise einen Linseneffekt auf ein bestimmtes Bild anwenden, können Sie denselben Filter im nächsten Bild anwenden, indem Sie Strg-Alt-F (Befehl-Option-F auf dem Mac) drücken. Verringern Sie den Effekt um 10%, fahren Sie dann mit dem nächsten Bild fort und wiederholen Sie den Vorgang. Fahren Sie fort, bis Sie den Effekt auf 0 reduziert haben, und er ähnelt einer Linseneffektanimation.
  6. Speichern Sie das animierte GIF. Im Menü Datei wähle Deine Für Web speichern .... Auf diese Weise können Sie die Größe und die Ausgabeoptionen des GIF je nach Ihren Vorlieben festlegen.

Methode 2 von 3: Verwenden von CS3, 4 und 5 Extended

  1. Erstellen Sie ein Dokument. Platzieren Sie jedes Bild der Animation auf einer separaten Ebene.
    • Oder öffnen Sie einen vorhandenen Videoclip. Wählen Sie aus dem Datei Menü für Importieren > Videobilder zu Ebenen ...
  2. Wählen Sie die Ebenen aus. Wählen Sie im Ebenenfenster die Ebenen aus, die Sie in der Animation verwenden möchten. Um eine Gruppe von Ebenen auszuwählen, wählen Sie die oberste Ebene aus, halten Sie die Umschalttaste gedrückt und wählen Sie dann die unterste Ebene der Gruppe aus. Damit haben Sie alle Zwischenebenen ausgewählt.
  3. Öffnen Sie das Animationsfenster. In dem Fenster Menü wählen Animation. Wenn das Animationsfenster geöffnet wird, sollte es wie im obigen Bild aussehen. Wenn nicht, wird es in der Zeitleistenansicht geöffnet.
  4. Ändern Sie dies in Frame Animation. Klicken Sie auf das Menü "Flyout" in der oberen rechten Ecke des Animationsfensters und wählen Sie "In Frame-Animation konvertieren".
  5. Erstellen Sie Frames für jede Ebene. Klicken Sie im Animationsfenster auf das Menü "Flyout" und wählen Sie "Frames aus Ebenen erstellen".
    • Es müssen nicht alle Ebenen ausgewählt werden. Verwenden Sie zum Auswählen einiger Ebenen die Schaltfläche Ebene kopieren am unteren Rand der Animationspalette, um Ebenen hinzuzufügen.
  6. Ändern Sie jeden Frame wie gewünscht. Wählen Sie den Rahmen im Animationsfenster aus und ändern Sie den Rahmen wie gewünscht im Hauptfenster von Photoshop.
    • Um ein Bild von einer anderen Ebene zu oder von einem beliebigen Rahmen hinzuzufügen oder zu entfernen, wählen Sie den Rahmen aus der Ebenenpalette aus. Klicken Sie auf das „Auge“, um die Sichtbarkeit dieser Ebene ein- oder auszuschalten.
  7. Zeigen Sie das Timing-Menü an. Klicken Sie auf den Pfeil unter jedem Frame, um das Timing-Menü anzuzeigen. Wählen Sie dies für jeden Frame.
  8. Speichern Sie Ihr GIF. Wählen Datei > "Für Web und Geräte speichern" und dann GIF aus dem Dropdown-Menü.
    • Um das Video zu speichern, wählen Sie Datei > Export > Video rendern um das Dokument als Film zu exportieren.

Methode 3 von 3: Verwenden von CS2

  1. Stellen Sie gute Screenshots bereit. Sie benötigen eine Reihe von qualitativ hochwertigen Screenshots. Diese sollten in enger Abfolge aufgenommen werden und aus einer sauberen, klaren Videoquelle stammen. Netflix ist eine gute Option, wenn Sie es nutzen können.
    • Nennen Sie sie der Reihe nach. Wenn Sie die ursprünglichen Screencaps behalten, benennen Sie sie beispielsweise 1, 2, 3 usw.
    • Wenn Sie nicht wissen, wie Sie eine Bildschirmabdeckung erhalten, finden Sie in wikiHow Tutorials. Normalerweise verwenden Sie die Schaltfläche Druckbildschirm (Prt Sc) und fügen das Bild in ein Bildbearbeitungsprogramm ein.
  2. Ziehen Sie sie auf verschiedene Ebenen. Beginnen Sie mit dem ersten Bild als Ebene 1 in einer neuen Photoshop-Datei und ziehen Sie jedes Bild in eine neue Ebene in dieser Datei. Stellen Sie sicher, dass die Reihenfolge korrekt ist.
    • Sie müssen jede Datei in Photoshop öffnen, um sie in die Hauptdatei ziehen zu können. Wenn das Ziehen nicht funktioniert, verwenden Sie einfach Kopieren und Einfügen und stellen Sie sicher, dass das Bild in einer neuen Ebene platziert wird.
    • Stellen Sie sicher, dass die Bilder richtig ausgerichtet sind.
  3. Verstecke die obersten Schichten. Klicken Sie auf die Augen neben den Ebenen im Ebenenmenü mit Ausnahme des ersten Bildes, um alle Ebenen auszublenden.
  4. Öffnen Sie das Animationsfenster. Klicken Sie in der oberen Leiste auf Fenster und öffnen Sie Animation.
  5. Machen Sie die Ebenen wieder sichtbar. Klicken Sie im Animationsfenster auf "Neue Ebene" (diese Schaltfläche sieht aus wie ein gefaltetes Blatt Papier) und klicken Sie auf die Augenschaltfläche für das nächste Bild. Wechseln Sie zwischen "Neue Ebene" und "Einblenden", um jedes Bild zu einer "Animationszelle" zu machen.
  6. Schneiden Sie die Leinwand. Wenn Sie überschüssiges Material haben, das Sie aus der Bildschirmabdeckung herausschneiden möchten, z. B. den Rest Ihres Desktops, verwenden Sie das Zuschneidewerkzeug, um Ihre Bilder zuzuschneiden. Die Standardgröße für ein GIF finden Sie online. Verwenden Sie die spezifischen Einstellungen im oberen Menü, um die Größe festzulegen, nicht das manuelle Zuschneiden oder das Menü Bildgröße.
  7. Identifizieren Sie die Zwischenzeiten. Wenn die Animation zu schnell geht, können Sie Zwischenzeiten erstellen. Die Schaltfläche dafür befindet sich neben der Schaltfläche Neue Ebene im Animationsmenü. Spielen Sie mit den Einstellungen, bis die Animation gut aussieht.
    • Sie müssen die Deckkraft für jeden Zwischenrahmen auf 79% einstellen.
  8. Speicher die Datei. Klicken Sie im Menü Datei auf "Für Web speichern". Stellen Sie sicher, dass der Dateityp auf GIF und mit 256 Farben eingestellt ist. Selektive Diffusion und Dithering sind 100%. Wenn die Einstellungen korrekt sind, klicken Sie auf Speichern.
  9. Bereit! Viel Spaß mit deinem GIF!

Tipps

  • Hinweis: Um die Animationsschleife kontinuierlich zu halten, wählen Sie unter "Speichern" die Option "Für Web und Geräte speichern". Wählen Sie unter "Looping-Optionen" die Option "Für immer" und speichern Sie die Animation. Sie können auch "Andere" auswählen und angeben, wie oft Ihre Animation wiederholt werden soll.
  • Da sich Adobe ImageReady nicht mehr in der Entwicklung befindet, sind die meisten Funktionen von ImageReady in Photoshop CS3 verfügbar. Diejenigen, die nicht verfügbar sind, finden Sie in Adobe Fireworks.
  • Wenn Sie eine animierte GIF-Datei aus Photoshop CS3 speichern, gehen die Animationsrahmen verloren. Um dies zu beheben, öffnen Sie die animierte GIF-Datei in Adobe Fireworks, die bearbeitbare Ebenen und Zeitleisten für GIF-Dateien enthält.

Warnungen

  • Speichern Sie Ihre Arbeit regelmäßig, damit Sie keine Arbeitsstunden verlieren, weil Sie einen Fehler gemacht haben.