TIKowy Belfer: Animacja

Pokazywanie postów oznaczonych etykietą Animacja. Pokaż wszystkie posty

kwietnia 02, 2024

Animacja poklatkowa - prace uczniów

Moi siódmoklasiści tworzyli ostatnio animacje poklatkowe. Niektórzy zdecydowali się na robienie zdjęć i montaż, a niektórzy stworzyli swoją animację w Canvie. Chciałam podzielić się z Wami kilkoma pracami...

Czytaj dalej »

lutego 17, 2022

Tworzenie animacji

Podczas jednej z ostatnich lekcji informatyki mówiliśmy o animacjach oraz uczyliśmy się je tworzyć. Ponieważ moi uczniowie pracowali wtedy zdalnie, wykorzystaliśmy aplikacje Flip Anim dostępną na stronie https://flipanim.com/

Program znam już wiele lat, ale postanowiłam poświęcić mu nieco uwagi, ponieważ jego interfejs oraz możliwości się zmieniły.

To prosta aplikacja, ale pozwala na tworzenie zaawansowanych animacji. Wszystko to dzięki wielu narzędziom oraz możliwości pracy na warstwach. W sam raz na pierwszą przygodę z ruchomymi obrazami.

Opis okna aplikacji

W tej części programu dodajemy nowe slajdy (klatki), możemy też ustawić ich czas wyświetlania. Znajduje się tutaj również przycisk (dyskietka) do zapisywania gotowego pliku z animacją.

Kolejna część to obszar roboczy z dostępnymi narzędziami do rysowania oraz animowania (po lewej), obsługi warstw (po prawej) oraz zmiany grubości narzędzia oraz koloru (na dole).

Rozpoczęcie pracy z aplikacją

W zależności od tego co i jak chcemy wprawić w ruch, dobieramy odpowiednie narzędzia oraz tworzymy warstwy.

Dzięki tym narzędziom możemy

zmieniać położenia animowanego obiektu (nie musimy go za każdym razem rysować na nowo, wystarczy, że narysujemy go na osobnej warstwie - innej niż tło i będziemy przesuwać)
obracać obiekt (ważne jest gdzie chwycimy obiekt)
zmieniać jego rozmiar

Co ważne, możemy łączyć różne metody modyfikowania animowanego obiektu.

Każda warstwa może być animowana w inny sposób, co w połączeniu daje bardzo ciekawe efekty.

Po każdorazowej modyfikacji warstwy dodajemy kolejny slajd do naszej animacji. Duży zielony krzyżyk doda pustą klatkę (będziemy jedynie widzie ślad obiektu). Pozwoli nam to zorientować się, gdzie znajdował się na poprzednim slajdzie.

Mały zielony plusik doda natomiast kolejną klatkę, zawierającą kopię poprzedniej:

Jeśli nie uda się wykonać całej animacji za pierwszym podejściem, można zapisać projekt, do którego będzie można wrócić w dowolnej chwili i dokończyć go. Opcję dotyczącą zapisywania i ładowania pliku z projektem znajdziecie pod przyciskiem zębatki.

Kiedy jednak ukończycie pracę nad swoją animacją, zapiszcie ją klikając czerwoną dyskietkę (prawy górny róg). W tym miejscu można zatytułować animację oraz dodać jej autora.

Po kliknięciu przycisku "Wgrywać" zostanie wygenerowana nasza animacja.

Przedostatni krok, to kliknięcie małego niebieskiego przycisku GIF, który znajduje się tuż pod obrazem. Zostaje jeszcze zapisanie pliku - w tym celu kliknijcie prawym przyciskiem myszy na animacji i wybierzcie "Zapisz grafikę jako...".

Przykładowy efekt końcowy

Prace moich uczniów

Czytaj dalej »

lutego 05, 2021

Uczniowie TIKowego Belfra animują...

Wszystkie animacje powstały z wykorzystaniem prostego programiku, dostępnego na stronie: https://flipanim.com/

Czytaj dalej »

lutego 22, 2018

Animacja poklatkowa - przykłady prostych programików

