Forum graficzne Burning-Brushes.pl

Tutorial by [b]Kifer[/b]

[center][size=20pt]Obracający się awatar[/size]
[size=14pt]Tutorial[/size][/center]

[center]Opracowanie: [b]Kifer71[/b]
Poziom trudności: [b]średni[/b][/center]

[center][img]http://www.gimpuj.info/gallery/17327_09_03_09_8_03_46.gif[/img][img]http://www.gimpuj.info/gallery/17327_09_03_09_8_05_42.gif[/img][/center]


[hr]
 
Najwyższy czas zacząć nowego tuta. Cakper zapytał mnie czy lubię wyzwania i pokazał mi fajnego avka:
[center][img]http://www.gimpuj.info/gallery/17327_09_03_09_8_07_58.gif[/img][/center]
  Nie pozostało mi nic innego, jak spróbować zrobić taką animację w GIMP-ie. 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.

Niezbędne będą skrypty, które umieściłem w załączniku razem z instrukcją instalacji.

[b]Tutorial napisany w wersji GIMP 2.6.4 i GAP 2.4.0. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.[/b]

[hr]

[size=14pt]Zaczynamy[/size]

[hr]
[b][size=10pt]Etap pierwszy - przygotowanie obrazów wyjściowych[/size][/b]
[hr]

[b]1.[/b]  Otwórz lub stwórz cztery obrazy o wymiarach [b]100[/b]x[b]100[/b] pikseli (lub inny kwadratowy). Równie dobrze możesz pobrać te widoczne poniżej:

[center][img]http://www.gimpuj.info/gallery/17327_10_03_09_9_28_34_0.png[/img]  [img]http://www.gimpuj.info/gallery/17327_10_03_09_9_28_34_1.png[/img]  [img]http://www.gimpuj.info/gallery/17327_10_03_09_9_28_34_2.png[/img]  [img]http://www.gimpuj.info/gallery/17327_10_03_09_9_28_34_3.png[/img][/center]

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.

Zapisz je pod dowolnymi nazwami, najlepiej w formacie [b]PNG[/b]. Możesz je zamknąć.

[b]2.[/b] Utwórz nowy obraz o taki samych wymiarach jak obrazki składowe (te, które utworzyliśmy w punkcie wyżej) i przezroczystym tle. Zapisz go np. jako [i][b]warstwy.xcf[/b][/i].
Teraz wklej utworzone wcześniej obrazy na osobne warstwy do tego pliku.
Najszybciej zrobisz to poprzez [b]Plik -> Otwórz jako warstwy...[/b].
Znajdź katalog z twoimi obrazkami i wybierz je w kolejności od pierwszego do czwartego.
Następnie usuń [i][b]Tło[/b][/i].
W oknie warstw powinno to wyglądać tak:

[center][img]http://www.gimpuj.info/gallery/17327_10_03_09_9_37_26.png[/img][/center]

[b]3.[/b] W pliku [i][b]warstwy.xcf[/b][/i] utwórz nową przezroczystą warstwę, nazwij ją [i][b]maska_1[/b][/i] i wypełnij białym kolorem.
Ustaw po dwie prowadnice (pionową i poziomą) dla współrzędnych:
[op][b]0[/b],
[op][b]80[/b],
[op][b]88[/b],
[op][b]100[/b].

Tak wygląda otrzymana siatka w powiększeniu 200%:

[center][img]http://www.gimpuj.info/gallery/17327_11_03_09_5_59_28.png[/img][/center]


[b]4.[/b] Wybierz narzędzie [b]Zaznaczenie prostokątne <zaznaczenie-prostokatne> [R][/b], w opcjach narzędzia ustaw [b]Tryb[/b] na [b]Dodaje do bieżącego zaznaczenia [Shift][/b].

[center][img]http://www.gimpuj.info/gallery/17327_11_03_09_6_18_42.png[/img][/center]

Zaznacz cztery obszary między prowadnicami tak, jak na obrazku poniżej. Czerwone linie obrazują granice zaznaczeń.

[center][img]http://www.gimpuj.info/gallery/17327_11_03_09_6_20_48.png[/img][/center]

Wypełnij zaznaczenie czarnym kolorem na warstwie [i][b]maska_1[/b][/i]:
[b]Edycja -> Wypełnij kolorem pierwszoplanowym [Ctrl[/b]+[b],][/b] lub [b]Wypełnienie kubełkiem [Shift[/b]+[b]B][/b] i [b]LPM[/b] na zaznaczenie.
Możesz też po prosty przenieść kolor z palety na obraz.
Nie usuwaj zaznaczenia!

[center][img]http://www.gimpuj.info/gallery/17327_11_03_09_6_21_18.png[/img][/center]

[b]5.[/b] Dodaj nową przezroczystą warstwę i nazwij ją [i][b]ramki_1[/b][/i].
Odwróć zaznaczenie i wypełnij je czarnym kolorem.
[b]Zaznaczenie -> Odwróć[/b], wypełnienie analogicznie jak w poprzednim punkcie.
Następnie zmniejsz je i wyczyść tak, aby pozostała tylko cienka ramka.
[b]Zaznaczenie -> Zmniejsz[/b] [b]1[/b]px.
[b]Edycja -> Wyczyść[/b].
Usuń zaznaczenie: [b]Zaznaczenie -> Nic [Shift+Ctrl+A][/b].

[b]6.[/b] Duplikuj warstwę [i][b]maska_1[/b][/i] i zmień jej nazwę na [i][b]maska_2[/b][/i].
Odbij poziomo warstwę [i][b]maska_2[/b][/i]: [b]Warstwa -> Przekształcenie -> Odbij poziomo[/b] lub wybierz w przyborniku narzędzie [b]Odbicie  <odbicie> [Shift+F][/b] zaznacz [b]Typ odbicia: Poziomo[/b] i kliknij na obrazek.

[b]6.[/b] Wykonaj to samo (duplikowanie i odbicie) z warstwą [i][b]ramki_1[/b][/i].

[b]7.[/b] Usuń z obrazu wszystkie prowadnice: [b]Obraz -> Prowadnice -> Usuń wszystkie prowadnice[/b].

[b]8.[/b] Dodaj nową przezroczystą warstwę, nazwij ją [i][b]błysk[/b][/i].

[b]9.[/b] Ustaw cztery prowadnice, po jednej pionowej i poziomej dla współrzędnych [b]30[/b]px i [b]70[/b]px.
Wybierz [b]Zaznaczenie eliptyczne <zaznaczenie-eliptyczne> [E][/b] i zaznacz obszar pomiędzy prowadnicami tak, jak to widać na obrazku.

[center][img]http://www.gimpuj.info/gallery/17327_15_03_09_3_02_16.png[/img][/center]

Zmiękcz zaznaczenie o [b]50[/b]px: [b]Zaznaczenie -> Zmiękcz...[/b] i wypełnij je białym kolorem na warstwie [b]błysk[/b].
Usuń zaznaczenie i prowadnice ([b]Zaznaczenie -> Nic [Shift+Ctrl+A][/b] i [b]Obraz -> Prowadnice -> Usuń wszystkie prowadnice[/b]).

[b]10.[/b] Dodaj kolejną przezroczysta warstwę, nazwij ją [i][b]przyciemnienie[/b][/i].
Wypełnij ją czarnym kolorem (jak w pkt. [b]4[/b]).

Tak powinno to wyglądać w oknie warstw:

[center][img]http://www.gimpuj.info/gallery/17327_15_03_09_5_57_47.png[/img][/center]


[b]11.[/b] Zapisz plik, nie zamykaj go, ponieważ będzie wykorzystywany przez dodatek GAP.

Etap pierwszy mamy z głowy.

[hr]
[b][size=10pt]Etap drugi - tworzenie folderu i plików animacji[/size][/b]
[hr]

[b]1.[/b] Utwórz bezpośrednio na dysku 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 [b]animacja[/b].

[b]2.[/b] Otwórz nowy przezroczysty obraz o rozmiarze [b]100[/b]x[b]100[/b] pikseli.
Zapisz go jako [b]dowolnanazwa_00001.xcf[/b] w folderze przed chwilą utworzonym.
[b]Uwaga! Końcówka 00001 jest bardzo ważna![/b]

[b]3.[/b] Duplikuj plik [b]71[/b] razy. [b]Video -> Duplicate Frames...[/b]
Suwak [b]N times (N razy)[/b] na [b]71 [/b]co da ci w sumie [b]72 [/b]klatki animacji.

