GIMP - Animowany avatar

Najwyższy czas zacząć nowego tuta. Cakper zapytał mnie czy lubię wyzwania i pokazał mi fajnego avka:

Nie pozostało mi nic innego jak spróbować zrobić taką animację w Gimpie. Po drodze napotkałem kilka problemów, a może źle się na początku do niej zabrałem? Najważniejsze jednak, że udało mi się osiągnąć zamierzony cel. Tutorial nie jest łatwy i dość długi, ale myślę, że efekt jest tego warty.
Wynik mojej pracy możesz podziwiać poniżej.

Edit:
Lekko zmodyfikowany

Autor: Kifer71
Program: GIMP 2.2.x i dodatek GAP (GIMP Animation Package)
Niezbędne skrypty: Settings – pozwala na ustawienie parametrów animacji, Layer(s) to Image Size - dopasowuje wszystkie warstwy jednocześnie do rozmiaru obrazu. Oba skrypty są tutaj razem z instrukcją instalacji.
Linki do GAP i nie tylko.

Etap pierwszy - przygotowanie obrazów wyjściowych

1. Otwórz lub stwórz cztery obrazy o wymiarach 100 x 100 pikseli. Równie dobrze możesz pobrać te widoczne poniżej:

2. Najlepszy efekt pracy końcowej uzyskasz, gdy wszystkie obrazy wyjściowe będą miały podobną kolorystykę i małą liczbę barw. Animacja to nic innego jak plik w formacie GIF, czyli maksymalnie 256 kolorach, a co za tym idzie niskiej jakości. Obrazy zbytnio rozbudowane kolorystycznie stracą dużo na swoim wyglądzie.
3. Zapisz obrazy pod dowolnymi nazwami, najlepiej w formacie PNG. Możesz je zamknąć.
4. Otwórz nowy obraz o wymiarach 100 x 100 pikseli i przezroczystym tle.
5. Zapisz go jako np.: warstwy.xcf.

Teraz wklej utworzone wcześniej obrazy na osobne warstwy do pliku warstwy.xcf.

6. Z menu Plik w obrazie warstwy.xcf wybierz Otwórz jako nową warstwę i z okna dialogowego wybierz najpierw pierwszy, potem drugi, trzeci i czwarty obraz.
7. Usuń warstwę Tło.

W zakładce Warstwy ma to wyglądać tak:

8. W obrazie warstwy.xcf utwórz nową przezroczystą warstwę i nazwij ją maska_1.
9. Wypełnij warstwę białym kolorem.
10. Ustaw cztery pionowe prowadnice na pozycjach 0, 80, 88 i 100.
11. Ustaw cztery poziome prowadnice na takich samych pozycjach.

Widok prowadnic w oknie obrazu przy powiększeniu obrazu do 200%:

12. Wybierz narzędzie Zaznaczanie obszarów prostokątnych (R).
13. W zakładce Opcje narzędzia ustaw Tryb na Dodaje do bieżącego zaznaczenia.

14. Teraz zaznacz cztery obszary miedzy prowadnicami tak jak na rysunku poniżej. Czerwone linie obrazują granice zaznaczeń.

Widok okna obrazu przy powiększeniu do 200%:

15. Wypełnij zaznaczenie czarnym kolorem na warstwie maska_1.

16. Dodaj nową przezroczystą warstwę i nazwij ją ramki_1.
17. Z menu Zaznaczenie wybierz Odwróć.
18. Wypełnij zaznaczenie czarnym kolorem.
19. Z menu Zaznaczenie wybierz Zmniejsz.
20. W oknie dialogowym Zmniejszanie zaznaczeń ustaw 1 piksel.
21. Z menu Edycja wybierz Wyczyść.
22. Usuń zaznaczenie. Menu Zaznaczenie -> Brak (Shift+Ctrl+A).
23. Duplikuj warstwę maska_1 i zmień jej nazwę na maska_2.
24. Mając aktywną warstwę maska_2 z menu Warstwa wybierz Przekształcenie -> Odbij poziomo.
25. Duplikuj warstwę ramki_1 i zmień jej nazwę na ramki_2.
26. Mając aktywną warstwę ramki_2 z menu Warstwa wybierz Przekształcenie -> Odbij poziomo.
27. Usuń wszystkie prowadnice. Menu Obraz -> Prowadnice -> Usuń wszystkie prowadnice.
28. Dodaj nową przezroczystą warstwę i nazwij ją błysk.
29. Ustaw cztery prowadnice. Dwie pionowe, na pozycji 30 i 70 pikseli, oraz dwie poziome na pozycji 30 i 70 pikseli.
30. Wybierz narzędzie Zaznaczanie obszarów eliptycznych (E).
31. Zaznacz obszar między prowadnicami jak na obrazie poniżej.

