Forum Blogowe ^{17 lat!}

2008-12-06, 19:06

Napiszę tutaj po krótce jak zrobić animację, aby tekst powoli znikał i pojawiał się na avatarze. Wszystko działa w GIMPIE.
1. Tworzysz avatar.
2. Dodajesz nową warstwę.
3. Dodajesz napis i na tą warstwę ustawiasz krycie (ctrl+L) na 10%.
4. Duplikujesz warstwę, lecz krycie ustawiasz na 20%.
5. Duplikujesz warstwę, lecz krycie ustawiasz na 30%.
6. Robisz to samo cały czas, aż krycie będzie 100%.
7. Duplikujesz warstwę i ustawiasz krycie na 90%.
8. Duplikujesz warstwę i ustawiasz krycie na 80%.
9. I tak aż krycie będzie 0%.
10. Zapisujesz to avatar.GIF i zaznaczasz, że to jest animacja.

2008-12-08, 22:23

______________________________________________________
Wiesnaaa! ...
Zarejestruj się na Forum
:hyhy:

2009-05-23, 13:48

1. Otwieramy obrazek z avatarem.
[img]http://www.iv.pl/images/vs3bbr4m7lw0iu841he.jpg[/img]

2. Tworzymy nową warstwę z tekstem (np. „Znikaaam!”):
[img]http://www.iv.pl/images/6kge4ikj7xnsf3jexsl8.jpg[/img]
Pod tekstem utworzyłem białą otoczkę, aby tekst był lepiej widoczny na avatarze. Teraz spłaszczam warstwę z tekstem z warstwą z otoczką
(menu Warstwa -> Połącz w dół) i otrzymuję 2 warstwy. Jedną z niezmienionym tłem avatara, drugą z tekstem w białej obramówce:
[img]http://www.iv.pl/images/6vbr4zgzrqx48pzbriqn.jpg[/img]

3. Ustawiam krycie warstwy z napisem na 10% i nazywam ją
znikaaam 10:
[img]http://www.iv.pl/images/dagmgxqc5o1rxsfe4bj7.jpg[/img]

4. Następnie warstwę tą duplikuję (Ctrl+Shift+D). Krycie zduplikowanej warstwy ustalam na 20% i nazywam ją znikaaam 20:
[img]http://www.iv.pl/images/lnpswpvok45rzggpiw5n.jpg[/img]

5. Duplikowanie jeszcze 2 razy powtarzam ustalając krycie na 60% i 100% (uwaga: czym więcej utworzymy takich warstw przejściowych, tym nasza animacja będzie płynniejsza. Tutaj na potrzeby tutoriala dałem tylko kilka klatek):
[img]http://www.iv.pl/images/i5tc4y3gpk2go6c5nxw1.jpg[/img]

6. Duplikuję warstwę z tłem i złączam ją z warstwą z tekstem z ustawionym kryciem 10%:
[img]http://www.iv.pl/images/ko8ms2dmnolq5g41dgcx.jpg[/img]

7. Dla ułatwienia złączoną warstwę nazywam tlo 10 (analogicznie jak podczas duplikowania warstw z tekstem o różnym kryciu). Tworzę kolejne duplikaty warstwy z tłem i złączam je z kolejnymi warstwami z tekstem. Otrzymuję w ten sposób warstwy:
[img]http://www.iv.pl/images/ht1ebdnq7vdrwds34z7r.jpg[/img]

8. Następnie powielam warstwy z tłem i ustawiam według następującej kolejności:
[img]http://www.iv.pl/images/lbjik5hmq8fxbvrtqsez.jpg[/img]

9. Teraz należy zoptymalizować grafikę na potrzeby animowanego GIF'a. W tym celu wybieram w menu Filtry -> Animacja -> Optymalizuj (dla formatu GIF). Zoptymalizowany obrazek otworzy się w nowym oknie. Tu kilka słów wyjaśnienia. Jak widać Gimp utworzył zoptymalizowane warstwy stosując specyficzne nazewnictwo: „nazwa_warstwy (czas_wyświetlania)(rodzaj_Przejścia_między_klatkami)”. Zmieniając te parametry w nazwie mamy wpływ na sposób wyświetlania animacji. Np. możemy wydłużyć czas wyświetlania danej klatki podając w nazwie jej czas w milisekundach (tutaj 100ms), typ przejścia może być jako combine lub replace. Combine powoduje nakładanie warstwy (klatki animacji) na poprzednią, natomiast replace zastępuje klatkę (ukrywa poprzednią i wyświetla bieżącą).
[img]http://www.iv.pl/images/2gzx90rda4axgikfzrxh.jpg[/img]

10. Przykładowo ustawiłem czas 1sekundy wyświetlania klatki z widocznym napisem z ustawionym kryciem na 100%.
[img]http://www.iv.pl/images/y41mij1ivmzducyanyty.jpg[/img]

11. W każdej chwili można podejrzeć animację. W tym celu wybieramy z menu Filtry -> Animacja -> Odtwórz. Ukaże się okno z podglądem animacji.
[img]http://www.iv.pl/images/g6jcw40khvtzpnqfi3o1.jpg[/img]

12. Jak już będziemy zadowoleni z efektów naszej animacji, możemy ją zapisać jako plik GIF. Obrazek zostanie wyeksportowany do formatu GIF. W opcjach eksportu ustawiamy opcję „Zapisz w postaci animacji”. W następnym oknie można ustalić czy animacja ma być zapętlona, czy wykonana tylko raz.
[img]http://www.iv.pl/images/ziio7s0r2y1t482i06.jpg[/img]

13. Efekt końcowy:
[img]http://www.iv.pl/images/124rfr3masbdk6zsd8qz.gif[/img]

2010-01-05, 15:23

melma, dziękuję za uzupełnienie, a właściwie dodanie swojego tutoriala

.

EDIT:
Może to trochę głupio zabrzmieć, ale mam problem z tym tutorialem, który sam zrobiłem. Być może po ponownym zainstalowaniu GIMPa mam inne ustawienia, ale nie mogę zrobić pojawiającego się obrazka na czarnym tle. Na początku tworzę obraz o czarnym tle. Dodaję nową warstwę i wklejam obrazek. Potem krycie obrazka ustawiam na 0% i kopiuję warstwę, której krycie ustawiam na 10%. Teraz warstwa, która teoretycznie 0% wygląda tak samo, jak ta, która ma 10% (dwie identyczne warstwy, a krycie różne). Wiecie może dlaczego tak się dzieje?

Jeśli czegoś nie rozumiecie to napiszcie, bo być może opisałem to niezrozumiale.

2010-01-05, 15:37

Forum Blogowe 17 lat!

Forum Blogowe ^{17 lat!}