Chciałabym pokazać Wam dziś trzy programiki, które pozwalają tworzyć proste animacje, choć prawdę mówiąc moi uczniowie dowiedli, że efekt końcowy ich pracy może być niezwykle efektowny. Dwa z tych programów pozwalają na prace on-line: Parapara Editor i Flip Anim, trzeci zaś off-line: Pivot Animator.

Zanim przejdę do omawiania poszczególnych programów, wyjaśnijmy co to jest animacja poklatkowa.

Animacja poklatkowa tworzona jest z pojedynczych zdjęć, rysunków (klatek). Tworząc animację modyfikujemy, przekształcamy obiekty (zmieniamy ich położenie, kształt) i tworzymy kolejne ujęcia. Po połączeniu klatek i uruchomieniu pokazu, obiekty zdają się poruszać względem tła czy innych obiektów.

Tworzenie animacji on-line

Parapara Editor
http://parapara-editor.mozlabs.jp/sandbox

Edytor posiada jedynie dwa narzędzia - coś w rodzaju pędzla i gumkę, czyli każdy element powstaje dzięki naszej pracy. Tworząc animację, tworzymy tak na prawdę pojedyncze klatki (ujęcia), na każdej następnej modyfikując nieco poprzedni ślad. Jest to dość trudne aby bardzo precyzyjnie odwzorować poprzedni rysunek, ale nie martwmy się takimi drobiazgami, przede wszystkim mamy się dobrze bawić (a w zasadzie nasi uczniowie) i to jest najważniejsze. Powinniśmy jednak zadbać o to, aby animacja była płynna - wymaga to od nas stworzenia takiej ilości klatek, aby po ich uruchomieniu w pętli zmiany nie były zbyt duże, ponieważ nasza animacja będzie raczej "mrugać", a nie pokazywać nam pewien proces... Można więc powiedzieć, że im mniejsze będą równice między kolejnymi klatkami, a więcej im więcej klatek powstanie, tym nasza animacja będzie czytelniejsza.

Stworzoną animację można zapisać w serwisie, nadając jej nazwę i określając autora. W konsekwencji zostanie wygenerowany link, kod QR, animację można też wysłać na wskazany adres mailowy. Po wejściu jednak na stronę z animacją (link) otrzymujemy podgląd animacji oraz wygenerowany fragment kodu, który możemy osadzić np. na stronie internetowej, blogu itp.

Flip Anim
http://flipanim.com/

Edytor Flip Anim daje nam już większe możliwości, choćby dzięki temu, że mamy rożne narzędzia do rysowania/malowania, zdecydowanie większą paletę kolorów (możemy również kolory tworzyć samodzielnie) oraz inne narzędzia typu - szybkość animacji, przezroczystość, lupa (zoom), kopiowanie bieżącej klatki. Poza tym plik można zapisać lokalnie na dysku.

Tworzenie animacji off-line

Pivot Animator
http://pivotanimator.net/

Pivot Animator jest edytorem, w którym po uruchomieniu pojawia się domyślna postać, którą roboczo nazywam "patyczakiem". To ona staje się bohaterem naszej animacji, możemy ją również zmodyfikować dodając lub usuwając niektóre jej części. Mamy również możliwość tworzenia elementów, które po zapisaniu możemy wykorzystać w dowolnym projekcie. Jedynym ograniczeniem jest to, że elementy tworzymy jedynie z odcinków lub okręgów. Tworząc jednak ich kombinacje możemy stworzyć przeróżne postaci i przedmioty.

Postać animuje się poprzez zmianę jej położenia (żółty uchwyt) lub przemieszczanie poszczególnych jej segmentów (czerwone uchwyty). Możemy również sterować przezroczystością figury. Istotną częścią animacji może być tło, które możemy samodzielnie przygotować w dowolnym edytorze grafiki lub wczytać np. zdjęcie. Wymiar animacji można określić w pikselach w programie lub zostanie on narzucony przez wielkość wykorzystanego tła (chyba że tło zostanie "przycięte" na miarę).