Jak zrobić gif w Photoshopie

Czy byłeś w sytuacji, w której musisz stworzyć gif, ale nie wiesz, od czego w ogóle zacząć? Wierz lub nie, ale tworzenie wysokiej jakości gifu jest o wiele łatwiejsze niż myślisz — wszystko, czego potrzebujesz, to niezbędne obrazy i Photoshop. Uprościłem nawet ten proces za pomocą łatwego do naśladowania przewodnika. (PS: jestem twórcą treści, a nie projektantem, więc jeśli ja mogę to zrobić, to ty też!)

Te kroki mogą teraz wyglądać jak język obcy, ale nie martw się, ponieważ łamię każdy krok w dół, więc jest to łatwe do naśladowania i możesz odejść od tego samouczka z pięknym, funkcjonalnym gifem!

Krok 1: Prześlij obrazy do Photoshopa

Aby rozpocząć, utwórz nowy dokument i wprowadź żądany rozmiar płótna, ponieważ będzie to rozmiar twojego gifu podczas eksportu. Następnie musisz przesłać pliki, z którymi chcesz pracować w Photoshopie. Przejdź do Plik > Skrypty > Załaduj pliki do stosu. Wybierz Pliki lub Foldery do przesłania, a następnie wybierz Przeglądaj i wybierz każdy plik, którego chcesz użyć. Po kliknięciu OK Photoshop automatycznie utworzy warstwę dla każdego obrazu. Bułka z masłem.

Będziesz chciał utworzyć nazwę dla każdej warstwy, aby później, podczas edycji, nie pomylić się. Rozważ numeryczny lub inny format nazewnictwa, który jest łatwy do zapamiętania.

Krok 2: Otwórz okno Oś czasu

Całą edycję wykonasz w oknie Oś czasu, więc musimy to otworzyć, przechodząc do Okno > Oś czasu i wybierając opcję, aby rozpocząć. Teraz powinieneś zobaczyć okno osi czasu u dołu ekranu w następujący sposób:

Nad sekcją warstw na osi czasu zobaczysz elementy sterujące odtwarzaniem animacji, dźwiękiem i ustawieniami rozdzielczości. Ikona nożyczek na tym pasku narzędzi podzieli warstwę w miejscu, w którym znajduje się głowica odtwarzania (ta pionowa czerwona linia). Ostatnia ikona (kwadrat z trójkątem w środku na pasku narzędzi) włącza opcje przyciemniania lub rozjaśniania warstwy.

Poświęć minutę lub dwie na zabawę z tymi ustawieniami, aby zapoznać się z tym, co robią i jak wpływają na twój wkrótce gif.

Krok 3: Utwórz animacje klatek

Zanim zaczniesz cokolwiek animować, będziesz potrzebować umiejętności tworzenia animacji klatek. Aby to zrobić, najedź kursorem na Utwórz oś czasu wideo i znajdź strzałkę w dół i wybierz Utwórz animację klatki:

Krok 4: Utwórz nową warstwę dla każdej klatki

W górnym menu przejdź do Wybierz, a następnie „Wszystkie warstwy”. Powinieneś teraz zobaczyć wszystkie warstwy podświetlone i wybrane.

Następnie kliknij przycisk Menu w oknie osi czasu (trzy poziome linie po prawej stronie) i wybierz opcję Utwórz nową warstwę dla każdej nowej klatki.

Krok 5: Twórz ramki z warstw

W tym samym menu w oknie osi czasu wybierz "Utwórz klatki z warstw". To zmieni każdą utworzoną warstwę w ramkę.

Gdy to zrobisz, możesz wybrać poszczególne ramki i edytować je w razie potrzeby. Im prostsza animacja, tym mniej klatek będziesz potrzebować. W moim przypadku miałem 15 klatek:

Jeśli ramki nie są we właściwej kolejności, nadszedł czas, aby zmienić ich kolejność i przeciągnąć je tam, gdzie powinny! Będziesz chciał, aby było to prawie idealne, zanim przejdziesz do następnego kroku.

