Ich habe kürzlich ein paar lustige Bilder von meinem Cousin gemacht und wollte mein eigenes animiertes GIF erstellen, anstatt das automatisch von Google+ erstellte „Auto Awesome“ zu verwenden . Da ich Photoshop CS6 installiert habe, dachte ich, ich würde es versuchen und sehen, was passiert. Zuerst dachte ich, es wäre ziemlich einfach: Importieren Sie die Bilder in separate Ebenen und speichern Sie sie dann einfach als GIF -Datei mit Animation. Falsch!

Wenn Sie versuchen, das GIF auf diese Weise zu erstellen, werden Sie feststellen, dass der Abschnitt „ Animation “ im Dialogfeld „ Für Web speichern “ ausgegraut ist. ^(Save)Um dies zu aktivieren, damit Sie die Schleifenoptionen auswählen können, müssen Sie in Photoshop CS6 eine sogenannte ^{(Photoshop CS6)}Frame-Animation erstellen . Es klingt kompliziert, aber es ist ziemlich einfach zu tun. In diesem Beitrag führe ich Sie durch die Schritte zum Erstellen Ihres eigenen animierten GIFs^(GIF) mit Standbildern.

Ich werde auch erwähnen, wie man ein Video importiert und in ein animiertes GIF^(GIF) umwandelt . Lediglich der Importvorgang unterscheidet sich beim Importieren eines Videos, die restlichen Schritte bleiben gleich.

Schritt 1 – Alle Bilder importieren

Das erste, was Sie tun müssen, ist, alle Ihre Bilder in separate Ebenen in einer Photoshop-Datei zu importieren. Wenn Sie also beispielsweise 6 Bilder haben, öffnen Sie alle in Photoshop und erstellen Sie dann eine neue Datei und kopieren Sie jedes der Bilder und fügen Sie es in eine separate Ebene in der neuen Datei ein. Ebene 1^{(Layer 1)} sollte Ihr Startbild sein und die letzte Ebene sollte das letzte Bild in der Animation sein.

Dieser Teil des Prozesses wird wahrscheinlich von allen Schritten die meiste Zeit in Anspruch nehmen. Es gibt wahrscheinlich einen einfacheren und schnelleren Weg, dies in Photoshop zu tun , aber da ich kein Profi-Benutzer bin, kopiere ich jedes Bild manuell und füge es in eine neue Photoshop -Datei ein. Wenn Sie einen schnelleren Weg kennen, lassen Sie es mich bitte in den Kommentaren wissen.

Schritt 2 – Rahmenanimation erstellen

Der zweite Schritt besteht darin, die eigentliche Animation in Photoshop selbst zu erstellen. Dazu müssen Sie zunächst das Timeline- Fenster öffnen. Gehen Sie nach oben zu Fenster^(Window) und wählen Sie Timeline .

Jetzt sehen Sie das Timeline -Fenster am unteren Bildschirmrand geöffnet. Es sollte zu Beginn vollständig leer sein. Um nun eine Frame-Animation zu erstellen, klicken Sie einfach mit der rechten Maustaste auf eine beliebige Stelle im Zeitleistenfeld^(Timeline) und wählen Sie Frame-Animation erstellen^{(Create Frame Animation)} .

Wenn Sie dies tun, sehen Sie jetzt nur ein Bild in der Timeline mit einer kleinen 1 in der oberen linken Ecke. Es ist entweder das Bild, das Sie im Ebenenbedienfeld ausgewählt haben ,^(Layers) oder es ist die zuletzt hinzugefügte Ebene (letztes Bild in der Animation). An diesem Punkt ist es eine Ein-Frame-Animation, was nicht das ist, was wir wollen.

Stattdessen möchten wir, dass alle Ebenen in die Animation aufgenommen werden. Dazu müssen wir auf den winzigen Abwärtspfeil ganz rechts im Timeline- Fenster klicken. Es hat einen kleinen Abwärtspfeil und daneben ein paar horizontale Linien. Wenn Sie darauf klicken, sehen Sie eine Option namens Make Frames From Layers .

