Niedawno zrobiłem kilka zabawnych zdjęć mojej kuzynce i chciałem stworzyć własny animowany GIF zamiast korzystać z „Autoefektów” tworzonego automatycznie przez Google+ . Ponieważ mam zainstalowany Photoshop CS6 , pomyślałem, że dam mu szansę i zobaczę, co się stanie. Na początku pomyślałem, że będzie to dość proste: zaimportuj obrazy na osobne warstwy, a następnie po prostu zapisz je jako plik GIF z animacją. Zło!

Jeśli spróbujesz utworzyć GIF w ten sposób, zauważysz, że sekcja Animacja w oknie dialogowym ^(Animation)Zapisz^(Save) dla Internetu^(Web) jest wyszarzona. Aby to uaktywnić i wybrać opcje zapętlania, musisz utworzyć tak zwaną animację klatki^{(Frame Animation)} w Photoshop CS6 . Brzmi skomplikowanie, ale jest całkiem proste. W tym poście przeprowadzę Cię przez etapy tworzenia własnego animowanego GIF - a przy użyciu nieruchomych obrazów.

Wspomnę też, jak zaimportować wideo i przekonwertować je na animowany GIF . Tylko proces importowania różni się podczas importowania wideo, pozostałe kroki pozostają takie same.

Krok 1 – Importuj wszystkie obrazy

Pierwszą rzeczą, którą musisz zrobić, to zaimportować wszystkie obrazy do osobnych warstw w jednym pliku programu Photoshop. Więc jeśli masz na przykład 6 obrazów, otwórz je wszystkie w Photoshopie^(Photoshop) , a następnie utwórz nowy plik i skopiuj i wklej każdy z obrazów do osobnej warstwy w nowym pliku. Warstwa 1^{(Layer 1)} powinna być twoim obrazem początkowym, a ostatnia warstwa powinna być ostatnim obrazem w animacji.

Ta część procesu prawdopodobnie zajmie najwięcej czasu ze wszystkich kroków. Prawdopodobnie jest łatwiejszy i szybszy sposób na zrobienie tego w Photoshopie^(Photoshop) , ale ponieważ nie jestem użytkownikiem profesjonalnym, ręcznie kopiuję i wklejam każdy obraz do nowego pliku Photoshopa . ^(Photoshop)Jeśli znasz szybszy sposób, daj mi znać w komentarzach.

Krok 2 – Utwórz animację ramki

Drugim krokiem jest stworzenie rzeczywistej animacji w samym Photoshopie^(Photoshop) . Aby to zrobić, musisz najpierw otworzyć okno Oś czasu^(Timeline) . Przejdź do okna^(Window) i wybierz Oś czasu^(Timeline) .

Teraz zobaczysz okno Oś czasu^(Timeline) otwarte na dole ekranu. Na początku powinno być całkowicie puste. Teraz, aby utworzyć animację klatki, po prostu kliknij prawym przyciskiem myszy w dowolnym miejscu w polu Oś czasu^(Timeline) i wybierz opcję Utwórz animację klatki^{(Create Frame Animation)} .

Gdy to zrobisz, zobaczysz teraz tylko jeden obraz na osi czasu z małą 1 w lewym górnym rogu. Będzie to obraz wybrany w panelu Warstwy^(Layers) lub ostatnio dodana warstwa (ostatni obraz w animacji). W tym momencie jest to animacja jednoklatkowa, a tego nie chcemy.

Zamiast tego chcemy, aby wszystkie warstwy zostały uwzględnione w animacji. Aby to zrobić, musimy kliknąć mały przycisk strzałki w dół po prawej stronie okna osi czasu^(Timeline) . Ma małą strzałkę w dół, a obok niej kilka poziomych linii. po kliknięciu zobaczysz opcję o nazwie Utwórz ramki z warstw^{(Make Frames From Layers)} .

Teraz powinieneś zobaczyć ramkę dla każdej warstwy, którą masz w swoim pliku. Każda klatka będzie miała również małe menu pod obrazem, które pozwala wybrać czas wyświetlania każdej klatki.

