Prosta animacja

[melma]

W tym tutorialu pokażę Wam jak zrobić prostą animację w Gimpie. Do pobrania jest również tutorial w formacie PDF.

1. Otwieramy obrazek z avatarem.


2. Tworzymy nową warstwę z tekstem (np. „Znikaaam!”):


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:


3. Ustawiam krycie warstwy z napisem na 10% i nazywam ją
znikaaam 10:


4. Następnie warstwę tą duplikuję (Ctrl+Shift+D). Krycie zduplikowanej warstwy ustalam na 20% i nazywam ją znikaaam 20:


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


6. Duplikuję warstwę z tłem i złączam ją z warstwą z tekstem z ustawionym kryciem 10%:


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:


8. Następnie powielam warstwy z tłem i ustawiam według następującej kolejności:


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


10. Przykładowo ustawiłem czas 1sekundy wyświetlania klatki z widocznym napisem z ustawionym kryciem na 100%.


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.


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.


13. Efekt końcowy:


Pamiętajcie, czym więcej klatek przejściowych, tym animacja płynniejsza. Pochwalcie się swoimi pracami, jaką animację wam się udało stworzyć?

[WNCREATION]

Oby więcej takich wpisów.