Tworzenie animacji

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