Wykonywanie animacji komputerowych na przykładzie Pivot Animator. Nota Materiał powstał w ramach realizacji projektu e-kompetencje bez barier dofinansowanego z Programu Operacyjnego Polska Cyfrowa działanie 3.1 Działania szkoleniowe na rzecz rozwoju kompetencji cyfrowych oś priorytetowa III. Cyfrowe kompetencje społeczeństwa
[1/14] Wykonywanie animacji komputerowych na Animacje komputerowe są obowiązkowe w nauczaniu informatyki w dzisiejszej szkole. Mamy możliwość wykonywania ich w wielu programach, które możemy pobrać za darmo z Internetu. Poniższy materiał jest propozycją programu łatwego i lubianego przez dzieci Pivot Animator. Pivot Animator Pivot Animator jest darmowym programem do wykonywania animacji. Może z niej korzystać każda zainteresowana osoba. Szczegółowe informacje na temat programu Pivot Animator (zasady korzystania, pomoc, forum, instalowanie) znajdziemy na stronie www.pivotanimator.net. Aplikacja Pivot Animator polega na prostym przygotowaniu animacji patyczkowych ludzików. Tworzenie animacji polega na zmianie położenia różnych części kresek, z których zbudowana jest patyczkowata postać. W aplikacji znajduje się również baza gotowych obrazów, z których możemy korzystać. Gotowy projekt możemy zapisać w pliku wideo AVI i animacji GIF. Aby zainstalować Pivot Animator należy w pasku adresów wpisać www.pivotanimator.net Wybieramy zakładkę Download. Zdj. 1. Instalacja Pivot Animator. Zdj. 2. Instalacja Pivot Animator. Wybieramy najnowszą wersję (wyświetla się na pierwszej pozycji). Zdj. 3. Instalacja Pivot Animator.
[2/14] Wykonywanie animacji komputerowych na Następnie wybieramy Zapisz plik. Zdj. 4. Instalacja Pivot Animator. Instalka Pivota automatycznie się zapisuje. Zdj. 5. Instalacja Pivot Animator.
[3/14] Wykonywanie animacji komputerowych na Teraz wystarczy wybrać zapisaną instalację programu. Wybieramy Uruchom. Zdj. 6. Instalacja Pivot Animator. Naciskamy Next Zdj. 7. Instalacja Pivot Animator. Zdj. 8. Instalacja Pivot Animator.
[4/14] Wykonywanie animacji komputerowych na Musimy zaakceptować umowę licencyjną, w której jest mowa o tym, że autorzy programu Pivot nie odpowiadają za ewentualne zmiany w komputerze po instalacji tego oprogramowania. Zdj. 9. Instalacja Pivot Animator. Instalując program będziemy mieli propozycję zainstalowania również innych programów. Czytajmy więc uważnie na co się zgadzamy. Nie wyrażenie zgody na instalację innych programów nie zablokuje nam instalacji Pivota. Mamy propozycję zainstalowania programu McAfee WebAdvisor. Nie wyrażamy na to zgody. Zdj. 10. Instalacja Pivot Animator.
[5/14] Wykonywanie animacji komputerowych na Teraz program Pivot instaluje się na naszym komputerze. Na górnym szarym pasku widzimy postęp instalacji. Zdj. 11. Instalacja Pivot Animator. Dochodzimy do końca instalacji. Wybieramy Finish Zdj. 12. Instalacja Pivot Animator.
[6/14] Wykonywanie animacji komputerowych na Ponownie otrzymujemy propozycję zainstalowania innego programu tym razem jest to program antywirusowy Avast Free Antivirus. Musimy zdecydować czy wyrażamy na to zgodę, czy nie. Teraz interesuje nas tylko program Pivot, więc nie wyrażamy zgody. Zdj. 13. Instalacja Pivot Animator. Kończymy instalację, wybieramy Close, czyli zamknij. Zdj. 14. Instalacja Pivot Animator.
[7/14] Wykonywanie animacji komputerowych na Po zamknięciu instalacji uruchamia nam się od razu program Pivot Animator. Zdj. 15. Okno programu Pivot Animator. Jeżeli program zainstalował się w innym języku niż polski, należy to zmienić. W tym celu wybieramy Edycja, potem Opcje. Zdj. 16. Ustawiamy język polski.
Wybieramy język polski. [8/14] Wykonywanie animacji komputerowych na Zdj. 17. Instalacja Pivot Animator. Teraz możemy już wykonywać animacje. Proste menu. Tu pojawiają się kolejne klatki naszej animacji. Uruchamiany animację. Zatrzymujemy animację. Wybieramy prędkość animacji. Dodawanie kolej klatki naszej animacji. Narzędzia (opis każdego pojawia się po najechaniu kursorem). Zdj. 18. Opis okna programu Pivot Animator.
[9/14] Wykonywanie animacji komputerowych na Powyższe zdjęcie obrazuje jak wygląda okno programu Pivot po uruchomieniu. Patyczkowy ludzik ma kropki koloru czerwonego i jedną pomarańczową. Kropki czerwone służą do zmiany pozycji kresek, z których zbudowany jest nasz ludzik, a pomarańczowa do przemieszczania postaci po ekranie. Zanim przejdziemy do wykonywania animacji warto jest powiększyć okno robocze. Zwiększamy rozmiar okna w zakładce Edycja, Opcje. Zmieniamy tu wysokość i szerokość okna. Ustawmy szerokość na 1000 pikseli, a wysokość na 600. Zmianę rozmiaru akceptujemy przyciskiem OK. Tworzenie animacji w Pivot Animator. Zdj. 19. Zmiana rozmiaru okna roboczego. Na początku kopiujemy postać przez naciśnięcie przycisku dodaj figurę. Chwytając za pomarańczową kropkę przesuwamy, oddalamy postacie od siebie i dodajemy klatkę, która jest widoczna w górnej części ekranu. Zdj. 20. Tworzenie animacji.
[10/14] Wykonywanie animacji komputerowych na Teraz zmieniamy ustawienie nóg i rąk tych postaci, tak aby stworzyć animację polegającą na zbliżaniu się do siebie tych postaci. Po każdej zmianie wybieramy dodaj klatkę (możemy dodać klatkę przez naciśnięcie przycisku dodaj klatkę lub naciskając spację). Zdj. 21. Tworzenie animacji. Zdj. 22. Tworzenie animacji.
[11/14] Wykonywanie animacji komputerowych na Powtarzamy układ nóg i rąk aż do momentu kiedy postacie zbliżą się do siebie. Po ustaleniu ostatniego slajdu możemy odtworzyć swoją animację naciskając na przycisk start, zwolnić lub przyspieszyć i po obejrzeniu zatrzymać (stop). Zdj. 23. Tworzenie animacji. Jeśli nie jesteśmy zadowoleni z otrzymanego efektu możemy dodatkowo stworzyć klatki, edytować te już utworzone, aż otrzymamy zadawalający nas efekt. Zapisywanie animacji. Gdy wszystko jest tak, jak chcieliśmy zapisujemy naszą animację. Wybieramy zakładkę Plik, następnie Zapisz jako, nadajemy naszej animacji nazwę oraz wskazujemy miejsce, w którym dokument ma być zapisany i wybieramy Zapisz. Tak zapisaną animację zawsze możemy otworzyć, wyświetlić, ale także edytować.
[12/14] Wykonywanie animacji komputerowych na Tworzenie animacji z tłem w Pivot Animator. W programie Piovot Animator możemy również tworzyć animacje przy użyciu innych postaci niż patyczkowe ludziki oraz na tle. W tym celu usuwamy naszą postać z ekranu i wczytujemy inną (wybieramy Plik, a następnie Wczytaj figurę). Zdj. 24. Tworzenie animacji z inną postacią i tłem. Nie ma tych postaci za dużo do wyboru. Wybieramy zatem słonia przez naciśnięcie Otwórz. Zdj. 25. Tworzenie animacji ze słoniem na tle kaskady.
[13/14] Wykonywanie animacji komputerowych na Teraz na ekranie widzimy słonia, którego możemy animować w taki sam sposób jak patyczkowego ludzika, ale zanim przejdziemy do animacji dodajemy mu tło kaskady. Tło, które chcemy dodać należy wcześniej zapisać na swoim komputerze (np. zdjęcie). Obraz, który ma być tłem możemy pobrać np. z Internetu, ale pamiętajmy tu o prawach autorskich. Zapisany wcześniej obraz wczytujemy do naszego projektu wybierając Plik, a następnie Wczytaj tło. Teraz szukamy zapisanego obrazu w swoim komputerze i ładujemy go przez naciśnięcie Otwórz. Zdj. 26. Tworzenie animacji ze słoniem na tle kaskady. Po naciśnięciu Otwórz wyświetli nam się pytanie, czy chcemy ustawić wymiary animacji do wymiaru obrazu. Wybiegamy Tak. Zdj. 27. Tworzenie animacji ze słoniem na tle kaskady.
[14/14] Wykonywanie animacji komputerowych na Teraz w taki sam sposób jak z patyczkowym ludzikiem wykonujemy animację ze słoniem. Możemy tu również wykorzystać zmianę koloru słonia. Przez wstawienie kilku klatek takich samych otrzymamy efekt zatrzymania słonia w momencie gdy pije wodę. Zdj. 28. Tworzenie animacji ze słoniem na tle kaskady. Możemy zwiększyć postać słonia wciskając przycisk Alt. Gdy efekt naszej animacji jest zadawalający zapisujemy nasz projekt.