Tworzymy prosty animowany banner.
Transkrypt
Tworzymy prosty animowany banner.
Tworzymy prosty animowany banner. Pamiętajcie by pracę zapisać w formacie GIMPa xcf i jako RGB (konwersję na gifa wykonujemy na samym końcu), dzięki temu oryginał bedzie zawsze miał najwyzszą jakość. 1. Stwórzmy nowy obrazek o rozmiarach bannera 600X200 pikseli 2. Kolejne klatki animacji są po prostu kolejnymi warstwami obrazka, warstwa TŁO jest pierwszą klatką naszego bannera. Zrobię 4 klatek. UWAGA: Kiedy wstawisz napis, kliknij na warstwie prawym klawiszem myszy i wybierz opcję POŁĄCZ W DÓŁ, jeżeli wstawisz cień wykonaj to samo. tło - pierwsza klatka: warstwa_02 - druga klatka: warstwa _03 - trzecia klatka: warstwa _04 - czwarta klatka: 3. Mamy już wszystkie klatki ale jeszcze została najważniejsza rzecz jaką jest określenie czasu trwania wyświetlania poszczególnych klatek, oraz jak mają się pojawiać (czy zawartość klatki ma być dodawana do poprzedniej, czy ma ją zastępować). Czas wyrażamy w milisekundach (ms). 100 ms to 0,1 sekundy czyli 1000 ms to 1 sekunda. Sposób pojawiania się klatek określa wpis replace i combine. Replace - zastępowanie poprzedniej klatki bieżącą. Combine - dołącza bieżącą klatke do poprzedniej. Zawsze określajcie czas i sposób zastępowania klatek, a unikniecie przykrych niespodzianek! Wszystkie te parametry wpisujemy w nawiasach za nazwą warstwy. W naszym przykładzie 3 pierwsze klatki będa wyświetlane 1 sekundę a ostatnia 2 sekundy, pierwsze 3 klatki będą do siebie dodawane a piąta klatka będzie je wszystkie zastępować, pierwsza klatka nawet gdy nie zdefiniujemy tego, zawsze zastępuje ostatnią. 4. Możemy obejrzeć sobie naszą animację przed jej zapisaniem wybierając filtr Animacja Playback i ewentualnie skorygować czasy dla poszczególnych klatek: 5. Gdy jesteśmy zadowoleni zmieniamy paletę kolorów na indeksowaną, ja użyłem 256 kolorów OBRAZ-TRYBINDEKSOWANY 6. Możemy teraz zoptymalizować naszą animację filtrem OPTYMALIZUJ (Filrty-Animacja-Optymalizuj), usuniemy w ten sposób powtarzające się piksele. 7. Teraz zapisujemy naszego gifa. Nazywamy go jakoś i zapisujemy z rozszerzeniem gif. OK i wyskoczy nam okienko dające możliwość albo złączenia wszystkich warstw (to nas nie interesuje), lub zapisania obrazka jako animacji – Zapisz jako animację (wybieramy właśnie tę opcję): Klikamy Export i wyskakuje kolejne okienko Zapisz OK możemy dodać progresywne pojawianie się obrazka (Przeplot), komentarz GIF, czy animacja ma trwać wieczność (Zapętlenie na zawsze), i jak mają zachowywać się niezdefiniowane klatki (jak długo mają trwać i jak się pojawiać) dlatego zalecam, by przed zapisywaniem gif'ów definiować w nazwie warstwy, czas i sposób pojawiania się klatek. Przyjemnej zabawy.