Jak stworzyć animowany GIF za pomocą Photoshopa
Różne / / December 02, 2021
Jednak chociaż pozornie skomplikowane, GIF-y w rzeczywistości nie są trudne do stworzenia. W rzeczywistości, jeśli masz Photoshopa, masz już wszystko, czego potrzebujesz, aby go utworzyć, co dokładnie pokażemy w tym samouczku.
Gotowy? Zacznijmy.
Krok 1: Najpierw przygotuj pliki graficzne, które utworzą twój plik GIF, ponieważ każdy plik GIF składa się z różnych ramek. Oznacza to, że powinieneś już mieć różne „ramki”, które będą tworzyć twój GIF. W tym przykładzie utworzę GIF złożony z trzech prostych plików graficznych (pokazanych poniżej).
![Obrazy przed](/f/08a12bd5059b625c259320bc741df301.png)
![Obrazy gotowe](/f/8a08195d5cffed8342bcac7bd1da85c8.png)
Krok 2: Otwórz pliki w Photoshopie (chyba że utworzyłeś je w Photoshopie na początek) i upewnij się, że każdy z nich należy do osobnej warstwy. Aby się tego upewnić, po otwarciu pierwszego pliku kliknij
Utwórz nową warstwę... przycisk w prawym dolnym rogu Warstwy panel (pokazany poniżej) i wklej następny plik graficzny na nową warstwę.![Nowa warstwa](/f/4b694d056e239bec87ef61e116b2ae9b.png)
Po dodaniu wszystkich obrazów do własnych warstw powinny wyglądać tak w panelu Warstwy programu Photoshop:
![Pliki końcowe](/f/d9e5ec0bff57c7552cde67de6093cd65.png)
Krok 3: Teraz w Photoshopie przejdź do Okno menu i kliknij Animacja opcja. Spowoduje to wyświetlenie palety animacji Photoshopa. Gdy to zrobisz, kliknij przycisk w prawym dolnym rogu (pokazany poniżej), aby przełączyć się z Oś czasu widok na Ramki widok, który nieco ułatwi nam pracę.
![Menu animacji](/f/0214cb074aa63b7af0731261d591abaa.png)
![Widok osi czasu](/f/186f36db132368156488efd40ec74c52.png)
![Widok ramek](/f/ecfb1357a948cf1cab5f6ea636566c17.png)
Krok 4: Domyślnie paleta Animacja pokaże tylko jeden z obrazów (lub „ramek”), które masz. Pokazuje również na dole każdej klatki czas, w którym będzie wyświetlany w końcowym pliku GIF. Jeśli chcesz to zmienić, po prostu kliknij i wybierz żądany czas. Wybrany przez Ciebie czas będzie miał zastosowanie również do pozostałych ramek.
![Czas klatek](/f/4032ab93355e2677a743fc3f194f22ca.png)
Krok 5: Teraz dodaj kilka ramek, w których znajdą się twoje inne obrazy. Aby to zrobić, na palecie Animacja kliknij Zduplikowana ramka przycisk.
![Zduplikowana ramka](/f/22a4e24f26bc693944e4da1088a69e75.png)
Spowoduje to dodanie drugiej klatki, która utworzy twój GIF. Oto sztuczka: dla każdej dodanej klatki upewnij się, że tylko odpowiednia warstwa zawierająca żądany obraz dla tej klatki jest zaznaczona na Warstwy paleta. Sprawdź poniższe obrazy na przykład:
![Warstwa 0](/f/fe402a5df6ddce547b51df637751fc42.png)
![Warstwa 1](/f/aa1a83739cf7d2c57ec8aaf66bb37078.png)
![Warstwa 2](/f/2bb21a1760dd14aac7654ade5f265da6.png)
Ponieważ chcę, aby warstwa 1 i warstwa 2 były odpowiednio drugim i trzecim składnikiem mojego pliku GIF, wybieram tylko jeden lub drugi dla drugiej i trzeciej klatki. Na koniec paleta Animacja powinna pokazywać wszystkie klatki twojego pliku GIF w kolejności, w jakiej będą wyświetlane, a także z ustawionym czasem wyświetlania każdej z nich.
![Ostateczny gif przed zapisaniem](/f/56fe87741602efaf63285944aa520a99.png)
Krok 6: Gdy ramki twojego przyszłego GIF-a będą gotowe, nadejdzie czas, aby go zapisać. Aby to zrobić, na Plik menu, kliknij Zapisz dla Internetu i urządzeń… W wyskakującym oknie wybierz format GIF poniżej Zaprogramowane.
![Zapisz dla sieci](/f/3fa010b9c15af1fb12b878d4737b9acf.png)
![Wybierz plik GIF](/f/ff703c6d71f206452d954c8d94c74c92.png)
Dodatkowo, klikając zakładki nad obrazem w tym oknie, będziesz mógł wybrać różne jakości wyjściowe (oczywiście o różnych rozmiarach) dla swojego pliku GIF.
![Jakość GIF](/f/c3406905ca564aea253828d167942391.png)
![Gotowy na GIF](/f/aba9938d72080cd6b3ec3c7b7f7fe90d.png)
Po wybraniu rozmiaru i jakości swojego GIF-a kliknij Zapisać i jesteś skończony.
![Gt](/f/84b3df4496aa552e1ee3e2420d1f932a.gif)
Ciesz się swoim plikiem GIF!