Jetzt sollten Sie einen Rahmen für jede Ebene sehen, die Sie in Ihrer Datei haben. Jeder Rahmen hat auch ein kleines Dropdown-Menü unter dem Bild, mit dem Sie die Zeitdauer auswählen können, die jeder Rahmen angezeigt werden soll.

Wie Sie oben sehen können, beträgt der erste Frame 5 Sekunden und der Rest wird auf 0 gesetzt. Sie müssen sie entsprechend anpassen, aber Sie können auch eine benutzerdefinierte Zeitspanne auswählen.

Sobald Sie die Zeit für jedes Bild ausgewählt haben, sind Sie bereit für den letzten Schritt, bei dem Sie Ihre neue Animation in einer GIF -Datei speichern.

Schritt 3 – GIF-Datei speichern

Jetzt ist es an der Zeit, Ihr animiertes GIF zu speichern . Gehen Sie dazu auf Datei^(File) und klicken Sie auf Für Web speichern^{(Save for Web)} . Ganz unten im Speicherdialog sehen Sie den Abschnitt Animation , der nicht mehr ausgegraut sein sollte.

Ihre Optionen hier sind ziemlich einfach zu verstehen. Sie können wirklich nur auswählen, wie es wiederholt werden soll, und dann eine Vorschau der Animation anzeigen, bevor Sie sie speichern. Das ist alles! Hoffentlich hilft Ihnen diese Anleitung dabei, Ihr animiertes GIF in Photoshop CS6 problemlos zu erstellen!

Fazit

Es gibt ein paar erwähnenswerte Dinge. Erstens, wenn Sie finden, dass das animierte GIF zu groß ist, müssen Sie zuerst die Größe der einzelnen Bilder reduzieren, bevor Sie Ihre endgültige Photoshop -Datei mit den mehreren Ebenen erstellen. Sie können die Bilder entweder zuschneiden, wenn Sie nur einen Teil der Fotos zum Erstellen der Animation benötigen, oder Sie können die Größe des gesamten Bildes reduzieren.

Zweitens, wenn Sie ein Video haben, können Sie die Videoframes automatisch in Ebenen importieren, indem Sie zu Datei^(File) gehen , dann Importieren^(Import) und auf Videoframes^{(Video Frames to Layers)} in Ebenen klicken .

Das ist also alles, was dazu gehört. Um^(Again) die Größe zu verwalten, müssen Sie möglicherweise die Qualität der Bilder reduzieren, um eine kleine GIF -Datei zu erstellen. Genießen!

How to Create Animated GIFs from Images using Photoshop CS6

I recently took ѕome funny pictureѕ of my cousin and wantеd to create my own animated GIF instead of using the “Auto Awesome” one created automatically by Google+. Since I have Photoshop CЅ6 installed, I figured I would give it a shot and sеe whаt happens. At first, I thought it would be fairly straight-forward: import the images into sepаrаte layers and then just save it out as a GIF file with animation. Wrong!

If you try to create the GIF in this manner, you’ll notice that the Animation section in the Save for Web dialog is greyed out. In order to get that activated so you can choose the looping options, you have to create what’s called a Frame Animation in Photoshop CS6. It sounds complicated, but it’s pretty easy to do. In this post, I’ll walk you through the steps for creating your own animated GIF using still images.

I’ll also mention how to import a video and convert that into an animated GIF. Only the import process differs when importing a video, the rest of the steps remain the same.

Step 1 – Import All Images

The first thing you’re going to need to do is import all your images into separate layers in one photoshop file. So if you have 6 images, for example, open all of them in Photoshop and then create a new file and copy and paste each of the images into a separate layer in the new file. Layer 1 should be your starting picture and the last layer should be the last picture in the animation.