Widok prowadnic i zaznaczenia w oknie obrazu przy powiększeniu do 200%:

32. Z menu Zaznaczenie wybierz Zaokrągl.
33. W oknie dialogowym Zaokrągla krawędzie ustaw zaokrąglanie na 50 pikseli.
34. Na warstwie błysk wypełnij zaznaczenie białym kolorem.
35. Usuń zaznaczenie wybierając Brak z menu Zaznaczenie.
36. Dodaj nową przezroczystą warstwę.
37. Usuń wszystkie prowadnice.
38. Nazwij ją przyciemnienie.
39. Wypełnij warstwę czarnym kolorem.

Widok zakładki warstwy:

40. Zapisz plik warstwy.xcf. Nie zamykaj go gdyż używany w dalszej części tutka dodatek GAP będzie z niego korzystał.

To by było na tyle jeśli chodzi o etap pierwszy.

Etap drugi – tworzenie folderu i plików animacji

41. Utwórz nowy folder na potrzeby animacji, w którym dodatek GAP będzie zapisywał pliki w formacie XCF. Każdy taki plik będzie później osobną klatką animacji. Po zakończeniu pracy będzie można go usunąć. Ja swój nazwałem animacja.
42. Otwórz nowy przezroczysty obraz o rozmiarze 100 x 100 pikseli.
43. Zapisz go pod nazwą animacja_00001.xcf w folderze przed chwilą utworzonym. Możesz mu nadać inną nazwę ale musisz zachować wzór dowolna nazwa_00001.xcf.
44. Z menu Video wybierz Duplicate frames....
45. W oknie dialogowym Duplikowanie ramek (Duplicate Frames) ustaw suwak N razy (N-times) na 71 co da ci w sumie 72 klatki animacji.

Dlaczego 72 klatki? Założyłem, że każdy obraz, a masz ich cztery, będzie animowany na 18 klatkach. Czterokrotna wielokrotność osiemnastu to właśnie siedemdziesiąt dwa.

Etap trzeci (najdłuższy) – tworzenie wstępnych animacji

46. Z menu Video wybierz Move Path.... Otworzy się okno Ścieżki ruchu (Move Path).

Nie będę tu opisywał funkcji okna „Ścieżki ruchu”. Zajrzyj do jednego z moich poprzednich tutoriali o animacji, choćby do: Prawie jak Beryl - animacja z GAP.

