Polskie Forum Użytkowników GIMP-a

Tutoriale => Animacje => Wątek zaczęty przez: be@ on 24.12.2012, 01:08:59



Tytuł: Animacja wczytywania: kółko
Wiadomość wysłana przez: be@ on 24.12.2012, 01:08:59
Animacja wczytywania: kółko
Tutorial

Opracowanie: bea
Poziom trudności: łatwy

(http://www.gimpuj.info/gallery/48452_23_12_12_10_41_24_1.Gif) (http://www.gimpuj.info/)




Aby skorzystać z tego poradnika trzeba pobrać i zainstalować kilka skryptów:
Center Guides (http://registry.gimp.org/node/19450), Overlay background (http://www.gimpuj.info/index.php/topic,52460.0.html) oraz Wielokrotne obracanie (http://www.gimpuj.info/index.php/topic,21442.0.html). Wszystkie do pobrania w załączniku na końcu poradnika. Po rozpakowaniu należy je wrzucić do folderu scripts w katalogu użytkownika. U mnie jest to:
C:\Users\x\.gimp-2.8\scripts (x oznacza nazwę użytkownika)
Jeśli GIMP był włączony, to należy go zrestartować lub odświeżyć skrypty: Filtry -> Script-Fu -> Odśwież skrypty.

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



[lp] Zaczynamy

[lp] 1. Tworzymy nowy, biały obraz 300x300px.


(http://www.gimpuj.info/gallery/48452_23_12_12_10_38_26_0.png) (http://www.gimpuj.info/)


[lp] 2. Dodajemy nową, przezroczystą warstwę powyżej tła i nazywamy ją Promienie.

(http://www.gimpuj.info/gallery/48452_23_12_12_10_38_26_1.png) (http://www.gimpuj.info/)


[lp] 3. Stosujemy: Filtry -> Renderowanie -> Deseń -> Siatka z ustawieniami:
       
Szerokość:Linie poziome 0
Linie pionowe 10
Uwaga: trzeba kliknąć w ikonę łańcucha, aby rozłączyć powiązanie wymiarów linii poziomych z pionowymi
Odstęp: Linie pionowe 15
Przesunięcie: Linie pionowe 5
Pozostałe ustawienia są nieistotne

(http://www.gimpuj.info/gallery/48452_23_12_12_10_38_26_2.png) (http://www.gimpuj.info/)


[lp] 4. Nadal na warstwie Promienie stosujemy: Filtry -> Zniekształcenia -> Współrzędne polarne z ustawieniami domyślnymi:
       Głębia okręgu: 100
Przesunięcie kąta: 0
Odwzorowanie odwrotne: odznaczone
Pozostałe opcje zaznaczone

(http://www.gimpuj.info/gallery/48452_23_12_12_10_38_26_3.png) (http://www.gimpuj.info/)


[lp] 5. Wyłączamy widoczność <widocznosc> warstwy Promienie i ustawiamy pomocniczo prowadnice: Obraz -> Prowadnice -> Center Guides

[lp] 6. Wybieramy w przyborniku zaznaczenie eliptyczne <zaznaczenie-eliptyczne> z zaznaczonymi opcjami:
       Wygładzanie
Powiększanie od środka
Stałe: Proporcje
Tworzymy zaznaczenie o wielkości 100px dokładnie w wyznaczonym przez prowadnice centrum obrazu i na aktywnej warstwie Promienie czyścimy zaznaczenie klikając DELETE lub wybierając z menu: Edycja -> Wyczyść.

(http://www.gimpuj.info/gallery/48452_23_12_12_10_38_26_4.png) (http://www.gimpuj.info/)(http://www.gimpuj.info/gallery/48452_23_12_12_10_39_28_0.png) (http://www.gimpuj.info/)


[lp] 7.  Powiększamy zaznaczenie do wielkości 200px, odwracamy: Zaznaczenie -> Odwróć, włączamy widoczność warstwy Promienie i ponownie czyścimy zaznaczenie.

(http://www.gimpuj.info/gallery/48452_23_12_12_10_39_28_1.png) (http://www.gimpuj.info/)


[lp] 8. Klikamy PPM na warstwę Promienie i wybieramy: Kanał alfa na zaznaczenie. Następnie należy odwrócić i zmiękczyć zaznaczenie o 8 px: Zaznaczenie -> Zmiękcz.

[lp] 9. Zmieniamy zaznaczenie na ścieżkę: Zaznaczenie -> Przekształć na ścieżkę i ponownie ścieżkę na zaznaczenie:
       - w otwartej karcie Ścieżki klikamy na ikonę zaznaczenia u dołu okna lub PPM na ścieżkę i wybieramy:  Ścieżka na zaznaczenie.

(http://www.gimpuj.info/gallery/48452_23_12_12_10_39_28_2.png) (http://www.gimpuj.info/)

[lp] 10. Czyścimy zaznaczenie klikając DELETE po czym je wyłączamy: Zaznaczenie -> Brak. Tak to powinno wyglądać po wyłączeniu zaznaczenia:

(http://www.gimpuj.info/gallery/48452_23_12_12_10_39_28_3.png) (http://www.gimpuj.info/)

[lp] 11. Ustawiamy w przyborniku kolor pierwszoplanowy na niebieski 0000ff i drugoplanowy na biały.
[lp] 12. Wybieramy narzędzie gradient <gradient> i ustawiamy:
       gradient: Kolor pierwszoplanowy na kolor tła (RGB)
Kształt: Stożkowy (asymetryczny)
Dithering i Nadpróbkowanie adaptywne zaznaczone
Maksymalna głębia: 4
Progowanie: domyślnie 0,20
Na warstwie Tło przeciągamy gradientem dokładnie od środka do krawędzi obrazu pomiędzy promykami koła.

(http://www.gimpuj.info/gallery/48452_23_12_12_10_40_24_0.png) (http://www.gimpuj.info/)

Powinniśmy uzyskać taki efekt:

(http://www.gimpuj.info/gallery/48452_23_12_12_10_40_24_1.png) (http://www.gimpuj.info/)

[lp] 13. Usuwamy prowadnice: Obraz -> Prowadnice -> Usuń wszystkie prowadnice.

[lp] 14. Na aktywnej warstwie Tło wybieramy: Warstwa -> Wielokrotne obracanie z ustawieniami:
       Ilość kopii na okręgu: 20 (tyle, ile promyków ma nasze kółeczko)
Połącz warstwy: odznaczone
Pozostałe ustawienia: domyślnie

(http://www.gimpuj.info/gallery/48452_23_12_12_10_40_24_2.png) (http://www.gimpuj.info/)

[lp] 15. Dodajemy nową, białą warstwę powyżej warstwy Promienie i nazywamy ją Overlay, następnie klikamy PPM na warstwie Promienie i wybieramy: Kanał alfa na zaznaczenie. Przechodzimy z powrotem na warstwę Overlay i czyścimy (warstwa musi mieć kanał alfa), a następnie wyłączamy zaznaczenie.

(http://www.gimpuj.info/gallery/48452_23_12_12_11_40_57.png) (http://www.gimpuj.info/)


[lp] 16. Usuwamy warstwę Promienie i odwracamy kolejność warstw: Warstwa -> Stos -> Odwrócenie kolejności warstw. Po tym zabiegu warstwa Overlay powinna znaleźć się najniżej w oknie warstw.

[lp] 17. Stosujemy filtr: Animacja -> Overlay background

[lp] 18. Usuwamy warstwę Overlay, kadrujemy <kadrowanie> obraz i eksportujemy jako animację GIF z domyślnymi ustawieniami.

(http://www.gimpuj.info/gallery/48452_23_12_12_10_40_24_4.png) (http://www.gimpuj.info/)

(http://www.gimpuj.info/gallery/48452_23_12_12_10_41_24_0.png) (http://www.gimpuj.info/)


Efekt:
(http://www.gimpuj.info/gallery/48452_23_12_12_10_41_24_1.Gif) (http://www.gimpuj.info/)


[lp] Koniec



Mam nadzieję, że tutorial zachęci Was do korzystania ze skryptów i pozwoli zdobyć nowe umiejętności.
Poniżej załączona paczka skryptów.




Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: T!K3R on 09.01.2013, 00:23:38
Mam problem, bo gdy klikam delete, to nic się nie dzieję. ;/


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: be@ on 09.01.2013, 00:31:17
A klikasz na właściwej warstwie? Nie zapomniałeś odwrócić zaznaczenia albo włączyć widoczności warstwy po wyczyszczeniu?


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: T!K3R on 09.01.2013, 14:59:53
Wszystko robię zgodnie z tutkiem ;/


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: be@ on 09.01.2013, 21:27:23
Jeśli chodzi Ci o punkt 6, to po wyłączeniu widoczności warstwy Promienie w punkcie 5 rzeczywiście nie będzie widać efektu. Zobaczysz go dopiero po ponownym włączeniu widoczności tejże warstwy w punkcie 7. W zasadzie wyłączanie widoczności tej warstwy nie jest konieczne, ale kiedy jest włączona, znacznie trudniej utworzyć zaznaczenie zaczynając dokładnie w miejscu skrzyżowania prowadnic, bo czarne promyki przesłaniają i utrudniają widoczność.


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: T!K3R on 10.01.2013, 00:31:37
Teraz zauważyłem że żaden skrót klawiszowy mi nie działa  :'(


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: be@ on 10.01.2013, 00:47:59
Zamiast klikać DELETE, możesz użyć opcji: Edycja -> Wyczyść. Właściwie powinnam o tym napisać w tutorialu. Zaraz dopiszę.


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: T!K3R on 11.01.2013, 20:03:41
Dzięki bea wyszło  <lol>


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: lukash16xp on 15.01.2013, 16:37:01
Ja troszke inne zrobiłem ;p Myślę że też dobrze wyszło ; )
Tlko miałem problem z kadrowaniem ...
(http://iv.pl/images/30094171806211516872.gif)


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: be@ on 16.01.2013, 00:23:31
Jaki problem z kadrowaniem? W punkcie 18 masz przecież pokazane na screenie. Zaznaczasz narzędziem kadrowanie <kadrowanie> wybrany obszar i klikasz ENTER.


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: lukash16xp on 16.01.2013, 09:42:18
Wiem , ale po kliknięciu ENTER nic się nie zmieniało. Ale reset gimpa pomógł ; )
Po kadrowaniu:
(http://iv.pl/images/80841659182233906663.gif)



Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: Danyeru on 16.01.2013, 11:56:51
Jak Ci enter nie zadziała, to zawsze możesz zaznaczyć zaznaczeniem prostokątnym i wybrać Obraz => Kadruj według zaznaczenia. ;-)


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: teawhoyou on 30.01.2013, 17:59:25
Mój efekt. :)
lolz. mam to wyeksportowane do ".gif" nie wiem o co chodzi ?


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: Heavyozzy on 24.02.2013, 15:50:09
Hejka, nie mogę znaleźć menu ścieżki. :'( Pomożecie?


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: be@ on 24.02.2013, 16:01:27
Okna -> Dokowalne okna dialogowe -> Ścieżki


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: Heavyozzy on 24.02.2013, 16:09:35
Dzięki wielkie =D


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: Heavyozzy on 24.02.2013, 16:20:27
Mam jeszcze problem z punktem dziesiątym. Nie działa ani klawisz Delete ani Edycja/ Wyczyść


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: be@ on 24.02.2013, 17:30:46
A na pewno masz aktywne zaznaczenie i właściwą warstwę?


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: Heavyozzy on 24.02.2013, 17:57:50
tak na 100%


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: be@ on 24.02.2013, 18:05:31
Opcja Edycja -> Wyczyść jest nieaktywna czy po kliknięciu po prostu nic się nie dzieje? Może zapodaj tu screena z okna programu i warstw z włączonym zaznaczeniem, bo inaczej nic nie wymyślę.


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: Heavyozzy on 25.02.2013, 20:53:10
W końcu udało mi się to zrobić 8-) i wyeksportowałem do gifa, ale niestety nie obraca się. Jest zapisane jako 12 obrazków  :-\ co mam z tym zrobić?


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: be@ on 25.02.2013, 20:58:30
Nie wiem co zrobiłeś źle, nie jestem wróżką. W tutorialu wszystko jest już tak dokładnie wyjaśnione i pokazane, że naprawdę nie wiem, jak coś Ci się mogło nie udać. Może przeczytaj jeszcze raz powoli i uważnie wszystkie punkty, łącznie z tym dotyczącym eksportowania.
PS
Jeśl masz Windows 7 i otwierasz tego gifa w systemowej przeglądarce obrazów, to nie będzie się kręcić. Otwórz w jakiejś zewnętrznej przeglądarce, np. XnView, IrfanView lub chociażby w Firefoxie.


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: Heavyozzy on 25.02.2013, 21:00:29
Ok dzięki wielkie, i przepraszam za zawracanie głowy =D, to rzeczywiście przez windowsa, nie pomyślałem o tym.


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: Jota23 on 10.03.2013, 18:33:09
Nie wychodzi mi Overlay bacground. Jak wybieram to wszystko robi mi się białe, a po usunięciu warstwy overlay nic się nie zmienia. Co ja źle robię?  :(


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: be@ on 10.03.2013, 21:43:32
Pewnie nie wyczyściłeś zaznaczenia na warstwie Overlay albo zapomniałeś dodać do niej kanał alfa przed wciśnięciem DELETE. Warstwa ta musi być przezroczysta w miejscu czarnych promieni. Ew. zamiast tej warstwy na samym dole stosu warstw masz jeszcze jakieś białe tło (chociaż to nie powinno być możliwe, jeśli postępowałeś zgodnie ze wskazówkami). A może zapomniałeś odwrócić kolejność warstw?


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: HugoArtz on 22.03.2013, 21:43:38
Fajny tutek ;) Postanowiłem zrobić troszkę inne. :P

(http://img41.imageshack.us/img41/1057/wczytywanie.gif)


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: Kulok on 23.04.2013, 08:38:45
Tutorial znacznie przyśpieszył moją pracę nad pewną galerią (już myślałem, że będę musiał tę animację robić "ręcznie"). Wszystko dokładnie opisane, błędów nie znalazłem. Kawał dobrej roboty.  :laugh:


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: be@ on 23.04.2013, 17:21:48
Dziękuję, pochwała od VIP-a to jest coś :D


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: kufer on 25.04.2013, 17:38:03
Bea,stawiam ci plusa za twoje tutoriale!Dzieki za kolejny tutorial!


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: marcinkurtyka on 07.01.2014, 21:42:40
Szukałem dobrego tutoriala na początek przygody z tym programem i powiem, że ten jest idealny. Pozdrowienia dla autora!


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: lekkopyk on 29.03.2014, 01:39:41
Takie cos mi wyszło :d



Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: Buria on 25.05.2014, 15:14:17
Takie oo ;)
(http://vpx.pl/i/2014/05/25/anime1.gif)


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: Adotox on 10.09.2014, 19:23:40
udało się


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: wister808 on 22.11.2014, 19:57:15
Nie mogę wykonać punktu 14. Klikam na warstwy ale niema tam "Wielokrotne obracanie".


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: Hasia on 22.11.2014, 23:11:11
A instalowałeś dodatkowe skrypty?

Aby skorzystać z tego poradnika trzeba pobrać i zainstalować kilka skryptów:
Center Guides (http://registry.gimp.org/node/19450), Overlay background (http://www.gimpuj.info/index.php/topic,52460.0.html) oraz Wielokrotne obracanie (http://www.gimpuj.info/index.php/topic,21442.0.html). Wszystkie do pobrania w załączniku na końcu poradnika. Po rozpakowaniu należy je wrzucić do folderu scripts w katalogu użytkownika. U mnie jest to:
C:\Users\x\.gimp-2.8\scripts (x oznacza nazwę użytkownika)
Jeśli GIMP był włączony, to należy go zrestartować lub odświeżyć skrypty: Filtry -> Script-Fu -> Odśwież skrypty.


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: zoorka1 on 10.10.2015, 13:54:59
Nie moge rozpakowac skryptow, pisze mi ze tego formatu sie nie da, albo blad, co moge zrobic?
pewnie trzeba kupic licencję?


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: Hasia on 10.10.2015, 14:40:29
Jeśli nie chcesz korzystać z Winrara bez kupna licencji to darmowym 7-zip możesz także rozpakować plik rar. Inna sprawa, że to nie jest problem związany z tym tutkiem ani nawet z GIMP-em tylko z Twoim programem do archiwizacji plików, czyli pytanie zadane nie na tym forum.


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: be@ on 10.10.2015, 14:56:58
Podmieniłam na 7-zip. Teraz nie powinno być problemu z rozpakowaniem nawet za pomocą narzędzia systemowego.


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: zoorka1 on 10.10.2015, 21:09:53
Jeśli nie chcesz korzystać z Winrara bez kupna licencji to darmowym 7-zip możesz także rozpakować plik rar. Inna sprawa, że to nie jest problem związany z tym tutkiem ani nawet z GIMP-em tylko z Twoim programem do archiwizacji plików, czyli pytanie zadane nie na tym forum.
Dzięki,bede szukac  :(


Tytuł: Odp: Animacja wczytywania: kółko
Wiadomość wysłana przez: be@ on 10.10.2015, 21:14:40
Dzięki,bede szukac  :(
Nadal nie możesz rozpakować??