Polskie Forum Użytkowników GIMP-a

Tutoriale => Animacje => Wątek zaczęty przez: Johny on 01.01.2007, 23:47:45



Tytuł: Proste przejście z jednego obrazka w drugi
Wiadomość wysłana przez: Johny on 01.01.2007, 23:47:45
Proste przejście z jednego obrazka w drugi
Tutorial

Opracowanie: Johny (http://www.gimpuj.info/index.php?action=profile;u=847)
Poziom trudności: łatwy

(http://www.gimpuj.info/gallery/20961_19_06_09_8_53_40_2.gif)




Najprostsze przenikanie - można pewnie zrobić w GAP, ale napiszę jak to zrobić ręcznie.

Tutorial napisany w wersji GIMP 2.6.6. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.



[lp] Zaczynamy

[lp] 1. Włączamy GIMP-a i otwieramy w nim jako warstwy to, z czego chcemy zrobić przejście.
Ważne by obrazki były tych samych rozmiarów. By to osiągnąć możemy np. skorzystać z narzędzia  Skalowanie <skalowanie> [Shift+T] lub Kadrowanie <kadrowanie> [Shift+C]
Mamy więc dwie warstwy, z których zrobimy przejście za pomocą 6 klatek. Wygląda to tak:

(http://www.gimpuj.info/gallery/20961_20_06_09_9_06_38.gif)


[lp] 2. Następnie duplikujemy każdą warstwę 4 razy Duplikuj warstwę  <duplikowanie-warstwy> [Shift+Ctrl+D] i układamy w pary wszystkie warstwy oprócz oryginalnych:

(http://www.gimpuj.info/gallery/20961_19_06_09_8_53_40_3.gif)  =>  (http://www.gimpuj.info/gallery/20961_19_06_09_8_54_49_1.gif)


[lp] 3. Naszym celem jest stworzenie sześciu klatek, w których od dołu (na początku) jest widoczne ABC i powoli przechodzi w XYZ, więc można łatwo na kalkulatorze policzyć przezroczystość każdej kolejnej pary (są 4):

Kod:
;100/5        20 - ile dodamy do każdej kolejnej pary

; 20*0         0 - 1 klatka zawiera tylko ABC - 0% XYZ
; 20*1        20 - 1 para (2 klatka)
; 20*2        40 - 2 para (3 klatka)
; 20*3        60 - 3 para (4 klatka)
; 20*4        80 - 4 para (5 klatka)
; 20*5       100 - 6 klatka zawiera 100% XYZ

Tak więc ustawiamy kolejno krycie dla każdej kolejnej warstwy XYZ (XYZ2 - 20%,  XYZ3 - 40%,  XYZ4 - 60%,  XYZ5 - 80%):

(http://www.gimpuj.info/gallery/20961_19_06_09_9_25_59_1.gif)          (http://www.gimpuj.info/gallery/20961_19_06_09_9_25_59_0.gif)


[lp] 4. Następnie łączymy pary klikając prawym klawiszem myszki po warstwach XYZ (2,3,4,5) i wybierając połącz w dół:

(http://www.gimpuj.info/gallery/20961_19_06_09_8_54_49_0.gif)


Powinno wyjść:

(http://www.gimpuj.info/gallery/20961_19_06_09_8_53_40_4.gif)


[lp] 5. Teraz, aby utworzyć z tego animację należy:
Obraz -> Tryb -> Indeksowany... - wygenerowana optymalna paleta - maksymalna ilość kolorów: 255, zatwierdzamy klikając Konwertuj

[lp] 6.  Filtry -> Animacja -> Optymalizuj (dla formatu gif)
otworzy nam się nowe okno ze zoptymalizowaną animacją (zajmuje mniej miejsca)
Teraz można zmieniać czas (zmieniając nazwę klatki - prawy klawisz myszki - modyfikuj atrybuty warstwy) dla wszystkich klatek (standardowy do 100ms) i oglądać wyniki w Filtry -> Animacja -> Playback...
Ja ustawiłem 2000ms (2 sekundy) dla oryginalnych ABC i XYZ:
(http://www.gimpuj.info/gallery/20961_19_06_09_8_53_40_4.gif)

[lp] 7.  Teraz wystarczy
Plik -> Zapisz jako... - *.gif - zapisz jako animację (ignoruj) - zaznaczyć zapętlanie na zawsze - ok


(http://www.gimpuj.info/gallery/20961_19_06_09_8_53_40_2.gif)


[lp] Koniec

 [lp] Post Scriptum
Dobrze jest jeszcze dorzucić animację powrotną, (nie będzie przeskoku) wystarczy zduplikować warstwy i zamienić kolejność.

(http://www.gimpuj.info/gallery/20961_20_06_09_9_46_22.png)




Miłego GIMPowania! :)




Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: Bizzar on 07.07.2007, 12:34:31
Zrobiłem to z moimi dwoma ulubionymi awatarami i wyszło coś takiego:

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


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: przemek_prv on 27.08.2007, 21:28:23
Nawet spoko efekt (http://www.mazowsze-jednorozec.yoyo.pl/grafika/gify/button_jedno.gif)


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: kamilek_snk on 01.11.2007, 23:47:06
A to moje:
(http://www.gimpuj.info/replacement.png)

Dzięki za tutka !


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: Blant on 18.11.2007, 14:52:57
Dzięki za tutka  ;)
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: chrystian on 08.02.2008, 19:39:27
dzięki za tutka bardzo fajny i prosty na pewno się przyda a jak checemy zrobić przenikanie więcej ni dwóch obrazków to wystarczy otworzyć te obrazki na nowe warstwy i wejść w filtry-> animacje-> przenikanie no i oczywiście zapisać w gifie


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: FanGimpa9002 on 07.04.2008, 12:51:57
Fajne!!
(http://images34.fotosik.pl/208/b65a6ca4bc898fcb.gif) (http://www.fotosik.pl)


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: gaameer on 21.07.2008, 08:24:42
Heh, zamiast zrobic co kolwiek, to na pierwszą pracę w gimpie wybrałem właśnie to 8), efekt widac w avku.


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: matik464 on 20.09.2008, 12:20:17
Oto moja pracka:
(http://www.gimpuj.info/gallery/11768_20_09_08_12_19_27.gif) (http://www.gimpuj.info/)


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: janski on 05.11.2008, 19:03:49
Można tak
Ustawiamy tło jako najniższą warstwę a wyższe ustawiamy tak jak mają przenikać warstwy.
Potem >Filtry>Animacja>Przenikanie
Tak chyba łatwiej ;)


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: evaaa on 11.11.2008, 11:51:47
Zależało mi na ożywieniu zdjęć. Tutorial świetnie opisany, nie miałam żadnych problemów, zmieniłam tylko czas wyświetlania poszczególnych warstw. Najwięcej pracy miałam z takim wykadrowaniem boćków, aby na obu fotkach znajdowały się w tym samym miejscu. Wykorzystuję wyłącznie własne fotki.

(http://www.tapetosik.com/files/5ctb9f2i4ssjgcxx5c0r.gif)

(http://www.tapetosik.com/files/kinr2btc27gij33f0iwf.gif)



Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: Zetti on 14.12.2008, 23:36:03
(http://www.gimpuj.info/replacement.png)

A ja co źle zrobiłem...?


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: D4niQ on 04.01.2009, 01:51:12
(http://www.gimpuj.info/replacement.png)


 :D


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: wojtekpp on 25.01.2009, 05:03:10
mam pytanie do
D4niQ lub Blant
jak ustawiliście parametry gifa - by uzyskać taką jakość odwzorowania kolorów?


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: Adarn on 13.02.2009, 10:16:30
A ja co źle zrobiłem...?

Otóż:

Cytuj
;100/5        20 - ile dodamy do każdej kolejnej pary

; 20*0        0  - 1 klatka zawiera tylko ABC - 0% XYZ
; 20*1        20 - 1 para (2 klatka)
; 20*2        40 - 2 para (3 klatka)
; 20*3        60 - 3 para (4 klatka)
; 20*4        80 - 4 para (5 klatka)
; 20*5        100- 6 klatka zawiera 100% XYZ

ABC musi się pojawiać a XYZ pojawiać (patrz. 1 linia cytatu)

Jak ABC ma 100% to XYZ 0% jak ABC ma 80% to XYZ 20%. Mam nadzieje że pomogłem  :)


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: mysior on 14.02.2009, 15:42:17
Bardzo fajny tut, połączyłam z efektem tuta http://www.gimpuj.info/filtry-i-efekty/abstract-whirl-t1677.0.html (http://www.gimpuj.info/filtry-i-efekty/abstract-whirl-t1677.0.html). Nawet ładnie wyszło, tylko że jakość obrazów się zmniejszyła... Oto mój efekt:


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: Aniwa on 24.02.2009, 15:35:55
Dzięki ;)) Bardzo fajny tutek. Mój efekt:
(http://www.gimpuj.info/gallery/20961_13_05_09_6_52_40.gif)

bo wędrowanie jest fajne ;))


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: Akita131 on 24.02.2009, 20:20:02
(http://www.gimpuj.info/replacement.png)
To mój efekt!!
Myślałam, że robienie animacji w gimpie jest trudne, a wcale nie!!
Jeśli robię to krok po kroku z tym tutkiem jest to banalne!!
dzięki wam to umiem!!!


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: Sheltie on 25.02.2009, 10:19:36
(http://www.gimpuj.info/index.php?action=dlattach;attach=11999;type=avatar)

Mój efekt  :D
 <wilber> <wilber> <wilber> <wilber> <wilber> <wilber> <wilber> <wilber> <wilber> <wilber>


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: MmadlenN on 08.03.2009, 19:08:19
Bardzo ładnie :) Dość prosty tutek ;)
(http://)


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: walchuck on 29.05.2009, 14:50:22
ja przerobiłem trochę i zrobiłem animację dla kilku userbarów. oto mój wynik:
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: hananh on 25.09.2009, 18:35:07
Tylko XYZ mi miga, a  ABC nie.


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: Aniwa on 25.09.2009, 20:07:45
Tylko XYZ mi miga, a  ABC nie.

Jak zrobisz animację powrotną (na początku podane jak) to nie będzie Ci migało (tzn. nie będzie przeskoku, bo nie wiem dokładnie czy o to Ci chodzi).


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: klimas00 on 03.12.2009, 21:10:48
jeśli zwolnię animację to widać że to nie jest płynne więc wystarczy chyba dodać więcej warstw i krycie podzielić na więcej tak ?


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: Qrna on 04.12.2009, 01:14:10
jeśli zwolnię animację to widać że to nie jest płynne więc wystarczy chyba dodać więcej warstw i krycie podzielić na więcej tak ?
Dokładnie! Ja zrobiłem 2 razy wiecej warstw i wyszło dużo płynniej. Potem je skopiowałem i ustawiłem w odwrotnej kolejnosci, co dało efekt ciągłej płynnej zmiany.


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: Qrna on 03.01.2010, 02:01:37
Cytat: LcD da się to jakoś zmniejszyć gotowe?
[/quote
Da się, jeśli masz GAP. [BTW: mam wrażenie, że nie ma u ciebie płynnego przejścia, tylko przeskok, i cały efekt tutka przepadł]


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: Saphira on 08.02.2010, 11:07:20
(http://i46.tinypic.com/2i75qb9.jpg)
(http://i45.tinypic.com/2rzqwx3.gif)

Moje dwa obrazki :D Była to pierwsza rzecz, którą zrobiłam w GIMP-ie. Używam je jako bannery.


Tytuł: Odp: Proste przejscie z jednego obrazka w drugi
Wiadomość wysłana przez: Wilk07 on 21.03.2010, 13:05:41
Mój efekt: (http://i43.tinypic.com/2m2dk69.gif)

A ktoś wie jak zrobić z większą ilością zdjęć i czy jest jakiś limit na ilość zdjęć czy raczej można do woli ?


Tytuł: Odp: Proste przejście z jednego obrazka w drugi
Wiadomość wysłana przez: Hoorg on 13.03.2011, 18:31:35
Mi jakoś tak wyszło
(http://img854.imageshack.us/img854/5543/reklamacsgibonek.gif) (http://img854.imageshack.us/i/reklamacsgibonek.gif/)

(http://img839.imageshack.us/img839/3389/animacjacsgibonek.gif) (http://img839.imageshack.us/i/animacjacsgibonek.gif/)



Tytuł: Odp: Proste przejście z jednego obrazka w drugi
Wiadomość wysłana przez: bredonerrors on 28.07.2011, 19:48:17
Mam problem, otóż gif otwiera mi się tylko poprzez windows explorer, można coś zrobić, żeby otwierał się przez zwykłą przeglądarkę zdjęc systemu windows ?


Tytuł: Odp: Proste przejście z jednego obrazka w drugi
Wiadomość wysłana przez: be@ on 28.07.2011, 19:56:23
Mam problem, otóż gif otwiera mi się tylko poprzez windows explorer, można coś zrobić, żeby otwierał się przez zwykłą przeglądarkę zdjęc systemu windows ?
Jeśli masz Windows7 to jego przeglądarka nie obsługuje ruchomych animacji. Najlepiej użyć jakiejś lepszej przeglądarki grafiki niż systemowa. Osobiście polecam darmowy XnView, ale Irfan też się nada (chociaż nie obsługuje APNG).


Tytuł: Odp: Proste przejście z jednego obrazka w drugi
Wiadomość wysłana przez: Daru1 on 19.02.2012, 23:10:51
A jak zrobić tak samo z samymi literami? przykład ilość takich przemian z 15 chodzi mi żeby tak zrobić ze swoim imieniem i naziwskiem .Proszę o pomoc