Przewodnik po animacji Pixel Art: Spraw, aby małe postacie poczuły się żywe

Pixel art nagradza powściągliwość. Kilka pikseli może sugerować twarz, krok, nastrój lub całe małe stworzenie. Animacja dodaje kolejną warstwę: teraz piksele muszą się poruszać, nie tracąc kształtu, który zapewnił im czytelność.

W tym przewodniku skupiono się na praktycznym środku. Nie gigantyczny potok duszków, nie sztuczka za pomocą jednego kliknięcia. Tylko nawyki, które sprawiają, że małe animowane postacie są łatwiejsze do odczytania.

Zacznij od sylwetki

Zanim poznasz szczegóły, sprawdź zarys. Jeśli postać czyta się jako wyraźny kształt w jednym kolorze, animacja ma znacznie większe szanse.

Dobre pierwsze sylwetki są proste: okrągła kropelka, kwadratowy robot, wysoki grzyb, kształt ducha, głowa kota z uszami. Małe ramiona, drobne akcesoria i drobne szczegóły twarzy mogą pojawić się później.

Ogranicz paletę

Dla większości małych znaków wystarczą dwa do czterech kolorów. Ograniczona paleta zapewnia spokój animacji i pomaga każdemu pikselowi zdobyć swoje miejsce.

Jeśli rysunek wydaje się płaski, spróbuj zmienić kontrast przed dodaniem większej liczby kolorów. Ciemniejszy kontur lub jaśniejszy odcień często dają więcej niż piąty odcień.

Zaplanuj główny ruch

Zapytaj w jednym krótkim zdaniu, co postać robi:

• Szlam oddycha.
• Robot macha.
• Grzyb podskakuje.
• Duch dryfuje.

To zdanie jest twoją barierą. Jeśli szczegół tego nie obsługuje, pomiń go.

Użyj mniejszej liczby klatek, niż myślisz

W przypadku małych grafik pikselowych pętla może działać z zaskakująco małą ilością informacji. Bezczynność oddechowa może mieć dwa lub trzy stany. Odbicie może być pozycją zgniecioną, pozycją rozciągniętą i pozycją spoczynkową.

WigglyPaint dodaje odrobinę żywego ruchu do pociągnięć, dzięki czemu często można zachować prostszą strukturę niż w przypadku ręcznie rysowanej sekwencji klatek.

Obserwuj punkty zakotwiczenia

Kiedy postać się porusza, niektóre części powinny pozostać stabilne. Stopy dotykają podłogi. Pod ciałem pozostaje cień. Środek twarzy nie powinien przemieszczać się losowo, chyba że to żart.

Punkty kontrolne sprawiają, że animacja nie sprawia wrażenia topnienia postaci.

Dodaj jeden szczegół drugorzędny

Gdy główny ruch zadziała, dodaj jeden szczegół pomocniczy:

• małe podskoczenie włosów
• szalik opóźniony
• mrugnięcie
• iskierka
• cień, który się rozciąga

Jeden szczegół sprawia, że animacja sprawia wrażenie zadbanej. Pięć szczegółów może sprawić, że będzie trudno odczytać.

Typowe błędy

• Kontury zmieniające grubość bez powodu
• Zbyt wiele kolorów w bardzo małym duszku
• Detale walczące z sylwetką
• Ruch zbyt szybki, aby go zrozumieć
• Pętla, która powraca do początku

Żadne z nich nie jest katastrofą. To tylko znaki mające na celu uproszczenie.

Dobra pierwsza postać

Narysuj kropelkę z dwojgiem oczu. Daj mu lekko spłaszczony spód, aby czuł się uziemiony. Spraw, aby oddychało, delikatnie zmieniając wysokość. Dodaj jedno podkreślenie, które porusza się nieco mniej niż ciało.

To wystarczy. Jeśli czujesz, że żyje, nauczyłeś się tego.