Wersja na Androida już jest: przez ograniczony czas za darmo, rysuj ruchomy pixel art
Wersja na Androida →
Wersja na iOS: rysuj na iPadzie z Apple Pencil i eksportuj GIF-y jednym stuknięciem
Wersja na iOS →

Jak zrobić animację: 5 ćwiczeń dla początkujących

Różowa ręcznie rysowana postać poruszająca się dzięki drgającym liniom

Dowiedz się, jak zrobić animację z prostych kształtów dzięki ćwiczeniom z ciężaru, przygotowania, rytmu, łuków, ruchu wtórnego i pętli GIF.

Jeśli zastanawiasz się, jak zrobić animację, nie zaczynaj od skomplikowanej postaci ani dziesiątek klatek. Jeden kształt i jedna czynność wystarczą do ćwiczenia ciężaru, rytmu i kierunku. WigglyPaint automatycznie porusza każdą linię, a dłuższy ruch możesz uzupełnić klatkami i wyeksportować jako animację GIF. Animacja GIF najlepiej sprawdza się tutaj jako krótka, czytelna pętla.

Jak zrobić prostą animację

Wybierz piłkę, kwiat lub twarz, jedną czynność i maksymalnie trzy kolory. Ustal początek i koniec pętli. Jeśli pytasz, jak stworzyć animację, zacznij od czytelnej akcji, nie od liczby funkcji programu. To także najkrótsza odpowiedź na pytanie jak zrobić animację.

1. Zgniatanie i rozciąganie

Spłaszcz piłkę przy podłożu i wydłuż ją podczas lotu, zachowując objętość. To podstawa 12 zasad animacji. Te zasady animacji łatwiej zrozumieć na prostym kształcie. Gdy uczysz się, jak zrobić animację, mocna sylwetka jest ważniejsza niż drobne detale.

2. Przygotowanie do ruchu

Postać kuca przed skokiem, a ręka cofa się przed machnięciem. Zrób dwie pozy: małe przygotowanie i większą akcję. Tak najłatwiej sprawdzić, jak zrobić animację zrozumiałą bez podpisu.

3. Czas i odstępy

Bliskie pozycje wyglądają wolno, duże odległości szybko. Ustaw trzy punkty na torze: dwa blisko, trzeci dalej. Odtwarzaj pętlę i popraw przejście końca w początek. Ta zasada łączy tematy wyszukiwane jako „animacja 2D” i „animacja rysunkowa krok po kroku”.

4. Łuki i ruch następczy

Ręce, piłki i liście poruszają się po łukach. Włosy, wstążki i ogony poruszają się z opóźnieniem. Gdy ćwiczysz, jak zrobić animację, dodaj tylko jeden taki element, aby rysunek animowany nie stał się chaotyczny.

5. Ruch wtórny i pętla

Liść może podążyć chwilę po przechyleniu rośliny. Połącz stan neutralny—akcję—wyciszenie—stan neutralny. Dzięki temu widać, jak zrobić animację, która płynnie wraca do początku.

Kontrola przed eksportem

Nazwij akcję jednym czasownikiem, zmniejsz obraz i sprawdź sylwetkę. Ostatnia klatka powinna łączyć się z pierwszą. Pytanie jak zrobić animację nie oznacza „jak dodać najwięcej szczegółów”, lecz „jak przekazać ruch”.

Jeśli interesuje Cię tworzenie animacji online albo to, jak animować rysunek, wykonaj trzy ćwiczenia: odbijającą się piłkę, mrugającą twarz i kołyszącą się roślinę. Każdy projekt pokaże inny aspekt zasad animacji i pomoże zrozumieć, jak zrobić animację samodzielnie.

Otwórz WigglyPaint, aby sprawdzić, jak zrobić animację w przeglądarce. Narysuj jeden kształt, pozwól pędzlowi dodać drżenie i dołóż klatki tylko wtedy, gdy pomysł ich potrzebuje.

Typowe błędy i plan ćwiczeń

Nie poruszaj jednocześnie głową, rękami, oczami i tłem, bo zniknie punkt skupienia. Nie dodawaj też klatek, które nie zmieniają pozy. Podziel sesję na dwuminutowy szkic, dziesięciominutowy projekt i minutową ocenę w rozmiarze naklejki. Tak najłatwiej sprawdzić, jak zrobić animację bez zbędnej pracy.

Czy trzeba dobrze rysować?

Nie. Koło i linia wystarczą do badania ruchu. Różnica między pozami jest ważniejsza niż uroda pojedynczej klatki.

Ile klatek potrzeba?

Jak najmniej. Pędzle WigglyPaint już się poruszają, więc dodawaj klatkę dopiero przy zmianie pozy. Oglądaj bez dźwięku i tekstu. Jeśli akcja jest czytelna, ćwiczenie działa, a kolejną animację zrobisz szybciej.

Tygodniowy rytm

Pierwszego dnia ćwicz sylwetkę, drugiego przygotowanie, trzeciego odstępy, a czwartego pętlę. Piątego dnia wybierz najlepszą próbę i usuń zbędne linie. Taki cykl pokazuje, jak zrobić animację poprzez porównanie, zamiast bez końca poprawiać jeden projekt.

Zrób pierwszą animację

Zacznij od jednego kształtu i jednej czynności.

Rysuj za darmo