Witamy, Gość. Zaloguj się lub zarejestruj.


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

 
Szukanie zaawansowane

66 238 wiadomości w 6 566 wątkach,
wysłane przez 11 122 użytkowników
Najnowszy użytkownik: Rvsolaiq

Praca dla Ciebie. Zarabiaj kilka tysięcy miesięcznie.
Polskie Forum Użytkowników GIMP-aGIMPPropozycje i prośby o tutorialePropozycje tutorialiWątek: Stroboskop - Uwaga! Tutorial może być groźny dla osób cierpiących na epilepsję.
Strony: [1] 2  Wszystkie
Drukuj
Autor Wątek: Stroboskop - Uwaga! Tutorial może być groźny dla osób cierpiących na epilepsję.  (Przeczytany 1004 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
Kifer
Junior admin


Reputacja: 65
Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
JID: kifer@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 663
Galeria Użytkownika


Frantic, St. Anger - przepiękne


Zobacz profil
« : 13.04.2008, 18:27:03 »

Stroboskop
Tutorial

Opracowanie: Kifer
Poziom trudności: łatwy






      Czytając komentarze do mojej najnowszej animki postanowiłem, że napiszę jak uzyskać efekt stroboskopu. Tutorial jest krótki i każdy w kilka, no może kilkanaście minut jest w stanie sobie takie „strobo” zrobić. Nie będę ukrywał, iż efekt jest podejrzany na last.fm. Jeden z moich sąsiadów ma takiego avka, ale chyba z komarem czy innym latającym robakiem Uśmiech. Nie mogłem się oprzeć pokusie wyprodukowania własnego „migacza” w GIMPie.

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



Lime Point Zaczynamy



Etap pierwszy – przygotowanie obrazu do animacji



Lime Point 1.   Zaczynamy od wyszukania w sieci odpowiedniego dla nas obiektu. Ćwiczyłem z różnymi obrazami, ale najlepiej wychodzi to z „robalami”. Padło na pająka. Swojego znalazłem na FreeDigitalPhotos.net.

Kliknij obraz aby powiększyć


Lime Point 2.   Zmień nazwę warstwy Tło na Pająk. Zrób dwuklik na miniaturce warstwy w karcie Warstwy Warstwy i w oknie Atrybuty warstwy w opcji Nazwa warstwy wpisz Pająk.
Lime Point 3.   Sprawdź czy warstwa posiada Kanał alfa, jeśli nie to dodaj go. Z menu Warstwa wybierz Przezroczystość -> Dodaj kanał alfa, lub w karcie Warstwy Warstwy kliknij na warstwę PPM i z rozwiniętego menu wybierz Dodaj kanał alfa.
Lime Point 4.   W zależności do jakich celów ma służyć animacja należy na początek przeskalować obraz. Ja zacząłem od wykadrowania obrazu narzędziem Zaznaczenie prostokątne Zaznaczenie prostokątne (R).



Lime Point 5.   Z menu Obraz wybierz Kadruj według zaznaczenia Kadrowanie.
Lime Point 6.   Postanowiłem trochę zmniejszyć obraz przyszłej animacji skalując obraz do szerokości 300 pikseli. Menu Obraz -> Skaluj obraz .
Lime Point 7.   W oknie dialogowym Skalowanie obrazu w polu Szerokość wpisz 300 i kliknij w przycisk Przeskaluj.



Lime Point 8.   Pierwszą moją myślą było stworzenie avatara, więc obraz powinien być kwadratowy. Z menu Obraz wybierz Wymiary płótna.
Lime Point 9.   Kliknij w „łańcuszek” skaluj proporcjonalnie . Ma być rozłączony .
Lime Point 10.   W polu Wysokość wpisz 300.
Lime Point 11.   Kliknij w przycisk Wyśrodkuj.
Lime Point 12.   Z rozwijanego menu Zmiana rozmiaru warstw wybierz Wszystkie warstwy. Pozwoli to od razu dopasować wymiar warstwy do rozmiarów płótna.
Lime Point 13.   Kliknij w przycisk Zmień rozmiar.



Teraz należy pozbyć się tła spod pająka. Najlepszym sposobem będzie użycie zmiany koloru w alfę. Tło tak naprawdę nie jest białe. U góry jest lekko szare więc będzie trzeba zastosować tą operację dwukrotnie. Po zmianie tylko białego w alfę i podstawieniu pod warstwę Pająk nowej warstwy wypełnionej bielą widać to wyraźnie.



Lime Point 14.   Dodaj nową warstwę klikając na ikonę w karcie Warstwy lub z menu Warstwa wybierz Nowa warstwa (Shift+Ctrl+N).
Lime Point 15.   W oknie Nowa warstwa w opcji Nazwa warstwy wpisz Tło, a w Tryb wypełnienia warstwy wybierz Białe. Kolor biały w warstwie Tło jest tymczasowy. Chodzi tylko o to byś widział(a) dokładnie efekt usuwania tła z warstwy Pająk.
Lime Point 16.   Teraz przesuń warstwę Tło pod warstwę Pająk. W tym miejscu masz szereg możliwości. W karcie Warstwy Warstwy kliknij ikonę obniżania bieżącej warstwy lub z menu Warstwa wybierz Stos -> Obniż warstwę albo Warstwa na dno.
Lime Point 17.   Teraz aktywuj warstwę Pająk klikając na nią LPP w karcie Warstwy Warstwy.
Lime Point 18.   Z menu Kolory wybierz Zmiana koloru w alfę.
Lime Point 19.   W oknie dialogowym Zmiana koloru w alfę kliknij w pasek koloru.



Lime Point 20.   Przesuń okna dialogowe Zmiana koloru w alfę i Wybór koloru tak by widzieć obraz na którym pracujesz.
Lime Point 21.   W kolejnym oknie dialogowym Wybór koloru kliknij w ikonę zakraplacza .
Lime Point 22.   Teraz w oknie obrazu na którym pracujesz kliknij w górną krawędź tła warstwy Pająk. Na poniższym obrazie czerwonym krzyżykiem zaznaczyłem orientacyjne miejsce kliknięcia.



Lime Point 23.   Ponownie wybierz Zmiana koloru w alfę celem pozbycia się białych pozostałości w tle warstwy Pająk.
Lime Point 24.   W oknie dialogowym Zmian koloru w alfę kliknij w pasek koloru, a w oknie Wybór koloru w opcji Zapis HTML-owy wpisz ffffff. Oczywiście w obu oknach dialogowych kliknij Ok dla potwierdzenia wyboru.
Lime Point 25.   Z menu Kolory wybierz Desaturacja.
Lime Point 26.   Teraz aktywuj warstwę Tło klikając na nią w karcie Warstwy Warstwy.
Lime Point 27.   W oknie głównym GIMPa wybierz narzędzie Gradient Gradient (L).
Lime Point 28.   Jako kolor pierwszoplanowy ustaw biały, a jako kolor tła czarny.
Lime Point 29.   Przeciągnij gradient po warstwie Tło od górnej do dolnej krawędzi warstwy.



Lime Point 30.   W karcie Warstwy Warstwy kliknij PPM w dowolnym miejscu i wybierz z rozwiniętego menu Połącz widoczne warstwy.
Lime Point 31.   W oknie dialogowym Łączenie warstw kliknij Łączenie. Obraz do animacji jest gotowy.

Musisz sobie zdawać sprawę z tego, iż powyższe czynności mają zastosowanie tylko do obrazu użytego w tutorialu. Wybierając inny obiekt do animacji i mający inne tło, sposób jego usunięcia może być odmienny od przedstawionego.



Etap drugi – tworzenie animacji

Lime Point 32.   Zmień nazwę jedynej w tej chwili warstwy na Pająk #1. Po co ten #1 ? Otóż w trakcie duplikowania, które wykonasz za chwilę, warstwy będą się automatycznie numerować.
Lime Point 33.   W karcie Warstwy Warstwy kliknij trzykrotnie ikonę duplikowania warstw lub z menu Warstwa wybierz trzykrotnie Duplikuj warstwę (Shift+Ctrl+D). Otrzymasz w ten sposób cztery, ponumerowane warstwy.



Lime Point 34.   Aktywuj warstwę Pająk #4 klikając na nią w karcie Warstwy Warstwy.
Lime Point 35.   Z menu Kolory wybierz Inwersja.



Lime Point 36.   Dokonaj inwersji też na warstwie Pająk #3.
Lime Point 37.   Wyłącz widok warstw Pająk #4 i Pająk #3 klikając na ikonę Widoczność warstwy w karcie Warstwy Warstwy.



Lime Point 38.   Teraz popracujesz na warstwie Pająk #2 więc aktywuj ją.
Lime Point 39.   Wybierz narzędzie Obrót Narzędzie do obracania (Shift+R). Obrót jest też dostępny w menu Warstwa -> Przekształcenie -> Narzędzie do obracania Dowolny obrót.
Lime Point 40.   W oknie dialogowym Obrót w opcji Kąt wpisz -2,00 i kliknij w przycisk Narzędzie do obracania Obróć.
Lime Point 41.   Z menu Warstwa wybierz Skaluj warstwę.
Lime Point 42.   W oknie dialogowym Skaluj warstwę w opcji Szerokość wpisz 330, wartość Wysokość zmieni się sama, i kliknij w przycisk Przeskaluj.
Lime Point 43.   Z menu Warstwa wybierz Dopasuj wymiary warstwy do obrazu.
Lime Point 44.   Włącz widok wyłączonych warstw.
Lime Point 45.   Przejdź do warstwy Pająk #4 i wykonaj na niej czynności z pkt od 39 do 43.
Lime Point 46.   Zapisz plik pod dowolną nazwą w formacie XCF może kiedyś się jeszcze przydać.
Lime Point 47.   Z menu Filtry wybierz Animacja -> Optymalizuj (różnica). Powstanie nowy obraz bez nazwy, a w karcie Warstwy Warstwy powinno to wyglądać jak na poniższym obrazie.



Teraz będziesz pracował(a) na nowym obrazie. 100 ms to zbyt długi czas wyświetlania jak dla stroboskopu. Zmień długość do 50 ms. Przydatny przy tym jest skrypt Ustawienia animacji z menu Filtry -> Animacja. Pobierz skrypt Ustawienia animacji. Jeśli nie chcesz użyć skryptu to musisz edytować nazwy warstw ręcznie.

Lime Point 48.   Zrób dwuklik na nazwie warstwy w karcie Warstwy Warstwy i zmień 100 na 50, potwierdź Enterem i tak dla każdej warstwy albo wybierz Ustawienia animacji z menu wskazanego w powyższym komentarzu. W oknie dialogowym w opcji Czas wpisz 50 i kliknij przycisk Ok.



Lime Point 49.   Teraz przeskaluj obraz wybierając Obraz -> Skaluj obraz.
Lime Point 50.   W oknie dialogowym Skalowanie obrazu w polu Szerokość wpisz 100 i kliknij w przycisk Przeskaluj.
Lime Point 51.   Z menu Plik wybierz Zapisz jako.
Lime Point 52.   W oknie dialogowym Zapis obrazu w opcji Nazwa wpisz np. animacja.gif i kliknij w przycisk Zapisz.
Lime Point 53.   W oknie Eksport pliku zaznacz opcje Zapisz w postaci animacji i kliknij w przycisk Eksportuj.
Lime Point 54.   W oknie Zapis jako GIF kliknij przycisk Zapisz.

Animacja jest gotowa.



...i jeszcze jedna


Lime Point Koniec



Miłej zabawy z animkami w GIMPie.



miniaturka:





K71



Możesz zarobić i spełnić swoje marzenia. Kliknij i zobacz.
« Ostatnia zmiana: 13.04.2008, 23:27:39 wysłane przez Kifer » Zapisane

Calii
Moderator Globalny


Reputacja: 18
Offline Offline

Płeć: Kobieta
GIMP: 2.4
JID: cali@gimpuj.info
Licencja: CC-NC-BY-SA
Wiadomości: 975
Galeria Użytkownika


M&&M


Zobacz profil
« Odpowiedz #1 : 13.04.2008, 18:36:11 »

Wyjatkowo w przypadku tej animacji i tutoriala zrobilabym dodatkowy punkt na koncu z informacja o tym, iz stosowanie takich grafik, zwlaszcza w wiekszym formacie moze powodowac napady epileptyczne/padaczkowe i inne zaburzenia psycho-ruchowe oraz napady. W  Internecie wciac za malo informacji ostrzegawczych i informacyjnych pojawia sie na ten temat niestety Smutny
Zapisane

B.K.
Użytkownik


Reputacja: -3
Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
JID: bartisking@gmail.com
Licencja: CC-BY
Wiadomości: 344
Galeria Użytkownika


Stop Pokemonom!!!


Zobacz profil
« Odpowiedz #2 : 13.04.2008, 19:31:49 »

Udało się. Tutorial dobrze opisany, 10/10.
Oto mój efekt:
Zapisane

Opuszczam forum na jakiś czas.
Grolak
Użytkownik


Reputacja: -1
Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-BY
Wiadomości: 355
Galeria Użytkownika


New Ubuntu User


Zobacz profil
« Odpowiedz #3 : 13.04.2008, 20:00:00 »

Zapamiętam sobie żeby nie patrzeć za często na ten tutorial laugh. Bo mi się oczy popsują Uśmiech 2
Zapisane

dzialo9
Użytkownik


Reputacja: 5
Offline Offline

Płeć: Kobieta
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 596
Galeria Użytkownika


Krytykująca, aktualnie świat wektoryzująca.


Zobacz profil WWW
« Odpowiedz #4 : 13.04.2008, 22:53:15 »

Super  Chichot
Dobrze opisane, efekt extra.

Zapisane

Hegemon . S
Użytkownik


Reputacja: 6
Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
Licencja: CC-NC-BY-SA
Wiadomości: 463
Galeria Użytkownika


taki sobie mały spamer


Zobacz profil
« Odpowiedz #5 : 13.04.2008, 23:25:50 »



znalazłem zły obraz myślałem że aligator będzie dobry ale coś dobrze nie wyszło ale tutorial wyszedł xD
Zapisane

a zdziwiło by cię jakby teraz wpadł do ciebie kolega ze żłobka do pokoju i pyta: gdzie pokrowiec
dzialo9
Użytkownik


Reputacja: 5
Offline Offline

Płeć: Kobieta
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 596
Galeria Użytkownika


Krytykująca, aktualnie świat wektoryzująca.


Zobacz profil WWW
« Odpowiedz #6 : 13.04.2008, 23:30:09 »

a dokładnie przeczytałeś tutorial? Bo ja nie widzę zastosowania powiększenia i obrotu.
Zapisane

Kifer
Junior admin


Reputacja: 65
Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
JID: kifer@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 663
Galeria Użytkownika


Frantic, St. Anger - przepiękne


Zobacz profil
« Odpowiedz #7 : 13.04.2008, 23:36:32 »

Hagemon.S jedna klatka za dużo i brak powiększenia i obrotu, o czym wspomina już dzialo9.

Zapisane

Calii
Moderator Globalny


Reputacja: 18
Offline Offline

Płeć: Kobieta
GIMP: 2.4
JID: cali@gimpuj.info
Licencja: CC-NC-BY-SA
Wiadomości: 975
Galeria Użytkownika


M&&M


Zobacz profil
« Odpowiedz #8 : 14.04.2008, 11:35:56 »

Dzieki Kifer za zmiane tematu, wydaje mi sie, ze to dobry sposob poinformowania Uśmiech
Zapisane

Hegemon . S
Użytkownik


Reputacja: 6
Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
Licencja: CC-NC-BY-SA
Wiadomości: 463
Galeria Użytkownika


taki sobie mały spamer


Zobacz profil
« Odpowiedz #9 : 14.04.2008, 14:49:09 »

Hagemon.S jedna klatka za dużo i brak powiększenia i obrotu, o czym wspomina już dzialo9.



Ehhh znacznie lepiej wygląda  jednak to ja coś popsułem postaram się zrobić od nowa.
Zapisane

a zdziwiło by cię jakby teraz wpadł do ciebie kolega ze żłobka do pokoju i pyta: gdzie pokrowiec
INSEKT
Korektor


Reputacja: 11
Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: INSEKT@jabster.pl
Licencja: CC-BY
Wiadomości: 835
Galeria Użytkownika


Brat powraca!


Zobacz profil
« Odpowiedz #10 : 14.04.2008, 17:58:14 »

A moim zdaniem teraz temat jest o wiele za długi. Wydaje mi się, że wystarczającym ostrzeżeniem byłoby umieszczenie informacji z tematu w opisie tutoriala w indeksie oraz dodatkowo umieszczenie tego samego wpisu we wprowadzeniu w części właściwej tutoriala.
Zapisane

ozziuss
Użytkownik


Reputacja: 5
Offline Offline

GIMP: 2.4
Licencja: Copyright
Wiadomości: 343
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #11 : 14.04.2008, 18:51:41 »

ostrzeżenie powinno być napisane czerwoną czcionką, wytłuszczoną zaraz pod tematem tutoriala.
Zapisane

chwilowo nieobecny. wracam 20 maja.
B.K.
Użytkownik


Reputacja: -3
Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
JID: bartisking@gmail.com
Licencja: CC-BY
Wiadomości: 344
Galeria Użytkownika


Stop Pokemonom!!!


Zobacz profil
« Odpowiedz #12 : 15.04.2008, 19:54:30 »

Zrobiłem jeszcze jedno z pingwinkiem:
Zapisane

Opuszczam forum na jakiś czas.
Lenoxxi
Użytkownik


Reputacja: 3
Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 210
Galeria Użytkownika


Chojrak ;)


Zobacz profil
« Odpowiedz #13 : 15.04.2008, 20:03:16 »

Sorry, ale mówicie o zagrożeniu dla ludzi chorych na epilepsję, a czy miniaturka im nie zaszkodzi?
Zapisane

Stop pokemonom!!
Strony: [1] 2  Wszystkie
Drukuj
Polskie Forum Użytkowników GIMP-aGIMPPropozycje i prośby o tutorialePropozycje tutorialiWątek: Stroboskop - Uwaga! Tutorial może być groźny dla osób cierpiących na epilepsję.
Skocz do:  


Kanał IRC #GIMP-PL
GIMP .Edu .pl
GIMP .Edu .pl
GIMP 
WIKI
dodajdo