Dlaczego [b]72 [/b]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.

[center][img]http://www.gimpuj.info/gallery/17327_15_03_09_9_51_12.png[/img][/center]

[hr]
[b][size=10pt]Etap trzeci (najdłuższy) – tworzenie wstępnych animacji[/size][/b]
[hr]

[b]1.[/b]  Z menu [b]Video[/b] wybierz [b]Move Path...[/b].
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:  [url=http://www.gimpuj.info/animacje/prawie-jak-beryl-animacja-z-gap-t3042.0.html]Prawie jak Beryl - animacja z GAP.[/url]

[b]2.[/b] W oknie [b]Move Path[/b] w rozwijanym menu [b]Source Image/Layer[/b] (Obraz źródłowy) wybierz warstwę [i][b]obraz_1.png[/b][/i] z pliku [b]warstwy.xcf[/b].
[b]A)[/b] [b]Stepmode[/b] (Tryb kroku) ustaw na [b]None[/b] (Brak).
[b]B)[/b] Zaznacz [b]Instant Apply[/b] co pozwoli Ci zobaczyć wybraną warstwę w oknie podglądu (Preview).
Ustaw suwak [b]To Frame[/b] (Do ramki) na pozycję [b]18[/b] i kliknij [b]OK[/b].

[b]3.[/b] Ponownie wybierz [b]Move Path...[/b] z menu [b]Video[/b].
W menu [b]Source Image/Layer[/b] (Obraz źródłowy) wybierz warstwę [i][b]obraz_2.png[/b][/i] z pliku [b]warstwy.xcf[/b].
Powtórz kroki [b]A[/b] i [b]B[/b] z poprzedniego punktu.
Suwak [b]From Frame[/b] ustaw na [b]19[/b] a [b]To Frame[/b] na [b]36[/b].

[b]4.[/b] Powtórz te czynności dla warstw [i][b]obraz_3.png[/b][/i] ([b]From Frame: 37[/b], [b]To Frame: 54[/b]) i [i][b]obraz_4.png[/b][/i] ([b]From Frame: 55[/b], [b]To Frame: 72[/b])

[b]5.[/b] Z menu [b]Video[/b] wybierz [b]Playback...[/b]. W oknie [b]Videoframe Playback[/b] każda z wstawionych warstw ma być wyświetlana w [b]18 [/b]kolejnych klatkach.

Kolejny krok to dodanie warstw [i][b]ramki_1[/b][/i] i [i][b]ramki_2[/b][/i]. Warstwę [i][b]ramki_1[/b][/i] nałożymy na [i][b]obraz_1.png[/b][/i] i [i][b]obraz_3.png[/b][/i] a warstwę [i][b]ramki_2[/b][/i] na [i][b]obraz_2.png[/b][/i] i [i][b]obraz_4.png[/b][/i].

[b]6.[/b] Ponownie otwórz okno [b]Move Path...[/b]
W menu [b]Source Image/Layer[/b] wybierz warstwę [i][b]ramki_1[/b][/i] z pliku [b]warstwy.xcf[/b].
Wykonaj dla niej te same czynności, co dla warstw [i][b]obraz_1.png[/b][/i] i [i][b]obraz_3.png[/b][/i] (te same parametry [b]From-[/b] i [b]To Frame[/b]).
Następnie wybierz warstwę [i][b]ramki_2[/b][/i] i powtórz to samo, co powyżej, z parametrami dla [i][b]obraz_2.png[/b][/i] i [i][b]obraz_4.png[/b][/i].

[b]7.[/b] Sprawdź, czy wszystkie warstwy zostały prawidłowo umieszczone za pomocą poznanego wcześniej okna [b]Playback...[/b].

[center][img]http://www.gimpuj.info/gallery/17327_14_05_09_7_52_22.gif[/img][/center]

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

[b]8.[/b] Z menu [b]Video[/b] wybierz [b]Frames Modify...[/b].
Sprawdź czy w oknie dialogowym [b]Frames Modify[/b] (Modyfikacja ramek) masz zaznaczoną opcję [b]Pattern is a list of layerstack numbers[/b].
W okienku [b]Layer Pattern[/b] wpisz [b]0-1[/b]. Dlaczego ,,[b]0-1[/b]"? 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.

[center][img]http://www.gimpuj.info/gallery/17327_16_05_09_2_40_22.png[/img][/center]

[b]9.[/b] W tym samym oknie kliknij [b]Function[/b] i z rozwijanego menu wybierz [b]Merge Layers -> Merge layer(s) clipped to image[/b] i kliknij [b]Ok[/b].

[center][img]http://www.gimpuj.info/gallery/17327_16_05_09_2_43_13.png[/img][/center]


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 [b]6[/b] do [b]10[/b],
- na drugim obrazie od [b]24[/b] do [b]28[/b],
- na trzecim obrazie od [b]41[/b] do [b]45[/b],
- na czwartym obrazie od [b]60[/b] do [b]64[/b].

[b]10.[/b] Otwórz okno [b]Move Path[/b].
W [b]Source Image/Layer[/b] wybierz warstwę [i][b]błysk[/b][/i].
[b]Stepmode [/b]ustaw na [b]None[/b].
Zaznacz [b]Instant Apply[/b].
Dodaj przezroczystość do błysku przesuwając suwak [b]Opacity [/b](Nieprzepuszczalność) na [b]80[/b].
Podnieś warstwę z błyskiem do góry o [b]40 [/b]pikseli ustawiając suwak [b]Y [/b]na [b]-40[/b].
Teraz przesuń błysk poza prawą krawędź obrazu ustawiając suwak [b]X[/b] na [b]80[/b].
Błysk ma być dodany, jak na razie, tylko do pierwszego obrazu. Przesuń więc suwak [b]To Frame[/b] na [b]18[/b].

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

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

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

[b]12.[/b] Kliknij dwa razy w przycisk [b]Prev Point[/b] (Poprzedni punkt). W [b]Current Point[/b] powinien pojawić się wpis [b][ 2] of [ 4][/b].
W opcji [b]Keyframe [/b](Ramka kluczowa) wpisz [b]6[/b].
Kliknij przycisk [b]Next Point[/b] (Następny punkt). W [b]Current Point[/b] powinien pojawić się wpis [b][ 3] of [ 4][/b].
W opcji [b]Keyframe [/b]wpisz [b]10[/b].

Teraz możesz podejrzeć animację.

[b]13.[/b] Kliknij w przycisk [b]Anim Preview[/b] (Podgląd animacji). Otworzy się okno ustawień podglądu.

[center][img]http://www.gimpuj.info/gallery/17327_16_05_09_7_37_54.png[/img][/center]

W oknie [b]Anim Preview[/b] zaznacz opcję [b]Exact object on frames[/b].
[b]Frame rate[/b] (Tempo ramkowe) ustaw na [b]10[/b], a [b]Scale preview [/b]na [b]100[/b] i kliknij [b]OK[/b].
Otworzą się dwa nowe okna. Obraz tymczasowy bez nazwy i okno podglądu animacji.
Animacja z okna podglądu:

[center][img]http://www.gimpuj.info/gallery/17327_16_05_09_7_41_56.gif[/img][/center]

[b]14.[/b] Obejrzyj animkę i zamknij oba okna nie zapisując obrazu.

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

[center][img]http://www.gimpuj.info/gallery/17327_16_05_09_7_44_59.png[/img][/center]

Zapamiętaj nazwę pliku [b]animacja.path_points[/b] i kliknij [b]OK[/b].

[b]16.[/b] Teraz kliknij w [b]OK[/b] w oknie [b]Move Path[/b].

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 [b]10 [/b]do [b]12 [/b]powtórzysz jeszcze trzykrotnie. Plik [b]animacja.path_points[/b] w dużej mierze pozwoli ci na ich zautomatyzowanie. Otworzysz tylko okno [b]Move Path[/b], ustawisz warstwę do animacji i wybierzesz tryb kroku, oraz ustawisz suwaki [b]From Frame[/b] i [b]To Frame[/b]. Resztę ustawi otwarcie w/w pliku. Mało zrozumiałe? Nie szkodzi. Zaraz wykonasz to co opisałem i zrozumiesz.

