Polskie Forum Użytkowników GIMP-a

Tutoriale => Animacje => Wątek zaczęty przez: Kifer71 on 01.10.2006, 19:13:42



Tytuł: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: Kifer71 on 01.10.2006, 19:13:42
Animowany błysk przy użyciu GIMP Animation Pack
Tutorial

Oryginał: Animated Flash Text (http://www.gimptalk.com/index.php?showtopic=869)
Opracowanie: Kifer71
Poprawa: Danyeru (http://www.gimpuj.info/index.php?action=profile;u=3722)
Poziom trudności: Trudny

(http://www.gimpuj.info/gallery/3722_25_02_12_11_34_52_2.gif)




Pokażę teraz jak przy pomocy Gimp Animation Pack uzyskać efekt animowanego błysku.

Tutorial napisany w wersji GIMP 2.6. + GAP 2.6. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.



[lp] Zaczynamy

[lp] 1. Utwórz nowy folder na potrzeby animacji, nazwij go dowolnie, ale unikaj polskich znaków diakrytycznych (tzw. ogonków), gdyż mogą powodować problemy.
Folder będzie Nam potrzebny, gdyż każda klatka animacji będzie zapisywana jako osobny plik.

[lp] 2. Otwórz GIMP-a i utwórz Nowy obraz [Ctrl + N] o dowolnych rozmiarach (ja użyłem 400x200px) i wypełnij go swoim tłem.

(http://www.gimpuj.info/gallery/3722_25_02_12_11_34_52_4.png)


[lp] 3. Utwórz Nową przezroczystą warstwę i narysuj lub wklej [Ctrl + V] obiekt, na którym chcesz uzyskać efekt błysku.
Jeżeli błysk tworzysz na tekście to pomiń tworzenie warstwy, gdyż użycie narzędzia tekstowego <tekst> [T] utworzy warstwę automatycznie.

(http://www.gimpuj.info/gallery/3722_25_02_12_11_36_44_0.png)


[lp] 4. Teraz utworzymy i zapiszemy sobie zaznaczenie, które później będzie potrzebne do ograniczenia błysku tylko do kształtu obiektu.
Najpierw utworzymy zaznaczenie w kształcie obiektu, w tym (mając aktywną warstwę z obiektem) wybierz Menu -> Warstwa -> Przezroczystość -> Kanał alfa na zaznaczenie lub w oknie warstw kliknij na niej Prawym Przyciskiem Myszy (PPM) i wybierz Kanał alfa na zaznaczenie.
Teraz zapiszemy zaznaczenie, wybierz Menu -> Zaznaczenie -> Zapisz do kanału.
W zakładce Kanały pokaże się Kopia: Maska zaznaczenia
Usuń zaznaczenie Menu -> Zaznaczenie -> Nic lub [Ctrl + Shift + A].

(http://www.gimpuj.info/gallery/3722_25_02_12_11_36_44_1.png)


[lp] 5. Zapisz plik w folderze, który utworzyłeś w punkcie 1. Nadaj mu nazwę wg szablonu dowolna-nazwa_0001.xcf pamiętaj, żeby unikać polskich znaków diakrytycznych oraz, że fragment _0001.xcf jest obowiązkową składową nazwy pliku.
Ja swój nazwałem blysk_0001.xcf


[lp] 6. Utwórz nowy obraz, na którym stworzysz błysk. Obraz musi mieć takie same wymiary, jak obraz blysk_0001.cxf (obraz, który utworzyłeś i zapisałeś w poprzednich punktach).


[lp] 7. Ustaw kolor pierwszoplanowy na biały #FFFFFF. Wybierz narzędzie gradient <gradient> [L], ustaw kolor pierwszoplanowy na przezroczystość kształ Dwuliniowy.
Narysuj błysk z prawej strony obrazu (ale niezbyt blisko brzegu, żeby granica obrazu nie przycięła gradientu) ciągnąc linię gradientu w poziomie (przytrzymując [Ctrl] uzyskamy idealnie poziomą linię). W przypadku mojego obrazu pociągnąłem linię długości ok. 15px

(http://www.gimpuj.info/gallery/3722_25_02_12_11_36_44_2.png)

(http://www.gimpuj.info/gallery/3722_25_02_12_11_36_44_3.png)


Zapisz obraz np. jako swiatlo.xcf ale go nie zamykaj (pamiętaj o polskich zanakach diakrytycznych, zapisz w folderze utworzonym na początku poradnika).


[lp] 8. Teraz powiel klatki animacji, wybierz Menu -> Video -> Duplikowanie klatek i ustaw N razy na 19 co da w sumie 20 klatek animacji.

(http://www.gimpuj.info/gallery/3722_25_02_12_11_36_44_4.png)


[lp] 9. Przejdź do pierwszego obrazu (blysk_0001.xcf) i wybierz Menu -> Video -> Ścieżka ruchu, pokaże się okno, jak na obrazku.

(http://www.gimpuj.info/gallery/3722_25_02_12_11_38_18_0.png)


[lp] 10. Wykonaj następujące kroki:
 [op] A - Obraz źródłowywskaż obraz błysku, który wcześniej stworzyłeś (swiatlo.xcf).
 [op] B - Tryb kroku wybierz Brak.
 [op] C - Tryb wybierz Przesiewanie.
 [op] D - Uchwyt wskaż Lewy górny.
 [op] E - Zaznacz opcję Odświeżanie.
 [op] F - Aktualny punkt: [1] z [1], punkt X ustaw przed granicą obrazu, u Mnie jest to -15.
 [op] G - Kliknij w Dodaj punkt.
 [op] F - Ponownie Aktualny punkt, tym razem ustaw punkt X za granicą obrazu, w moim przypadku jest to 415.
 [op] G - Ponownie kliknij na Dodaj punkt.
 [op] H - Kliknij na Podgląd animacji.
Wyskoczy nowe okno.

(http://www.gimpuj.info/gallery/3722_25_02_12_11_38_18_1.png)


Zaznacz opcję Dokładny obiekt w klatkach i ustaw Skala podglądu na 100,00

Wyskoczą Ci dwa okienka. Jedno z podglądem animacji, które możesz zamknąć.
Drugie będzie nowym obrazem bez nazwy, zamknij je bez zapisywania.

W oknie Ścieżka ruchu kliknij OK.

[lp] 11. Przejdź do obrazu blysk_0001.xcf i ogranicz efekt animacji do samego tekstu. W tym celu wybierz Menu -> Video -> Modyfikacja klatek.
Pokaże się okno.

(http://www.gimpuj.info/gallery/3722_25_02_12_11_38_18_2.png)


Wybierz Operacja -> Zaznaczenie -> Wczytanie zaznaczenia z kanału (dla każdej indywidualnej klatki).
W okienku Nazwa zaznaczenia wpisz nazwę wcześniej utworzonej maski zaznaczenia, jeżeli jej nie zmieniałeś, to będzie domyślna kopia: Maska zaznaczenia.
Kliknij OK
Pokaże się zaznaczenie.

(http://www.gimpuj.info/gallery/3722_25_02_12_11_38_18_3.png)


[lp] 12. Ponownie wybierz Modyfikacja klatek.
Tym razem operację wybierz następującą: Operacja -> Maska warstwy -> Dodanie maski warstwy z zaznaczenia.
Kliknij OK.
Uusuń zaznaczenie [Ctrl + Shift + A].
W oknie warstw pojawi się maska warstwy.

(http://www.gimpuj.info/gallery/3722_25_02_12_11_38_34.png)


[lp] 13. Wybierz Menu -> Video -> Obraz z klatek.
Pojawi się okno.

(http://www.gimpuj.info/gallery/3722_25_02_12_11_39_11.png)


Kliknij OK nie zmieniając ustawień. Powstanie nowy obraz Bez nazwy.

[lp] 14. Przejdź do tego obrazu Bez nazwy i Zapisz go w fomacie GIF, jako animacja (możesz też zapisać w formacie APNG jeżeli instalowałeś odpowiednią wtyczkę).

Jeżeli animacja w GIF-ie jest za ciężka, to możesz ją odchudzić poprzez optymalizację, w tym celu wybierz Menu -> Filtry -> Animacja -> Optymalizuj (dla formatu GIF).
Utworzy się nowy obraz Bez nazwy, zapisz go jako swoją animację.

Gratuluję, dotarłeś do końca, animacja wygląda tak.

(http://www.gimpuj.info/gallery/3722_25_02_12_11_34_52_1.gif)



[lp] Koniec



Miłego GIMPowania. :)




Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: slimior on 23.04.2007, 14:42:36
ja tak to zrobilem(i nie uzylem gap-a):


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: kodishu on 22.01.2008, 17:49:27
Poprostu rewelka! Dzieki za tutka.

(http://www.gimpuj.info/gallery/4231_22_01_08_5_47_40.gif)


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: M_A_K_S on 08.03.2008, 16:37:15
moja pierwsza animacja w gimpie. nie jest źle ;) super tutek ^^
(http://www.gimpuj.info/replacement.png)



Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: Socho on 10.03.2008, 17:27:43
super <wilber>  <ninja>


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: kamilu on 04.05.2008, 00:12:35
Co mam zrobić jeśli mam wszystko bez polskich znaków i mnie wywala ze mu nazwa nie pasuje jak próbuje sie wbić w Move Path ??


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: FreeQ.:15:. on 07.11.2008, 15:49:36
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: igoreq on 10.02.2009, 14:07:30
mam problem z tym :

"Teraz utwórz obraz z "błyskiem". Nowy obraz musi mieć te same wymiary co animacja_0001.xcf i przezroczyste tło. Wybierz narzędzie Gradient, w zakładce Opcje narzędzia ustaw gradient Kolor pierwszoplanowy na przezroczystość, opcję Kształt ustaw na Dwuliniowy i narysuj „błysk”"

jak mam narysować ten błysk by wyszedł tak jak na zamieszconym obrazku ??


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: Pshem on 14.02.2009, 10:57:23
a czy ktoś wie co trzeba poprawić, aby ten błysk wyświetlał się wolniej ? czy więcej klatek dodać ? czy jest spowalnianie tych 20 według tego wzoru ?

nie znam tych angielskich znaczeń funkcji, bo tak naprawdę przydało by się stworzyć jakiś opis tych funkcji w VIDEO ze znaczeniem po polsku, bo wiadomo że słowo angielskie nawet jak wiemy według słownika co znaczy to nie koniecznie możemy rozumieć jego znaczenie w przełożeniu na GIMP'a. A moze jest coś takiego ?  :)

co do gradientu to w poniżej klikasz w ten prostokątny kwadracik i ci wyskoczy pasek z gradientami i tam jest przezroczysty


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: Farmer664 on 19.03.2009, 22:46:48
Nie wiem jak to zapisać bo jak w gif próbuje to później nie ma animacji już!


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: Pshem on 21.03.2009, 23:37:58
Nie wiem jak to zapisać bo jak w gif próbuje to później nie ma animacji już!
a czy na koncu jak zapisujesz to  odhaczasz ze to ma byc animacja ?

Cytuj
Zapisz nowy plik w formacie GIF, oczywiście jako animację.


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: Mell Rebook on 10.05.2009, 21:41:29
mam mały problem ;/ zrobiłem maskę tak jak w tutku opisano.... ale


Cytuj
Teraz musisz ograniczyć efekt animacji do samego tekstu. Przejdź do okna obrazu animacja_0001.xcf i z menu Video wybierz Frames Modify. W oknie, które się otworzy wybierz Function -> Selection -> Load selection from channel (indywidual per frame)
a w okienku Channel name wpisz nazwę wcześniej utworzonej maski zaznaczenia

przy tym punkcie wyskakuje mi błąd (http://www.gimpuj.info/replacement.png) HALP! :'(


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: Pshem on 10.05.2009, 21:54:17
Cytuj
animacja_0001.xcf
masz taka nazwe pliku ? bo to potrafi wyskakiwac przy innych nazwach


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: Mell Rebook on 11.05.2009, 17:11:57
mam dowolnanazwa_0001.xcf


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: Xyanide on 03.07.2009, 10:23:35
Cytuj
Can't operate with current controlpoint
or keyframe settings.

Error List:

Error: controlpoint [1] is out of handled framerange
Error: controlpoint [2] is out of handled framerange
Error: More controlpoints (3) than handled frames (1).
Please reduce controlpoints or select more frames

To mi wyskakuje jak klikam w "Anim Previev" w Move path.

O co chodzi?


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: wymiaatcz01 on 03.07.2009, 11:23:03
Cytuj
Can't operate with current controlpoint
or keyframe settings.

Error List:

Error: controlpoint [1] is (rezultat, wynik, obraz, praca, rysunek, itp.) of handled framerange
Error: controlpoint [2] is (rezultat, wynik, obraz, praca, rysunek, itp.) of handled framerange
Error: More controlpoints (3) than handled frames (1).
Please reduce controlpoints or select more frames

To mi wyskakuje jak klikam w "Anim Previev" w Move path.

O co chodzi?

Możliwe, że zmieniła ci sie nazwa pliku z xxx_001.xcf na np frame08.xcf


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: Xyanide on 03.07.2009, 13:15:42
Właśnie o to chodzi, że nie, mam wilk_0001.xcf i swiatlo.xcf


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: wymiaatcz01 on 03.07.2009, 19:11:58
Mój efekt:
(http://www.gimpuj.info/gallery/27768_03_07_09_7_10_45.gif)


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: ADii298 on 11.10.2009, 22:31:13
FAjny i przydatny tutek thx :) Moja praca:
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: brzostek on 14.12.2009, 20:55:25
mam z tym duzy problem pany , dlatego że mam windows speed2. Był by ktoś taki i by mi zrobił animacje na zdjęciu ? moje gg 15568203. pozdro.


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: Silterss on 14.12.2009, 21:23:03
I niby co? System jest winien temu, że nie potrafisz zrobić animki?
Jak chcesz aby ktoś wykonał Ci animację, to wypadało by udać się do działu Hyde zone -> Bzar -> Prośby (http://www.gimpuj.info/index.php/board,31.0.html)


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: MatiM1408 on 26.05.2010, 14:47:51
Mógł by ktoś zdjęcia odświeżyć? Zaraz będę próbował to robić i nie wiem czy będę w stanie zrobić bez obrazków xD :?


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: kisiell9 on 11.09.2010, 17:11:47
Mniei niestety GIMP wywala komunikaty:
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: Queisik on 23.10.2011, 11:36:03
Może ktoś zaktualizować fotki? -,-


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: alozaur88 on 22.02.2012, 18:26:59
Może ktoś zaktualizować fotki? -,-
przyłączam się do proźby


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: filozofw on 25.02.2012, 11:30:10
Nikt nie zareaguje w sprawie fotek ;/?


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: Sambor on 01.07.2013, 14:55:04
Mam taki błąd, wydaje mi się że robię wszsytko jak w tutku, może ktoś pomóc?


Tytuł: Odp: Animowany błysk przy użyciu GIMP Animation Pack
Wiadomość wysłana przez: Dumpfires on 26.07.2015, 15:44:29
Podpisuję się pod tą prośbą obiema rękami.
Co zauważyłem u siebie:
-używam wersji 2.8
-nie mam tła w swoim obrazie
-używam światła od dołu ku górze
- w punkcie 8 mam w punkcie "od klatki" oraz "do klatki" wartość zero (nie mogę jej zmienić)

(http://i.imgur.com/Rb9QKKC.png)

Bardzo proszę o pomoc.