Forum graficzne Burning-Brushes.pl

Tutorial by [b]Kifer71[/b]

Autor: [url=http://www.gimpuj.info/index.php?action=profile][b]Kifer71[/b][/url]
Program: [b]GIMP 2.2.x[/b] + dodatek [b]GAP GIMP Animation Package[/b]
Link do [url=http://www.gimpuj.info/index.php/topic,1689.0.html][b]GAP[/b][/url] i nie tylko.

[img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/final.gif[/img]

[hr]

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

[hr]

[b]1.[/b]  Otwórz lub stwórz sześć obrazów o wymiarach [b]300 x 200 pikseli[/b]. Równie dobrze możesz pobrać te widoczne poniżej:

[img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/obraz_1.png[/img] [img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/obraz_2.png[/img]

[img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/obraz_3.png[/img] [img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/obraz_4.png[/img]

[img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/obraz_5.png[/img] [img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/obraz_6.png[/img]

  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 [b]GIF[/b], czyli maksymalnie [b]256 kolorach[/b], a co za tym idzie niskiej jakości. Obrazy zbytnio rozbudowane kolorystycznie stracą dużo na swoim wyglądzie.

[b]2.[/b]  Zapisz obrazy pod dowolnymi nazwami, najlepiej w formacie [b]PNG[/b]. Możesz je zamknąć.
[b]3.[/b]  Otwórz nowy obraz o wymiarach [b]300 x 200 pikseli[/b] i [b]przezroczystym tle[/b].
[b]4.[/b]  Zapisz go jako np.: [b][i]warstwy.xcf[/i][/b].

  Teraz wklej utworzone wcześniej obrazy na osobne warstwy do pliku [b][i]warstwy.xcf[/i][/b].

[b]5.[/b]  Z menu [b][b]Plik[/b][/b] w obrazie [i][b]warstwy.xcf[/b][/i]  wybierz [b]Otwórz jako nową warstwę[/b] i z okna dialogowego wybierz najpierw pierwszy, potem drugi obraz i tak do szóstego.
[b]6.[/b]  Usuń warstwę Tło.

  W zakładce [b]Warstwy[/b] ma to wyglądać tak:

[img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/01.png[/img]

[b]7.[/b]  Zapisz obraz.
[b]8.[/b]  Zminimalizuj obraz.

[b][color=red]Nie zamykaj obrazu warstwy.xcf, gdyż dodatek GAP będzie z niego korzystał w dalszej pracy nad animacją.[/color][/b]

[hr]

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

[hr]

[b]9.[/b]  Utwórz nowy folder na potrzeby animacji, w którym dodatek [b]GAP[/b] będzie zapisywał pliki w formacie [b]XCF[/b]. Każdy taki plik będzie później osobną klatką animki. Po zakończeniu pracy będzie można go usunąć. Ja swój nazwałem [i][b]animacja[/b][/i].
[b]10.[/b]  Otwórz nowy, przezroczysty obraz o rozmiarach [b]300 x 200 pikseli[/b].
[b]11.[/b]  Zapisz go pod dowolną nazwą według wzoru [b][i]dowolna nazwa_000001.xcf[/i][/b]. Mój nosi nazwę [i][b]animacja_000001.xcf[/b][/i].

[color=red][b]Nie używaj w nazwach folderu i pliku polskich [url=http://pl.wikipedia.org/wiki/Znaki_diakrytyczne][b]znaków diakrytycznych[/b][/url][/color].

[b]12.[/b]  Warstwę [b][i]Tło[/i][/b] obrazu [b][i]animacja_000001.xcf[/i][/b] możesz pozostawić nie wypełnioną. Pod koniec pracy z animacją dodatek [b]GAP[/b] doda białe tło. Jeśli zamierzasz mieć inny kolor tła niż białe, to w tej chwili jest dobry moment aby wypełnić je wybranym kolorem.
[b]13.[/b]  Z menu [b]Video[/b] wybierz [b]Duplicate frames...[/b]
[b]14.[/b]  W oknie dialogowym przesuń suwak [b]N razy (N-times)[/b] na pozycję [b]59[/b] co da ci w sumie 60 klatek animacji.

[hr]

[center][size=12pt][b]Etap trzeci – animowanie obrazu pierwszego[/b][/size][/center]

[hr]

[b]15.[/b]  Z menu [b]Video[/b] wybierz [b]Move Path... (Ścieżki ruchu)[/b].

  Otworzy się okno [b]Ścieżki ruchu (Move Path)[/b]. Czerwonymi ramkami zaznaczyłem opcje, których użyjesz przy niniejszym tutorialu.

[img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/02.png[/img]

,,[color=red][b]A[/b][/color]" - [b]Obraz źródłowy (Source Image/Layer)[/b], warstwa poddawana animacji,
,,[color=red][b]B[/b][/color]" - [b]Tryb kroku (Stepmode)[/b], zachowanie się animowanej warstwy,
,,[color=red][b]C[/b][/color]" - [b]Uchwyt (Handle)[/b] , wskazanie punktu (czerwona kropka na przecięciu linii współrzędnych w oknie podglądu [color=red][b]J[/b][/color]), dla którego będą ustawiane współrzędne [b]X[/b] i [b]Y[/b] - [color=red][b]E[/b][/color] położenia warstwy wybranej w [b]Obraz źródłowy (Source Image/Layer)[/b] [color=red][b]A[/b][/color],
,,[color=red][b]D[/b][/color]" - [b]Aktualny punk (Current Point)[/b], wybrany punkt animacji,
,,[color=red][b]E[/b][/color]" - współrzędne uchwytu [color=red][b]C[/b][/color],
,,[color=red][b]F[/b][/color]" - [b]Zmiana rozmiaru (Scale and Modify)[/b], [b]Szerokość (Width)[/b] i [b]Wysokość (Height)[/b] wyrażane w procentach,
,,[color=red][b]G[/b][/color]" - [b]Perspektywa (Perspective)[/b], skalowanie perspektywy,
,,[color=red][b]H[/b][/color]" - [b]Ramka kluczowa (Keyframe)[/b], określa klatkę, na której ma się zakończyć dany punkt animacji [color=red][b]D[/b][/color],
,,[color=red][b]I[/b][/color]" - [b]Skalowanie proporcjonalne[/b],
,,[color=red][b]J[/b][/color]" - [b]Okno podglądu[/b],
,,[color=red][b]K[/b][/color]" - [b]Edycja punktów kontrolnych[/b]:
- ,,[color=red][b]K1[/b][/color]" - [b]Dodaj punkt (Add Point)[/b], dodaje kolejny punkt animacji,
- ,,[color=red][b]K2[/b][/color]" - [b]Poprzedni punkt (Prev Point)[/b], wybór punktu animacji,
- ,,[color=red][b]K3[/b][/color]" - [b]Następny punkt (Next Point)[/b], wybór punktu animacji,
- ,,[color=red][b]K4[/b][/color]" - [b]Otwórz (Open)[/b], wybór zapisanych parametrów punktów animacji,
- ,,[color=red][b]K5[/b][/color] – [b]Zapisz (Save)[/b], zapis parametrów punktów animacji do pliku,
,,[color=red][b]L[/b][/color]" - [b]Instant Apply[/b], włącza i wyłącza widok w oknie podglądu, [color=red][b]J[/b][/color], warstwy wybranej w [b]Obraz źródłowy (Source Image/Layer)[/b]  [color=red][b]A[/b][/color],
,,[color=red][b]M[/b][/color]" - [b]Od ramki (From Frame)[/b], określa, od której klatki rozpocznie się animowanie warstwy wybranej w [b]Obraz źródłowy (Source Image/Layer)[/b]  [color=red][b]A[/b][/color],
,,[color=red][b]N[/b][/color]" - [b]Do ramki (To Frame)[/b], określa klatkę ostatnią, na której zakończy się animowanie warstwy wybranej w [b]Obraz źródłowy (Source Image/Layer)[/b]  [color=red][b]A[/b][/color],
,,[color=red][b]O[/b][/color]" - [b]Podgląd animacji (Anim Preview)[/b], umożliwia obejrzenie animacji przed jej zapisaniem,
,,[color=red][b]P[/b][/color]" - [b]Ok[/b], zapisanie animacji.

[b]16.[/b]  Jako [b]Obraz źródłowy (Source Image/Layer)[/b] w rozwijanym menu ustaw warstwę [b][/i]obraz_1.png[/i][/b].
[b]17.[/b]  [b]Tryb kroku (Stepmode)[/b] ustaw na [b]Brak (None)[/b].
[b]18.[/b]  [b]Uchwyt (Handle)[/b] ustaw na [b]Środek (Center)[/b].
[b]19.[/b]  Ustaw współrzędne [color=red][b]E[/b][/color], [b]X = 150[/b], [b]Y = 100[/b].
[b]20.[/b]  Zaznacz opcję [b]Instant Apply[/b].
[b]21.[/b]  Kliknij w [b]Dodaj punkt (Add Point)[/b].
[b]22.[/b]  Kliknij w zakładkę [b]Perspektywa (Perspective)[/b].
[b]23.[/b]  Zmień parametry [b]x1[/b] i [b]x2[/b] na [b]0.700[/b].
[b]24.[/b]  Wróć do zakładki [b]Zmiana rozmiaru (Scale and Modify)[/b].
[b]25.[/b]  Kliknij w [b]Skaluj proporcjonalnie[/b] [img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/skaluj.png[/img].
[b]26.[/b]  Zmień [b]Wysokość (Height)[/b] na [b]1[/b]. W oknie podglądu będzie widoczna tylko cienka linia.
[b]27.[/b]  Zmień współrzędną uchwytu [b]Y[/b] na [b]0[/b] ([color=red][b]E[/b][/color]).
[b]28.[/b]  Suwak [b]Od ramki (From Frame)[/b] automatycznie ustawił się na pierwszą klatkę animacji i tak go pozostaw.
[b]29.[/b]  Suwak [b]Do ramki (To Frame)[/b] ustaw na [b]dziesiątą klatkę[/b].

[img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/03.png[/img]

W tym momencie warto zapisać ustawienia punktów kontrolnych.

[b]30.[/b]  Kliknij w [b]Zapisz (Save)[/b] [color=red][b]K5[/b][/color].
[b]40.[/b]  W oknie dialogowym wybierz folder, w którym zapiszesz parametry punktów.
[b]41.[/b]  Nazwij plik [b][i]do_góry.path_points[/i][/b].
[b]42.[/b]  Kliknij w [b]Ok[/b].
[b]43.[/b]  W oknie [b]Ścieżki ruchu (Move Path)[/b] kliknij w [b]Podgląd animacji (Anim Preview)[/b].
[b]44.[/b]  W oknie dialogowym kliknij w [b]Exact obiect on frames[/b].
[b]45.[/b]  [b]Rozmiar podglądu (Scale preview)[/b] ustaw na [b]100[/b].
[b]46.[/b]  [b]Tempo ramkowe (Frame rate)[/b] ustaw na [b]8[/b].

[img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/04.png[/img]

Po kliknięciu w [b]Ok[/b] pojawią się dwa okna: nowy obraz bez nazwy i okno podglądu animacji. Obejrzyj animkę. Zamknij oba okna nie zapisując obrazu.

[b]47.[/b]  Jeśli animacja jest prawidłowa w oknie [b]Ścieżki ruchu (Move Patch)[/b] kliknij w [b]Ok[/b].

Podgląd animacji:

[img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/anim01.gif[/img]

  Po zamknięciu okna [b]Ścieżki ruchu (Move Path)[/b] możesz jeszcze raz obejrzeć animację wybierając z menu [b]Video[/b] opcję [b]Playback...[/b]. To okno podglądy różni się od poprzedniego. Nie będę opisywał jego opcji, niemniej warto się nim pobawić i poznać jego opcje.

[hr]

[center][size=12pt][b]Etap czwarty – animowanie obrazu drugiego[/b][/size][/center]

[hr]

[b]48.[/b]  Otwórz okno [b]Ścieżki ruchu (Move Patch)[/b] (menu [b]Video -> Move Path...[/b])
[b]49.[/b]  Jako [b]Obraz źródłowy (Source Image/Layer)[/b] w rozwijanym menu ustaw warstwę [b][/i]obraz_2.png[/i][/b].
[b]50.[/b]  Powtórz kroki z punktów [b]17[/b] – [b]20[/b].
[b]51.[/b]  Kliknij dwa razy w [b]Dodaj punkt (Add Point)[/b]. W [b]Aktualny punk (Current Point)[/b] powinieneś(aś) zobaczyć [b]"[ 3] z [ 3]"[/b].
[b]52.[/b]  Teraz kliknij dwa razy w [b]Poprzedni punkt (Prev Point)[/b]. W [b]Aktualny punk (Current Point)[/b] powinieneś(aś) zobaczyć [b]"[ 1] z [ 3]"[/b].
[b]53.[/b]  Przejdź do zakładki [b]Perspektywa (Perspective)[/b].
[b]54.[/b]  Parametry [b]x3[/b] i [b]x4[/b] ustaw na [b]0.700[/b].
[b]55.[/b]  Wróć do zakładki [b]Zmiana rozmiaru (Scale and Modify)[/b].
[b]56.[/b]  Kliknij w [b]Skaluj proporcjonalnie[/b] [img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/skaluj.png[/img].
[b]57.[/b]  Zmień [b]Wysokość (Height)[/b] na [b]1[/b].
[b]58.[/b]  Zmień współrzędną uchwytu [b]Y[/b] na [b]200[/b] .
[b]59.[/b]  Kliknij w [b]Następny punkt (Next Point)[/b], aby przejść do drugiego punktu animacji ([ 2] z [ 3]).
[b]60.[/b]  W opcji [b]Ramka kluczowa (Keyframe)[/b] ustaw suwak na pozycji [b]10[/b].
[b]61.[/b]  Kliknij w [b]Następny punkt (Next Point)[/b], aby przejść do trzeciego punktu animacji ([ 3] z [ 3]).
[b]62.[/b]  W zakładce [b]Perspektywa (Perspective)[/b] ustaw parametry [b]y2[/b] i [b]y4[/b] na [b]0.600[/b].
[b]63.[/b]  Wróć do zakładki [b]Zmiana rozmiaru (Scale and Modify)[/b].
[b]64.[/b]  Sprawdź czy znak symbolizujący skalowanie proporcjonalne jest ,,rozerwany" [img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/skaluj2.png[/img], jeśli nie, kliknij go.
[b]65.[/b]  Zmień [b]Szerokość (Width)[/b] na [b]1[/b].
[b]66.[/b]  Współrzędną uchwytu [b]X[/b] ustaw na [b]300[/b].
[b]67.[/b]  Suwak [b]Do ramki (To Frame)[/b] ustaw na [b]dwudziestą klatkę[/b].
[b]68.[/b]  Podejrzyj animację zaznaczając w oknie ustawień podglądu opcję [b]Exact object on frames[/b].
[b]69.[/b]  Po obejrzeniu animki zamknij zbędne okna.
[b]70.[/b]  Jeśli animacja wygląda poprawnie to zapisz parametry punktów animacji do pliku klikając w [b]Zapisz (Save)[/b] [color=red][b]K5[/b][/color] i nadając mu nazwę [b][i]do_góry_i_w_prawo.path_points[/i][/b].
[b]71.[/b]  Zapisz animację klikając [b]Ok[/b] w oknie [b]Ścieżki ruchu (Move Path)[/b].

  Podgląd animki:

[img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/anim02.gif[/img]

[hr]

[center][size=12pt][b]Etap piąty – animowanie obrazu trzeciego[/b][/size][/center]

[hr]

[b]72.[/b]  Otwórz okno [b]Ścieżki ruchu (Move Patch)[/b] (menu [b]Video -> Move Path...[/b])
[b]73.[/b]  Jako [b]Obraz źródłowy (Source Image/Layer)[/b] w rozwijanym menu ustaw warstwę [b][/i]obraz_3.png[/i][/b].
[b]74.[/b]  Powtórz kroki z punktów [b]17[/b] – [b]20[/b].
[b]75.[/b]  Kliknij dwa razy w [b]Dodaj punkt (Add Point)[/b]. W [b]Aktualny punk (Current Point)[/b] powinieneś(aś) zobaczyć [b]"[ 3] z [ 3]"[/b].
[b]76.[/b]  Teraz kliknij dwa razy w [b]Poprzedni punkt (Prev Point)[/b]. W [b]Aktualny punk (Current Point)[/b] powinieneś(aś) zobaczyć [b]"[ 1] z [ 3]"[/b].
[b]77.[/b]  Przejdź do zakładki [b]Perspektywa (Perspective)[/b].
[b]78.[/b]  Parametry [b]x3[/b] i [b]x4[/b] ustaw na [b]0.600[/b].
[b]79.[/b]  Wróć do zakładki [b]Zmiana rozmiaru (Scale and Modify)[/b].
[b]80.[/b]  Kliknij w [b]Skaluj proporcjonalnie[/b]
[b]81.[/b]  Zmień [b]Szerokość (Width)[/b] na [b]1[/b].
[b]82.[/b]  Zmień współrzędną uchwytu [b]X[/b] na [b]0[/b] .
[b]83.[/b]  Kliknij w [b]Następny punkt (Next Point)[/b], aby przejść do drugiego punktu animacji ([ 2] z [ 3]).
[b]84.[/b]  W opcji [b]Ramka kluczowa (Keyframe)[/b] ustaw suwak na pozycji [b]20[/b].
[b]85.[/b]  Kliknij w [b]Następny punkt (Next Point)[/b], aby przejść do trzeciego punktu animacji ([ 3] z [ 3]).
[b]86.[/b]  Przejdź do zakładki [b]Perspektywa (Perspective)[/b].
[b]87.[/b]  Zmień parametry [b]x1[/b] i [b]x2[/b] na [b]0.700[/b].
[b]88.[/b]  Wróć do zakładki [b]Zmiana rozmiaru (Scale and Modify)[/b].
[b]89.[/b]  Sprawdź czy znak symbolizujący skalowanie proporcjonalne jest ,,rozerwany" [img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/skaluj2.png[/img], jeśli nie, kliknij go.
[b]90.[/b]  Zmień [b]Wysokość (Height)[/b] na [b]1[/b].
[b]91.[/b]  Zmień współrzędną uchwytu [b]Y[/b] na [b]0[/b] ([color=red][b]E[/b][/color]).
[b]92.[/b]  Suwak [b]Od ramki (From Frame)[/b] ustaw na [b]10[/b].
[b]93.[/b]  Suwak [b]Do ramki (To Frame)[/b] ustaw na [b]30[/b].
[b]94.[/b]  Obejrzyj animkę klikając w [b]Podgląd animacji (Anim Preview)[/b] w oknie [b]Ścieżki ruchu (Move Path)[/b].

  Podgląd animki przy zaznaczonej opcji [b]Exact object on frames[/b] w oknie ustawień podglądu:

[img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/anim03.gif[/img]

[b]95.[/b]  Jeśli animacja wygląda poprawnie to zapisz parametry punktów animacji do pliku klikając w [b]Zapisz (Save)[/b] i nadając mu nazwę [b][i]w_prawo_i_do_góry.path_points[/i][/b].
[b]96.[/b]  Zapisz animację klikając [b]Ok[/b] w oknie [b]Ścieżki ruchu (Move Path)[/b].

[hr]

  Teraz już pójdzie szybciej .
  Kolejne etapy będę opisywał mniej szczegółowo. Podstawowe ruchy to otwarcie okna [b]Ścieżki ruchu (Move Path)[/b], wybranie opcji [b]Brak[/b] w [b]Tryb kroku (Step Mode)[/b], ustawienie [b]Uchwytu (Handle)[/b] na [b]Środek[/b] i zaznaczenie opcji [b]Instant Apply[/b].



[b]97.[/b]  Obraz źródłowy -  [b][i]obraz_4.png[/i][/b].
[b]98.[/b]  Suwak [b]Od ramki (From Frame)[/b] ustaw na [b]20[/b].
[b]99.[/b]  Suwak [b]Do ramki (To Frame)[/b] ustaw na [b]40[/b].
[b]100.[/b]  Klikając w [b]Otwórz (Open)[/b] [color=red][b]K4[/b][/color] otwórz zapisane parametry punktów animacji z pliku [b][i]do_góry_i_w_prawo.path_points[/i][/b].
[b]101.[/b]  Modyfikuj ramkę kluczową drugiego punktu animacji zmieniając ją z [b]29[/b] na [b]30[/b].
[b]102.[/b]  Obejrzyj animkę.
[b]103.[/b]  Jeśli wszystko jest jak należy możesz zapisać animację.

[hr]

[center][size=12pt][b]Etap siódmy – animowanie obrazu piątego[/b][/size][/center]

[hr]

[b]104.[/b]  Obraz źródłowy -  [b][i]obraz_5.png[/i][/b].
[b]105.[/b]  Suwak [b]Od ramki (From Frame)[/b] ustaw na [b]30[/b].
[b]106.[/b]  Suwak [b]Do ramki (To Frame)[/b] ustaw na [b]50[/b].
[b]107.[/b]  Klikając w [b]Otwórz (Open)[/b] [color=red][b]K4[/b][/color] otwórz zapisane parametry punktów animacji z pliku [b][i]w_prawo_i_do_góry.path_points[/i][/b].
[b]108.[/b]  Obejrzyj animkę.
[b]109.[/b]  Jeśli wszystko jest jak należy możesz zapisać animację.

[hr]

[center][size=12pt][b]Etap ósmy – animowanie obrazu szóstego[/b][/size][/center]

[hr]

[b]110.[/b]  Obraz źródłowy -  [b][i]obraz_6.png[/i][/b].
[b]111.[/b]  Suwak [b]Od ramki (From Frame)[/b] ustaw na [b]40[/b].
[b]112.[/b]  Suwak [b]Do ramki (To Frame)[/b] ustawił się automatycznie na [b]60[/b] i tak go pozostaw.
[b]113.[/b]  Klikając w [b]Otwórz (Open)[/b] [color=red][b]K4[/b][/color] otwórz zapisane parametry punktów animacji z pliku [b][i]do_góry_i_w_prawo .path_points[/i][/b].
[b]114.[/b]  Modyfikuj ramkę kluczową drugiego punktu animacji zmieniając ją z [b]49[/b] na [b]50[/b].
[b]115.[/b]  Obejrzyj animkę.
[b]116.[/b]  Jeśli wszystko jest jak należy możesz zapisać animację.

  Terza znów na piechotę .

[hr]

[center][size=12pt][b]Etap dziewiąty – powtórne animowanie obrazu pierwszego[/b][/size][/center]

[hr]

[b]117.[/b]  Otwórz okno [b]Ścieżki ruchu (Move Path)[/b].
[b]118.[/b]  Jako [b]Obraz źródłowy (Source Image/Layer)[/b] w rozwijanym menu ustaw warstwę [b][/i]obraz_1.png[/i][/b].
[b]119.[/b]  [b]Tryb kroku (Stepmode)[/b] ustaw na [b]Brak (None)[/b].
[b]120.[/b]  [b]Uchwyt (Handle)[/b] ustaw na [b]Środek (Center)[/b].
[b]121.[/b]  Ustaw współrzędne [color=red][b]E[/b][/color], [b]X = 150[/b], [b]Y = 100[/b].
[b]122.[/b]  Zaznacz opcję [b]Instant Apply[/b].
[b]123.[/b]  Kliknij w [b]Dodaj punkt (Add Point)[/b].
[b]124.[/b]  Kliknij w zakładkę [b]Perspektywa (Perspective)[/b].
[b]125.[/b]  Zmień parametry [b]y1[/b] i [b]y3[/b] na [b]0.600[/b].
[b]126.[/b]  Wróć do zakładki [b]Zmiana rozmiaru (Scale and Modify)[/b].
[b]127.[/b]  Kliknij w [b]Skaluj proporcjonalnie[/b] [img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/skaluj.png[/img].
[b]128.[/b]  Zmień [b]Szerokość (Width)[/b] na [b]1[/b].
[b]129.[/b]  Zmień współrzędną uchwytu [b]X[/b] na [b]0[/b] ([color=red][b]E[/b][/color]).
[b]130.[/b]  Suwak [b]Od ramki (From Frame)[/b] ustaw na [b]50[/b].
[b]131.[/b]  Suwak [b]Do ramki (To Frame)[/b] pozostaw na [b]60[/b].
[b]132.[/b]  Obejrzyj animkę.

  Podgląd animki przy zaznaczonej opcji [b]Exact object on frames[/b] w oknie ustawień podglądu:

[img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/anim04.gif[/img]

[b]133.[/b]  Jeśli animacja wygląda prawidłowo zapisz parametry punktów animacji do pliku nadając mu nazwę [b][i]w_prawo.path_points[/i][/b].

  W tym momencie możesz zadać pytanie po co ten plik skoro animacja jest prawie gotowa, podobnie jak nie wykorzystane  parametry z pliku [b][i]do_góry.path_points[/i][/b]. Odpowiedź jest prosta, choćby do stworzenia drugiej animacji. Dzięki nim praca jest szybsza i przyjemniejsza.

[b]134.[/b]  W oknie [b]Ścieżki ruchu (Move Path)[/b] kliknij [b]Ok[/b] w celu zapisania animki.

[hr]

[center][size=12pt][b]Etap dziesiąty – tworzenie pliku animacji[/b][/size][/center]

[hr]

[b]135.[/b]  Z menu [b]Video[/b] wybierz opcję [b]Ramki do obrazu... (Frames to Image...)[/b]
[b]136.[/b]  W oknie dialogowym ustaw suwak [b]Do ramki (To Frames)[/b] na [b]59[/b]. W jakim celu? Ramka pierwsza i sześćdziesiąta są takie same, więc ta ostatnia jest zbędna.
[b]137.[/b]  Zmień wpis w [b]Nazwa bazowa warstwy (Layer Basename)[/b] z [b][i]frame_[######] (41ms)[/i][/b] na [b][i]frame_[######] (66ms)[/i][/b], co zmniejszy ilość klatek na sekundę z 24 na 15.

[img]http://kifer.gimpuj.info/grafika_tutki/niczym beryl/05.png[/img]

[b]138.[/b]  Kliknij [b]Ok[/b]. Utworzony zostanie nowy obraz o nazwie [b][i]frame_000001.xcf[/i][/b].
[b]139.[/b]  W zakładce [b]Warstwy[/b] powyższego pliku zmodyfikuj atrybuty następujących warstw:
  - [b][i]frame_000001 (66ms)[/i][/b],
  - [b][i]frame_000010 (66ms)[/i][/b],
  - [b][i]frame_000020 (66ms)[/i][/b],
  - [b][i]frame_000030 (66ms)[/i][/b],
  - [b][i]frame_000040 (66ms)[/i][/b],
  - [b][i]frame_000050 (66ms)[/i][/b],
zmieniając fragment ,,[b][i]66ms[/i][/b]" na ,,[b][i]1000ms[/i][/b]".

  (W zakładce Warstwy klikasz dwa razy LPM na nazwę warstwy i zmieniasz jej nazwę)

[b]140.[/b]  Z menu [b]Filtry[/b] wybierz [b]Animacja -> Optymalizuj (różnica)[/b]. Powstanie nowy obraz.
[b]141.[/b]  Z menu [b]Zaznaczenie[/b] wybierz [b]Wszystko[/b].
[b]142.[/b]  Z tego samego menu wybierz [b]Zmniejsz[/b].
[b]143.[/b]  W oknie dialogowym ustaw [b]1 piksel[/b].
[b]144.[/b]  Z menu [b]Obraz[/b] wybierz [b]Kadruj obraz[/b].

  W jakim celu kadrujesz obraz? Zapisz animację przed kadrowaniem i przyjrzyj się lewej i dolnej krawędzi animacji. Wnioski nasuną się same.

[b]145.[/b]  Zapisz obraz pod dowolną nazwą w formacie GIF, pamiętając o zaznaczeniu opcji ,,[b]Zapisz jako animację[/b]" w oknie eksportu.

  I to by było na tyle.
  Gratuluję, stworzyłeś(aś) piękną animację.

[hr]

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

[hr]

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