[b]17.[/b] Otwórz okno [b]Move Path[/b].
Jako [b]Source Image/Layer[/b] ustaw warstwę [i][b]błysk[/b][/i].
[b]Stepmode[/b] - [b]None[/b];
Zaznacz [b]Instant Apply[/b];
Ustaw: [b]From Frame - 19[/b], [b]To Frame - 36.[/b].
Kliknij przycisk [b]Otwórz [/b](Open).
W oknie, które się otworzy wyszukaj plik [b]animacja.path_points[/b] i kliknij [b]OK[/b].

[center][img]http://www.gimpuj.info/gallery/17327_16_05_09_8_01_30.png[/img][/center]

Kliknij [b]OK [/b]w oknie [b]Move Path[/b].

[b]18.[/b] Powtórz kroki z punktu [b]17[/b] ustawiając tym razem [b]From Frame[/b] na [b]37[/b], a [b]To Frame[/b] na [b]54[/b].

[b]19.[/b] Jeszcze raz powtórz kroki z punktu [b]17[/b]. Suwak [b]From Frame[/b] ustaw na [b]55[/b], a [b]To Frame[/b] pozostaw bez zmian ([b]72[/b]).

[b]20.[/b] Z menu [b]Video[/b] wybierz [b]Playback...[/b].
Ustaw prędkość odtwarzania ([b]Speed[/b]) na [b]10[/b] i kliknij przycisk odtwarzania.

[center][img]http://www.gimpuj.info/gallery/17327_16_05_09_8_20_47.png[/img][/center]

Animacja powinna wyglądać tak:

[center][img]http://www.gimpuj.info/gallery/17327_16_05_09_8_22_02.gif[/img][/center]

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.

[b]21.[/b] Powtórz czynności z punktów [b]8[/b] i [b]9[/b].

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

[b]22.[/b] Otwórz okno [b]Move Path...[/b].
Jako obraz źródłowy wybierz warstwę [i][b]przyciemnienie[/b][/i].
[b]Stepmode[/b] ustaw na [b]None[/b], zaznacz [b]Instant Apply[/b], suwak [b]Opacity[/b] przesuń na [b]0[/b], a [b]To Frame[/b] na [b]18[/b].
Dwa razy kliknij przycisk [b]Add Point[/b] co da ci w sumie trzy punkty kontrolne animacji.
Dla trzeciego punktu animacji ustaw suwak [b]Opacity[/b] na [b]50[/b].
Kliknij przycisk [b]Prev Point[/b].
Ustaw [b]Keyframe [/b]na [b]12[/b].
Powtórz czynności z punktów [b]13[/b] i [b]14[/b].

Animacja z okna podglądu:

[center][img]http://www.gimpuj.info/gallery/17327_17_05_09_4_08_28.gif[/img][/center]

[b]23.[/b] Kliknij w przycisk [b]Zapisz[/b].
W oknie [b]Save Path Points to File[/b] wpisz nazwę [b]animacja1.path_points[/b] i kliknij [b]OK[/b].
Kliknij [b]OK [/b]w oknie [b]Move Path[/b].

[b]24.[/b] Otwórz okno [b]Move Path...[/b].
Jako obraz źródłowy wybierz warstwę [i][b]przyciemnienie[/b][/i].
[b]Stepmode[/b] - [b]None[/b], zaznacz [b]Instant Apply[/b].
Ustaw suwak [b]From Frame[/b] na [b]19[/b], a [b]To Frame[/b] na [b]36[/b].
Kliknij przycisk [b]Otwórz[/b].
W oknie [b]Load Path Points from File[/b] wybierz plik [b]animacja1.path_points[/b] i kliknij [b]OK[/b].
Kliknij [b]OK [/b]w oknie [b]Move Path[/b].

[b]25.[/b] Musisz jeszcze dwukrotnie dodać warstwę [i][b]przyciemnienie[/b][/i] do animacji. Powtórz kroki z punktu [b]24[/b]. Zmieni się jedynie zakres klatek na których będzie przyciemnienie:
  1 - [b]From Frame[/b] ustaw na [b]37[/b], a [b]To frame[/b] na [b]54[/b].
  2 - [b]From Frame [/b]na [b]55[/b], a [b]To frame[/b] pozostaw na [b]72[/b].

Animacja w oknie podglądu ([b]Video -> Playback...[/b]) powinna wyglądać tak:

[center][img]http://www.gimpuj.info/gallery/17327_17_05_09_5_16_21.gif[/img][/center]

