Tworzenie GIF-ów w GIMP-ie: warstwy, czas klatek i eksport

Przygotuj projekt i obrazy do animacji

Poradnik jest przeznaczony dla GIMP-a 3.2.6, wskazanego jako stabilne wydanie na oficjalnej stronie pobierania. Polecenia dotyczące animacji i eksportu opisuje dokumentacja linii 3.0. Podajemy polskie nazwy poleceń oraz angielskie odpowiedniki najważniejszych opcji, ponieważ część dokumentacji i tłumaczeń interfejsu pozostaje angielska. W GIMP-ie 2.10 zasada pracy z warstwami jest podobna, ale wygląd okien i zestaw opcji eksportu mogą się różnić. [Wersja programu na stronie GIMP](https://www.gimp.org/downloads/). [S4]

Stan początkowy: masz uruchomiony program i trzy zdjęcia lub rysunki zapisane jako osobne pliki. Najwygodniej, gdy przedstawiają ten sam kadr z niewielką zmianą, na przykład przedmiot w trzech położeniach. Zwykły pokaz różnych fotografii również będzie działał, lecz da efekt slajdów zamiast płynnego ruchu. Do pierwszej próby wybierz obrazy o takich samych wymiarach i proporcjach.

Własna propozycja ćwiczenia: przygotuj trzy klatki o wymiarach 480 × 480 pikseli, z obiektem kolejno po lewej stronie, pośrodku i po prawej. Zbudujesz z nich ruch tam i z powrotem. Ten rozmiar jest wygodny do nauki, lecz nie stanowi wymogu formatu. Jeśli masz już gotowe zdjęcia, możesz wykorzystać je bez tworzenia nowych rysunków.

Zachowaj jednakowy kadr i rozmiar wszystkich klatek, aby obraz nie skakał podczas odtwarzania.
Na pierwszą próbę wybierz pełne, nieprzezroczyste obrazy — łatwiej zauważysz błędy kolejności i czasu.
Przechowuj pliki źródłowe osobno, żeby móc ponownie zaimportować klatkę po nieudanej zmianie.
Nadaj zdjęciom pomocnicze nazwy, na przykład 01-lewo, 02-srodek i 03-prawo, ale po imporcie sprawdź ich kolejność w panelu warstw.

Wczytaj zdjęcia jako warstwy i ustaw kolejność klatek

W typowej animacji warstwowej GIMP odtwarza klatki od dołu stosu do góry. Pierwszy obraz umieść więc na samym dole panelu Warstwy, a ostatni na górze. Liczby wpisane w nazwach pomagają utrzymać porządek, ale same nie sortują animacji. O kolejności decyduje położenie warstw.

Wybierz Plik → Otwórz i otwórz pierwsze zdjęcie. Powstanie projekt, którego płótno ma wymiary tego obrazu.
Wybierz Plik → Otwórz jako warstwy… (File → Open as Layers). Możesz też użyć Ctrl+Alt+O. Wskaż pozostałe zdjęcia i zatwierdź import.
Odszukaj panel Warstwy. Jeśli go nie widzisz, otwórz Okna → Dokowalne okna dialogowe → Warstwy.
Przeciągnij warstwy w panelu tak, aby pierwsza klatka znajdowała się na dole, druga nad nią, a trzecia na górze.
Kliknij dwukrotnie nazwę każdej warstwy i nadaj jej czytelne oznaczenie, na przykład 01-lewo, 02-srodek oraz 03-prawo.
Sprawdź zawartość klatek, chwilowo wyłączając widoczność warstw położonych wyżej. Po kontroli ponownie włącz widoczność wszystkich klatek.

Polecenie Otwórz jako warstwy dodaje obrazy do bieżącego projektu, na górę istniejącego stosu. Otwarcie każdego zdjęcia zwykłym poleceniem Otwórz utworzyłoby osobne projekty. [Opis importowania warstw](https://docs.gimp.org/3.0/en/gimp-file-open-as-layer.html).

Jedna warstwa powinna zawierać kompletną klatkę

Jeśli na zdjęciu chcesz umieścić napis, przygotuj go osobno dla danej klatki, a następnie połącz z odpowiednim zdjęciem. Samodzielna warstwa tekstowa może zostać potraktowana jako dodatkowa klatka. Podobnie wspólne tło na dole stosu nie jest automatycznie dołączane do każdej klatki przy zastępowaniu obrazu. W prostym wariancie każda warstwa powinna zawierać zdjęcie, tło i wszystkie elementy widoczne w danym momencie.

Unikaj grup warstw w kopii przeznaczonej do eksportu animacji. Jeżeli projekt ma grupę dla każdej klatki, scal każdą grupę osobno, zachowując osobne klatki. Nie spłaszczaj całego obrazu, bo usuniesz podział na kolejne momenty animacji. Dokumentacja opisuje warstwy jako klatki i wskazuje ograniczenie dotyczące grup. [Zasady eksportowania animacji](https://docs.gimp.org/3.0/en/export-file-formats.html).

Ustaw czas wyświetlania i zastępowanie klatek

Czas klatki możesz wpisać w jej nazwie, w nawiasie z jednostką ms. Przykładowa nazwa „01-lewo (200 ms) (replace)” oznacza wyświetlanie tej warstwy przez 200 milisekund i zastąpienie poprzedniej klatki. Zachowaj słowa replace oraz combine po angielsku — są parametrami rozpoznawanymi przez program. [Składnia parametrów animacji](https://docs.gimp.org/3.0/en/export-file-formats.html).

Dobierz tempo do ruchu lub pokazu zdjęć

W naszym ćwiczeniu proponujemy 200 ms na każdą klatkę. To ustawienie pozwala łatwo obserwować zmiany położenia. Przy prezentacji niezwiązanych ze sobą zdjęć możesz zacząć od 1000 ms, aby odbiorca zdążył zobaczyć każde ujęcie. Są to propozycje do sprawdzenia w podglądzie. Krótszy czas przyspiesza odtwarzanie, ale nie tworzy brakujących etapów ruchu: trzy bardzo szybko zmieniające się zdjęcia nadal mogą wyglądać skokowo.

Jeżeli wszystkie klatki mają mieć jednakowy czas, możesz pozostawić nazwy bez wartości ms i ustawić wspólne opóźnienie podczas eksportu. Nazwy z czasem przydają się wtedy, gdy chcesz zatrzymać wybraną klatkę dłużej. Przykładowo ostatnie zdjęcie pokazu może pozostać widoczne dłużej niż pozostałe.

Kiedy użyć replace, a kiedy combine

(replace): każda klatka zastępuje poprzednią. Wybierz ten wariant dla kompletnych zdjęć i animacji, w której obiekt zmienia położenie bez pozostawiania śladów.
(combine): widoczne fragmenty nowej klatki nakładają się na poprzedni obraz. Przydaje się do świadomego budowania obrazu z kolejnych elementów oraz w animacjach zoptymalizowanych do zapisu samych zmian.

Przezroczystość ma tu duże znaczenie. Jeśli druga warstwa zawiera tylko wycięty obiekt na przezroczystym tle, combine może zostawić jego wcześniejsze położenie widoczne pod spodem. W efekcie zamiast jednej poruszającej się postaci zobaczysz kilka kopii. Do pierwszej animacji stosuj pełne klatki i replace; eksperymenty z nakładaniem zostaw na później.

Zbuduj pętlę, która wraca płynnie do początku

Zapętlenie pliku oznacza ponowne odtworzenie pierwszej klatki po ostatniej. Nie dodaje automatycznie ruchu powrotnego. Jeśli obiekt przechodzi z lewej strony na prawą, po końcu animacji nagle przeskoczy na lewo. Możesz wykorzystać taki efekt celowo albo przygotować klatki powrotu.

Zaznacz warstwę przedstawiającą obiekt pośrodku i wybierz Warstwa → Duplikuj warstwę.
Przenieś kopię na samą górę stosu, ponad klatkę z obiektem po prawej.
Nazwij kolejne warstwy, od dołu: 01-lewo (200 ms) (replace), 02-srodek (200 ms) (replace), 03-prawo (200 ms) (replace), 04-srodek (200 ms) (replace).
Pozostaw pierwszą klatkę tylko na początku sekwencji. Po czwartej klatce pętla wróci do niej automatycznie.

Rezultatem będzie sekwencja lewo → środek → prawo → środek, powtarzana od początku. Cztery klatki po 200 ms dają nominalnie 800 ms na pełny cykl. Nie trzeba dodawać jeszcze jednej identycznej klatki „lewo” na końcu: w pętli dwie sąsiadujące kopie wydłużyłyby zatrzymanie w tym położeniu.

Sprawdź animację w podglądzie

Wybierz Filtry → Animacja → Odtwarzanie… (Filters → Animation → Playback), a następnie uruchom odtwarzanie. Okno pozwala również przechodzić między klatkami pojedynczo i ponownie wczytać obraz po zmianach. Do oceny tempa użyj normalnej prędkości odtwarzania. [Dokumentacja podglądu animacji](https://docs.gimp.org/3.0/en/plug-in-animationplay.html).

Najpierw obejrzyj kilka pełnych powtórzeń. Sprawdź szczególnie przejście z ostatniej klatki do pierwszej, ponieważ podczas zwykłego przewijania łatwo je przeoczyć. Następnie zatrzymaj podgląd i przejdź klatka po klatce. W ten sposób znajdziesz przypadkową pustą warstwę, źle ustawione zdjęcie albo napis pojawiający się w osobnym momencie.

Zmiana prędkości w oknie odtwarzania służy do oglądania animacji. Docelowe tempo ustalaj przez czasy w nazwach warstw lub ustawienia eksportu. Jeśli po edycji nadal widzisz wcześniejszą wersję, użyj ponownego wczytania obrazu w podglądzie albo zamknij i otwórz to okno.

Zapisz projekt i wyeksportuj zapętlony GIF

Najpierw wybierz Plik → Zapisz jako… i zapisz projekt jako animacja.xcf. XCF zachowuje strukturę potrzebną do dalszej edycji. Gotowy GIF utworzysz osobnym poleceniem eksportu. Dzięki temu późniejsza korekta czasu lub kolejności nie wymaga ponownego składania projektu ze zdjęć. [Zapisywanie projektu i eksportowanie obrazu](https://docs.gimp.org/3.0/en/gimp-images-out.html).

Wybierz Plik → Wyeksportuj jako… (File → Export As) lub naciśnij Ctrl+Shift+E.
Wskaż folder i wpisz nazwę z rozszerzeniem .gif, na przykład ruch.gif. Kliknij przycisk eksportu.
W oknie ustawień GIF zaznacz Jako animacja (As animation).
Włącz Zapętlenie bez końca (Loop forever), aby animacja powtarzała się bez ustalonego końca.
Dla klatek bez podanego czasu ustaw opóźnienie 200 ms. Jeśli wpisałeś indywidualne czasy w nazwach, pozostaw wyłączoną opcję narzucającą wspólne opóźnienie wszystkim klatkom.
Dla naszego przykładu wybierz sposób usuwania klatek odpowiadający Jedna klatka na warstwę (replace). Jeśli wszystkie nazwy zawierają replace, pozostaw wyłączoną opcję narzucającą sposób usuwania wszystkim klatkom.
Zatwierdź eksport, a następnie otwórz plik ruch.gif w przeglądarce i obejrzyj kilka cykli.

Opcje wspólnego czasu i sposobu usuwania mogą nadpisać parametry poszczególnych warstw. To wygodne przy ujednolicaniu animacji, ale łatwo przez nie stracić zaplanowaną pauzę. Z kolei Loop forever powoduje ignorowanie ustawionej liczby powtórzeń. [Opis opcji eksportu GIF](https://docs.gimp.org/3.0/en/file-gif-export.html).

Eksport przez Wyeksportuj jako pozwala wybrać format niezależnie od formatu zdjęć źródłowych. Samo zapisanie projektu lub zmiana końcówki nazwy istniejącego pliku nie tworzy GIF-a. [Polecenie Wyeksportuj jako](https://docs.gimp.org/3.0/en/gimp-file-export-as.html).

Popraw kolory i zmniejsz rozmiar pliku

GIF ma ograniczoną paletę kolorów i nie zachowuje częściowej przezroczystości. Fotografie, gradienty i miękkie cienie mogą więc wyglądać inaczej niż w projekcie. Jeśli jakość po eksporcie jest słaba, wykonaj kopię projektu i wybierz Obraz → Tryb → Indeksowany… (Image → Mode → Indexed). Zacznij od wygenerowania optymalnej palety z maksymalnie 256 kolorami. [Konwersja do trybu indeksowanego](https://docs.gimp.org/3.0/en/gimp-image-convert-indexed.html).

Dla rysunku z jednolitymi powierzchniami porównaj wynik bez ditheringu. Przy zdjęciach sprawdź również wariant z ditheringiem, który przybliża brakujące odcienie przez układ pikseli. Oceniaj nie tylko pojedynczą klatkę, ale też odtwarzanie: ziarnista faktura może wyglądać inaczej w ruchu. Zachowaj oryginalny projekt w RGB, aby kolejne poprawki nie zaczynały się od obrazu z już ograniczonymi kolorami.

Gdy plik jest zbyt duży, najpierw rozważ mniejsze wymiary obrazu przez Obraz → Skaluj obraz… oraz usunięcie zbędnych klatek. Skaluj cały obraz, żeby wszystkie klatki zmieniły rozmiar razem. Przy animacji z nieruchomym tłem możesz następnie użyć Filtry → Animacja → Optymalizuj dla GIF (Optimize for GIF), co ogranicza powtarzanie wspólnych fragmentów. [Optymalizacja animacji](https://docs.gimp.org/3.0/en/plug-in-optimize.html).

Wynik optymalizacji ponownie sprawdź w podglądzie i po eksporcie. Nie wymuszaj replace dla wszystkich zoptymalizowanych klatek, ponieważ część z nich może zawierać jedynie różnice względem poprzednich. Mniejsza liczba kolorów również bywa pomocna, lecz zawsze porównaj uzyskaną oszczędność z pogorszeniem wyglądu.

Rozwiąż typowe problemy z animacją

GIF pozostaje nieruchomy

Otwórz wyeksportowany GIF ponownie w GIMP-ie i sprawdź liczbę warstw. Jeśli została tylko jedna, prawdopodobnie wyeksportowałeś obraz bez opcji Jako animacja albo wcześniej spłaszczyłeś projekt. Wróć do XCF, sprawdź osobne klatki i ponów eksport. Jeżeli warstw jest kilka, obejrzyj plik w przeglądarce — niektóre podglądy plików pokazują wyłącznie statyczną miniaturę. Sprawdź także, czy klatki rzeczywiście różnią się zawartością.

Obiekt zostawia ślady albo znika tło

Ślady zwykle wynikają z nakładania przezroczystych klatek w trybie combine. Dla kompletnych obrazów zmień parametr na replace i sprawdź, czy eksport nie narzuca innego ustawienia wszystkim warstwom. Jeżeli po zmianie znika tło, najpewniej znajdowało się tylko na pierwszej warstwie. Dodaj je do każdej pełnej klatki. W animacji zoptymalizowanej wróć do pierwotnego projektu zamiast ręcznie zmieniać wszystkie parametry na replace.

Kolejność lub tempo są nieprawidłowe

Przy odwróconej kolejności przełóż warstwy, pamiętając o odtwarzaniu od dołu stosu. Przy złym tempie sprawdź nawiasy, jednostkę ms i opcję wspólnego opóźnienia w eksporcie. Jeżeli problem występuje tylko w podglądzie GIMP-a, przywróć normalną prędkość odtwarzania. Jeśli plik działa inaczej w aplikacji docelowej, porównaj go z przeglądarką: odtwarzacze mogą inaczej obsługiwać krótkie opóźnienia i ograniczać tempo.

Wykorzystaj pojedyncze zdjęcie i przenieś GIF na telefon

Z pojedynczego zdjęcia również możesz zrobić GIF, ale samo wyeksportowanie go do tego formatu nie doda ruchu. Przygotuj kilka wariantów zdjęcia jako osobne warstwy, na przykład z drobnym przesunięciem, zmieniającym się napisem albo innym fragmentem kadru. Utrzymaj wspólny rozmiar płótna, ustaw czasy i sprawdź pętlę tak samo jak w opisanym ćwiczeniu.

Ten sposób pracy dotyczy komputerowego GIMP-a. Jeśli materiały masz w telefonie, przenieś je na komputer, przygotuj animację, a gotowy plik odeślij na telefon. Aby tworzyć GIF bezpośrednio na urządzeniu mobilnym, potrzebny jest edytor obsługujący sekwencję obrazów, czas klatek i eksport animacji; układ jego poleceń będzie inny niż tutaj.

Przy udostępnianiu własnej animacji przez WhatsApp sprawdź podgląd po wybraniu pliku. Sposób przyjmowania i prezentowania GIF-ów zależy od wersji aplikacji oraz systemu, więc eksport z GIMP-a nie gwarantuje identycznego zachowania przy każdej metodzie wysyłania. Jeśli pojawia się statyczny obraz, sprawdź najpierw oryginalny GIF w przeglądarce i upewnij się, że wybierasz właściwy plik. Wersję roboczą XCF zachowaj na komputerze do dalszych zmian.

Jak utworzyć animowany GIF w GIMP-ie z warstw