This part of the process probably will take up the most time out of all the steps. There is probably an easier and faster way to do this in Photoshop, but since I’m no pro user, I manually copy and pasted each image into a new Photoshop file. If you know of a faster way, please let me know in the comments.

Step 2 – Create Frame Animation

The second step is to create the actual animation in Photoshop itself. In order to do this, you first have to open the Timeline window. Go up to Window and choose Timeline.

Now you will see the Timeline window open at the bottom of the screen. It should be completely empty to start with. Now to create a frame animation, simply right-click anywhere in the Timeline box and choose Create Frame Animation.

When you do this, you’ll now see only one image in the timeline with a small little 1 in the top left corner. It will either be the image you have selected in the Layers panel or it’ll be the most recently added layer (last image in the animation). At this point, it’s a one frame animation, which is not what we want.

Instead, we want all the layers to be included in the animation. In order to do this, we have to click on the tiny little down arrow button at the far right of the Timeline window. It’s got a small down arrow and then a couple of horizontal lines next to it. when you click on that, you’ll see an option called Make Frames From Layers.

Now you should see a frame for each layer that you have in your file. Each frame will also have a little drop down below the image that lets you select the length of time that each frame should be displayed.

As you can see above, the first frame is 5 seconds and then the rest are set to 0. You will have to adjust them accordingly, but you can pick a custom amount of time also.

Once you have selected the time for each frame, you’re ready for the final step, which is saving out your new animation to a GIF file.

Step 3 – Save GIF File

Now it’s time to save your animated GIF. To do this, go to File and click on Save for Web. At the very bottom of the save dialog, you will see the Animation section, which should no longer be greyed out.

Your options here are pretty easy to understand. You can really only choose how you want it to loop and then preview the animation before saving it. That’s about it! Hopefully this guide will help you create your animated GIF in Photoshop CS6 without a hitch!

Conclusion

There are a couple of things worth mentioning. Firstly, if you find the animated GIF is too large, then you will first need to reduce the size of the individual images before you create your final Photoshop file with the multiple layers. You can either crop the images if you only need a portion of the photos to create the animation or you can reduce the size of the whole image.

Secondly, if you have a video, then you can import the video frames into layers automatically by going to File, then Import and clicking on Video Frames to Layers.

So that’s all there is to it. Again, in order to manage the size, you might have to reduce the quality of the images in order to create a small GIF file. Enjoy!

Related posts

• So speichern Sie animierte GIFs auf Mobilgeräten und Computern

• So maskieren Sie in Photoshop, um Ebenen auszublenden

• So konvertieren Sie mehrere Bilder in PDF-Dateien

• So fügen Sie einem Greenscreen-Bild in Photoshop einen Hintergrund hinzu

• 7 einfache Bildänderungen, die Sie in Photoshop vornehmen können

• So beheben Sie den Hulu-Fehlercode RUNUNK13

• So erstellen Sie ein mehrseitiges PDF in Photoshop

• So übertragen Sie vom PC oder Mobilgerät auf Roku TV

• Was ist die Uber-Passagierbewertung und wie kann man sie überprüfen?

• Schaltet sich Ihr Computer zufällig von selbst ein?

• So verwenden Sie Discord-Spoiler-Tags

• So überprüfen Sie Ihre Festplatte auf Fehler

• So verwenden Sie SVERWEIS in Google Tabellen

• So erkennen Sie Computer- und E-Mail-Überwachungs- oder Spionagesoftware

• So entfernen Sie die Yahoo-Suche in Chrome

• So erstellen Sie einen transparenten Hintergrund in GIMP

• So teilen Sie einen Clip in Adobe Premiere Pro

• Die 10 besten Möglichkeiten, Ihren Computer kindersicher zu machen

• So ändern Sie den Hintergrund in einem Bild mit Photoshop

• 4 Möglichkeiten, die besten Internetoptionen (ISPs) in Ihrer Nähe zu finden