Cele lekcji

Po dzisiejszej lekcji:

  • poznasz sposób tworzenia animacji klatkowej w programie GIMP,
  • nauczysz się powielać warstwy i wprowadzać zmiany na kolejnych klatkach,
  • wykonasz własną animację postaci (minimum 5 klatek),
  • zapiszesz animację w formacie XCF oraz wyeksportujesz do GIF,
  • uporządkujesz swoje pliki na OneDrive w folderze GIMP/Animacje.

Wprowadzenie

Na poprzednich zajęciach poznaliśmy animacje w menu Filtry → Animacja (np. Fale).
Dziś przechodzimy do tworzenia prawdziwych animacji klatkowych, w których:

  • każda klatka to osobna warstwa,
  • kolejne klatki różnią się drobną zmianą,
  • szybkie odtwarzanie warstw daje iluzję ruchu.

W GIMP takie animacje wykonujemy, korzystając z powielania warstw, przesuwania, skalowania i obracania wybranych fragmentów rysunku.

Wideo 1: Powielanie warstw i tworzenie prostych animacji klatkowych (tutorial)

Odwołujemy się dziś do rysunków z podręcznika:
Rys. 4 (Powielanie warstwy), Rys. 5 (Obrót), Rys. 6 (Warstwy klatek), Rys. 7a–7b (Skalowanie), Rys. 8 (Podgląd animacji), Rys. 9 (Eksport GIF).


Zadania krok po kroku

Zadanie 1 – Przygotowujemy postać

  1. Utwórz nowy obraz, np. 150×150 pikseli.
  2. Narysuj prostą postać (np. ludzik z prostokątów i kół) – podobnie jak na rys. 5.
  3. Nazwij warstwę: Ludzik 1.

Zadanie 2 – Tworzymy kolejne klatki animacji

Każda nowa klatka powstaje przez powielenie poprzedniej:

  1. W panelu warstw kliknij prawym przyciskiem → Powiel warstwę
    (jak na rys. 4 – „Powielanie warstwy”).
  2. Zmień nazwę warstwy na:
    Ludzik 2, Ludzik 3, Ludzik 4, …
  3. Na każdej kolejnej warstwie wykonaj drobną zmianę:
    • przesuń ramię lub nogę (narzędzie Przesunięcie),
    • obróć element (jak na rys. 5 – „Obrót”),
    • zwiększ lub zmniejsz fragment (jak na rys. 7a–7b – „Skalowanie”).
  4. Powtórz, aż uzyskasz minimum 5 klatek.

W trakcie pracy możesz odtwarzać podgląd animacji:
Filtry → Animacja → Odtwarzanie
(por. rys. 8 – „Podgląd animacji”).


Zadanie 3 – Eksport animacji do GIF

Po ukończeniu animacji:

  1. Wejdź w Plik → Wyeksportuj jako…
  2. Wybierz format GIF
  3. W oknie opcji zaznacz pole „Jako animacja”
    (por. rys. 9 – „Eksport do GIF”).
  4. Nadaj nazwę pliku:
    Ludzik_animacja.gif

Zadanie 4 – Co zapisujemy w chmurze OneDrive?

Każdy uczeń ma własny folder:

Informatyka\
   7ImięNazwisko\
       GIMP\
           Animacje\

Po dzisiejszej lekcji w folderze GIMP/Animacje powinny znajdować się:

morze.xcf
Fale_1.xcf
Fale_fragment.xcf
Ludzik_animacja.xcf
Ludzik_animacja.gif

Użyj struktury jak na poniższym przykładzie (zamiast JanKowalski → Twoje imię i nazwisko):

OneDrive\7JanKowalski\GIMP\Animacje\


Zadanie 5 – dodatkowe zadanie na ocenę celeującą

Jeśli skończysz wcześniej wykonaj taką animacje jak na filmie instruktarzowym.

zapisz plik jako:
Eksperyment_animacja_2.xcf

Wideo 2: GIMP – Obracanie, skalowanie i modyfikacja elementów w animacji (tutorial)


Sprawdzam siebie

  1. Jak tworzymy nową klatkę animacji?
  2. Do czego służy powielanie warstw?
  3. Jak działa narzędzie Obrót i Skalowanie?
  4. Czym różni się plik XCF od GIF?
  5. Gdzie zapisać gotowe pliki animacji?

Na następnej lekcji

Poznamy animacje złożone i efekt Obracającej się kuli oraz rozpoczniemy mini-projekt animacyjny, który zakończymy eksportem do GIF.