Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

Polskie Forum Użytkowników GIMP-aTutorialeTutorialeGIMPAnimacjeWątek: Animowany userbar z wykorzystaniem GAP
Strony: [1] 2 3 ... 5
DrukujPobierz PDF
Autor Wątek: Animowany userbar z wykorzystaniem GAP  (Przeczytany 128517 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
Kifer71
Gość
« : 10.02.2007, 20:01:58 »

Oryginał znajduje się tutaj. Niestety aby go zobaczyć trzeba się zarejestrować Język.
Autor pGs.
O przełożenie na "język" Gimp'a poprosił(a) Miszu.
Wersja GIMP'a: 2.2.x + GAP (GIMP Animation Package)



Przede wszystkim do wykonania animowanego userbara potrzebny jest dodatek GAP (GIMP Animation Package). Jeśli go nie posiadasz to linki znajdziesz na naszym forum w tym topiku. Podstawy pracy z GAP opisuje Ziomioslaw w tutorialu GIMP Animation Pack - przykład użycia.

Pracę zacznij od stworzenia userbara, na którym chcesz uzyskać animację. Nie będę się tu rozpisywał jak wyprodukować ubka. Na forum jest kilka tutoriali na ten temat więc zapraszam do lektury.
Musisz też wybrać obraz, który będziesz animował(a). Może to być render lub rysunek o takim samym tle jak userbar. Grafiki użyte w tutorialu możesz zobaczyć poniżej.





Pamiętaj, że wynik końcowy to animowany obraz w formacie GIF. Warto więc grafiki używane do budowy animacji zapisać najpierw do powyższego formatu i sprawdzić czy nie straciły zbyt dużo na jakości. Unikniesz w ten sposób rozczarowania na końcu pracy.

Załączam pliki XCF i gotową pracę. Chcesz to pobierz.

Do dzieła.



1.    Utwórz folder na potrzeby animacji i nazwij go np. animacja.
2.    Userbar zapisz jako userbar_001.xcf w folderze animacja.
3.    Otwórz też wybrany obiekt do animacji. W moim przypadku to obiekt_animowany_1.xcf.
4.    W obrazie userbar_001.xcf z menu Video wybierz Duplicate Frames....
5.    W oknie Duplikowanie ramek (Duplicate frames) w opcji N razy (N-times) wpisz 150 przez co uzyskasz 150 klatek animacji.



6.    Teraz z menu Video wybierz Move Path....

Otworzy się okno Ścieżki ruchu (Move Path). Czerwonymi ramkami zaznaczyłem opcje używane przy tym tutorialu.



7.    Obraz źródłowy (Source Image/Layer)A” – ustaw obiekt, który będziesz animował(a) (obiekt_animowany_1.xcf).
8.    Tryb kroku (Stepmode)B” ustaw na Brak (None).
9.    Zaznacz opcję Instant ApplyK” – uaktywnia widok obrazu źródłowego w podglądzie (Preview).

Ponieważ animowany obiekt ustawia się automatycznie przy lewej i górnej krawędzi animacji, co nie zawsze musi nam odpowiadać, można przesunąć go w prawo i dół zmieniając parametr X i YD1, D2”w opcji Aktualny punkt (Current point)C”. Jeśli się na to decydujesz to w w tym tutorialu jest to wielkość odpowiednio 40 i 15 pikseli.

10.    W opcji Aktualny punkt (Current point)C” ustaw parametr XD1” na 40.
11.    Parametr YD2” ustaw na 15 i wciśnij Enter.

Najbezpieczniej jest wpisywać wielkości parametrów nie używając suwaków.

12.    Teraz musisz dodać drugi punkt animacji klikając na Dodaj punkt (Add Point)H”.
13.    W opcji Aktualny punkt (Current point)C” ustaw parametr YD2” na -150.

Wielkość parametru YD2” zależna jest od wysokości animowanego obiektu, a także od tego jak wysoko chcesz podnieść przesuwany obraz. W niniejszym tutku zdecydowałem się na przesunięcie obiektu aż do jego dolnej krawędzi.

Teraz należy przesunąć obiekt do dołu. W tym celu dodaj kolejny punkt animacji.

14.    Kliknij Dodaj punkt (Add Point)H”.
15.    Parametr YD1” ustaw na -30.

Oryginalny tutorial zakładał jeszcze zanikanie animowanego obrazu.

16.    Kliknij Dodaj punkt (Add Point)H”.
17.    Suwak Zanikanie (Opacity)E” ustaw na 0.
18.    Kliknij Dodaj punkt (Add Point)H”.

Piąty punkt animacji mógłby wydawać się zbędny, ale by móc edytować Ramki kluczowe (Current Point)C” czwartego punktu animki jest on konieczny.
Teraz musisz określić numery klatek (Ramki kluczowe), na których będą się kończyć kolejne, wcześniej dodane punkty animacji.

19.    Klikaj w Poprzedni punkt (Prev Point)I” do momentu, kiedy w opcji Aktualny punkt (Current Point)C” będziesz widzieć drugi punkt animacji, Aktualny punkt [ 2] z [ 5] (Current Point [ 2] of [ 5]).
20.    Ustaw Aktualny punkt (Current Point)C” na 40 dla drugiego punktu animacji i wciśnij Enter.
21.    Teraz kliknij w Następny punkt (Next Point)J”.
24.    Dla trzeciego punktu animacji ustaw ramkę nr 70, pamiętaj o Enter.
23.    Dla czwartego punktu animacji nr ramki ustaw na 90.



Teraz możesz obejrzeć animację.

25.    W tym celu przesuń suwak Do ramki (To Frame)L” na pozycję 91, aby nie oglądać pustych klatek animacji.
26.    Kliknij w Podgląd animacji (Anim Preview)M”. Otworzy się okno Animowany podgląd ścieżki ruchu (Move Path Animated Preview).
27.    Zaznacz Exact object on frames aby w podglądzie animki widzieć także tło, a nie tylko animowany obiekt.
28.    Wielkość podglądu, wyrażaną w procentach, ustaw na 100 (Scale preview).



29.    Kliknij w Ok. Otworzy się okno podglądu animacji i utworzony zostanie nowy obraz Bez nazwy.
30.    Obejrzyj animację i zamknij oba okna nie zapisując obrazu.



31.    W oknie Ścieżka ruchu (Move Path) kliknij Ok.

Tak oto dotarłeś(aś) do końca pierwszego etapu animowania userbara.

Oglądając animację zauważyłeś(aś) z pewnością, że obiekt animowany zakrywa również ramkę ubka. Kolejnym krokiem będzie więc wyeliminowanie tego zjawiska.

32.    Otwórz nowy przezroczysty obraz o wymiarach userbara.
33.    Narysuj w nim ramkę.
34.    Przejdź do obrazu userbar_001.xcf i z menu Video wybierz Move Path....
35.    W znanej ci opcji Obraz źródłowy (Source Image/Layer)A” – ustaw obiekt (Bez nazwy.xcf) i kliknij Ok.

Ramka została dodana do wszystkich klatek animacji. Możesz więc zamknąć obraz Bez nazwy.xcf.

Teraz dodamy jeszcze animowany napis. Sposób wykonania tekstu pozostawiam twojej własnej inwencji. W tutorialu użyłem obrazu z napisem „HELLOWEEN”, czcionka Viner Hand ITC, rozmiar 20, (obiekt_animowany_2.xcf).



36.    W oknie obrazu userbar_001.xcf wybierz menu Video -> Move Path....
37.    Jako Obraz źródłowy (Source Image/Layer)A” ustaw obraz obiekt_animowany_2.xcf.
38.    Pamiętaj aby parametr Tryb kroku (Stepmode)B” ustawić na Brak (None).

W znany ci sposób dodawaj teraz poszczególne punkty animacji.

38a.    Punt 1 – parametr X=50, Y=-1
38b.    Punt 2 – parametr X=50, Y=-1, Zanikanie (Opacity) ustaw na 0, Ramka kluczowa (Current Point)=20.
38c.    Punt 3 – parametr X=50, Y=-1, Zanikanie (Opacity) ustaw na 0, Ramka kluczowa (Current Point)=70.
38d.    Punt 4 – parametr X=50, Y=-1, Zanikanie (Opacity) ustaw na 0, Ramka kluczowa (Current Point)=90.

39.    Obejrzyj animację, pozamykaj zbędne okna i kliknij w oknie Ścieżka ruchu (Move Path) Ok.

Teraz należy usunąć nadmiar klatek animacji. Należy wyrzucić ramki od numeru 91 do 151. Są na to dwa sposoby. Możesz przejść do folderu animacji i usunąć nie potrzebne klatki, lub otworzyć w GIMP'ie klatkę nr 91. Jeśli zdecydowałeś(aś) się na pierwszy sposób przejdź od razu do punktu 42 tutoriala, jeśli na drugi sposób to patrz punkt 40 tutka.

40.    W obrazie userbar_091.xcf wybierz Video -> Delete frames....
41.    W oknie dialogowym usuwania ramek przesuń suwak maksymalnie w prawo, czyli do 151 klatki i wciśnij Ok.
42.    Zamknij okno obrazu, którego nazwa automatycznie zmieniła się na userbar_090.xcf.
43.    W oknie obrazu userbar_001.xcf z menu Video wybierz Frames to Image....



44.    W oknie Ramki do obrazu (Frames to Image) zmień w opcji Nazwa bazowa warstwy (Layer Basename) wpis frame_[######] (41ms) na frame_[######] (100ms) i kliknij Ok. Zabieg ten wydłuży czas wyświetlania klatek animacji.

Powstanie nowy obraz Bez nazwy.

45.    Wybierając menu Filtry -> Animacja -> Playback... możesz obejrzeć animację.
46.    W oknie obrazu Bez nazwy wybierz Filtry -> Animacja -> Optymalizuj (różnica).

Powstanie kolejny obraz Bez nazwy.

47.    Zamknij poprzedni Bez nazwy, a dopiero co powstały obraz zapisz jako dowolna nazwa.gif.
48.    W oknie eksportu pliku zaznacz opcję Zapisz jako animację

...i to już koniec.
Możesz zacząć podziwiać wyniki swojej pracy.



Zgłaszaj ewentualne błędy i pytaj jeśli czegoś nie rozumiesz.


K71

« Ostatnia zmiana: 14.03.2012, 18:45:12 wysłane przez Ziomioslaw » Zapisane
yhcic
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
Wiadomości: 46
Galeria Użytkownika


Uzależniony od GIMPA :D


Zobacz profil
« Odpowiedz #1 : 11.02.2007, 15:43:24 »

Jak zrobić aby render jeździł z góry na dół bez przerwy ?? (tam i  z powrotem tak jak u Ciebie)

I jak mam zrobić żeby nie było tak dużej przerwy jaka jest u mnie ? (usówałem te od 91 -150 nic to nie dało)



Z góry dziękuje za odpowiedź. Uśmiech
Zapisane

Kifer71
Gość
« Odpowiedz #2 : 11.02.2007, 18:25:07 »

Po pierwsze parametr Y (D2-na rysunku okna Move Path) zależny jest od wysokości animowanego obiektu.
Tak samo ilość klatek to indywidualny wybór. Przerwa u ciebie może być spowodowana złymi ustawieniami klatek kluczowych (F), co wiąże się ściśle z punktami animacji.
Musisz dokładnie przerobić punkty tutka od 7 do 23, dopasowując parametry X i Y do własnej pracy.
Ja też nie od razu uzyskałem żądany efekt przez co tutorial trzy dni pisałem Język.
Korzystaj z szybkiego podglądu, to ten suwak o nazwie Frame w dolnym, lewym rogu okna Move Path.
Zapisane
yhcic
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
Wiadomości: 46
Galeria Użytkownika


Uzależniony od GIMPA :D


Zobacz profil
« Odpowiedz #3 : 11.02.2007, 21:45:10 »

Udało mi się  Duży uśmiech Jeszcze to tylko dopracuje i będzie git Uśmiech



Dzięki Kifer.
« Ostatnia zmiana: 11.02.2007, 22:15:04 wysłane przez yhcic » Zapisane

Folder
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.3
Wiadomości: 16
Galeria Użytkownika



Zobacz profil
« Odpowiedz #4 : 18.03.2007, 19:02:59 »

Gdy wykonuje punkt 6 (czyli naciskam move path) pojawia mi się takie okno: http://img160.imageshack.us/my.php?image=pomocyua5.jpg
Zapisane
yhcic
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
Wiadomości: 46
Galeria Użytkownika


Uzależniony od GIMPA :D


Zobacz profil
« Odpowiedz #5 : 18.03.2007, 20:33:20 »

Wykonałeś ten podpunkt ??

2.    Userbar zapisz jako userbar_001.xcf w folderze animacja.

Zmień tak nazwe aby miała costam_001.xcf
Zapisane

Folder
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.3
Wiadomości: 16
Galeria Użytkownika



Zobacz profil
« Odpowiedz #6 : 19.03.2007, 20:44:16 »

tak zrobiłem tak. nawet na kilka sposobów. Co ja źle robię?
Zapisane
yhcic
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
Wiadomości: 46
Galeria Użytkownika


Uzależniony od GIMPA :D


Zobacz profil
« Odpowiedz #7 : 19.03.2007, 22:51:36 »

4.    W obrazie userbar_001.xcf z menu Video wybierz Duplicate Frames...

A wykonałeś ten podpunkt, bo u mnie pojaiwa się też te okienko jeśli tego nie zrobię ?   Niezdecydowany
Zapisane

Folder
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.3
Wiadomości: 16
Galeria Użytkownika



Zobacz profil
« Odpowiedz #8 : 20.03.2007, 16:11:55 »

Też go zrobiłem tylko żę mi pojawia pojawia się w pierwszych ( http://www.kifer.gimpuj.info/grafika_tutki/animowany_userbar/01.png )szeregach 0 a nie jeden. I nie mogę tego zmeinic.
Zapisane
Folder
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.3
Wiadomości: 16
Galeria Użytkownika



Zobacz profil
« Odpowiedz #9 : 27.03.2007, 14:43:08 »

http://www.gimpuj.info/replacement.png

to mi wyszło gdy użyłem duplicate frames.
Zapisane
Ziomioslaw
Administrator

Reputacja: 46 Offline Offline

Płeć: Mężczyzna
GIMP: 2.10
JID: ziomioslaw@jabber.org
Licencja: Copyright
Wiadomości: 7 451
Galeria Użytkownika


Cyklista Apokalipsy


Zobacz profil
« Odpowiedz #10 : 27.03.2007, 15:08:26 »

Nie wiem w czym problem - to w miarę dobrze Ci wyszło
Zauważyłem tez jedno - w ścieżce dostępu masz polską literkę (chyba) - może Ci powodować problemy (mówię, jeśli przedmówcy nie zwrócili Ci na to uwagi - przepraszam, ale nie czytałem:] )
Masz Viste?
Zapisane
Folder
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.3
Wiadomości: 16
Galeria Użytkownika



Zobacz profil
« Odpowiedz #11 : 27.03.2007, 20:21:31 »

Haha Chichot Taki mały szczegół a tyle zmienia miałeś racje Ziomioslaw. To przez scieżkę dostepu :o Język. I Od razu tam gdzie miałem 0 to mam 1. Dzięki!

Nie nie mam na szczeście Visty Język Użyłem transforamtion pack czy jakoś tak.

Jesteś ziom Ziomioslaw i dzięki yhcic że miałeś dobre chęci Mrugnięcie
Zapisane
Folder
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.3
Wiadomości: 16
Galeria Użytkownika



Zobacz profil
« Odpowiedz #12 : 28.03.2007, 19:34:01 »

Sorry że dwa posty obok siebie, ale chce żeby było widoczne że ktoś coś pisze. Więc mam problem z punktem 7 ponieważ mi pisze "pusty". Co znów nie tak? Język
Zapisane
Kifer71
Gość
« Odpowiedz #13 : 28.03.2007, 22:06:43 »

Patrz pkt 3 i wszystko będzie jasne.
Zapisane
Strony: [1] 2 3 ... 5
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialeTutorialeGIMPAnimacjeWątek: Animowany userbar z wykorzystaniem GAP
Skocz do: