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

Strony: [1] 2 3  Wszystkie
DrukujPobierz PDF
Autor Wątek: Animacja wczytywania: kółko  (Przeczytany 108464 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
be@
Moderator globalny

Reputacja: 49 Offline Offline

Płeć: Kobieta
GIMP: 2.8
Licencja: CC-BY
Wiadomości: 7 420
Galeria Użytkownika



Zobacz profil
« : 24.12.2012, 00:08:59 »

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



Lime Point Zaczynamy

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




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



Lime Point 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



Lime Point 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



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

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



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



Lime Point 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.

Lime Point 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.


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


Lime Point 11. Ustawiamy w przyborniku kolor pierwszoplanowy na niebieski 0000ff i drugoplanowy na biały.
Lime Point 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.


Powinniśmy uzyskać taki efekt:


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

Lime Point 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


Lime Point 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.



Lime Point 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.

Lime Point 17. Stosujemy filtr: Animacja -> Overlay background

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




Efekt:


Lime Point 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.



* Skrypty_3.7z (2.5 KB - pobrany 1505 razy.)
« Ostatnia zmiana: 29.11.2015, 09:40:18 wysłane przez be@ » Zapisane
T!K3R
Nowicjusz

Reputacja: 0 Offline Offline

GIMP: 2.8 + GAP
Licencja: Copyright
Wiadomości: 8
Galeria Użytkownika



Zobacz profil
« Odpowiedz #1 : 08.01.2013, 23:23:38 »

Mam problem, bo gdy klikam delete, to nic się nie dzieję. Skwaszony
« Ostatnia zmiana: 08.01.2013, 23:32:56 wysłane przez Terrqge » Zapisane

be@
Moderator globalny

Reputacja: 49 Offline Offline

Płeć: Kobieta
GIMP: 2.8
Licencja: CC-BY
Wiadomości: 7 420
Galeria Użytkownika



Zobacz profil
« Odpowiedz #2 : 08.01.2013, 23:31:17 »

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

Reputacja: 0 Offline Offline

GIMP: 2.8 + GAP
Licencja: Copyright
Wiadomości: 8
Galeria Użytkownika



Zobacz profil
« Odpowiedz #3 : 09.01.2013, 13:59:53 »

Wszystko robię zgodnie z tutkiem Skwaszony
Zapisane

be@
Moderator globalny

Reputacja: 49 Offline Offline

Płeć: Kobieta
GIMP: 2.8
Licencja: CC-BY
Wiadomości: 7 420
Galeria Użytkownika



Zobacz profil
« Odpowiedz #4 : 09.01.2013, 20: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ść.
Zapisane
T!K3R
Nowicjusz

Reputacja: 0 Offline Offline

GIMP: 2.8 + GAP
Licencja: Copyright
Wiadomości: 8
Galeria Użytkownika



Zobacz profil
« Odpowiedz #5 : 09.01.2013, 23:31:37 »

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

be@
Moderator globalny

Reputacja: 49 Offline Offline

Płeć: Kobieta
GIMP: 2.8
Licencja: CC-BY
Wiadomości: 7 420
Galeria Użytkownika



Zobacz profil
« Odpowiedz #6 : 09.01.2013, 23:47:59 »

Zamiast klikać DELETE, możesz użyć opcji: Edycja -> Wyczyść. Właściwie powinnam o tym napisać w tutorialu. Zaraz dopiszę.
« Ostatnia zmiana: 10.01.2013, 00:43:58 wysłane przez bea » Zapisane
T!K3R
Nowicjusz

Reputacja: 0 Offline Offline

GIMP: 2.8 + GAP
Licencja: Copyright
Wiadomości: 8
Galeria Użytkownika



Zobacz profil
« Odpowiedz #7 : 11.01.2013, 19:03:41 »

Dzięki bea wyszło  laugh


* efekt111.gif (189.33 KB, 300x300 - wyświetlony 8053 razy.)
Zapisane

lukash16xp
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 5
Galeria Użytkownika

lukash16xp

Yo ziom ;d


Zobacz profil
« Odpowiedz #8 : 15.01.2013, 15:37:01 »

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

be@
Moderator globalny

Reputacja: 49 Offline Offline

Płeć: Kobieta
GIMP: 2.8
Licencja: CC-BY
Wiadomości: 7 420
Galeria Użytkownika



Zobacz profil
« Odpowiedz #9 : 15.01.2013, 23:23:31 »

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

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 5
Galeria Użytkownika

lukash16xp

Yo ziom ;d


Zobacz profil
« Odpowiedz #10 : 16.01.2013, 08:42:18 »

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


Zapisane

Danyeru
Użytkownik

Reputacja: 24 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 673
Galeria Użytkownika


Honorowy Dawca Krwi


Zobacz profil WWW
« Odpowiedz #11 : 16.01.2013, 10:56:51 »

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

I zapłoną piekielnym ogniem Wasze serwery, gdyż zabezpieczenia ich wątłe, a podatność na buffer overflowy ogromna.
I zaprzestaną działania Wasze routery, a Wasze niewiasty nosić będą pakiety w kubłach, a tam będzie płacz, zgrzytanie zębów, 404 i request timeout.


Cytat: Terrqge
to przez INSEKT'a Danyeru jest taki straszny
teawhoyou
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.0
Licencja: Copyright
Wiadomości: 8
Galeria Użytkownika


Grafik Juniorek


Zobacz profil
« Odpowiedz #12 : 30.01.2013, 16:59:25 »

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


* loadinganimacja.gif (188.88 KB, 300x300 - wyświetlony 5049 razy.)
Zapisane


Siemka, jestem grafikiem Juniorkiem i potrzebuję twojej pomocy: http://www.gimpuj.info/index.php/topic,58907.0.html
Heavyozzy
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 7
Galeria Użytkownika

Heavyozzy


Zobacz profil
« Odpowiedz #13 : 24.02.2013, 14:50:09 »

Hejka, nie mogę znaleźć menu ścieżki. Płacz Pomożecie?
Zapisane
Strony: [1] 2 3  Wszystkie
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialeTutorialeGIMPAnimacjeWątek: Animacja wczytywania: kółko
Skocz do: