Polskie Forum Użytkowników GIMP-a

Hyde zone => [Archiwum] Pomocna dłoń - GIMP => Wątek zaczęty przez: daredevil on 07.04.2013, 15:42:23



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ż Ci się znudzi ptaszek skończy latać. Robisz Ctrl+Shift+E i zapisujesz z domyślnymi ustawieniami.


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).