Krok 6: Wybierz czas trwania klatki i opcję zapętlania

Teraz, gdy klatki są we właściwej kolejności, nadszedł czas, aby dowiedzieć się, jak długo odtwarzana jest każda klatka. Aby to zrobić, wybierz klatkę, którą chcesz edytować, kliknij strzałkę pod klatką i wybierz czas z listy rozwijanej. Twoje opcje to 0,1 sekundy, 0,2, 5, 1,0 i tak dalej. Wybierz ten, który ma sens dla tej animacji i jak szybko ta konkretna klatka powinna być odtwarzana. Jeśli żadna z opcji nie wydaje się całkiem odpowiednia, możesz również dostosować czas trwania.

Dla mojego gifa świnki zrobiłem to tak, że każda klatka odtwarzana jest przez jedną sekundę!

Jeśli nie chcesz, aby twój gif zapętlał się, możesz przejść do kroku 7. Jeśli jednak chcesz, aby twój gif zapętlał się, bardzo łatwo jest to zmienić.

Pod ramkami zobaczysz opcję po lewej stronie, która mówi „Na zawsze”. Domyślnie twój gif będzie się zapętlał w nieskończoność, więc jeśli chcesz, zostaw to i przejdź do następnego kroku! Jeśli nie, kliknij menu obok opcji Na zawsze i wybierz raz lub trzy razy. Istnieje również możliwość dostosowania pętli.

Krok 7: Wyświetl podgląd i przetestuj swój gif

To prawdopodobnie najłatwiejszy krok! Aby wyświetlić podgląd animowanego GIF-a, po prostu naciśnij przycisk Odtwórz w oknie osi czasu. Jeśli grasz i coś jest nie tak, to w porządku. Wróć do kroku 5 i poprawiaj kolejność klatek, czas trwania itp. W moim przypadku jedna sekunda była trochę za długa na każdą klatkę, więc przestawiłem ją na 0,02 sekundy, aby uzyskać ją tam, gdzie chcę!

Krok 8: Zapisz w Photoshopie i wyeksportuj

Gdy będziesz zadowolony ze swojego gifu, zapisz swoje arcydzieło, przechodząc do Plik > Eksportuj > Zapisz dla Internetu.

Po kliknięciu pojawi się nowe okno:

W tym oknie będziemy chcieli zrobić kilka rzeczy:

1. W sekcji Preset w prawym rogu wybierz typ pliku gif, w jakim chcesz go zapisać. Liczba obok pliku gif określa, jak duże kolory gif będą porównywane z oryginalnymi plikami. Wyższy procent ditheringu przekłada się na pojawienie się większej liczby kolorów i szczegółów, ale zwiększy rozmiar pliku. Ponieważ mój gif ma jednolity kolor i chcę mieć wysoką rozdzielczość, wybiorę Gif 128 bez wahania. Będziesz także chciał się upewnić, że rozmiar obrazu na dole jest taki, jaki chcesz!

2. W prawym dolnym rogu upewnij się, że wybrana wcześniej opcja pętli nadal jest tą, którą chcesz!
3. Hit Zapisz.

Aby wyeksportować swój gif, przejdź do Plik > Eksportuj > Eksportuj jako. W prawym górnym rogu, gdzie jest napisane „Format”, wybierz Gif i naciśnij Eksportuj.

Krok 8: Świętuj

Gratulacje — stworzyłeś gif w Photoshopie od podstaw! Chwyć butelkę szampana, aby świętować i szczęśliwego Photoshopa!

Co dalej: Niezbędne narzędzia

Niezależnie od tego, czy jesteś profesjonalistą w projektowaniu, czy nowicjuszem, takim jak ja, istnieje mnóstwo narzędzi, które pomogą Ci w projektowaniu. Kliknij tutaj, aby zobaczyć, jakie 31 narzędzi może ułatwić Ci pracę i wrócić do pracy.