Jak zaplanować pierwszy test animacji pikselowej wokół jednej prostej czynności postaci
W pierwszym teście animacji pikselowej wybierz jedną czynność, którą da się zrozumieć w pojedynczej pętli — na przykład mruganie, machanie ręką lub zrobienie jednego kroku przez postać. Zanim dodasz szczegóły, zdecyduj, co powinno się poruszać, co ma pozostać nieruchome i jak powinno wyglądać udane odtworzenie animacji. Następnie przygotuj krótką sekwencję póz, wyświetl ją ze stałą prędkością i popraw tylko te elementy, przez które ruch jest nieczytelny.
Wybierz czynność, którą da się szybko ukończyć
Wybierz czynność z wyraźnym początkiem i końcem albo taką, która może naturalnie wrócić do pozycji wyjściowej. Mrugnięcie jest krótkie; machanie ręką można ograniczyć do uniesienia i opuszczenia jednej ręki; krok może skupiać się na przesunięciu stóp i ciała. W pierwszym teście unikaj łączenia oddzielnych czynności, na przykład jednoczesnego chodzenia, obracania się i machania ręką, bo trudniej wtedy stwierdzić, który ruch wymaga poprawy.
Zapisz jednozdaniowy opis, zanim otworzysz oś czasu: „Postać unosi jedną rękę, zatrzymuje się na chwilę, a potem ją opuszcza”. Określ kluczową zmianę sylwetki postaci. Jeśli czynność zależy od szczegółu o szerokości zaledwie jednego lub dwóch pikseli, sprawdź, czy będzie on rozpoznawalny w docelowym rozmiarze wyświetlania. To praktyczna kontrola projektu, a nie wymóg dotyczący konkretnego rozmiaru sprite’a lub liczby klatek.
Ogranicz zakres rysowania i utrzymaj go na stałym poziomie
Wybierz obszar roboczy, który daje postaci przestrzeń do ruchu, ale nie zmieniaj jego wymiarów między klatkami. Jeśli czynność ma odbywać się w miejscu, utrzymuj postać w stałej pozycji. Dzięki temu łatwiej ocenisz zmiany póz i nie pomylisz przesuwania rysunku z zamierzonym ruchem.
Zacznij od prostej sylwetki i ograniczonej palety kolorów. Dodaj tylko szczegóły niezbędne do odczytania czynności: przy machaniu ręką ważniejszy może być kształt ramienia i dłoni niż faktura ubrania. Rozmiar pikseli, liczba kolorów w palecie i wymiary obszaru roboczego zależą od zamierzonego stylu i zastosowania; nie ma jednego uniwersalnego ustawienia dla początkujących. Celem tego testu jest sprawdzenie, czy ruch jest czytelny, więc dodatkowe dopracowywanie może poczekać.
Zaplanуj pozy, zanim wypełnisz klatki
Zanim dopracujesz rysunki, naszkicuj ważne pozy jako krótką sekwencję. W przypadku machania ręką mogą to być: ręka opuszczona, ręka uniesiona, dłoń skierowana na zewnątrz i ręka ponownie opuszczona. Przy mrugnięciu: oczy otwarte, oczy zamknięte, oczy otwarte. Przy kroku: jedna stopa wysuwa się do przodu, ciało opiera się na niej, a potem przejmuje tę rolę druga stopa. To przykłady pomocne przy planowaniu, a nie obowiązkowe wzory animacji.
Zastanów się, co zmienia się między kolejnymi pozami. Jeśli odpowiedź nie jest jasna, usuń jedną pozę albo wyraźniej zaznacz zmianę. Utrzymuj w jednej linii tułów, głowę i inne elementy, które nie powinny się poruszać. W pixel arcie przesunięcie o jeden piksel może zmienić kontur lub sprawić, że element wygląda, jakby podskakiwał, dlatego porównuj zarówno obrys, jak i pozę.
Ułóż sekwencję na osi czasu
Utwórz pierwszą klatkę, a potem dodaj kolejne dla zaplanowanych póz. W programie Aseprite oś czasu wyświetla klatki i warstwy, a dokumentacja opisuje dodawanie klatek, podgląd odtwarzania, ponowne wykorzystywanie klatek i dostosowywanie czasu wyświetlania pojedynczej klatki. Inne narzędzia do animacji mogą używać innych nazw i elementów sterujących, ale ta sama zasada planowania pozostaje aktualna: zachowaj kolejność sekwencji i zadbaj, by rola każdej klatki była łatwa do rozpoznania. (Aseprite: Animacja)
Podczas rysowania przejść korzystaj z podglądu sąsiednich klatek jako wskazówki. Wyświetla on poprzednie lub następne klatki jako odniesienie, dzięki czemu można porównać bieżący rysunek z wcześniejszymi lub późniejszymi pozycjami; w Aseprite można ustawić liczbę widocznych poprzednich i kolejnych klatek. (Aseprite: Podgląd sąsiednich klatek) Używaj tylko tylu nakładek, ile potrzeba do porównania poprawianego ruchu. Jeśli kilka nałożonych na siebie zarysów pozy utrudnia widok, na chwilę wyłącz tę funkcję i obejrzyj samą bieżącą klatkę.
W pierwszej wersji skopiuj pozę, jeśli chcesz wprowadzić pauzę, a następnie zmień czas wyświetlania klatki lub dodaj osobny rysunek, jeśli odtwarzanie wymaga innego rytmu. W Aseprite czas wyświetlania klatki jest mierzony w milisekundach, więc zmiana tempa nie zawsze wymaga rysowania dodatkowej pozy. (Aseprite: Struktura sprite’a) Traktuj początkowe ustawienie czasu jako wartość testową: nie ma jednego właściwego czasu trwania dla każdej czynności i każdego stylu.
Obejrzyj podgląd w docelowym rozmiarze i tempie
Odtwórz sekwencję ze stałą prędkością i obejrzyj postać w docelowym rozmiarze wyświetlania. Najpierw obejrzyj ją bez zatrzymywania: czy potrafisz powiedzieć, co robi postać? Potem przechodź klatka po klatce, aby znaleźć pozę lub przejście, które powoduje niejasności. Przepływ pracy z animacją w Aseprite obejmuje podgląd odtwarzania, a na osi czasu można zmieniać czas wyświetlania klatki. (Aseprite: Animacja)
Dobry pierwszy test pozwala sprawdzić trzy rzeczy: czynność można rozpoznać przy pierwszym oglądaniu; elementy postaci, które powinny pozostać nieruchome, nie przesuwają się; a jeśli animacja jest zapętlona, wraca do początku bez przypadkowego przeskoku. To redakcyjna metoda oceny testu, a nie gwarancja tego, jak zareagują odbiorcy.
Jeśli ruch wydaje się zbyt gwałtowny, spróbuj zmienić odstęp lub czas wyświetlania klatek przedstawiających najważniejsze pozy. Jeśli jest zbyt słabo widoczny, wyraźniej zaznacz kluczową pozę, zanim dodasz wiele rysunków pośrednich. Jeśli postać wygląda, jakby się chwiała, porównaj stałe punkty odniesienia — takie jak środek głowy lub podstawa tułowia — w kolejnych klatkach. Zmieniaj jedną rzecz naraz, a potem ponownie obejrzyj podgląd, by sprawdzić, czy poprawka pomogła.
Zachowaj wąski zakres pierwszego testu
Nie rozwijaj testu w pełną animację postaci, dopóki wybrana czynność nie działa w obecnym zakresie. Zapisz edytowalny projekt z zachowanymi klatkami i warstwami; wyeksportuj podgląd tylko wtedy, gdy chcesz obejrzeć lub udostępnić animację poza edytorem. Dokumentacja Aseprite rozróżnia klatki, warstwy i komórki na osi czasu oraz wyjaśnia, że każda klatka ma określony czas wyświetlania. (Aseprite: Struktura sprite’a)
Gdy animacja stanie się czytelna, zapisz, czego się nauczyłeś: które pozy były niezbędne, której klatce trzeba było zmienić czas wyświetlania i który szczegół był zbyt mały, by go zauważyć. Taka notatka daje konkretny punkt wyjścia do kolejnej animacji i pozwala zachować wartość celowo niewielkiego pierwszego eksperymentu.