Mit etwas Übung und Geduld können Sie lernen, wie Sie in Photoshop animieren und Ihre Arbeit in ein GIF umwandeln^(GIF) , das Sie online teilen können. Die Animationswerkzeuge von Photoshop^(Photoshop) sind oft unbekannt, aber es lohnt sich, sie zu lernen. Wir werden Sie durch jeden Schritt führen, der notwendig ist, um zu lernen, wie man in Photoshop animiert .

Wie bei den meisten Animationswerkzeugen müssen Sie jeden Frame als separate Bilder erstellen, sodass Sie etwas Zeit einplanen müssen, um jeden Frame manuell zu erstellen, insbesondere wenn Sie vorhaben, eine komplizierte Animation zu erstellen.

Beginnen Sie damit, Ihre Animationsrahmen in Photoshop zu erstellen^{(Start By Making Your Animation Frames In Photoshop)}

Zunächst müssen Sie für jeden Rahmen, den Sie verwenden möchten, ein separates Bild speichern. Es liegt an Ihnen, wie komplex Sie Ihre Animation gestalten möchten, aber für diesen Test erstellen wir ein einfaches animiertes Logo.

Der Trick, um zu lernen, wie man in Photoshop animiert, besteht darin, kleine Bewegungen zu machen und jedes Mal, wenn Sie eine Bewegung machen, ein neues Foto zu speichern. Jede Bewegung sollte das gleiche Gewicht haben. Wenn Sie beispielsweise möchten, dass eine Textzeile über den Bildschirm gleitet, sollte sich der Text in jedem Frame um die gleiche Anzahl von Pixeln bewegen, damit die Animation flüssig aussieht.

Wenn Sie sich nicht sicher sind, wie Sie in Ihrer Animation von Punkt A nach B gelangen, beginnen Sie zuerst mit dem Endbild und erstellen Sie dann das erste Bild. Füllen Sie zum Schluss die Rahmen dazwischen aus.

Benennen Sie jedes Bild beim Speichern numerisch, damit Sie nicht mit seiner Position verwechselt werden.

So animieren Sie eine Bildfolge in Photoshop^{(How To Animate a Sequence Of Images In Photoshop)}

Sobald Sie Ihre Frame-by-Frame-Bilder haben, ist es an der Zeit, sie in eine Animation umzuwandeln. Stellen Sie^(Make) sicher, dass Sie die folgenden Schritte sorgfältig befolgen.

1. Klicken Sie auf Datei^(File) , klicken Sie auf Skripts^(Scripts) und dann auf Dateien in den Stapel laden.^{( Load Files Into Stack..)}
2. Klicken Sie auf Durchsuchen…^{(Browse… )} und wählen Sie alle Ihre Frames für Ihre Animation aus.
3. Klicken Sie auf OK und warten Sie, bis die Bilder in separate Ebenen geladen wurden.
4. Klicken Sie auf Fenster^(Window) und dann auf Zeitleiste^(Timeline) , um das Animationsfenster zu öffnen.
5. Klicken Sie im Zeitleistenfenster auf den Dropdown-Pfeil^{(dropdown arrow)} und wählen Sie Frame-Animation erstellen^{(Create Frame Animation)} aus .
6. Klicken Sie auf Rahmenanimation erstellen^{(Create Frame Animation)} . 

Sie haben jetzt eine Ebene in Ihrer Timeline. Der nächste Schritt besteht darin, jede Ihrer Ebenen in einen neuen Rahmen umzuwandeln. Folgen Sie den unteren Schritten.

1. Klicken Sie oben auf Auswählen^{( Select )} und dann auf Alle Ebenen.^{(All Layers.)}
2. Klicken Sie auf das Drei-Stapel-Menüsymbol^{( three stack menu icon)} auf der linken Seite des Zeitachsenfensters.
3. Klicken Sie im angezeigten Menü auf Neue Ebene für jeden neuen Frame erstellen^{(Create New Layer for Each New Frame)} .
4. Klicken Sie auf das Drei-Stapel-Menüsymbol^{( three stack menu icon)} und dann auf Frames aus Ebenen erstellen^{(Make Frames From Layers)} .

Sie haben jetzt alle Ihre Bilder in separate Frames geladen. Die nächste Aufgabe besteht darin, eine Zeit auszuwählen, wie lange jeder Frame abgespielt wird. Es kann einige Tests erfordern, um die richtige Geschwindigkeit zu erhalten, aber Sie können die Bildzeit für jedes einzelne Bild auswählen, indem Sie auf den Pfeil unter jedem Bild^{(the arrow under each frame )} neben dem 0^{( 0 sec)} -Sekunden -Text klicken.

Sie können mit verschiedenen Zeiten experimentieren, aber am besten beginnen Sie damit, dass Sie für jedes Bild dieselbe Zeit wählen. Wenn eine Animation verschiedene Szenen oder Animationsphasen enthält, möchten Sie möglicherweise die Zeiten für jede dieser Phasen/Szenen einzeln anpassen.