47. W oknie Ścieżki ruchu (Move Path) w rozwijanym menu Obraz źródłowy (Source Image/Layer) ustaw warstwę obraz_1.png z obrazu warstwy.xcf.
48. Tryb kroku (Stepmode) ustaw na Brak (None).
49. Zaznacz Instant Apply co pozwoli ci zobaczyć wybraną warstwę w oknie podglądu Preview.
50. Ustaw suwak Do ramki (To Frame) na pozycję 18 i kliknij Ok.
52. Ponownie wybierz Move Path... z menu Video.
53. W oknie Ścieżki ruchu (Move Path) w rozwijanym menu Obraz źródłowy (Source Image/Layer) ustaw warstwę obraz_2.png z obrazu warstwy.xcf.
54. Powtórz punkty 48 i 49.
55. Ustaw suwak Od rami (From Frame) na 19.
56. Ustaw suwak Do ramki (To Frame) na pozycję 36 i kliknij Ok.
57. W ten sam sposób dodaj do animacji warstwę obraz_3.png ustawiając dla niej suwak Od rami (From Frame) na 37, a suwak Do ramki (To Frame) na pozycję 54.
58. Podobnie postępuj z warstwą obraz_4.png ustawiając dla niej suwak Od rami (From Frame) na 55, a suwak Do ramki (To Frame) pozostaw bez zmian.
59. Z menu Video wybierz [Playback...[/b]. W oknie Playback Frame każda z wstawionych warstw ma być wyświetlana w 18 kolejnych klatkach.

Kolejny krok to dodanie warstw ramki_1 i ramki_2. Warstwę ramki_1 nałożysz na obraz_1.png iobraz_3.png. Warstwę ramki_2 nałożysz na obraz_2.png iobraz_4.png.

60. Wybierz Move Path... z menu Video.
61. W oknie Ścieżki ruchu (Move Path) w rozwijanym menu Obraz źródłowy (Source Image/Layer) ustaw warstwę ramki_1 z obrazu warstwy.xcf.
62. Tryb kroku (Stepmode) ustaw na Brak (None).
63. Zaznacz Instant Apply co pozwoli ci zobaczyć wybraną warstwę w oknie podglądu Preview.
64. Suwak Od ramki (From Frame) pozostaw na pozycji 1 przesuwając jednocześnie suwak Do ramki (To Frame) na pozycję 18.
65. Kliknij Ok.
66. Ponownie wybierz Move Path... z menu Video.
67. Jako Obraz źródłowy (Source Image/Layer) ustaw warstwę ramki_2.
68. Powtórz punkty 62 i 63.
69. Suwak Od ramki (From Frame) ustaw na pozycji 19,a suwak Do ramki (To Frame) na pozycję 36.
70. Ponownie dodaj warstwę ramki_1 ustawiając suwaki Od ramki (From Frame) na pozycję 37, Do ramki (To Frame) na pozycję 54.
71. Po raz drugi dodaj warstwę ramki_2 ustawiając suwak Od ramki (From Frame) na pozycję 55,a suwak Do ramki (To Frame) pozostawiając na pozycji 72.
72. Z menu Video wybierz Playback.

W oknie podglądu animacja ma wyglądać tak:

Teraz wykonasz operację, której nie da się cofnąć. Musisz więc być pewny(a), że animka jest prawidłowa, czyli taka jak pokazałem wyżej. Jest to łączenie warstw we wszystkich plikach xxx_00001.xcf stanowiących poszczególne klatki przyszłej animacji. Połączysz w jedno warstwy „ramek” z warstwami obrazów leżących poniżej.

73. Z menu Video wybierz Frames Modify....
74. Sprawdź czy w oknie dialogowym Modyfikacja ramek (Frames Modify) masz zaznaczoną opcję Pattern is a list of layerstack numbers.
75. W okienku Layer Pattern wpisz 0-1. Dlaczego „0-1”? Dodatek GAP numeruje warstwy poczynając od zera i od góry stosu warstw. Ponieważ chcesz połączyć najwyższą warstwę z warstwą poniżej, odpowiednio musisz wpisać ich numery.

76. W tym samym oknie kliknij w Operacja (Function) i z rozwijanego menu wybierz Merge Layers -> Merge layer(s) clipped to image i kliknij Ok.

W tym momencie czas na dodanie błysku do poszczególnych obrazów. Błysk ma przebiegać przez pięć klatek na każdym obrazie, ale tak naprawdę będzie widoczny tylko na trzech.
Odpowiednio:
- na pierwszym obrazie od 6 do 10,
- na drugim obrazie od 24 do 28,
- na trzecim obrazie od 41 do 45,
- na czwartym obrazie od 60 do 64.

77. Otwórz okno Ścieżki ruchu (Move Path). Chyba już nie muszę przypominać gdzie ono jest Mrugnięcie

.
78. Jako Obraz źródłowy (Source Image/Layer) ustaw warstwę błysk.
79. Tryb kroku (Stepmode) ustaw na Brak (None).
80. Zaznacz Instant Apply co pozwoli ci zobaczyć wybraną warstwę w oknie podglądu Preview.
81. Dodaj przezroczystość do błysku przesuwając suwak Nieprzepuszczalność (Opacity) ustaw na 80.
82. Podnieś warstwę z błyskiem do góry o 40 pikseli ustawiając suwak Y na -40.
83. Teraz przesuń błysk poza prawą krawędź obrazu ustawiając suwak X na 80.
84. Błysk ma być dodany, jak na razie, tylko do pierwszego obrazu. Przesuń więc suwak Do ramki (To Frame) na pozycję 18.

Dodając punkty kontrolne animacji spowodujesz, iż warstwa z błyskiem będzie animowana od 6 do 10 klatki.

85. Kliknij dwa razy w przycisk Dodaj punkt (Add Point). Tak aby Aktualny punkt (Current Point) zmienił się z [ 1] z [ 1] na [ 3] z [ 3].
86. Przesuń błysk poza lewą krawędź obrazu ustawiając suwak X na -90.
87. Kliknij w przycisk Dodaj punkt (Add Point). Tak aby Aktualny punkt (Current Point) zmienił się z [ 3] z [ 3] na [ 4] z [ 4].

Kolej na ustawienie klatek kluczowych dla drugiego i trzeciego punktu animacji.

88. Kliknij dwa razy w przycisk Poprzedni punkt (Prev Point). W opcji Aktualny punkt (Current Point), powinien pojawić się wpis [ 2] z [ 4].
89. W opcji Ramka kluczowa (Keyframe) wpisz 6.
90. Kliknij w przycisk Następny punkt (Next Point). W opcji Aktualny punkt (Current Point), powinien pojawić się wpis [ 3] z [ 4].
91. W opcji Ramka kluczowa (Keyframe) wpisz 10.

Teraz możesz podejrzeć animację.

92. Kliknij w przycisk Podgląd animacji (Anim Preview). Otworzy się okno ustawień podglądu.
93. W oknie ustawień podglądu zaznacz opcję Exact object on frames.
94. Tempo ramkowe (Frame rate) ustaw na 10, a Scale preview na 100 i kliknij Ok.

Otworzą się dwa nowe okna. Obraz tymczasowy bez nazwy i okno podglądu animacji.

95. Obejrzyj animkę i zamknij oba okna nie zapisując obrazu.

Animacja z okna podglądu:

96. Jeśli twoja animacja wygląda jak ta powyższa to kliknij przycisk Zapisz (Save) w celu zapisania do pliku ustawień punktów kontrolnych. Otworzy się poniższe okno:

97. Zapamiętaj nazwę pliku animacja.path_points i kliknij Ok.
98. Teraz kliknij w Ok w oknie Ścieżki ruchu (Move Path).

Należy ci się w tym miejscu kilka słów wyjaśnienia odnośnie pliku parametrów punktów kontrolnych. Otóż czynności z punktów od 77 do 91 powtórzysz jeszcze trzykrotnie. Plik animacja.path_points w dziewięćdziesięciu procentach pozwoli ci na zautomatyzowanie ich. Otworzysz tylko okno ścieżek ruchu, ustawisz warstwę do animacji i wybierzesz tryb kroku, oraz ustawisz suwaki Od ramki i Do ramki Resztę ustawi otwarcie w/w pliku. Mało zrozumiałe? Nie szkodzi. Zaraz wykonasz to co opisałem i zrozumiesz.

99. Otwórz okno Ścieżki ruchu (Move Path).
100. Jako Obraz źródłowy (Source Image/Layer) ustaw warstwę błysk.
101. Tryb kroku (Stepmode) ustaw na Brak (None).
102. Zaznacz Instant Apply co pozwoli ci zobaczyć wybraną warstwę w oknie podglądu Preview.
103. Przesuń suwak Od ramki (From Frame) na pozycję 19.
104. Przesuń suwak Do ramki (To Frame) na pozycję 36.
105. Kliknij w przycisk Otwórz (Open).
106. W oknie które się otworzy wyszukaj plik animacja.path_points i kliknij Ok.

107. Kliknij Ok w oknie Ścieżki ruchu (Move Path).
108. Powtórz kroki z punktów 99 do 102.
109. Przesuń suwak Od ramki (From Frame) na pozycję 37.
110. Przesuń suwak Do ramki (To Frame) na pozycję 54.
111. Powtórz kroki z punktów 105 do 107.
112. Powtórz kroki z punktów 99 do 102.
113. Przesuń suwak Od ramki (From Frame) na pozycję 55.
114. Suwak Do ramki (To Frame) pozostaw bez zmian.
115. Powtórz kroki z punktów 105 do 107.
116. Z menu Video wybierz Playback.... Otworzy się okno podglądu animacji.
117. Ustaw prędkość odtwarzania Speed na 10 i kliknij w przycisk odtwarzania.

Animacja powinna wyglądać tak:

Pamiętasz operacje związane z łączeniem warstw? Wykonasz je jeszcze raz. W tym przypadku połączysz warstwy z błyskiem z warstwami obrazów.

118. Powtórz czynności z punktów 73 do 76.

Teraz dodasz przyciemnianie do każdego z obrazów.

119. Otwórz okno Ścieżki ruchu (Move Path).
120. Jako Obraz źródłowy (Source Image/Layer) ustaw warstwę przyciemnienie.
121. Tryb kroku (Stepmode) ustaw na Brak (None).
122. Zaznacz Instant Apply co pozwoli ci zobaczyć wybraną warstwę w oknie podglądu Preview.
123. Ustaw suwak Nieprzepuszczalność (Opacity) na 0.
124. Suwak Do ramki (To frame) ustaw na 18.
125. Kliknij dwa razy w przycisk Dodaj punkt (Add Point) co da ci w sumie trzy punkty kontrolne animacji.
125. Dla trzeciego punktu animacji ustaw suwak Nieprzepuszczalność (Opacity) na 50.
127. Kliknij w przycisk Poprzedni punkt (Prev Point).
128. Ustaw Ramkę kluczową (Keyframe) na 12.
129. Kliknij w przycisk Podgląd animacji (Anim Preview).
130. Powtórz czynności z punktów 93 do 95.

Animacja z okna podglądu:

131. Kliknij w przycisk Zapisz (Save).
132. W oknie Save Path Points to File wpisz animacja1.path_points i kliknij Ok.
133. Kliknij Ok w oknie Ścieżki ruchu (Move Path).
134. Otwórz okno Ścieżki ruchu (Move Path).
135. Powtórz punkty 120 do 122.
136. Ustaw suwak Od ramki (From Frame) na pozycję 19.
137. Suwak Do ramki (To frame) ustaw na 36.
138. Kliknij przycisk Otwórz (Open).
139. W oknie które się otworzy, Load Path Points from File, wyszukaj plik animacja1.path_points i kliknij Ok.
140. Kliknij Ok w oknie Ścieżki ruchu (Move Path).

Musisz jeszcze dwukrotnie dodać warstwę przyciemnienie do animacji. Powtórz kroki z punktów 134 do 140. Jedynie zakres klatek na których będzie przyciemnienie zmieni się.

141. Po raz trzeci dodaj przyciemnienie ustawiając suwak Od ramki (From Frame) na 37, a suwak Do ramki (To frame) ustaw na 54.
142. Po raz trzeci dodaj przyciemnienie ustawiając suwak Od ramki (From Frame) na 55, a suwak Do ramki (To frame) pozostaw na 72.

Animacja w oknie podglądu wywołanym z menu Video -> Playback... powinna wyglądać tak:

Czas na łączenie warstw. Raz już wykonałeś(aś) tą czynność.

143. Powtórz punkty 73 do 76.

Pozostało jeszcze dodanie maski.

144. Otwórz okno Ścieżki ruchu (Move Path).
145. Jako Obraz źródłowy (Source Image/Layer) ustaw warstwę maska_1.
146. Tryb kroku (Stepmode) ustaw na Brak (None).
147. Zaznacz Instant Apply co pozwoli ci zobaczyć wybraną warstwę w oknie podglądu Preview.
148. Suwak Do ramki (To frame) ustaw na 18 i kliknij Ok.
149. Dodaj teraz warstwę maska_2 ustawiając suwaki Od ramki (From Frame) i Do ramki (To frame) odpowiednio na 19 i 36.
150. Dodaj powtórnie warstwę maska_1 ustawiając suwaki Od ramki (From Frame) i Do ramki (To frame) odpowiednio na 37 i 54.
151. Dodaj jeszcze raz warstwę maska_2 ustawiając suwak Od ramki (From Frame) na 55, a suwak Do ramki (To frame) pozostaw na 72.

Teraz w warstw masek utworzysz maskę właściwą. Kolor czarny maski utworzy przezroczystość.

152. Z menu Video wybierz Frames Modify....
153. W oknie Modyfikacja ramek ( Frames Modify) sprawdź czy masz zaznaczoną opcję Pattern is a list of layerstack numbers.
154. W okienku Layer Pattern wpisz 1. Nr 1 odpowiada warstwie, na którą chcesz nałożyć maskę.

155. Kliknij w Operacja (Function) i z rozwijanego menu wybierz Layer Mask -> Copy layermask from layer above i kliknij w Ok.

156. W zakładce Warstwy przy warstwie obraz_1.png powinna pojawić się maska.

Teraz należy usunąć warstwę z maskami.

157. Z menu Video wybierz Frames Modify....
158. Kliknij w Operacja (Function) i z rozwijanego menu wybierz Delete layer(s).
159. Upewnij się, że okienku Layer Pattern jest 0 i kliknij Ok.

Animacja z okna podglądu:

Do dalszej pracy potrzebujesz czterech animacji, które utworzysz z plików aniamcja_000xx.xcf.

160. Z menu Video wybierz Frames to Image....
161. W oknie Ramki do obrazu (Frames to Image) ustaw suwak Do ramki (To Frames) na 18 i kliknij Ok. Powstanie nowy obraz bez nazwy.
162. Zapisz obraz jako animacja_1.xcf.
163. Ponownie wybierz Video -> Frames to Image....
164. Ustaw suwak Od ramki (From Frame) na 19.
165. Ustaw suwak Do ramki (To Frames) na 36 i kliknij Ok.
166. Zapisz nowo powstały obraz jako animacja_2.xcf.

Jeszcze dwukrotnie otworzysz okno Ramki do obrazu (Frames to Image) i stworzysz dwa obrazy. Poniżej podaję tylko ustawienia suwaków Od ramki i Do ramki.

167. Dla pliku animacja_3.xcf ustaw suwak Od ramki (From Frame) na 37, a suwak Do ramki (To Frames) na 54.
168. Dla pliku animacja_3.xcf ustaw suwak Od ramki (From Frame) na 55, a suwak Do ramki (To Frames) pozostaw na 72.
169. Teraz możesz zamknąć plik animacja_00001.xcf i warstwy.xcf.

Etap czwarty – obracanie animacji

170. Otwórz plik animacja_1.xcf.
171. W oknie skalowania rozmiaru ustaw Szerokość i Wysokość na 125 pikseli.
172. Kliknij w przycisk Wyśrodkuj, a następnie w Zmień rozmiar.
173. Z menu Warstwa wybierz Layer(s) to Image Size.
174. Z menu Filtry wybierz Filter all Layers....
175. W oknie filtru w okienku Search wpisz map i kliknij w guzik Znajdź według nazwy (Search by Name).

176. W okienku wyników wyszukiwania zaznacz plug-in-map-object i kliknij w przycisk Zastosuj zmienne wartości (Apply Varying). Otworzy się okno Odwzorowanie na obiekt.

177. Jako Obiekt docelowy ustaw Płaszczyzna.
178. Zaznacz opcję Przezroczyste tło.
179. Sprawdź czy masz zaznaczoną opcję Wygładzanie.
180. Przejdź do zakładki Światło.
181. Typ źródła światła ustaw na Bez światła.
182. Przejdź do zakładki Ułożenie.
183. W opcji Obrót ustaw parametr Y na -88 i kliknij Ok.
184. Otworzyło się okno dialogowe powtórnego wywołania przed chwilą zastosowanego odwzorowania na obiekt. Kliknij w guzik Kontynuuj (Continue).
185. Ponownie otworzy się okno Odwzorowanie na obiekt. Przejdź w nim do zakładki Ułożenie.
186. W opcji Obrót ustaw parametr Y na 82 i kliknij Ok.
187. Otworzyło się okno dialogowe powtórnego wywołania przed chwilą zastosowanego odwzorowania na obiekt. Troszkę inne niż poprzednio, ale to mało ważne. Kliknij w guzik Kontynuuj (Continue).
188. Teraz w zakładce Warstwy włącz widok wszystkich warstw.

Widok zakładki Warstwy przed:

i po włączeniu widoku wszystkich warstw:

189. Wybierz Filtry -> Animacja -> Playback....

Animacja z okna podglądu:

190. Zapisz plik i zamknij go.
191. Otwórz plik animacja_2.xcf.
192. Powtórz kroki z punktów 171 do 190.
193. Otwórz plik animacja_3.xcf.
194. Powtórz kroki z punktów 171 do 190.
195. Otwórz plik animacja_4.xcf.
196. Powtórz kroki z punktów 171 do 190.

Etap piąty – tworzenie plików xcf dla animacji końcowej

197. Otwórz nowy przezroczysty obraz o wymiarach 125 x 125 pikseli.
198. Stwórz nowy folder na potrzeby animacji.
199. Zapisz w nim przed chwilą utworzony plik jako final_00001.xcf.
200. Z menu Video wybierz Duplicate Frames....
201. W oknie dialogowym duplikowania w opcji N razy (N-times) wpisz 71 i kliknij Ok.
202. Otwórz obraz animacja_1.xcf.
203. W obrazie final_00001.xcf z menu Video wybierz Move path....
204. W oknie Ścieżki ruchu (Move Path) w opcji Obraz źródłowy (Source Image/Layer) ustaw warstwę frame_00001 (41ms).
205. Tryb kroku (Stepmode) ustaw na Pętla (Loop).
206. Suwak Do ramki (To Frame) ustaw na 18 i klinij Ok.
207. Zamknij obraz animacja_1.xcf.
208. Otwórz obraz animacja_2.xcf.
209. W obrazie final_00001.xcf z menu Video wybierz Move path....
210. Tryb kroku (Stepmode) ustaw na Pętla (Loop).
211. W oknie Ścieżki ruchu (Move Path) w opcji Obraz źródłowy (Source Image/Layer) ustaw warstwę frame_00019 (41ms).
212. Suwak Od ramki (From Frame) ustaw na 19.
213. Suwak Do ramki (To Frame) ustaw na 36 i klinij Ok.
214. Zamknij obraz animacja_2.xcf.
215. Otwórz obraz animacja_3.xcf.
216. W obrazie final_00001.xcf z menu Video wybierz Move path....
217. Tryb kroku (Stepmode) ustaw na Pętla (Loop).
218. W oknie Ścieżki ruchu (Move Path) w opcji Obraz źródłowy (Source Image/Layer) ustaw warstwę frame_00037 (41ms).
219. Suwak Od ramki (From Frame) ustaw na 37.
220. Suwak Do ramki (To Frame) ustaw na 54 i klinij Ok.
221. Zamknij obraz animacja_3.xcf.
222. Otwórz obraz animacja_4.xcf.
223. W obrazie final_00001.xcf z menu Video wybierz Move path....
224. Tryb kroku (Stepmode) ustaw na Pętla (Loop).
225. W oknie Ścieżki ruchu (Move Path) w opcji Obraz źródłowy (Source Image/Layer) ustaw warstwę frame_00055 (41ms).
226. Suwak Od ramki (From Frame) ustaw na 55.
227. Suwak Do ramki (To Frame) pozostaw na 72 i klinij Ok.
228. Zamknij obraz animacja_4.xcf.

Etap szósty – tworzenie animacji końcowej

229. Z menu Video wybierz Frames to Image....
230. Zmień wpis w Nazwa bazowa warstwy (Layer Basename) z frame_[######] (41ms) na frame_[######] (80ms) (replace), co zmniejszy ilość klatek na sekundę z 24 na 12. Wpis „replace” czyli „zastąp” pozwoli na właściwe wyświetlanie animacji.
231. Zaznacz opcję Exclude BG-Layer:. Spowoduje to pominięcie warstw Tło podczas eksportu animacji i kliknij OkB.