[b]26.[/b] Czas na ponowne łączenie warstw. Powtórz kroki z pkt. [b]8-9[/b].

Pozostało jeszcze dodanie maski.
Wykonasz te same czynności, co przy dodawaniu innych warstw (pkt. [b]1-6[/b]).

[b]27.[/b] Otwórz okno [b]Move Path...[/b].
W [b]Source Image/Layer[/b] wybierz warstwę [i][b]maska_1[/b][/i].
Jak zawsze [b]Stepmode [/b]ustaw na [b]None[/b] i zaznacz [b]Instant Apply[/b].
Suwak [b]To frame[/b] ustaw na [b]18 [/b]i kliknij [b]OK[/b].
Dodaj teraz warstwę [i][b]maska_2[/b][/i] ustawiając suwaki [b]From Frame[/b] i [b]To frame[/b] odpowiednio na [b]19 [/b]i [b]36[/b].
Dodaj powtórnie warstwę [i][b]maska_1[/b][/i] ustawiając suwaki [b]From Frame[/b] i [b]To frame[/b] na [b]37 [/b]i [b]54[/b].
Jeszcze raz dodaj warstwę [i][b]maska_2[/b][/i] ustawiając suwak [b]From Frame[/b] na [b]55[/b], a suwak [b]To frame[/b] pozostaw na [b]72[/b].

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

[b]28.[/b] Z menu [b]Video[/b] wybierz [b]Frames Modify...[/b].
W oknie [b]Frames Modify[/b] sprawdź czy masz zaznaczoną opcję [b]Pattern is a list of layerstack numbers[/b].
W okienku [b]Layer Pattern[/b] wpisz [b]1[/b]. Nr [b]1[/b] odpowiada warstwie, na którą chcesz nałożyć maskę.

[center][img]http://www.gimpuj.info/gallery/17327_17_05_09_5_53_27.png[/img][/center]

Kliknij [b]Function[/b] i z rozwijanego menu wybierz [b]Layer Mask -> Copy layermask from layer above[/b] i kliknij [b]OK[/b].

[center][img]http://www.gimpuj.info/gallery/17327_17_05_09_5_54_40.png[/img][/center]

W zakładce [b]Warstwy[/b] przy warstwie [b]obraz_1.png[/b] powinna pojawić się maska.

[center][img]http://www.gimpuj.info/gallery/17327_17_05_09_5_57_35.png[/img][/center]

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

[b]29.[/b] Z menu [b]Video[/b] wybierz [b]Frames Modify...[/b].
Kliknij [b]Function[/b] i z rozwijanego menu wybierz [b]Delete layer(s)[/b].
Upewnij się, że okienku [b]Layer Pattern[/b] jest [b]0 [/b]i kliknij [b]OK[/b].

Animacja z okna podglądu:

[center][img]http://www.gimpuj.info/gallery/17327_17_05_09_5_58_36.gif[/img][/center]

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

[b]30.[/b] Z menu [b]Video[/b] wybierz [b]Frames to Image...[/b].
W oknie [b]Frames to Image[/b] ustaw suwak [b]To Frame[/b] na [b]18 [/b]i kliknij [b]OK[/b]. Powstanie nowy obraz bez nazwy.
Zapisz obraz jako [b]animacja_1.xcf[/b].
Ponownie wybierz [b]Video -> Frames to Image...[/b].
Ustaw suwak [b]From Frame[/b] na [b]19[/b].
Ustaw suwak [b]To Frame[/b] na [b]36 [/b]i kliknij [b]OK[/b].
Zapisz nowo powstały obraz jako [b]animacja_2.xcf[/b].

Jeszcze dwukrotnie otworzysz okno [b]Frames to Image[/b] i stworzysz dwa obrazy. Poniżej podaję tylko ustawienia suwaków [b]From Frame[/b] i [b]To Frame[/b].

Dla pliku [b]animacja_3.xcf[/b] ustaw suwak [b]From Frame[/b] na [b]37[/b], a suwak [b]To Frames[/b] na [b]54[/b].
Dla pliku [b]animacja_4.xcf[/b] ustaw suwak [b]From Frame[/b] na [b]55[/b], a suwak [b]To Frames[/b] pozostaw na [b]72[/b].
Teraz możesz zamknąć plik [b]animacja_00001.xcf[/b] i [b]warstwy.xcf[/b].

