Polskie Forum Użytkowników GIMP-a

Hyde zone => Tutoriale wycofane z indeksu => Wątek zaczęty przez: noss on 14.10.2006, 22:58:43



Tytuł: Obracający się pierścień
Wiadomość wysłana przez: noss on 14.10.2006, 22:58:43
Przedstawiam prostą animację z obracającym się pierścieniem jaki widać poniżej.

(http://images1.fotosik.pl/212/5fc0092c0fb02f6f.gif)

1. Stworzenie pierścienia
Otwieramy nowy obrazek o rozmiarach 96x96px (rozmiar podzielny przez 4) aby ostatecznie przeskalować go na 24x24px, ale to później. Jako tło ustawiamy kolor na jakim nasz obrazek będzie docelowo wyświetlany np. #ecedf3.

Ustawiamy dwie prowadnice na 48px jedną poziomą a drugą pionową, dzięki nim uzyskamy zaznaczenie dokładnie na środku.

(http://images3.fotosik.pl/203/22ec3530a31b9f81.png)

Zaznaczamy idealne koło na środku obrazka E. Podczas przeciągania przytrzymujemy Shift + CTRL.

(http://images3.fotosik.pl/203/20f28a51ca76f559.png)

Resetujemy kolory wciskając klawisz D.
Tworzymy nową warstwę którą wypełniamy białym kolorem.
Zmniejszamy zaznaczenie o 10px i czyścimy je Ctrl + D, pozbywamy się również zaznaczenia Ctrl + Shift + A

(http://images4.fotosik.pl/166/c91c91582795c79f.png)

W palecie warstw włączamy "Zachowanie przezroczystości" dla warstwy z kołem.
Powiększamy widok do 400%.

Zaznaczaniem prostokątnym R zaznaczamy górny prawy kwadrat do prowadnic.

(http://images1.fotosik.pl/212/029b1dcd4391330b.gif)

Wybieramy narzędzie gradient L.
Jako kolor pierwszoplanowy ustawiamy kolor biały czyli #ffffff, kolor drugoplanowy ustawiamy na  #c4c4c4.

(http://images3.fotosik.pl/203/996ffa34383a3d29.png)

Teraz przeciągamy gradientem liniowym jak pokazuje strzałka na screenie.

(http://images4.fotosik.pl/166/ebd701ba997b292e.png)

(http://images2.fotosik.pl/203/e6b4b9b93cd4bcfb.png)

Zaznaczamy teraz prawy dolny róg naszego koła i przeciągamy gradientem od koloru #c4c4c4 do #808080

(http://images4.fotosik.pl/167/05ad2fa0564c2f8d.png)

Dalej zaznaczamy lewy dolny róg i wypełniamy go gradientem od #808080 do #404040
Na końcu wypełniamy górny lewy róg kolorami od #404040 do #000000.

(http://images4.fotosik.pl/167/3260e0b8006ce3a4.png)

Usuwamy zaznaczenie Ctrl + Shift + A i spłaszczamy obrazek.
Jeszcze kolorujemy naszą obręcz poprzez "Warstwa - Kolory - Barwienie"

(http://images4.fotosik.pl/167/ebaca61fb800f8b7.png)

(http://images3.fotosik.pl/203/73d6d6bbca8fbe54.png)

2. Animacja
Duplikujemy warstwę Tło i obracamy ją o 45 stopni Shift + R.
Teraz duplikujemy warstwę którą obróciliśmy przed chwilą o 45 stopni i też obracamy ją o 45 stopni.
Proces powtarzamy aż do pełnego obrotu.
Powinniśmy otrzymać osiem warstw łącznie z tłem.
Teraz w palecie warstw klikamy po kolei na każdej warstwie prawym przyciskiem myszy i wybieramy "Dopasuj wymiary warstwy do obrazu".
Następnie skalujemy nasz obrazek "Obraz - Skaluj obraz" do rozmiarów 24x24px.
Indeksujemy Alt + I ilość kolorów:32, bez ditherowania kolorów i stosujemy optymalizację do GIFa "Filtry - Animacja - Optymalizuj (dla formatu GIF).
Nowo utworzony obrazek zapisujemy z rozszerzeniem GIF, w opcjach podczas zapisu wybierając opcję "Zapisz jako animację"

Oto uzyskany przez nas efekt:

(http://images3.fotosik.pl/203/d7445098d28fc01d.gif)

Inny obrazek uzyskany nieco podobną techniką obracania warstw:

(http://images1.fotosik.pl/127/312af34dfb88c6f8.gif)


noss ;D


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Xin on 15.10.2006, 14:33:03
Mi wyszło cos takiego:
(http://img138.imageshack.us/img138/3198/animacjaus0.gif)
(http://img179.imageshack.us/img179/612/animacja2pb5.gif)
(w tym drugim pojawiły mi się jakieś ciemniejsze punkty w prawej górnej części, które nie chcą znikać, ale nie chce mi się teraz szukać dlaczego ;P)


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: rex999 on 09.12.2006, 14:23:44
A ja wykorzystałem tego tutka, a do tego jeszcze animowany ogień i wyszło mi coś całkiem niezłego ;D


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Mario on 02.02.2007, 21:17:50
Trochę inwencji twórczej i...

(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: FanGimpa9002 on 11.12.2007, 13:25:54
(http://www.iv.pl/image/86307.jpeg) (http://www.iv.pl/view/86307.html)
GIMPuję  <wilber> <wilber>


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: mtx on 18.01.2008, 03:36:18
(http://www.gimpuj.info/gallery/5754_11_12_07_4_31_25.gif) (http://www.gimpuj.info/)


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Relisek on 27.03.2008, 19:42:43
Sry ze pytam taka widocznie dla was prosta zecz, ale nie wiem jak sie prowadnice zrobic. GIMPa uzywam yyy.... 3 dni i juz troszke umiem ale nie zaduzo


P.S

Milo jest tu na waszym Forum


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: noss on 27.03.2008, 20:09:32
Po pierwsze ustaw sobie wersję Gimpa w profilu, lub podawaj w takich sytuacjach.

Jeśli masz najnowszą wersję 2.4.* "Obraz -> Prowadnice", lub złap myszką za "linijkę" pionową lub poziomą narzędziem "Przesuwanie" <przesuwanie> i przeciągnij na obraz.


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Bialy Orzel on 26.04.2008, 15:01:23
Cytuj
W palecie warstw włączamy "Zachowanie przezroczystości" dla warstwy z kołem.
Powiększamy widok do 400%.

gdzie jest ta opcja?


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Bialy Orzel on 26.04.2008, 18:37:06
bo jaj nie zatwierdzilem tamtej opcji to  cos takeigo mi sie dzieje:
(http://i25.tinypic.com/167npjo.jpg)


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: noss on 26.04.2008, 20:14:59
W Palecie warstw (Ctrl + L) zaznacz kwadracik obok napisu "Blokowanie", zrzut ekranu w załączniku.

Nie pisz tylu postów, jeden po drugim, służy do tego opcja "Edytuj", nie jest to mile widziane.

Popraw swoje posty i zrób z nich jeden.  >:D


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Bialy Orzel on 27.04.2008, 10:53:07
Cytuj
Resetujemy kolory wciskając klawisz D.
Tworzymy nową warstwę którą wypełniamy białym kolorem.
Zmniejszamy zaznaczenie o 10px i czyścimy je Ctrl + D, pozbywamy się również zaznaczenia Ctrl + Shift + A

ale jak tqoprze nowa warstwe (jaka mam stworzyc przezroczysta czy biala?) to nie moge pomniejdzyc zaznaczenia:( dlaczego?


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Gorn on 27.04.2008, 10:54:43
Najpierw musisz zazanaczyć to, co chcesz zmniejszyć/zwiększyć. Zaznaczenie->Wszystko i wtedy zmniejszaj.


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: noss on 27.04.2008, 12:05:38
ale jak tqoprze nowa warstwe (jaka mam stworzyc przezroczysta czy biala?) to nie moge pomniejdzyc zaznaczenia:( dlaczego?

Pisz poprawnie po polsku!
Używasz przecież Firefoxa, który domyślnie podświetla błędy, jest też funkcja na forum do sprawdzania błędów. Wychodzi więc na to, że nie chce Ci się poświęcić kilku sekund na to, a oczekujesz żeby inni poświęcali swój czas dla Ciebie.
Nie dość że się źle czyta, to aż pomagać się nie chce.


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Bialy Orzel on 27.04.2008, 20:06:54
(http://i27.tinypic.com/bgps3s.gif)

czemu mam jakby zamazany ten pierścień? co mam zrobić aby wyostrzyć go?


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: makler on 14.05.2008, 19:32:43
Mi wyszło to tak chyba dobrze  :D


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: ESKO. on 01.06.2008, 18:15:14
Moja praca: :D
(http://images28.fotosik.pl/223/808d09520cdb9fff.gif) (http://www.....pl)


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Darq on 14.06.2008, 14:59:04
"Indeksujemy Alt + I ilość kolorów:32, bez ditherowania kolorów i stosujemy optymalizację do GIFa "Filtry - Animacja - Optymalizuj (dla formatu GIF").
Nie czaję za bardzo o co biega, więc od razu zapisuję tak jak jest napisane, ale tam jest napisane, że trzeba przekształcić na odcienie szarości, bo obrazek RGB nie może inaczej być zapisany jako GIF, no to robię, ale po zapisie nadal mam nieruchomy obrazek


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: noss on 14.06.2008, 19:31:27
GIMP v2.4.5
Indeksujesz: Obraz -> Tryb -> Indeksowany
Optymalizujesz: Filtry -> Animacja -> Optymalizuj (dla formatu GIF)

Teraz zapisujesz koniecznie z rozszerzeniem *.GIF.
W kolejnym okienku zapisu wybierasz "Zapisz jako animację".
Opcje w kolejnym okienku zapisu są w tej sytuacji bez znaczenia.


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Roxex on 18.06.2008, 14:31:48
Można wiedzieć gdzie jest W palecie warstw włączamy "Zachowanie przezroczystości" dla warstwy z kołem.


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: noss on 18.06.2008, 19:19:30
Można wiedzieć gdzie jest W palecie warstw włączamy "Zachowanie przezroczystości" dla warstwy z kołem.


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: bomba123 on 29.06.2008, 08:22:10
(http://www.otofotki.pl/img3/pokaz.php?id=vxdj1055791144m.gif)mi takie coś wyszło

(http://www.otofotki.pl/img3/miniaturki/vxdj1055791144m.gif) (http://www.otofotki.pl/img3/pokaz.php?id=vxdj1055791144m.gif)


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: maxi on 25.07.2008, 14:11:00
To zaznaczanie ćwiartek i ciągnięcie gradientu jest wg mnie bezsensowne, wystarczy ustawić gradient o kształcie stożkowym asymetrycznym i przeciągnąć ze środka trzymając Ctrl


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Starczes12 on 13.08.2008, 12:36:53
A ja ?


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: matlin on 14.08.2008, 12:12:14
Boże, jak szybko :P
(http://www.gimpuj.info/replacement.png)
Nie wiem dlaczego jak jest przezroczyście to zostają białe piksele :(


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Damos on 20.08.2008, 12:07:29
(http://www.iv.pl/images/ddn6d88u6pj2q8poa49u.gif)
Co zrobić żeby sie nie zatrzymywało:P


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: noss on 20.08.2008, 12:41:49
Wystarczy usunąć dolną lub górna warstwę, bo teraz się duplikują i dla tego widoczny jest efekt zatrzymania.


Boże, jak szybko :P
(http://www.gimpuj.info/replacement.png)
Nie wiem dlaczego jak jest przezroczyście to zostają białe piksele :(

Przezroczyste dopasowane tło w GIFie (http://www.gimpuj.info/rozne/przezroczyste-dopasowane-tlo-w-gifie-poradnik-t103.0.html)


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Heterometrus on 24.09.2008, 11:42:48
Moja praca:
(http://images32.fotosik.pl/367/7b9be5d1affc040b.gif)


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: maritka on 18.10.2008, 13:12:42
Ja jestem początkująca i już na samym początku wszystko pokręciłam i nie potrafię tego zrobić..


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Adros on 24.10.2008, 19:49:24
Z przezroczystością nie za bardzo mi wyszło, a jak już miałem warstwy nie chciało mi się
kombinować chociaż sposób miałem.
A tu moje prace:
(http://www.mantassin.yoyo.pl/pierscien.gif)
(http://www.mantassin.yoyo.pl/pierscien2.gif)


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: michi228 on 30.10.2008, 17:27:11
mi wyszło

(http://i38.tinypic.com/25ppkzd.gif) robiłem prawie wszystko według tuta dlatego podobny efekt


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: dickheatz on 08.11.2008, 15:10:48
Kurcze a ja nie wiem jak dać rzy zapisie: Zapisz jako animacje...  I ciągle mam nieruchome. Pomocy proszę mam gimpa 2.4.6


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: noss on 09.11.2008, 00:36:38
Kurcze a ja nie wiem jak dać rzy zapisie: Zapisz jako animacje...  I ciągle mam nieruchome. Pomocy proszę mam gimpa 2.4.6

Jak masz już gotową animację, to zapisujesz ją poprzez komendę "Zapisz jako".
Następnie w pojawiającym się okienku wpisujesz nazwę koniecznie z rozszerzeniem GIF, np. "pierscien.gif".
Teraz powinno się pojawić kolejne okienko, w którym zaznaczasz właśnie "Zapisz jako animację".
Aby to okienko się pojawiło, obrazek musi posiadać więcej niż jedną warstwę.


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: dickheatz on 10.11.2008, 13:50:03
No właśnie mi się tak nie dzieje...


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Zdybek on 10.11.2008, 14:05:41
A co ci się dzieje ?


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: dickheatz on 10.11.2008, 14:13:04
Poprostu jak zapisuję, wpisuje np animacja.gif to nigdzie nie ma zapisz jako animacja...


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Zdybek on 10.11.2008, 14:19:39
Jest, uwierz mi. Wybierasz opcję zapisz jako wpisujesz animacja.gif i wyświetla ci się okienko, tam będzie opcja zapisz w postaci animacji


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: dickheatz on 10.11.2008, 14:31:12
(http://i131.photobucket.com/albums/p292/dickheatz/beztytuu123-1.jpg) Zobacz


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Zdybek on 10.11.2008, 14:33:45
A to może byś raczył nacisnąć na ten + i zobaczył co ci się pokaże...


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: dickheatz on 10.11.2008, 14:38:47
(http://i131.photobucket.com/albums/p292/dickheatz/beztytuu123-2.jpg) Naciskałem


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Piotreek on 10.11.2008, 14:39:07
Kliknij zapisz i wtedy się pojawi. Znaczy wyskoczy okienko, jak zapisać: połączyć warstwy lub zapisać jako animację.


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: niclas4 on 22.11.2008, 16:27:25
A oto moje dzieło:


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Farfocel on 17.12.2008, 20:52:27
GIMPa mam najnowszego i wiem gdzie zrobić prowadnice problem w tym że nie wiem jak zrobić żeby się łączyły na środku... jestem w tym zielona i proszę o pomoc...



Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: noss on 18.12.2008, 19:51:59
Prowadnice nie łączą się jakoś szczególnie ze sobą na środku.

Najłatwiej dodaj je poprzez Obraz -> Prowadnice -> Nowa prowadnica, najpierw np. poziomą i ponownie wywołując to okienko pionową.
Wpisuj wartości połowy rozmiaru obrazka.


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Qba_ on 03.02.2009, 22:08:39
Fajny tutek i efekt:
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: mysior on 10.02.2009, 17:43:22
Dobry tut, dobrze wytłumaczone  ;) Mój efekt:


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Adarn on 14.02.2009, 16:43:10
Moja praca w załączniku :)


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Dawidw on 18.02.2009, 16:21:35
Witam ;)
A ja mam takie pytania/problemy.
Jak daje u siebie ctrl+D zeby te kolory wyczyscic to mi sie robi nowa warstwa tzn duplikuje czemu tak?
Po drugie jezeli juz mam to zrobione to chcialbym zeby w srodku byl obrazek.

Niby zrobilem nowa warstwe wkleilem obrazek no ale po pierwsze jest on bez koloru po drugie to on mryga :/ Moze ktos pomoc?


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Qba_ on 20.02.2009, 18:51:05
Bo w starszych wersjach GIMP-a opcja Wyczyść miała prawdopodobnie skrót klawiszowy Ctrl + D, ale w nowszych jest to klawisz Delete.
A z obrazkiem Ci nie pomogę bo sam nie wiem.


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Zenfur on 28.02.2009, 21:11:55
Czy to tylko dla mnie, czy wszystkim zamiast niektórych zdjęć z tutka wyświetla się "Zdjęcie czasowo niedostępne" (na innych tutorialach (niektórych) też tak się dzieje)
A swoją drogą ten tutorial nie powinen być w dziale "WWW"? O ile kojarze to ten efekt często się wykorzystuje w www (http://szablony.freeware.info.pl/programy.html) :).
 Pozdrawiam wszystkich


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Zdybek on 28.02.2009, 23:24:41
Czy to tylko dla mnie, czy wszystkim zamiast niektórych zdjęć z tutka wyświetla się "Zdjęcie czasowo niedostępne"

Wystarczy trochę pomyśleć. Skoro zdjęcie jest na badziewnym fotosiku to nikogo to nie dziwi.

A swoją drogą ten tutorial nie powinen być w dziale "WWW"? O ile kojarze to ten efekt często się wykorzystuje w www :).

Może i się go często wykorzystuje, ale jest to animacja, dlatego znajduje się w tym dziale.


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Zenfur on 05.03.2009, 15:27:01


Wystarczy trochę pomyśleć. Skoro zdjęcie jest na badziewnym fotosiku to nikogo to nie dziwi.

Hm, nie zwróciłem uwagi ;)


Tytuł: Odp: Obracający się pierścień
Wiadomość wysłana przez: Qba_ on 18.04.2009, 15:04:25
A może zrobisz bez "zdjątek"?
Takie trudne to jest?

czytanie ze zrozumieniem się kłania.