Polskie Forum Użytkowników GIMP-a

Tutoriale => Animacje => Wątek zaczęty przez: Kifer71 on 20.10.2006, 21:23:56



Tytuł: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: Kifer71 on 20.10.2006, 21:23:56
Najazd i odlot
animacja tekstu przy użyciu GAP

Tutorial

Opracowanie: Kifer71
Poziom trudności: średni

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




Kolejny tutorial z serii animacja tekstu przy pomocy GAP.
Gimp Animation PackGAP możesz pobrać z:
dla Linux (http://download.gimpuj.info/gimp-src/gimp-gap-2.4.0.tar.bz2),
dla Windows (http://download.gimpuj.info/gimp-win/Gimp-GAP-2.4.0-Setup.exe).

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



[lp] Zaczynamy

[lp] 1. Zacznij od utworzenia na potrzeby animacji nowego folderu, który powinien znajdować się bezpośrednio na dysku - np. C:\Animacja.
Utwórz nowy obraz o dowolnych wymiarach, ja wybrałem 300x300px, wypełnij tłem i zapisz jako nazwa_0001.xcf w przed chwilą utworzonym folderze.
Ważne - plik musi zostać zapisany według wzoru dowolnanazwa_0001.xcf, w nazwie pliku i wcześniej utworzonego folderu nie używaj polskich znaków.

[lp] 2. Przejdź do Video -> Duplicate Frames, w oknie dialogowym ustaw N times na 99 i kliknij OK.

[lp] 3. Utwórz nowy przezroczysty obraz o wymiarach nie większych od poprzedniego i wpisz tekst, z menu Obraz wybierz Przytnij obraz. Możesz go przyozdobić np. dodając fazę (Filtry -> Dekoracja -> Dodaj fazę...).

[lp] 4. Wróć do  animacja_0001.xcf, z menu Video wybierz Move Path.

A) w Source Image/Layer wybierz warstwę z tekstem,
B) Stepmode ustaw na None,
C) zaznacz Instant Aply,
D) wymiary - Width i Height ustaw na 20,
E) chwyć tekst w oknie podglądu LPM i przesuń do dolnej krawędzi,

(http://www.gimpuj.info/gallery/17327_18_02_10_9_20_56.png)


F) Opacity (przezroczystość) ustaw na 0,
G) kliknij Add Point,
H) Suwak To Frame ustaw na 50,

(http://www.gimpuj.info/gallery/17327_18_02_10_9_31_38.png)


I) wymiary ustaw na 100,
J) przezroczystość na 100,
K) chwyć tekst i ustaw tam, gdzie ma się wyłonić - zostaw ponad nim miejsce na odlot,

(http://www.gimpuj.info/gallery/17327_18_02_10_9_36_16.png)


L) kliknij Add point,
M) rozmiar ustaw na 1,
N) suwak To Frame na 100,
O) w zakładce Perspective ustaw x1 na 0, x2 na 0,
P) chwyć skrzyżowanie prowadnic i przesuń do środka górnej krawędzi,

(http://www.gimpuj.info/gallery/17327_18_02_10_9_40_39.png)


[lp] 5. Teraz możesz obejrzeć animację klikając Anim Preview.

W oknie Move Path Animated Preview kliknij OK.
Powstanie nowy plik i otworzy się okno podglądu animacji, obejrzyj animkę, zamknij podgląd i nowy plik nie zapisując go, a w oknie Move Path kliknij OK.

[lp] 6. Z menu Video w pliku animacja_0001.xcf wybierz Frames to Image. W oknie, które się otworzy zmień czas wyświetlania pojedynczej klatki z 41ms na 15 ms.
Kliknij OK.

(http://www.gimpuj.info/gallery/17327_19_02_10_10_22_28.png)


[lp] 7. Powstanie nowy plik. Przejdź do zakładki Warstwy pliku Bez nazwy i zaznacz warstwę frame_000050 (15ms), w jej nazwie zamień 15ms na 1000ms.

(http://www.gimpuj.info/gallery/17327_19_02_10_10_26_56.png)


Z menu Filtry wybierz Animacja -> Optymalizuj (różnica).
Zapisz plik jako Gif pamiętając aby w oknie Eksport pliku zaznaczyć Zapisz jako animację.

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


[lp] Koniec



Gimp, Gimp i tylko Gimp.




Tytuł: Odp: Najazd i odlot czyli następna animacja tekstu przy użyciu GAP.
Wiadomość wysłana przez: wywrot4 on 01.02.2008, 10:48:43
Mi troszkę wolniej leci ale tutorial fajny

(http://www.gimpuj.info/gallery/7197_01_02_08_9_42_22.gif)


Tytuł: Odp: Najazd i odlot czyli następna animacja tekstu przy użyciu GAP.
Wiadomość wysłana przez: Zdybek on 10.05.2008, 18:40:15
a trudno że nie pisano od 30 dni.  Tut super, efekt też ;) a oto moja praca:
(http://i29.tinypic.com/24e6c6s.gif)


Tytuł: Odp: Najazd i odlot czyli następna animacja tekstu przy użyciu GAP.
Wiadomość wysłana przez: EditPost on 23.06.2008, 15:00:46
Niezły tut
Wyszło takie coś:
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Najazd i odlot czyli następna animacja tekstu przy użyciu GAP.
Wiadomość wysłana przez: Starczes12 on 03.07.2008, 12:49:12
Ja miałem za mały napis  :-[


Tytuł: Odp: Najazd i odlot czyli następna animacja tekstu przy użyciu GAP.
Wiadomość wysłana przez: Texas Ranger on 02.11.2008, 20:25:01
męczarnie jak zwykle ale wyszło:
(http://img147.imageshack.us/img147/3547/texasrangeranimacjaly7.gif)


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: Pemus on 14.06.2010, 10:33:20
To nie działa suwaka To Frame nie da się przesunąć. Dlaczego?


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: Dodo45 on 18.06.2010, 17:16:29
Jak zrobić aby zrobić aby były dwa napisy? Tzn. leci najpierw jeden, a po nim drugi.


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: Sooly on 19.06.2010, 09:07:50
W punkcie drugim ustawiasz duplikowanie (Duplicate Frames) na 199 razy i animujesz pierwszy napis dokładnie tak samo jak w poradniku, a drugi też w ten sam sposób z tą różnicą, że nie zaczynasz od klatki 1, tylko od 101. czyli w w pkt.4 jak masz na obrazku From... i To Frame na 1 to ustawiasz na 101. Dalej nie na 50 i 100, tylko na 150 i 200. No i jeśli drugi napis ma być inny to w Source Image/Layer musisz mieć plik z tym drugim napisem.

Może coś niejasno napisałem bo dla mnie to jest oczywiste, a poza tym jestem strasznie niewyspany więc przepraszam jeśli nie zrozumiesz. :) W razie czego pytaj.


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: kamyk9898 on 28.06.2010, 17:20:52
Sorrki, ale nie czaję ;D. No na początku utworzyłam folder no i potem zrobiłam tak jak pisałeś, ale gdzie jest to video ?


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: Silterss on 28.06.2010, 17:48:16
A GAP masz zainstalowany?


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: Proximus on 01.08.2010, 15:27:34
Ktoś mi powie co źle zrobiłem? Zamiast tekstu dałem obrazek, może to jest przyczyną, tzn. na 99% to jest przyczyną, jak zrobić żeby to się tak nie powtarzało?

(http://mirabar.vot.pl/plikiprox/123.gif)


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: Sooly on 01.08.2010, 15:41:32
[lp] 6. Z menu Video w pliku animacja_0001.xcf wybierz Frames to Image. W oknie, które się otworzy zmień czas wyświetlania pojedynczej klatki z 41ms na 15 ms.
Kliknij OK.

(http://www.gimpuj.info/gallery/17327_19_02_10_10_22_28.png)

Do frame_[######](15ms) dopisz (replace), musisz mieć frame_[######](15ms)(replace).


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: Proximus on 01.08.2010, 19:03:05
Wielkie dzięki, teraz popracuje nad szybkością i będzie można umieścić.

Oto mój efekt (lekko zniekształciło mi góry, ach te uroki gif'a ;)):

(http://mirabar.eu/plikiprox/napis.gif)


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: coolie on 02.08.2010, 13:16:55
moja animcja w podgladzie animacji wyglada tak jak trzeba a po zapisaniu jest strasznie wolno wyświetlana  >:( wiecie co to moze byc?


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: Sooly on 02.08.2010, 15:47:36
Podgląd Obrazów i Faksów Windowsa zazwyczaj wyświetla animacje w zwolnionym tempie... Otwórz Firefoxem.


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: coolie on 03.08.2010, 09:30:47
dzieki :) a swoja droga to ciekawe, ze tylko w firefoxie działa poprawnie gif, wczesniej sprawdzałem w operze i w explorerze i wszedzie było zle. Tylko pytanie jeszcze czy jak wrzuce ta animacje na strone to w kazdej przegladarce bedzie sie dobrze wyświetlać czy kiczowato jak u mnie na kompie ;/


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: Sooly on 03.08.2010, 13:28:37
Wydaje mi się, że wszędzie powinno się dobrze wyświetlać, ewentualnie starsze IE mogą mieć problemy. Ale nie jestem jakimś specem w tej materii, więc nic Ci nie gwarantuję. :)


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: Matikol on 16.08.2010, 13:44:31
mooje ;D moja pierwsza animacja

(http://tinypic.pl/7w1hvwn4vera)


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: kon on 19.01.2011, 10:22:32
@77Fear77-na pewno chciales miec biale tlo,czy za wczesnie zapisales??


Tytuł: Odp: Najazd i odlot, czyli następna animacja tekstu przy użyciu GAP
Wiadomość wysłana przez: kon on 19.01.2011, 10:23:35
Podchodzilem trzy razy-poszlo.