[hr]
[b][size=10pt]Etap czwarty – obracanie animacji[/size][/b]
[hr]

[b]1.[/b] Otwórz plik [b]animacja_1.xcf[/b].
W oknie [b]Ustawianie wymiarów płótna obrazu[/b] ([b]Obraz -> Wymiary płótna...[/b]) ustaw [b]Szerokość[/b] i [b]Wysokość[/b] na [b]125 [/b]pikseli.
Kliknij w przycisk [b]Wyśrodkuj[/b], a następnie w [b]Zmień rozmiar[/b].
Z menu [b]Warstwa[/b] wybierz [b]Layer(s) to Image Size[/b].
Z menu [b]Filtry[/b] wybierz [b]Filter all Layers...[/b].
W oknie filtru w okienku [b]Search[/b] wpisz [b]map[/b] i kliknij w guzik [b]Search by Name[/b] ([b]Znajdź według nazwy[/b]).

[center][img]http://www.gimpuj.info/gallery/17327_18_05_09_7_24_29.png[/img][/center]

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

[center][img]http://www.gimpuj.info/gallery/17327_18_05_09_7_25_20.png[/img][/center]

[b]3.[/b] Jako [b]Obiekt docelowy[/b] ustaw [b]Płaszczyzna[/b].
Zaznacz opcję [b]Przezroczyste tło[/b].
Sprawdź czy masz zaznaczoną opcję [b]Wygładzanie[/b].

[b]4.[/b] Przejdź do zakładki [b]Światło[/b].
[b]Typ źródła światła[/b] ustaw na [b]Bez światła[/b].

[b]5.[/b] Przejdź do zakładki [b]Ułożenie[/b].
W opcji [b]Obrót[/b] ustaw parametr [b]Y[/b] na [b]-88[/b] i kliknij [b]OK[/b].

[b]6.[/b] Otworzyło się okno dialogowe powtórnego wywołania przed chwilą zastosowanego odwzorowania na obiekt. Kliknij w guzik [b]Continue [/b]([b]Kontynuuj[/b]).

[b]7.[/b]Ponownie otworzy się okno [b]Odwzorowanie na obiekt[/b]. Przejdź w nim do zakładki [b]Ułożenie[/b].
W opcji [b]Obrót[/b] ustaw parametr [b]Y[/b] na [b]82[/b] i kliknij [b]OK[/b].

[b]8.[/b] 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 [b]Continue[/b] ([b]Kontynuuj[/b]).

