Gimp - tworzenie animacji poklatkowej gif

Autor podstrony: Krzysztof Zajączkowski

Stronę tą wyświetlono już: 27116 razy

Gimp umożliwia w łatwy i przyjemny sposób edycję oraz tworzenie animacji gif. Na początek zacznę od tego, że każda animacja gif składa się z klatek. Z kolei klatki animacji mogą zostać zapisane w formacie gif na dwa sposoby:

  1. poprzez współdzielenie jednej palety kolorów dla wszystkich klatek - redukuje w znacznym stopniu rozmiar pliku animacji, ale nie zawsze umożliwia uzyskanie żądanego efektu przy tak ograniczonej liczbie kolorów dla wszystkich klatek;
  2. poprzez oddzielną paletę kolorów dla każdej klatki osobno - plik animacji będzie znacznie zajmował więcej miejsca, ale jakość będzie lepsza

Gimp wyświetla wszystkie klatki animacji jako warstwy. Innymi słowy każda warstwa jest jedną klatką animacji. Jeżeli więc chcesz utworzyć animację gif, musisz najpierw stworzyć kilka warstw, na których będą znajdowały się poszczególne klatki animacji. Przykładowy plik svg, który wykorzystam do stworzenia animacji gif w Gimp-ie widoczny jest na poniższej ilustracji.

Rysunek svg turbiny, który zostanie wykorzystany do utworzenia małej animacji gif
Rys. 1
Rysunek svg turbiny, który zostanie wykorzystany do utworzenia małej animacji gif

Powyższy plik wystarczy otworzyć w Gimp-ie a następnie po zatwierdzeniu domyślnych ustawień wczytywania pliku svg utworzyć dwie kopie warstwy bieżącej wykorzystując do tego celu przycisk 21 z rysunku 2

Część okna Warstwy - Pędzle programu Gimp dotycząca zakładek warstw i innych list oraz narzędzi edycji
Rys. 2
Część okna Warstwy - Pędzle programu Gimp dotycząca zakładek warstw i innych list oraz narzędzi edycji:
  1. warstwy - lista warstw i ich ustawienia;
  2. kanały - lista kanałów kolorów (umożliwia włączanie i wyłączanie rysowania danego kanału);
  3. ścieżki - lista utworzonych ścieżek;
  4. historia działań - lista działań wykonanych na bieżącym dokumencie;
  5. historia dokumentów - lista ostatnio otwieranych plików;
  6. edytor gradientów - umożliwia edycję gradientów;
  7. edytor dynamiki pędzla - umożliwia edycję ustawień dynamiki pędzla;
  8. edytor pędzli - umożliwia modyfikację pędzla;
  9. dynamika pędzla - lista dostępnych ustawień dynamiki pędzla
  10. tryb w jakim piksel wybranej warstwy będzie kombinowany z pikselem lub pikselami warstw znajdujących się poniżej;
  11. krycie warstwy;
  12. blokada pikseli (brak możliwości modyfikowania bitmapy);
  13. blokada kanału alfa (brak możliwości modyfikacji przezroczystości pikseli);
  14. włącza/wyłącza widoczność warstwy;
  15. wszystkie warstwy z włączoną tą opcją będą mogły być przesuwane razem;
  16. podgląd warstwy oraz jej nazwa (którą można modyfikować klikając dwukrotnie na niej);
  17. tworzy nową warstwę, z wciśniętym Shift-em tworzy warstwę z ostatnio wybranymi ustawieniami;
  18. tworzy folder grupy warstw;
  19. przenosi warstwę o jeden w górę, z wciśniętym Shift-em przenosi na samą górę;
  20. przenosi warstwę o jeden w dół, z wciśniętym Shift-em przenosi na sam dół;
  21. tworzy duplikat warstwy i dodaje go do obrazu;
  22. zakotwicza oderwaną warstwę (np. gdy jakaś bitmapa zostanie wklejona konieczne jest jej zakotwiczenie);
  23. usuwa warstwę

Po utworzeniu duplikatów należy najwyżej położoną na liście warstwę zaznaczyć i narzędziem Obrót Shift + R ustawić poprawnie punkt obrotu i obrócić warstwę o 80°. Podobnie należy postąpić z warstwą drugą na liście, z tym wyjątkiem, że ją należy obrócić o 40°. Wynikiem tych jakże zaawansowanych działań powinien być (mniej więcej) widok z poniższego rysunku.

Pierwszy etap tworzenia prostej animacji gif w Gimpie
Rys. 3
Pierwszy etap tworzenia prostej animacji gif w Gimp-ie

Jak widać wiatrak trochę wyszedł poza obszar animacji co nie wróży nic dobrego. Nie ma jednak czego się obawiać, albowiem wystarczy kliknąć w menu Obraz → Dopasuj płótno do warstw a następnie wykadrować obraz za pomocą narzędzia Kadrowanie Shift + C. Po tych wszystkich czynnościach widok obrazu powinien być mniej więcej taki jak poniżej.

Gimp - kolejny etap tworzenia animacji gif w Gimpie.
Rys. 4
Kolejny etap tworzenia prostej animacji gif w Gimp-ie

Ostatni etap to eksport, czyli należy wcisnąć Ctrl + Shift + E wpisać nazwę pliku z rozszerzeniem gif a następnie zatwierdzić, co spowoduje pojawienie się poniższego okna dialogowego Eksport obrazu jako GIF.

Gimp - okno Eksport obrazu jako GIF
Rys. 5
Widok okna Eksport obrazu jako GIF w programie Gimp:
  1. Przeplot - opcja sprawia, że plik zostanie zapisany z przeplotem co skutkuje stopniowym wyświetlaniem obrazu przez przeglądarkę podczas jego ładowania;
  2. Komentarz GIF - zapisuje w pliku komentarz;
  3. komentarz do zapisania w pliku;
  4. włącza tryb tworzenia animacji z warstw pliku;
  5. włącza tryb tworzenia animacji powtarzającej się w nieskończoność (zapętlanie);
  6. określa, jakie będą odstępy pomiędzy wyświetlaniem kolejnych klatek, dla których nie podano czasu przesunięcia;
  7. sposób, w jaki klatki będą wyświetlane:
    • brak;
    • kumulacja warstw (składanie);
    • jedna klatka na warstwę (zastępowanie);
  8. włącza użycie opóźnienia podanego powyżej;
  9. włącza traktowanie podanego powyżej dla wszystkich klatek animacji

koniec końców utworzona i zapisana animacja z powyższymi ustawieniami będzie wyglądała tak jak na poniższym rysunku.

Gimp - utworzona animacja GIF
Rys. 6
Końcowy efekt utworzonej animacji gif w programie Gimp

Warto jeszcze na koniec otworzyć stworzoną animację gif, by zobaczyć w jaki sposób są otwierane warstwy animacji.

Gimp - widok warstw otworzonej animacji
Rys. 7
Widok warstw otworzonej animacji gif w programie Gimp

Jak widać dla każdej warstwy jest podany interwał czasowy a następnie sposób nakładania poszczególnych warstw i tym samym tworzenia klatek animacji. Parametry te mogą być ręcznie modyfikowane a przy eksporcie należy odznaczyć dwie ostatnie opcje z rysunku 5

Propozycje książek