Sie können jederzeit auf die Wiedergabeschaltfläche klicken, um die Animation anzuzeigen. Es gibt auch eine Reihe anderer Steuerelemente im Timeline-Fenster, die wir unten von links nach rechts erklärt haben.

Timeline-Schalter^{(Timeline Switch)}

Wechseln Sie die Zeitachse zwischen einer Frame-für-Frame-Zeitachse und einer herkömmlichen Film-Zeitachse.

Wiedergabebetrag^{(Playback Amount)}

Ändern Sie,^(Change) ob die Animation für immer oder für eine bestimmte Anzahl von Schleifen abgespielt wird, bevor sie anhält. Dies wirkt sich auf das Endergebnis aus, sobald es als GIF gespeichert wird . Sie können diese Einstellung erneut ändern, bevor Sie die Animation später exportieren.

Wiedergabe-Dropdown^{(Playback Dropdown)} 

Der Dropdown-Pfeil, den Sie auf den Timeline-Steuerelementen sehen, ist eine weitere Methode, um auf die Wiedergabemenge zuzugreifen.

Wiedergabesteuerung^{(Playback Controls)}

Mit den vier verfügbaren Wiedergabesteuerungen^(Play) können Sie die Animation abspielen, anhalten, stoppen und bis zum Ende oder Anfang springen.

zwischen^(Tween)

Verwenden Sie die Tween -Funktion, um Zwischenbilder zu erzeugen, damit Ihre Animation flüssiger aussieht. Das Tween -Merkmal wird nachstehend ausführlicher erläutert.

Rahmen duplizieren^{(Duplicate Frame)}

Diese Schaltfläche dupliziert alle derzeit ausgewählten Frames und platziert sie in der Timeline hinter dem Original.

Rahmen löschen^{(Delete Frame)}

Diese Option löscht alle ausgewählten Frames.

So exportieren Sie Ihre Photoshop-Animation^{(How To Export Your Photoshop Animation)}

Wenn Sie mit Ihrer Photoshop- Animation zufrieden sind, können Sie sie exportieren, indem Sie die folgenden Schritte ausführen.

1. Klicken Sie auf Neu^(New) .
2. Klicken Sie auf Exportieren^(Export) und dann auf Für Web speichern (Legacy)…^{(Save for Web (Legacy)…)}
3. Wenn Sie eine Animation mit detaillierten Farben haben, wählen Sie GIF 128 Dithered unter der Voreinstellungs-Dropdown-Liste aus.
4. Wenn Sie eine Animation mit einfachen Blockfarben haben, wählen Sie GIF 128 No Dither .
5. Stellen^(Make) Sie sicher, dass Sie Ihre bevorzugte Option in den Looping-Optionen^{(Looping Options)} unten eingestellt haben. 
6. Klicken Sie abschließend auf Speichern…^(Save…) und wählen Sie einen Ort aus, an dem Sie Ihr GIF auf Ihrem PC speichern möchten.

So machen Sie eine Animation in Photoshop flüssig^{(How To Make An Animation Smooth In Photoshop)}

Wenn Sie keine Erfahrung darin haben, Frame-by-Frame-Animationen zu erstellen, kann das Endergebnis etwas unruhig aussehen. Glücklicherweise können Sie die Tween -Funktion verwenden, um die Lücken in Ihrer Animation automatisch zu füllen, damit die Dinge glatter aussehen.

Halten Sie dazu die Umschalttaste^(shift) gedrückt, klicken Sie im Zeitleistenfenster auf zwei einzelne Frames und dann auf das Tween-Symbol^{(Tween icon)} . Klicken Sie als Nächstes, um auszuwählen, ob die Tween - Einstellung Position, Deckkraft^{(position, opacity)} oder Effekte verwenden^(effects) soll . Für die meisten bewegungsbasierten Animationen sollten Sie position verwenden . 

Stellen Sie sicher, dass Alle Ebenen^{(All Layers)} ausgewählt sind, und klicken Sie dann auf OK . Wiederholen Sie diesen Vorgang für jeden gepaarten Rahmen. Zum Beispiel Frame 1 und 2, dann Frame 3 und 4 und so weiter.

Zusammenfassung^(Summary)

Wir hoffen, dass unsere Anleitung zum Animieren in Photoshop geholfen hat. Wenn Sie weitere Hilfe benötigen, können Sie unten einen Kommentar hinterlassen.

How To Animate An Image In Photoshop

With somе prаctice and patienсe, you can learn how to animate in Phоtoshop and turn your work into a GIF to share online. Photoshop’s animation tools are often unknown but they’re well worth learning. We will be taking you through each step necessary to learn how to animate in Photoshop.

Like most animation tools, you’ll need to create each frame as separate images, so you’ll need to set aside some time to create each frame manually, especially if you plan to make a complicated animation.

Start By Making Your Animation Frames In Photoshop

To begin with, you’ll need to save a separate image for each of the frames you plan to use. It’s up to you how complex you want to make your animation, but for this test we’ll be creating a simple animated logo.

