|
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ń... :PMusi 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 |