Jak widać powyżej, pierwsza klatka to 5 sekund, a pozostałe są ustawione na 0. Będziesz musiał je odpowiednio dostosować, ale możesz również wybrać niestandardową ilość czasu.

Po wybraniu czasu dla każdej klatki jesteś gotowy do ostatniego kroku, którym jest zapisanie nowej animacji do pliku GIF .

Krok 3 – Zapisz plik GIF

Teraz nadszedł czas, aby zapisać animowany GIF . Aby to zrobić, przejdź do Plik^(File) i kliknij Zapisz dla Internetu^{(Save for Web)} . Na samym dole okna dialogowego zapisywania zobaczysz sekcję Animacja^(Animation) , która nie powinna być już wyszarzona.

Twoje opcje tutaj są dość łatwe do zrozumienia. Tak naprawdę możesz wybrać tylko sposób, w jaki chcesz zapętlić, a następnie wyświetlić podgląd animacji przed jej zapisaniem. O to chodzi! Mam nadzieję, że ten przewodnik pomoże Ci bez problemu stworzyć animowany GIF w Photoshop CS6 !

Wniosek

Warto wspomnieć o kilku rzeczach. Po pierwsze, jeśli okaże się, że animowany plik GIF^(GIF) jest zbyt duży, najpierw musisz zmniejszyć rozmiar poszczególnych obrazów, zanim utworzysz ostateczny plik Photoshop z wieloma warstwami. Możesz przyciąć obrazy, jeśli potrzebujesz tylko części zdjęć do utworzenia animacji, lub zmniejszyć rozmiar całego obrazu.

Po drugie, jeśli masz wideo, możesz automatycznie importować klatki wideo do warstw, przechodząc do Plik^(File) , następnie Importuj^(Import) i klikając Klatki wideo na warstwy^{(Video Frames to Layers)} .

Więc to wszystko. Ponownie^(Again) , aby zarządzać rozmiarem, może być konieczne obniżenie jakości obrazów w celu utworzenia małego pliku GIF . Cieszyć się!

How to Create Animated GIFs from Images using Photoshop CS6

І recently took some funny pictures of my cousin and wanted to create my own animated GIF instead of using the “Auto Awesome” оne сreated automatiсally by Gоogle+. Since I haνe Photoshop СS6 inѕtalled, I figured I would givе it а shоt аnd sеe what happens. At first, I thought it would be fairly straight-forward: import the images into separate layers аnd 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

• Jak zapisywać animowane pliki GIF na telefonie komórkowym i komputerze?

• Jak maskować w Photoshopie, aby ukryć warstwy

• Jak konwertować wiele obrazów do plików PDF

• Jak dodać tło do obrazu zielonego ekranu w Photoshopie

• 7 łatwych modyfikacji obrazu, które możesz wykonać w Photoshopie

• Jaka jest ocena pasażera Ubera i jak ją sprawdzić

• Jak otworzyć plik bez rozszerzenia

• Jak znaleźć najlepsze serwery Discord

• Jak korzystać z funkcji WYSZUKAJ.PIONOWO w Arkuszach Google

• Jak podzielić klip w Adobe Premiere Pro

• Jak opublikować artykuł na Linkedin (i najlepszy czas na opublikowanie)

• Jak utworzyć wielostronicowy plik PDF w Photoshopie

• Czy możesz zmienić swoje imię na Twitchu? Tak, ale bądź ostrożny

• Jak naprawić kod błędu Disney Plus 83

• Jak rysować linie proste w Photoshopie

• Jak naprawić błąd „Oczekującej transakcji” Steam?

• Jak pozbyć się Yahoo Search w Chrome

• 4 sposoby na znalezienie najlepszych opcji internetowych (ISP) w Twojej okolicy

• Co to jest tryb Discord Streamer i jak go skonfigurować?

• Jak zmienić tło obrazu za pomocą programu Photoshop