Tutaj można przeczytać (i zobaczyć) cały proces tworzenia tego filmiku.

W tym krótkim tutorialu chciałbym pokazać, jak radzę sobie z animowaniem chodzenia (wcale nie musi to być takie trudne).

Tutorial jest pisany pod Flasha, ale zasadnicze założenia można wykorzystać w każdej animacji.

Poznajcie Jo & Mo

Tych dwóch przemiłych kryminalistów zrobi co może, żebyście zrozumieli jak opracowana jest animacja ich chodzenia.
Istnieje wiele sposobów przedstawienia postaci w czasie chodu – postaram się naświetlić klika z nich.
Zacznijmy od tego co jest najłatwiejsze do osiągnięcia (jednocześnie daje zadowalające rezultaty)

Sposób 1 – Ministerstwo Głupich Kroków

Czasami nie ma czasu na tworzenie skomplikowanej animacji, lub też budżet na kreskówkę jest za niski – jednym słowem animator musi znaleźć sposób jak stworzyć scenę z chodzącą postacią bez spędzania nad tym tygodnia pracy.
Rozwiązaniem jest sparodiowanie chodzenia. Daje to dobry, żartobliwy efekt, jednocześnie cała animacja jest prosta do wykonania.

Przykład:
Mo chciałby się niepostrzeżenie podkraść. Robi mnóstwo małych, szybkich kroków – sztuczka polega na tym, że jego nogi wcale się przy tym nie zginają.
Zobacz animację

Jak to jest zrobione:
Potrzebny jest tułów i nogi – wszystko jako osobne MC (MC = Movie Clip).

Tworzymy prostą animację opartą na tweenie – kiedy jedna noga wsuwa się pod tors, druga się spod niego wysuwa.

Sposób 2 – Styl Misia Jogi

Pamiętacie stare kreskówki Hanna-Barbera z misiem Jogi? Jogi chodził w charakterystyczny sposób – nie poruszał nogami, tylko “obracał” nimi, jak gdyby nie miał stawów.
Zobacz animację

Jak to jest zrobione:
Potrzebujemy korpusu i czterech nóg (można wykorzystać nogi z poprzedniej sceny).
Tworzymy z nóg dość makabryczna “krzyżówkę”

Teraz musimy stworzyć animację obracających się nóg pod korpusem (potrzebujemy tylko 1/4 obrotu).

Ten sposób jest dobry dla postaci z dużym tułowiem i małymi nogami (nogi gdzieś się muszą “schować”).

Sposób 3 – dla Twardych

Do tego sposobu potrzebny będzie cykl chodzenia jako referencja. Najlepszy jaki znam to cykl chodu stworzony przez Preston’a Blair’a w książce “Animation – Hot to Draw Animated Cartoons” (raczej nie do dostania w Polsce, na całe szczęście można go legalnie ściągnąć tutaj).
Więc – kiedy mamy już cykl chodzenia, Joe zaprezentuje jak uzyskać dość zadawalający efekt z minimalnym nakładem pracy.

Zobacz animację

Jak to jest zrobione:
Kluczem jest podzielenie nogi na trzy fragmenty – stopę, łydkę i udo. Następnie tworzymy animację opartą na tween’ie zgodnie z cyklem chodu.

Miejsca gdzie elementy są ewidentnie rozłączone “klajstrujemy” odpowiednim kolorem. Efekt nie jest najgorszy, ale to jeszcze nie to.

Sposób 4 – tak to robi Chuck Norris

Przechodzimy do części dla prawdziwych twardzieli. Jeżeli Sposób 3 jest dla ciebie za sztywny – czas na tradycyjną animację klatkową.

Zobacz animację

Nie ma tutaj żadnych skrótów czy uproszczeń – musimy każdą klatkę sekwencji kodu narysować osobno (we Flashu można rysować same nogi – tułów, głowę i resztę można oprzeć na MovieClip’ach – pamiętajcie tylko, że w czasie chodzenia głowa i tułów obniżają się z każdym krokiem, a ręce również powinny wykonywać jakieś ruchy – naprzemienne do nóg).

Przy tym sposobie dobry cykl chodu jako referencja jest twoim najlepszym przyjacielem.

Żeby ułatwić sobie pracę warto skorzystać z widoku “onion skin” we Flashu.

Rezultat zależy od tego jak bardzo przyłożyłeś się do rysowania klatek (moje mogłyby być lepsze – ale z drugiej strony narysowanie chodzącego Joe’a zajęło mi 10 minut).

Mam nadzieję, że tutorial przypadł wam do gustu:)
Jeżeli ktoś chciałby nauczyć się więcej i zanalizować .fla zaprezentowanych animacji – może je sobie stąd ściągnąć.