Drukuj stronę - GIMP Animation Pack

Tłumacznie ze strony: http://www.gimptalk.com/forum/topic/tutorial-(gap)advanced-Animation-Simplified-149-1.html (http://www.gimptalk.com/forum/topic/tutorial-(gap)advanced-Animation-Simplified-149-1.html)
Autor oryginału: Sean-Michael (http://www.gimptalk.com/forum/profile.php?m=121)
Na prośbę: leemonca

Stopień trudności: * (łatwy)

Autor tego nie napisał, a co na szczęście wiedział cakper (http://www.gimpuj.info/index.php?action=profile;u=1): ale do tego tutka bedziemy potrzebować wtyczki do GIMPa: "GIMP-Animation-Pack" - szukanie pozostawiam wam, propnuje zacząć od: http://www.google.pl/search?hl=pl&q=gimp+animation+pack&lr=&btnG=Szukaj+w+Google (http://www.google.pl/search?hl=pl&q=gimp+animation+pack&lr=&btnG=Szukaj+w+Google):]
Ja zdobyłem angielską wersję tej wtyczki - nie wiem czy jest polska, chwile nawet szukałem, ale bez rezultatu. Jakby ktoś znalazł - niech da znać.

Startujemy!

1. Zacznijmy od .. założenia nowego folderu na naszą pracę. Czemu? Wkrótce otrzymacie sporo ramek (w tej lekcji około 40), każda w osobnym pliku. Swój (folder) nazwę LekcjaAnimacji.

2. Przygotowujemy tło, na którym będziemy animować. Ja użyje obrazka o wielkości 420x150. Dobrze by było pamiętać te magiczne liczby - przydadzą się.

(http://images1.fotosik.pl/158/28f3968055a63db2.jpg)

3. Zapiszmy naszą pracę. Oczywiście w poprzednio utworzonym folderze. Tu uwaga: zapisujemy pod nazwą: nazwa_0001.xcf, (ja nazwę ją animacja_0001.xcf - liczbę zer możemy oczywiście zmienić, ale warto żeby było ich kilka). Za niedługo wyjaśni się, czemu taki a nie inny format nazwy.

4. Tworzymy nowy obraz (pamiętamy wymiary?), tło przeźroczyste. Co będziemy chcieli ruszać? Może tekst, albo obrazek? Oba? Cokolwiek postanowimy każdy obiekt, jaki będzie się poruszał, stawiamy na osobnej warstwie. Poniżej prezentuje przykład (3 napisy i obrazek - znany i lubiany Wilberek). Gotowe? Zapisujemy jako xcf (ja zapisałem jako ElementyAnimacji.xcf) w znanym nam już folderze.

(http://images1.fotosik.pl/158/c18e29082f954713.jpg)

5. Zanim przejdziemy dalej upewnijmy się, że macie tło (czy plik Animacja_0001.xcf - właśnie ten plik, będę tytułował "tłem") i to co będziemy animować (u mnie to plik ElementyAnimacji.xcf) - czyli oba wcześniej utworzone pliki.

6. Terez bedzie sporo frajdy! LOL Otwieramy oba obrazki. Na obrazku Animacja_0001.xcf używamy: Video->Duplicate Frames...

(http://images4.fotosik.pl/113/c4345aa81ac779b1.jpg)

Jak ustawiamy ostatni wskaźnik (N times) na 39. Klikamy OK. Zajrzyjmy do naszego folderu. Teraz już wiecie po co był. Taka uwaga: im więcej ramek (klatek) animacji tym jest ona ładniejsza. Dobrze... rozruszajmy to trochę:]

7. Na naszym tle - powinno wciąż być jeszcze uruchomione, używamy: Video->Move Path... powinno się pokazać okienko:

(http://images1.fotosik.pl/158/f5872191b56c6398.jpg)

**CZEKAJ**

Przyjrzyjmy się rysunkowi, wyróżnionym częścią - oznaczonymi literami - będą się do nich odwoływał.

8. Łatwo zauważyć, że moje ustawienia różnią się od Waszych - zmieńmy to. Po pierwsze ustawienie "B" (Stepmode) zmień na "none", zaznacz "G" (Instant apply), "C" (Handle) zależy od Was - określa gdzie chcemy umieścić swoją animację (ja umieściłem na środku: center), w "A" wybierz pierwszy element jaki chcesz animować.

[trzeba wiedzieć, że to narzędzie działa jak ploter, ustawiamy punkt początkowy i punkt końcowy, komp na ich podstawie generuje animacje]

9. Postawmy pierwszy punkt (początkowy). Można to zrobić ręcznie, można też posłużyć się suwakami w sekcji "D" i "E" (tu przydaje się wycentrowanie jakie można ustawić w sekcji "C"). Moje ustawienia: X: -119, Y: 75, Width: 350, Height: 350 (panel po prawej ("E") służy po skalowania animowanego obiektu, jest tam suwak odpowiedzialny za obrót (np.: jakbyśmy chcieli "wtoczyć" Wilberka) i krycie (jakbyśmy chcieli żeby Wilberek pojawił się jak duch:P))

(http://images3.fotosik.pl/149/dee5c88ca1848716.jpg)

10. Postawiony? OK. Klikamy "Add Point" ("F"). Teraz stawiamy kolejny punkt. Moje ustawienia: X: 210, Y: 70, Width: 150, Height: 150

(http://images1.fotosik.pl/158/8df7ddb01029c15e.jpg)

*TYLKO NIE KLIKAJ "ADD POINT". NA RAZIE...*

11. Tym razem klikniemy na przycisk "Anim Preview". Powinno wyskoczyć okienko jak poniżej. Podaj tam następujące wartości: wybrać opcję "Exect object on frames", "Scale Preview" na 100, "Framerate" na 10.

(http://images2.fotosik.pl/149/3eaf8fbc28b93ad3.jpg)

12. Wyskoczyły dwa nowe okienka? To dobrze, działa:) Nie zapisujcie ich, to tylko podgląd. Zobaczmy jak wygląda nasza animacja. Jeśli coś Ci się nie podoba, zmień to, i sprawdź jak teraz wyszło. Tutaj uwaga: zauważ, że ruch odbywa się w 40 klatkach.

*NIE ZAPISUJ PODGLĄDU!*

13. Ponownie kliknijcie "Add Point" ("F"), Gdy teraz obejrzysz podglądą zauważycie, że po 20 klatkach animacja zastopuje się (na kolejnych 20).

14. Klikamy OK ("L"), ścieżka zostanie zapisana. Nie zobaczycie tego, ale uwierzcie mi, że tak się stanie. Zaraz zresztą sami się przekonacie.

15. Na naszym tle ponownie wybieramy Video->Move Path... okienko znamy:) Ustawamiamy "Stepmode" ("B") na none, zaznaczamy "Instant apply" ("G"), "Handle" ("C") - wiemy do czego służy, ja ustawiłem ponownie na "center". W "A", przypomnę, wybieramy element jaki chcemy animować - tym razem wybiorę tam jakiś tekst (np.: ten "gimpuj.info").

16. Zobaczmy na co stać ustawienia z zakładki "Perspective" ("K"), dzięki temu narzędziu możemy manipulować obiektami, tak jak robimy to przy użyciu narzędzia "Zmiana perspektywy warstwy lub zaznaczenia". Ustawmy x3 na 0,8 i jeszcze panel po lewej - w moim przypadku: X: 400 Y: 80. Wprowadźmy też pewnie opóźnienie w pojawieniu się animacji, za pomocą suwaków w sekcji "I", "From Frame" ustawmy na 10 (tu uwaga: podgląd będzie dotyczył tylko klatek od 10 do 40 - według tych ustawień. Niech was to nie zwiedzie!)

(http://images1.fotosik.pl/158/469ff697c5c75e07.jpg)

Przed kolejny punktem, skorzystajmy z suwaka "Frame" ("H"). Podgląd dostosowuje się do tego ustawienia, zresztą - przekonacie się. Nie wpływa to na naszą pracę - można z tego korzystać, jak z szybkiego poglądu.

Ustawiamy kolejny punkt: X: 200, Y: 70, x3: 1 (czyli brak ingerencji w perspektywę)
(http://images1.fotosik.pl/158/8b8640683275636f.jpg)

17. Podobnie jak autor oryginału, tak i ja nie chcę żadnych statycznych napisów, skąd też, nie dodaje trzeciego punktu. Klikamy OK ("L"). Oczywiście można korzystać z "Anim Preview" ("J"), tylko należy pamiętać, by NIE zapisywać podglądów.
Teraz czas na waszą inwencję;) pozostało mi parę tekstów, wiec je również zanimuję, czego opisu oszczędzę. Kiedy już rozruszacie wszystko co chcecie przejdźcie do kolejnego punktu.

18. Gotowe? Dobrze - poznamy teraz kolejne narzędzie: Video->Playback, oczywiście wykorzystamy go na naszym obrazku przedstawiającym tło.

(http://images1.fotosik.pl/158/390fcc13fed0af52.jpg)
Narzędzie to służy do podglądu. Poeksperymentuj chwile.

19. Teraz na tym samym obrazku klikamy Video->VCR Navigator... powinno wyskoczyć takie okienko:

(http://images2.fotosik.pl/149/eedf859df183f6d4.jpg)

Podobnie jak autor oryginału, ja też ustawie "Framerate" na 10 - wartość ta odpowiada za prędkość animacji. Śmiało zamknijmy okienko. Teraz wybieramy Video->Frames to Image... Wyskoczy nam coś podobnego do tego:

(http://images3.fotosik.pl/149/9264d53cad2b5dc0.jpg)
Klikamy OK.

I co? Mamy nowy obrazek, który ma 40 warstw!

20. Otrzymaliśmy wiec naszą animacje - klatka, po klatce. Ma to niezły rozmiar (u mnie 1,77MB). Za duży by np.: umieszczać go w sieci. Dlatego nieco go ograniczymy;
Na nowo otrzymanym obrazku klikamy: Filtry->Animacja->Optymalizuj (dla formatu GIF)
Otrzymujemy kolejny obrazek. Jest to animacja, tyle, że mniejsza:)

21. Jeśli chcecie można zmienić czas wyświetlania się jakieś klatki. Aby to zrobić trzeba zmienić nazwę warstwy, wystarczy się przyjrzeć, by zobaczyć, że obok numeru jest w nawiasie czas wyświetlania. Zmień czas ostatniej (40stej) ramki na 5 sekund (czyli 5000 ms):

(http://images3.fotosik.pl/149/6d042687baad9019.jpg)

Pamiętajcie, że zawsze można zobaczyć podgląd animacji: Filtry->Animacja->Playback...

22. Zapisujemy naszą pracę jako .gif

(http://images2.fotosik.pl/149/1c043b2a6e321ad8.gif)

Gratulacje!

Kurcze - nie zauważyłem jakoś wcześniej - miałem złe screeny w złych miejscach:]
Ale i tak chyba nikt nie wypatrzył:P wiec mi się upiekło.

Polskie Forum Użytkowników GIMP-a

Tutoriale => Tutoriale do poprawy => Wątek zaczęty przez: Ziomioslaw on 20.09.2006, 18:20:52