Polskie Forum Użytkowników GIMP-a

Tutoriale => Propozycje tutoriali => Wątek zaczęty przez: Sooly on 05.02.2009, 16:07:10



Tytuł: Animowane tryby.
Wiadomość wysłana przez: Sooly on 05.02.2009, 16:07:10
Chciałbym przedstawić tutorial na wprawienie w ruch trybów i zmontowanie z nich różnych ciekawych mechanizmów.
Efekt jest dość praktyczny, może zostać użyty np. jako animacja ładowania na stronę lub ikona zakładki ustawień w grze lub programie. 
(http://www.gimpuj.info/gallery/thumb_17327_05_02_09_3_51_21_1.gif) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=31644)
bardziej skomplikowane:
(http://www.gimpuj.info/gallery/thumb_17327_05_02_09_3_51_21_2.gif) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=31645)

Chciałbym pkazać sposób wykonania tego za pomocą samego GIMP'a oraz z wykorzystaniem GAP'a.
Końcowym efektem mają być animowane tryby z oświetleniem takie jak ten, według tutorialu Sebastiana (http://www.gimpuj.info/index.php/topic,4651.0.html):
(http://www.gimpuj.info/gallery/thumb_17327_05_02_09_3_51_21_0.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=31643)


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: EN on 05.02.2009, 16:28:51
jestem za i to nawet bardzo ;)


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: lion. on 05.02.2009, 17:09:07
1. Jak dlamnie jest to święcąca kartka (lub odblaskowa- kto co woli) bo nie ma w niej metalicznego efektu (tekstury czy czegoś, w indeksie jest tutorial "proste metaliczne tło")
2. Dlaczego to jest rozmazane?

Fajnie że jest to animacja przez co masz + bo inaczej był bym na nie. 


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Sooly on 05.02.2009, 20:15:40
Jak trochę nad tym posiedzę to opracuje bardziej metaliczny wygląd, może coś z rdzą.
Jutro wrzucę lepsze efekty już ze światłem.


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: EN on 06.02.2009, 01:43:10
ja czekam i sie jaram :D


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Sooly on 06.02.2009, 16:33:24
No i mam lepszy efekt, specjalnie dla Wiktora stworzyłem żeliwny deseń. ;)
Tutaj sam statyczny tryb jaki można będzie zrobić według mojego tutorialu. 
(http://www.gimpuj.info/gallery/17327_06_02_09_3_31_31.png)

A tu animowany:
(http://www.gimpuj.info/gallery/17327_06_02_09_4_25_32.gif)

Niestety mój deseń jest dość różnorodny i jak widać trzeba zrobić z nim pełny obrót, w przeciwnym razie animacja wygląda jakby się zacinała.
Jeśli użyjemy jednolitego trybu (takiego jak ten (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=31643)) jest o wiele mniej pracy, wystarczy zrobić obrót o jeden ząbek- tak jak zrobiłem w powyższej animacji i w tych pierwszych.
Warto zwrócić uwagę na dynamiczne cienie (najlepiej obserwować jeden ząbek przez cały obrót) i nieruchome światło. :)
Będę starał się jeszcze dopracować efekt ale myślę, że może być już pokazany w tutorialu dla początkujących.


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: EN on 06.02.2009, 16:49:12
staraj sie dopracowac ;)
I tak zreszta jest kawal dobrej roboty ;)


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Wulfgar on 06.02.2009, 17:33:30
Zrob tak, zeby nie bylo tego przeskoku, a bede na tak. ;)


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: EN on 06.02.2009, 18:42:34
ja wogole jestem na tak bo mi sie przyda na bank kiedys a dostosowac nie bedzie problemu  juz ;)


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: INSEKT on 06.02.2009, 18:45:30
Właśnie, zrób pełny obrót, co za problem.


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Sooly on 07.02.2009, 22:02:02
No to gotowe, pełen obrót 360o.
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: lion. on 07.02.2009, 22:04:54
Obrót ładnie ale brakuje chromowanego tła/tekstury


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: T0M3K on 07.02.2009, 23:13:32
Ja absolutnie na tak. ;]
To na prawdę może być bardzo przydatne.


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Wulfgar on 08.02.2009, 02:13:04
To tylko u mnie ten trybik sie trzesie jakby byl chory na epilepsje? :P


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: EN on 08.02.2009, 02:17:37
u mnie tez sie troche trzesie.


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Wulfgar on 08.02.2009, 02:20:46
Do drgan dodam jeszcze ten pseudo efekt 3d. glebokosc trybu zmienia sie wraz z obrotem. moze wiec zrezygnowac z tego 3d?


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Sooly on 08.02.2009, 09:44:57
Drgania to złudzenie optyczne.
Po prostu w .gif'ie ma trochę poszarpane krawędzi, które odrobinę zmieniają kształt podczas ruchu, co powoduje ten efekt.
Przy mniejszych wymiarach nie jest to tak bardzo widoczne, a myślę że jak już ktoś ma to użyć na stronę czy gdzieś indziej to i tak pewnie nie większe niż 50x50, tutaj jest 200x200 i ma ponad 1MB.

glebokosc trybu zmienia sie wraz z obrotem. moze wiec zrezygnowac z tego 3d?
To jest dynamiczny cień... :P
Musi się zmieniać, ponieważ światło pada wciąż z jednej strony więc cień trybu musi być rzucany w przeciwnym kierunku.
No może trochę maleje ale to przez to, że użyłem delikatnie spłaszczonego.

