[be@]

Animacja wczytywania: kółko
Tutorial

Opracowanie: bea
Poziom trudności: łatwy

Aby skorzystać z tego poradnika trzeba pobrać i zainstalować kilka skryptów:
Center Guides, Overlay background oraz Wielokrotne obracanie. 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ć.


Zaczynamy

1. Tworzymy nowy, biały obraz 300x300px.

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

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

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

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

6. Wybieramy w przyborniku 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ść.

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

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.

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.

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

11. Ustawiamy w przyborniku kolor pierwszoplanowy na niebieski 0000ff i drugoplanowy na biały.
12. Wybieramy narzędzie 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.

Powinniśmy uzyskać taki efekt:

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

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

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.

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.

17. Stosujemy filtr: Animacja -> Overlay background

18. Usuwamy warstwę Overlay, kadrujemy obraz i eksportujemy jako animację GIF z domyślnymi ustawieniami.

Efekt:

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.

[T!K3R]

Mam problem, bo gdy klikam delete, to nic się nie dzieję.

[be@]

A klikasz na właściwej warstwie? Nie zapomniałeś odwrócić zaznaczenia albo włączyć widoczności warstwy po wyczyszczeniu?

[T!K3R]

Wszystko robię zgodnie z tutkiem

[be@]

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ść.

[T!K3R]

Teraz zauważyłem że żaden skrót klawiszowy mi nie działa 

[be@]

Zamiast klikać DELETE, możesz użyć opcji: Edycja -> Wyczyść. Właściwie powinnam o tym napisać w tutorialu. Zaraz dopiszę.

[T!K3R]

Dzięki bea wyszło 

[lukash16xp]

Ja troszke inne zrobiłem ;p Myślę że też dobrze wyszło ; )
Tlko miałem problem z kadrowaniem ...

[be@]

Jaki problem z kadrowaniem? W punkcie 18 masz przecież pokazane na screenie. Zaznaczasz narzędziem kadrowanie wybrany obszar i klikasz ENTER.

[lukash16xp]

Wiem , ale po kliknięciu ENTER nic się nie zmieniało. Ale reset gimpa pomógł ; )
Po kadrowaniu:

[Danyeru]

Jak Ci enter nie zadziała, to zawsze możesz zaznaczyć zaznaczeniem prostokątnym i wybrać Obraz => Kadruj według zaznaczenia. ;-)

[teawhoyou]

Mój efekt.
lolz. mam to wyeksportowane do ".gif" nie wiem o co chodzi ?

[Heavyozzy]

Hejka, nie mogę znaleźć menu ścieżki. Pomożecie?

[be@]

Okna -> Dokowalne okna dialogowe -> Ścieżki

[Heavyozzy]

Dzięki wielkie =D

[Heavyozzy]

Mam jeszcze problem z punktem dziesiątym. Nie działa ani klawisz Delete ani Edycja/ Wyczyść

[be@]

A na pewno masz aktywne zaznaczenie i właściwą warstwę?

[Heavyozzy]

tak na 100%

[be@]

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ę.

[Heavyozzy]

W końcu udało mi się to zrobić i wyeksportowałem do gifa, ale niestety nie obraca się. Jest zapisane jako 12 obrazków  co mam z tym zrobić?

[be@]

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.

[Heavyozzy]

Ok dzięki wielkie, i przepraszam za zawracanie głowy =D, to rzeczywiście przez windowsa, nie pomyślałem o tym.

[Jota23]

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ę? 

[be@]

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?

[HugoArtz]

Fajny tutek Postanowiłem zrobić troszkę inne.

[Kulok]

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.  

[be@]

Dziękuję, pochwała od VIP-a to jest coś

[kufer]

Bea,stawiam ci plusa za twoje tutoriale!Dzieki za kolejny tutorial!

[marcinkurtyka]

Szukałem dobrego tutoriala na początek przygody z tym programem i powiem, że ten jest idealny. Pozdrowienia dla autora!

[lekkopyk]

Takie cos mi wyszło :d

[Buria]

Takie oo

[Adotox]

udało się

[wister808]

Nie mogę wykonać punktu 14. Klikam na warstwy ale niema tam "Wielokrotne obracanie".

[Hasia]

A instalowałeś dodatkowe skrypty?

Aby skorzystać z tego poradnika trzeba pobrać i zainstalować kilka skryptów:
Center Guides, Overlay background oraz Wielokrotne obracanie. 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.

[zoorka1]

Nie moge rozpakowac skryptow, pisze mi ze tego formatu sie nie da, albo blad, co moge zrobic?
pewnie trzeba kupic licencję?

[Hasia]

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.

[be@]

Podmieniłam na 7-zip. Teraz nie powinno być problemu z rozpakowaniem nawet za pomocą narzędzia systemowego.

[zoorka1]

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 

[be@]

Dzięki,bede szukac 

Nadal nie możesz rozpakować??