Teraz w zakładce [b]Warstwy[/b] włącz widok wszystkich warstw ([b][Shift+LPM[/b] na pierwszy od lewej kwadrat przy dowolnej warstwie).

[center]Widok zakładki [b]Warstwy[/b] przed:                                                                i po włączeniu widoku wszystkich warstw:
[img]http://www.gimpuj.info/gallery/17327_18_05_09_7_34_59.png[/img]                                          [img]http://www.gimpuj.info/gallery/17327_18_05_09_7_36_11.png[/img][/center]

[b]9.[/b] Wybierz [b]Filtry -> Animacja -> Playback...[/b].

Animacja z okna podglądu:

[center][img]http://www.gimpuj.info/gallery/17327_18_05_09_8_01_40.gif[/img][/center]

Zapisz plik i zamknij go.

[b]10.[/b] Otwórz plik [b]animacja_2.xcf[/b].
Powtórz kroki z całego [b]Etapu czwartego[/b], pomijając oczywiście otwarcie pliku [b]animacja_1.xcf[/b] (to samo dotyczy kolejnych punktów).

[b]10.[/b] Otwórz plik [b]animacja_3.xcf[/b].
Powtórz [b]Etap czwarty[/b].

[b]10.[/b] Otwórz plik [b]animacja_4.xcf[/b].
Powtórz [b]Etap czwarty[/b].

[hr]
[b][size=10pt]Etap piąty – tworzenie plików xcf dla animacji końcowej[/size][/b]
[hr]

[b]1.[/b] Otwórz nowy przezroczysty obraz o wymiarach [b]125x125[/b] pikseli.
Stwórz bezpośrednio na dysku nowy folder na potrzeby animacji i zapisz w nim przed chwilą utworzony plik jako [b]final_00001.xcf[/b].

[b]2.[/b] Z menu [b]Video[/b] wybierz [b]Duplicate Frames...[/b].
W oknie dialogowym duplikowania w opcji [b]N-times[/b] wpisz [b]71 [/b]i kliknij [b]OK[/b].

[b]3.[/b] Otwórz obraz [b]animacja_1.xcf[/b].

[b]4.[/b] W obrazie [b]final_00001.xcf[/b] z menu [b]Video[/b] wybierz [b]Move path...[/b].
W oknie [b]Move Path[/b] w [b]Source Image/Layer[/b] ustaw warstwę [b]frame_00001 (41ms)[/b].
[b]Stepmode[/b] ustaw na [b]Loop [/b](Pętla).
Suwak [b]To Frame[/b] ustaw na [b]18 [/b]i klinij [b]OK[/b].

[b]5.[/b] Zamknij plik [b]animacja_1.xcf[/b].
Otwórz [b]animacja_2.xcf[/b].

[b]6.[/b] W pliku [b]final_00001.xcf[/b] z menu [b]Video [/b]wybierz [b]Move path...[/b].
[b]Stepmode [/b]ustaw na [b]Loop[/b].
W [b]Source Image/Layer[/b] wybierz warstwę [b]frame_00019 (41ms)[/b].
Suwak [b]From Frame[/b] ustaw na [b]19[/b].
Suwak [b]To Frame[/b] ustaw na [b]36 [/b]i klinij [b]OK[/b].

[b]7.[/b] Zamknij plik [b]animacja_2.xcf[/b].
Otwórz [b]animacja_3.xcf[/b].

[b]8.[/b] W pliku [b]final_00001.xcf[/b] z menu [b]Video[/b] wybierz [b]Move path...[/b].
[b]Stepmode - Loop[/b].
W [b]Source Image/Layer[/b] wybierz warstwę [b]frame_00037 (41ms)[/b].
Suwak [b]From Frame[/b] ustaw na [b]37[/b], a [b]To Frame[/b] na [b]54 [/b]i klinij [b]OK[/b].

[b]9.[/b] Zamknij plik [b]animacja_3.xcf[/b].
Otwórz [b]animacja_4.xcf[/b].

[b]10.[/b] W pliku [b]final_00001.xcf[/b] z menu [b]Video[/b] wybierz [b]Move path...[/b].
[b]Stepmode - Loop[/b].
W [b]Source Image/Layer[/b] wybierz warstwę [b]frame_00055 (41ms)[/b].
Suwak [b]From Frame[/b] ustaw na [b]55[/b], a [b]To Frame[/b] pozostaw na [b]72 [/b]i klinij [b]OK[/b].
Zamknij obraz [b]animacja_4.xcf[/b].

[hr]
[b][size=10pt]Etap szósty – tworzenie animacji końcowej[/size][/b]
[hr]

[b]11.[/b] Z menu [b]Video[/b] wybierz [b]Frames to Image...[/b].

[b]12.[/b] Zmień wpis w [b]Layer Basename[/b] (Nazwa bazowa warstwy) z [b]frame_[######] (41ms)[/b] na [b]frame_[######] (80ms) (replace)[/b], co zmniejszy ilość klatek na sekundę z [b]24 [/b]na [b]12[/b], a wpis ,,replace" czyli ,,zastąp" pozwoli na właściwe wyświetlanie animacji.
Zaznacz opcję [b]Exclude BG-Layer:[/b]. Spowoduje to pominięcie warstw [b]Tło[/b] podczas eksportu animacji i kliknij [b]OK[/b].

[center][img]http://www.gimpuj.info/gallery/17327_19_05_09_4_06_49.png[/img][/center]

[b]13.[/b] Nowo powstały plik wyeksportuj do formatu GIF zapisując go jako animację.

[size=14pt]Koniec[/size]

[hr]
[b][color=red]K71[/color][/b]
[hr]

Tutorial by [b]Kifer[/b], rozpowszechniany na licencji CC-NC-BY-SA.

Mega tutorial.... i pod względem wielkości, no i efektu jeśli ktoś lubi takie animowane bajery

Naprawdę super, dzięki.

Fajna opcja, jestem zdecydowania za! Dobra robota! Gratuluję.

jestem pod wrażeniem super robota muszę spróbować go przejść