Na dzisiejszej lekcji poznasz program Pivot Animator, który służy do tworzenia prostych animacji poklatkowych. Będziesz poruszać postacią zbudowaną z „patyczków”, zmieniać położenie jej rąk i nóg, dodawać kolejne klatki animacji, a na końcu zapiszesz swoją pracę.
To trochę tak, jakbyś tworzył krótki film z wielu obrazków. Każda kolejna klatka różni się od poprzedniej tylko niewielkim ruchem. Gdy program odtworzy je szybko po sobie, powstanie wrażenie ruchu.
Czego się nauczysz?
Po tej lekcji potrafisz:
- uruchomić program Pivot Animator,
- poruszać postacią za pomocą punktów sterujących,
- dodać kolejne klatki animacji,
- sprawdzić płynność ruchu,
- zapisać animację jako projekt programu Pivot,
- przygotować prostą animację przedstawiającą ruch postaci.
1. Poznajemy program Pivot Animator
Po uruchomieniu programu zobaczysz postać zbudowaną z odcinków. Wygląda ona jak patyczak, dlatego bardzo łatwo można zmieniać ułożenie jej rąk, nóg, głowy i tułowia.
Na postaci znajdują się kolorowe punkty. Dzięki nim możesz przesuwać różne części ciała.
Najważniejsze elementy:
- czerwone punkty pozwalają zmieniać ułożenie rąk, nóg i innych części postaci,
- pomarańczowy punkt służy do przesuwania całej postaci,
- przycisk Dodaj klatkę zapisuje aktualne ustawienie postaci jako kolejną klatkę animacji,
- przycisk Start uruchamia podgląd animacji,
- przycisk Stop zatrzymuje odtwarzanie,
- suwak szybkości pozwala ustawić tempo animacji.
Rys. 1. Widok programu Pivot Animator z opisem najważniejszych narzędzi
2. Tworzymy pierwszą klatkę animacji
Na początku ustaw patyczaka w pozycji startowej. Może to być postać stojąca prosto, gotowa do machania ręką, skoku albo marszu.
Wykonaj zadanie:
- Uruchom program Pivot Animator.
- Ustaw postać w pozycji początkowej.
- Delikatnie przesuń jedną rękę patyczaka.
- Kliknij przycisk Dodaj klatkę.
Pamiętaj: jedna klatka to jeden obraz animacji. Im więcej dobrze przygotowanych klatek, tym ruch będzie płynniejszy.
Rys. 2. Ustawienie pierwszej pozycji patyczaka i przycisk „Dodaj klatkę”
3. Dodajemy kolejne klatki
Teraz będziesz tworzyć ruch. Nie przesuwaj ręki lub nogi od razu bardzo daleko. Lepiej wykonywać małe zmiany i po każdej zmianie dodawać kolejną klatkę.
Przykład:
- Ustaw rękę patyczaka lekko do góry.
- Kliknij Dodaj klatkę.
- Przesuń rękę jeszcze trochę wyżej.
- Ponownie kliknij Dodaj klatkę.
- Powtarzaj te kroki, aż postać wykona cały ruch.
Dzięki temu animacja będzie wyglądała naturalniej.
Rys. 3 Kilka kolejnych klatek pokazujących ruch ręki
4. Sprawdzamy animację
Kiedy dodasz kilka klatek, sprawdź, jak wygląda animacja.
Kliknij Start, aby ją odtworzyć. Jeśli ruch jest za szybki albo za wolny, zmień szybkość za pomocą suwaka.
Jeśli coś wygląda źle, możesz poprawić ułożenie postaci albo usunąć błędną klatkę i dodać ją ponownie.
Dobra animacja nie musi być długa. Ważne, żeby ruch był czytelny i żeby było widać, co robi postać.
5. Zapisujemy pracę
Po wykonaniu animacji zapisz swój projekt.
Wybierz:
Plik → Zapisz jako
Następnie nadaj plikowi nazwę, np.:
patyczak_ruch
Zapisz pracę w swoim folderze.
Projekt zapisany w formacie programu Pivot można później ponownie otworzyć i edytować.
Rys. 4. Zapisywanie projektu w programie Pivot Animator
Uwaga, gotowy plik należy wgrać na chmurę OneDrive (zalogować się na swoje konto Microsoft i tam przekazać plik dzisiejszego projektu)
6. Dodajemy tło do animacji
Animacja może wyglądać ciekawiej, jeśli dodasz tło. Może to być prosta grafika przygotowana w Paint, na przykład:
- niebo i trawa,
- sala gimnastyczna,
- boisko,
- scena,
- kosmos,
- las,
- tor przeszkód.
Najpierw przygotuj tło jako obrazek. Następnie w programie Pivot wybierz opcję dodania tła i wczytaj obraz.
Dopasuj postać do tła. Ustaw ją tak, aby wyglądała, jakby naprawdę znajdowała się w wybranym miejscu.
Rys. 5. Dodawanie tła do animacji]
Rys. 6. Patyczak ustawiony na tle, np. trawy i nieba
Zadanie główne
Przygotuj animację pt. „Patyczak w ruchu”
Twoim zadaniem jest wykonanie krótkiej animacji w programie Pivot Animator. Animacja ma przedstawiać jedną prostą czynność wykonywaną przez patyczaka.
Możesz wybrać jeden z pomysłów:
- patyczak macha ręką,
- patyczak skacze,
- patyczak idzie,
- patyczak tańczy,
- patyczak robi pajacyki,
- patyczak cieszy się po wygranej,
- patyczak pokonuje małą przeszkodę.
Twoja animacja powinna mieć:
- co najmniej kilka klatek,
- czytelny ruch postaci,
- zapisany plik projektu,
- estetyczne ustawienie postaci na ekranie,
- opcjonalnie dodane tło.
Wskazówki
Nie przesuwaj części ciała zbyt mocno między jedną klatką a drugą. Lepiej wykonać więcej małych ruchów niż kilka dużych.
Zwróć uwagę, czy stopy postaci nie „ślizgają się” po ekranie, jeśli postać ma stać w miejscu.
Po kilku klatkach zawsze sprawdzaj animację przyciskiem Start.
Jeśli animacja jest zbyt szybka, zmniejsz tempo odtwarzania.
Zadanie dla chętnych
Przygotuj bardziej rozbudowaną animację, w której patyczak:
- idzie,
- zatrzymuje się,
- macha ręką,
- skacze,
- a na końcu pokazuje radość.
Możesz też dodać własne tło i stworzyć krótką scenkę, np. „Patyczak na boisku”, „Patyczak w podróży” albo „Patyczak pokonuje przeszkodę”.
Kryteria sukcesu
Twoja praca jest wykonana poprawnie, jeśli:
- potrafisz uruchomić program Pivot Animator,
- umiesz zmieniać położenie części postaci,
- dodałeś/dodałaś kilka klatek animacji,
- animacja po uruchomieniu pokazuje ruch,
- zapisałeś/zapisałaś projekt,
- praca jest czytelna i staranna.