Obrót ładnie ale brakuje chromowanego tła/tekstury
Tło każdy może zrobić jakie mu się podoba, to żaden problem.
Wyjaśnię to w tutorialu, chodzi tu tylko o to żeby jako tło użyć jakiejś tekstury a nie pustej warstwy.
Jeśli ktoś zamierza tego użyć to raczej bez tła, chyba że zrobi to tylko dla zabawy i fajnego efektu. ;)


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Wulfgar on 08.02.2009, 10:55:11
Troche? Przeciez on w pewnym momencie calkiem zanika. ;) Wiesz jak to zrob? zrob cien i kolo na dwoch warstwach. I dla kazdej warstwy zrob oddzielona animacje. wtedy cien nie bedzie robil takich "jajec" :)


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Sooly on 08.02.2009, 11:13:53
Troche? Przeciez on w pewnym momencie calkiem zanika. ;) Wiesz jak to zrob? zrob cien i kolo na dwoch warstwach. I dla kazdej warstwy zrob oddzielona animacje. wtedy cien nie bedzie robil takich "jajec" :)
Jest na dwóch warstwach...
Inaczej cień by jeździł wokół trybu.


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Sooly on 08.02.2009, 13:13:55
A może zrobiłbyś dwa animowane, jak w zegarze? Przecież to żaden problem obrazek obrócić kilka razy... Jeśli pokażesz coś ciekawego związanego z tym tutem jestem "na tak"
Na samym początku tematu są dwa poruszające się nawzajem.

Zaraz przygotuje nową animację z trzema trybami i z idealnym cieniem, żeby już nie było niedociągnięć.

Edit:
(http://www.gimpuj.info/gallery/17327_08_02_09_12_38_01.gif) (http://www.gimpuj.info/)

Oba boczne tryby obracają środkowy.
Miałem zrobić tak, żeby tryb po lewej obracał środkowy, a środkowy obracał prawy ale zapomniałem bo się śpieszyłem. :P


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Wulfgar on 08.02.2009, 13:58:22
Wykonaj te tryby na jakims tle... beda o wiele ladniej wygladaly, a i animacja moze na tym zyska. W tym momencie to podskakiwanie trybow nie wyglada zbyt ladnie wg mnie.


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Sooly on 08.02.2009, 15:05:29
Wykonaj te tryby na jakims tle... beda o wiele ladniej wygladaly, a i animacja moze na tym zyska. W tym momencie to podskakiwanie trybow nie wyglada zbyt ladnie wg mnie.
No ale już mówiłem, że nic się na to podskakiwanie nie poradzi, chyba że zapiszę w pliku filmowym i będzie zajmowało xxMB...
A animacja ma być bez tła bo chyba nie wstawisz sobie na stronę takiego kwadratu z innym tłem jako animacji ładowania...
No ale skoro już tak się upierasz to proszę :P
(http://www.gimpuj.info/replacement.png)



Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Wulfgar on 08.02.2009, 16:41:01
zawsze tlo animacji mozna dobrac do tla stronki. Cien nie jest taki twardy na animacji z tlem ;) Hmmm... Wg mnie jezeli animacje robi sie cala razem z tlem, nie powinno tak skakac... W koncu kolory powinny sie ladnie wymieszac... Ale widocznie mylilem sie. ;)


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Sooly on 08.02.2009, 16:47:07
Wg mnie jezeli animacje robi sie cala razem z tlem, nie powinno tak skakac...
Po prostu obiekty przy obracaniu zmieniają lekko kształt, do tego dochodzi jeszcze strata jakości w .gif no i mamy dreszcze. ;)


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Wulfgar on 08.02.2009, 16:49:25
No ja to wszystko wiem. :P Ale wydawalo mi sie, ze tak sie powinno dziac jedynie na przezroczystym tle. W koncu gif nie obsluguje polprzezroczystosci. Myslalem, ze jak sie da jednolite tlo, lepiej wymiesza kolory i skokow nie bedzie. Nie chcialo mi sie tego w praktyce sprawdzac :P


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Mr.Ha on 09.02.2009, 17:22:59
Nie wiem czemu ktoś kasuje non stop moje posty  >:D nie jestem spamerem... No ta animacja robi wrażenie...


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: INSEKT on 09.02.2009, 22:31:57
...No ta animacja robi wrażenie...

I myślisz, że dzięki temu krótkiemu zdaniu Twoja wypowiedź staje się wartościowa? Toż to najprawdziwszy spam.


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Sooly on 11.02.2009, 20:15:56
Wciąż czekam na decyzję opiekunów, chciałbym aby zapadła do soboty, ponieważ w weekend będę miał czas aby ewentualnie- w przypadku otrzymania zgody- napisać ten tutorial.


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: INSEKT on 11.02.2009, 20:44:02
Wciąż czekam na decyzję opiekunów, chciałbym aby zapadła do soboty, ponieważ w weekend będę miał czas aby ewentualnie- w przypadku otrzymania zgody- napisać ten tutorial.

Ale robisz to z użyciem GAP?


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: Sooly on 11.02.2009, 21:00:31
Tak, nie zrobiłbym 80 klatek "ręcznie", samym GIMP'em.


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: INSEKT on 11.02.2009, 22:41:26
No to pisz.


Tytuł: Odp: Animowane tryby.
Wiadomość wysłana przez: lion. on 12.02.2009, 15:27:01
Tak, nie zrobiłbym 80 klatek "ręcznie", samym GIMP'em.

Hehehehe, to dobrze bo bym cie wyśmiał  :D