The trick for learning how to animate in Photoshop is to make small movements and save a new photo each time you make a movement. Each movement should have the same weight to it. For example, if you want a line of text to slide across the screen, each frame should make the text move the same number of pixels so the animation looks smooth.

If you’re not sure how you can get from point A to B in your animation, start with the end frame first, then create the first frame. Finally, fill in the frames in between.

As you save each image, name them numerically so that you don’t get confused with their position.

How To Animate a Sequence Of Images In Photoshop

Once you have your frame-by-frame images it’s time to turn them into an animation. Make sure to follow the steps below carefully.

1. Click File, Click Scripts, then click Load Files Into Stack..
2. Click Browse… and select all of your frames for your animation.
3. Click OK and wait for the images to load into seperate layers.
4. Click Window and then Timeline to open the animation window.
5. Click the dropdown arrow in the timeline panel and select Create Frame Animation.
6. Click Create Frame Animation. 

You will now have a layer in your timeline. The next step is to turn each of your layers into a new frame. Follow the steps below.

1. Click Select at the top and then click All Layers.
2. Click the three stack menu icon on the left side of the timeline panel.
3. In the menu that appears, click Create New Layer for Each New Frame.
4. Click the three stack menu icon and now click Make Frames From Layers.

You will now have all of your images loaded into separate frames. The next task is to choose a time for how long each frame will play. It may take some testing to get the right speed, but you can choose the frame time for each individual frame by clicking the arrow under each frame next to the 0 sec text.

You can experiment with different times, but it’s best to start by choosing the same time with each frame. If an animation contains different scenes or phases of animation, you may want to adjust the timings for each of those phases/scenes individually.

At any time you can click the play button to view the animation. There are a number of other controls on the timeline window too, which we have explained from left to right below.

Timeline Switch

Switch the timeline between a frame-by-frame timeline and a traditional movie timeline.

Playback Amount

Change whether the animation plays forever or for a certain number of loops before stopping. This will impact the end result once it is saved as a GIF. You can change this setting again before you export the animation later.

Playback Dropdown 

The dropdown arrow you see on the timeline controls is another method for accessing the playback amount.

Playback Controls

Play, pause, stop, and jump the animation to the end or the beginning with the four available playback controls.

Tween

Use the Tween feature to generate “in-between” frames to make your animation look smoother. The Tween feature will be explained in more detail below.

Duplicate Frame

This button will duplicate any currently selected frame and will place it in the timeline after the original.

Delete Frame

This option will delete any selected frame.

How To Export Your Photoshop Animation

Once you’re happy with your Photoshop animation, you can export it by following the steps below.

1. Click New.
2. Click Export and then click Save for Web (Legacy)…
3. If you have an animation with detailed colors, select GIF 128 Dithered under the preset dropdown.
4. If you have an animation with simple block colors, choose GIF 128 No Dither.
5. Make sure you have your preferred option set in the Looping Options at the bottom. 
6. Finally, click Save… and choose a place to save your GIF on your PC.

How To Make An Animation Smooth In Photoshop

Unless you’re experienced at making frame by frame animation, the end result may look a little jolty. Thankfully you can use the Tween feature to fill in the gaps automatically in your animation to make things look smoother.

To do this, hold the shift key, click two individual frames in the timeline window, and click the Tween icon. Next, click to choose whether the Tween setting will use position, opacity, or effects. For most movement-based animations, you’ll want to use position. 

Make sure All Layers are selected and then click OK. Repeat this process for each paired frame. For example frame 1 and 2, then frame 3 and 4, and so on.

Summary

We hope that our guide on how to animate in Photoshop has helped. If you need any more help, feel free to leave a comment below.

Related posts

• So entfernen oder ersetzen Sie einen Hintergrund in Photoshop

• Wie man Zähne in Photoshop aufhellt

• So blenden Sie Photoshop ein

• So weichen und verwischen Sie in Photoshop

• So schneiden Sie ein Objekt in einem Bild in Photoshop CC aus

• Entfernen Sie mit KI sofort Hintergründe aus Bildern

• 8 der besten Tech-Ideen zur Bewältigung der Selbstisolation

• So scannen Sie mehrere Seiten in eine PDF-Datei

• So öffnen Sie DDS-Dateien in Windows 10

• So fügen Sie einen Rahmen in Photoshop hinzu

• So ersetzen Sie Farbe in Photoshop

• So wechseln Sie Gesichter in Photoshop

• So schneiden Sie in Photoshop zu

• So krümmen Sie Text in Photoshop

• So löschen Sie den Ordner Windows.old in Windows 7/8/10

• Deaktivieren Sie die Benutzerkontensteuerung (UAC) für eine bestimmte Anwendung

• So deaktivieren Sie die Windows-Taste

• So sehen Sie zwischengespeicherte Seiten und Dateien in Ihrem Browser

• So gliedern Sie Text in Photoshop

• So schützen Sie eine PDF-Datei mit einem Kennwort, um sie sicher zu halten