|
Tytuł: [ROZ] Jak zrobić animację lecącego ptaszka? Wiadomość wysłana przez: daredevil on 07.04.2013, 15:42:23 siemka
mam pytanko czy można jakoś nadać ruch gifowi, bo mam ptaszka gif i chce by on leciał na prostokącie 800\200 proszę o pomoc? Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: be@ on 07.04.2013, 15:45:49 Pewnie, że można. Po prostu trzeba go stopniowo przesuwać na każdej kolejnej klatce.
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: daredevil on 07.04.2013, 15:47:17 Pewnie, że można. Po prostu trzeba go stopniowo przesuwać na każdej kolejnej klatce. a jak sie to robi - klatkuje można prosić o opis? Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: be@ on 07.04.2013, 16:01:57 Przerób sobie kilka tutoriali na animacje. Klatki to inaczej warstwy.
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: daredevil on 07.04.2013, 16:13:46 Wszystkie animacje składają się z klatek a taka konkretna pod to co chce zrobić z tym ptakiem to jaka by była? Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: Żaba on 07.04.2013, 16:21:25 Ptaszek wie, jaka by była.
No ale ok, wyręczę beę. Otwierasz obraz 800/200, rysujesz ptaszka, tworzysz nową warstwę, rysujesz kolejny ruch ptaszka, tworzysz kolejną warstwę i rysujesz kolejny ruch ptaszka,tworzysz kolejną warstwę i rysujesz kolejny ruch ptaszka,tworzysz kolejną warstwę i rysujesz kolejny ruch ptaszka,tworzysz kolejną warstwę i rysujesz kolejny ruch ptaszka,tworzysz kolejną warstwę i rysujesz kolejny ruch ptaszka aż Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: daredevil on 07.04.2013, 16:24:09 tylko że ten ptaszek już macha skrzydełkami i jest gifem jak mu nadać ruch z lewej strony do prawej?
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: Żaba on 07.04.2013, 16:32:55 No to na każdej kolejnej warstwie musi być przesunięty trochę do przodu.
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: be@ on 07.04.2013, 16:33:32 http://www.gimpuj.info/index.php/topic,44893.0.html
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: uKreskowane on 07.04.2013, 20:14:28 1 klatkę ustawiasz najbardziej po prawo, kolejną bliżej lewej strony, kolejną znowu bliżej lewej, i tak aż przeleci całe 800px.
Pamiętaj aby każda kolejna warstwa była innym ruchem skrzydeł Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: daredevil on 08.04.2013, 06:56:45 kto mi to opisze w punktach i screnach pokaże dzieki
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: be@ on 08.04.2013, 06:59:43 To wstaw tu tego gifa, bo skoro to jest już gotowa animacja, to musiałabym ją zobaczyć i najpierw sama pokombinować, żeby Ci opisać.
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: daredevil on 08.04.2013, 07:06:01 (http://vpx.pl/i/2013/04/08/ppp.gif) Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: Hasia on 08.04.2013, 07:48:19 Daredevil, ja tak z nudów sobie zrobiłam, ale w mojej animacji ptaszek wylatuje z obrazu i zaraz wraca. Chcesz taką animację?
(http://vpx.pl/i/2013/04/08/Ptak.gif) Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: daredevil on 08.04.2013, 08:47:56 może być, fajnie lata.
jak wy to robicie ? Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: Hasia on 08.04.2013, 09:02:08 Utworzyłam nowy obraz o wymiarach 800x200. Później otworzyłam jako warstwy Twojego gifa z ptaszkiem. Narzędziem do przesuwania <przesuwanie> ustawiłam po kolei warstwy tak, aby utworzyły pierwszą część lotu. Wyeksportowałam obraz jako nowy gif i otworzyłam go już jako warstwy. Połączyłam te warstwy tak zwanym łańcuszkiem, i przesunęłam wszystkie jako kolejny etap animacji. Powtarzałam tę czynność aż ptaszek "doleciał" do końca obrazu. Aby ptaszek leciał w drugą stronę to znowu wyeksportowałam obraz jako nowy gif. Otworzyłam go, odbiłam obraz w poziomie i zapisałam. Po tym otworzyłam go jako nowe warstwy w obrazie z tworzoną animacją i zapisałam jako gif :) I to wszystko.
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: daredevil on 08.04.2013, 09:09:02 otworzyłem ptaszka jako warstwy i nie mogę go przenieść, bo mam kilka ptaszków jak?
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: be@ on 08.04.2013, 09:12:55 Dopiero teraz mam wolną chwilę i mogłam włączyć laptop. Widzę, że Hasia już mnie wyręczyła. Może poproś ją o plik XCF, to będziesz mógł się na nim wzorować.
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: daredevil on 08.04.2013, 09:15:11 można prosić o o plik XCF na zippishare dzieki
otworzyłem ptaszka jako warstwy i nie mogę go przenieść, bo mam kilka ptaszków jak? moż opis prosić w punkatach, bedzie lepszy? Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: Hasia on 08.04.2013, 09:19:11 Jak chcesz jednocześnie przesuwać kilka warstw, to musisz te warstwy połączyć łańcuszkiem. XCF Ci niepotrzebny, przecież masz gifa, tak samo wygląda jak xcf.
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: daredevil on 08.04.2013, 09:23:04 otworzyłem ptaszka jako warstwy i nie mogę go przenieść, bo mam kilka ptaszków jak?
zróbcie mi opis w punktach jak możecie ok dzięki? Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: Hasia on 08.04.2013, 10:02:12 Musisz chwilę poczekać, bo zrobienie tego opisu w punktach trwa więcej niż zrobienie samej animacji. Ty w tym czasie dokładnie przestudiuj program i naucz się jego podstawowych opcji, bo inaczej nigdy tego nie ogarniesz.
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: daredevil on 08.04.2013, 10:06:56 wy macie może gap zainstalowany bo szukam i znaleźć nie moge w pl?
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: Hasia on 08.04.2013, 10:34:38 Mam GAP, ale robiłam to bez jego użycia.
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: be@ on 08.04.2013, 10:35:42 GAP masz w dziale Download:
http://www.gimpuj.info/download/gimp-win/Gimp-GAP-2.6.0-Setup.exe Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: daredevil on 08.04.2013, 11:12:07 ok to czekam dalej na opis w wolnej chwili
Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: Hasia on 08.04.2013, 12:25:39 1.Tworzysz sobie swój obraz 800X200 pikseli. Następnie Plik->Otwórz jako warstwy i wybierasz gif z ptaszkiem. Plik ten składa się z sześciu warstw/klatek. Połącz je łańcuszkiem. Tylko nie łącz z białym tłem.
(http://vpx.pl/i/2013/04/08/ScreenShot001w5Tpu.png) 2.Narzędziem Przesuwanie <przesuwanie> przesuń warstwy na prawą stronę obrazu. (http://vpx.pl/i/2013/04/08/ScreenShot0029nKYo.png) 3.Odznacz łańcuszek. (http://vpx.pl/i/2013/04/08/ScreenShot003uG6d.png) 4.Usuń warstwę z białym tłem. (http://vpx.pl/i/2013/04/08/ScreenShot004lysEg.png) 5.Dla lepszej przejrzystości wyłącz widoczność czterech górnych warstw i <przesuwanie> przesuń w prawo drugą klatkę od dołu. (http://vpx.pl/i/2013/04/08/ScreenShot005Jpl4x.png) 6. Włącz widoczność następnej warstwy i także ją przesuń w prawo, tak aby ptaszek zbliżał się do prawej krawędzi obrazu. (http://vpx.pl/i/2013/04/08/ScreenShot006IfpUc.png) 7.To samo zrób z czwartą klatką. (http://vpx.pl/i/2013/04/08/ScreenShot007v1rXj.png) 8. I piątą. (http://vpx.pl/i/2013/04/08/ScreenShot008jpqnH.png) 9. I szóstą. (http://vpx.pl/i/2013/04/08/ScreenShot009.png) 10. Teraz Wyeksportuj obraz do gifa. Ja nazwałam go segment. Opcję zapisu ustaw tak jak na screenach poniżej. (http://vpx.pl/i/2013/04/08/ScreenShot010.png) (http://vpx.pl/i/2013/04/08/ScreenShot011.png) (http://vpx.pl/i/2013/04/08/ScreenShot012.png) 11.Połącz znowu łańcuszkiem wszystkie warstwy. (http://vpx.pl/i/2013/04/08/ScreenShot013.png) 12. I przesuń ptaszki do lewej krawędzi obrazu tak aby ten pierwszy mieścił się tylko w połowie. (http://vpx.pl/i/2013/04/08/ScreenShot014.png) 13.Otwórz jako warstwy segment.gif. (http://vpx.pl/i/2013/04/08/ScreenShot015.png) 14. Otworzy się w ten sposób. (http://vpx.pl/i/2013/04/08/ScreenShot016.png) 15. Zaczynając od góry, połącz nowo otwarte warstwy łańcuszkiem. Kiedy dojdziesz do warstw wcześniejszych, to idąc w dól wyłącz po kolei ich łańcuszek. Robiąc to w tej kolejności jest mniejsze prawdopodobieństwo, że się pogubisz. (http://vpx.pl/i/2013/04/08/ScreenShot017.png) 16. Przesuń w lewo połączone warstwy, tak jak na screenie. (http://vpx.pl/i/2013/04/08/ScreenShot018.png) 17. Kolejny raz otwórz segment.gif jako nowe warstwy. (http://vpx.pl/i/2013/04/08/ScreenShot019.png) 18. Powtórz czynność włączania od góry łańcuszka, i tak jak poprzednio odznacz łańcuszek warstw wcześniejszych. (http://vpx.pl/i/2013/04/08/ScreenShot020.png) 19. Połączone warstwy przesuń dołączając do poprzednich. (http://vpx.pl/i/2013/04/08/ScreenShot021.png) 20. Znowu otwórz segment.gif jako warstwy. (http://vpx.pl/i/2013/04/08/ScreenShot022.png) 21. Powtórz czynności z łączeniem łańcuszkiem i przesuń warstwy. (http://pics.tinypic.pl/i/00363/74s11jz2pd22.png) 22. Kolejny raz Otwórz jako warstwy segment.gif. (http://pics.tinypic.pl/i/00363/8tu2prqy4he6.png) 23. Czynności z łączeniem łańcuszkiem i rozłączaniem poprzednich. (http://pics.tinypic.pl/i/00363/ynpp5w4lis2h.png) 24. Przesuwanie segmentu w lewo. (http://pics.tinypic.pl/i/00363/gr2l8zx89dhk.png) 25. I znowu otwieranie jako warstwy segment.gif. (http://pics.tinypic.pl/i/00363/z2y6bto3zrys.png) 26. Czynność z łańcuszkiem i przesunięcie warstw. (http://pics.tinypic.pl/i/00363/cd5az3msi8cw.png) 27. Znowu otwórz jako warstwy segment.gif. (http://pics.tinypic.pl/i/00363/i39zj8dibfc7.png) 28. Łączenie nowych warstw łańcuszkiem i rozłąńcznie poprzednich. (http://pics.tinypic.pl/i/00363/z9s4xblrejgm.png) 29.Przesuwanie połączonych warstw tak aby ptaszek "wylatywał" za krawędź obrazu. (http://pics.tinypic.pl/i/00363/ywekxlhdsreo.png) 30. Wyeksportuj obraz do gifa. Nazwij go jak Ci się podoba. (http://pics.tinypic.pl/i/00363/i866x9pdpmoe.png) 31. Zatwierdź kadrowanie. (http://pics.tinypic.pl/i/00363/h6ebmf6f0r6t.png) 32. Opcje animacji ustaw tak jak widzisz na obrazku. (http://pics.tinypic.pl/i/00363/8op5f6hpjg8a.png) 33. Teraz otwórz nowo zapisany gif, możesz skorzystać z opcji Ostatnio otwierane. (http://pics.tinypic.pl/i/00363/aenlaj9h2h8c.png) 34. Wybierz Obraz->Przekształcanie->Odbij poziomo. (http://pics.tinypic.pl/i/00363/vmw60s77nkqf.png) 35. Zastąp. (http://pics.tinypic.pl/i/00363/997donba1au4.png) 36. Teraz otwórz tego gifa jako nowe warstwy w obrazie na którym działasz od początku. (http://pics.tinypic.pl/i/00363/56u7t2im1zpb.png) 37. Będzie coś takiego. (http://pics.tinypic.pl/i/00363/afgnai80t0qq.png) 38. Wyeksportuj tak jak poprzednio zatwierdzając kadrowanie. (http://pics.tinypic.pl/i/00363/5kkqxsvcla73.png) 39. Opcje zapisu jako animacji gif. (http://pics.tinypic.pl/i/00363/2uf8m7aop7ux.png) I gotowe. Tytuł: Odp: jak zrobić animacje ptaszka ? Wiadomość wysłana przez: daredevil on 08.04.2013, 16:53:31 zrobione:
(http://vpx.pl/i/2013/04/08/ptaszek2PoTt.gif) Tytuł: Odp: [ROZ] Jak zrobić animację lecącego ptaszka? Wiadomość wysłana przez: Suzi on 13.06.2013, 20:30:43 jak zrobić tego ptaszka żeby był z tłem (http://img191.imageshack.us/img191/6143/golab3.gif)
z takim tłem (http://img835.imageshack.us/img835/2277/breathtakingsky.png) ? Tytuł: Odp: [ROZ] Jak zrobić animację lecącego ptaszka? Wiadomość wysłana przez: be@ on 13.06.2013, 21:11:48 Otwierasz w GIMP-ie swoje tło. Następnie otwierasz gifa z ptaszkiem jako warstwy: Plik -> Otwórz jako warstwy. Duplikujesz <duplikowanie-warstwy> tło tyle razy ile masz klatek animacji i pod każdą warstwę z ptaszkiem podkładasz warstwę z tłem po czym łączysz je parami. Można to zrobić automatycznie za pomocą skryptu Combine background (http://www.gimpuj.info/index.php/topic,52460.0.html). Na koniec zapisujesz/eksportujesz (zależnie od wersji GIMP-a) jako animację z rozszerzeniem GIF.
Tytuł: Odp: [ROZ] Jak zrobić animację lecącego ptaszka? Wiadomość wysłana przez: Suzi on 14.06.2013, 16:53:57 wyszło mi coś takiego (http://img42.imageshack.us/img42/4818/nfmx.gif)
Tytuł: Odp: [ROZ] Jak zrobić animację lecącego ptaszka? Wiadomość wysłana przez: be@ on 15.06.2013, 00:05:10 Radziłabym zmienić napis na jakiś ładniejszy i kolorystycznie bardziej dopasowany do reszty obrazka. Poza tym miga on trochę zbyt szybko. Lepiej gdyby zanikał bardziej stopniowo.
Tytuł: Odp: [ROZ] Jak zrobić animację lecącego ptaszka? Wiadomość wysłana przez: Suzi on 15.06.2013, 11:48:01 Nie umiałam zrobić tak by nie migał tak szybka
Chciałam zrobić konia biegnącego http://img834.imageshack.us/img834/6052/v4q.gif (http://img834.imageshack.us/img834/6052/v4q.gif) ale mi wyszło coś takiego i nie wiem czemu http://img14.imageshack.us/img14/8431/rjt6.gif (http://img14.imageshack.us/img14/8431/rjt6.gif) ? Tytuł: Odp: [ROZ] Jak zrobić animację lecącego ptaszka? Wiadomość wysłana przez: be@ on 15.06.2013, 11:52:17 Wystarczyło umieścić napis na kilku klatkach zamiast na jednej. Poza tym przejrzyj sobie dział: Tutoriale -> Animacje. Jest tam wiele napisów.
A co do konia, to nie pomogę bo nie mam dostępu do Twojego komputera. Aby obrazki były widoczne dla innych trzeba je dodać w załączniku albo wrzucić na jakiś hosting. Tytuł: Odp: [ROZ] Jak zrobić animację lecącego ptaszka? Wiadomość wysłana przez: uKreskowane on 15.06.2013, 12:25:30 Daj zamiast przezroczystego tła jakiś kolor i będzie dobrze.
Tytuł: Odp: [ROZ] Jak zrobić animację lecącego ptaszka? Wiadomość wysłana przez: be@ on 15.06.2013, 12:29:47 Albo podczas zapisu animacji w traktowaniu klatek zamiast kumulacji warstw (składanie) wybierz: "jedna klatka na warstwę (zastępowanie).
|