Zabawa z animacjami

IX Regionalna Konferencja

Szkolne Centrum Multimedialne

Biblioteka zawsze blisko

Wrocław, 2015 Izabela Rudnicka

Co, gdzie, kiedy – jak animujemy

Liczy się pomysł – podstawa dobrej animacji (animacja poklatkowa)

Znane animacje w PowerPoint, Prezi, SnackTools, animacja infografiki, Kinografiki

Proste narzędzia - pomysł dla każdego tematu:

miejsca tworzenia gifów i animacji zdjęć – Lunapic, Webcam GIF, Easy Gif

komunikat interaktywny (animacja) – ThingLink ,PicCollage

ciekawy wybór tematu animacji – Tripadvisor,

Prezentacja czy film – własna animacja z Powtoon

Tworzenie filmu animowanego z Movizu

Możliwości aplikacji mobilnych – Tellagami, PicPic

Inne projekty – strony, miejsca, sposoby ożywiania i prezentacji obrazu (nie tylko w sieci)

Prezentacja animowana inaczej – czyli zabawa z Prezi

Istota i praktyka ochrony danych osobowych

http://tagxedo.com/

https://www.facebook.com/tagxedo

dodatkowe właściwości animacji wyrazów

Chmury tagów – animacja z Tagxedo

Infografiki – włączenie filmu, interaktywnych animacji

Animacje infografik – gdzie można

FOtoproste animacje – Lunapic

Od edycji zdjęcia - do prostych gifów

Cel – temat Potrzeba - działanie

Proste animacje i gify

http://33.media.tumblr.com/e6bbb

271efadca68029b2e2948c1db41/t

umblr_nnxpzu2OX21r5mmhlo1_

500.gif

Nasz wybór - to efekt pracy

Prosty foto-edytor online

• Pozwala ożywić wybrane fragmenty zdjęć/ grafiki

• Jest dostępne, darmowe, nie wymaga rejestracji

• Z obszernego zestawu różnych narzędzi pozwala wybrać kilka przydatnych dla siebie

NAUKA INTERAKTYWNA – ANIMACJA OBRAZU Z THINGLINK

TWORZENIE WIZUALIZACJI - TWORZENIA OBRAZU Z LINKAMI

Narzędzie proponowane to interaktywny Thinglink, czyli stworzony obraz z możliwością kreowania własnych odniesień zgodnych z tematem lub uzupełniających temat.

MOŻLIWOŚĆ OSADZENIA NASZYCH PROJEKTÓW W KODZIE WŁASNEJ STRONY

Obrazy internetowe mogą być przesłane za pośrednictwem • karty tworzenie, facebook, flickr • import przesyłania obrazów z dysku twardego Aplikacja pozwala przesłać dowolną liczbę zdjęć do thinglink.

CIEKAWE MOŻLIWOŚCI EDUKACYJNE

WYBRANE ILUSTRACJE LUB ZDJĘCIA OTRZYMUJĄ FUNKCJE INTERAKTYWNE

PicCollage - interaktywny plakat dla każdego „z android'em”

Praca z grafiką w plakatach możliwa na etapie edukacji wczesnoszkolnej

Tripwow.triadvisor.com - wspomaga publikację zdjęć i grafiki

Aktywne spojrzenie na miejsca i tematy

Próba 1 - tworzenie szybkiego reportażu

• Wybieramy zdjęcia i odpowiednio edytujemy

• Tworzymy zasób do reportażu

• Określamy temat i kolejność trasy

• Przeglądamy grafiki - dokonujemy selekcji

• Wpisujemy adres - wchodzimy na stronę http://tripwow.tripadvisor.com/

• W kilku prostych krokach możemy tworzyć pokaz podróży

Krok 1 - Wybierz motyw do prezentacji

Krok 2 - Wybierz swoje zdjęcia

Krok 3 – wybierz miejsce zdarzenia, opisz zdjęcie.

Sprawdź pracę, dodaj muzykę, zapisuj i gotowe !

Zapisujemy zmiany - wybór i zatwierdzanie szablonu

Edukacyjne przykłady realizacji

Relacja z wizyty Deutsch Wagen Tour w Pielgrzymowicach 2012 (Marta Florkiewicz-Borkowska)

DZIAŁAJMY MOBILNIE FOTO - FILM – DŹWIĘK - ANIMACJA

DZIĘKI TAKIM NARZĘDZIOM MOŻEMY SAMI STWORZYĆ

• WERSJĘ FILMOWĄ (NP. Z POMOCĄ APLIKACJI WEVIDEO,

(WWW.WEVIDEO.COM)

• ZROBIĆ FILM ZE ZDJĘĆ OPATRZONY KOMENTARZEM SŁOWNYM

I ŚCIEŻKĄ MUZYCZNĄ (NP. KORZYSTAJĄC Z VIVAVIDEO).

• STWORZYĆ PRÓBĘ ANIMACJI W APLIKACJI -

(HTTP://PICPICSOCIAL.COM/)TRIAL) TRIAL 30 DNI

• SCREENY EDUKACYJNE SCREENCASTOMATIC(HTTP://WWW.SCREENCAST-O-

MATIC.COM/) RODZAJ INSTRUKCJI , WYBRANEGO DZIAŁANIA LUB POKAZU

NA EKRANIE MONITORA

• UZUPEŁNIĆ ANIMACJĘ O DŹWIĘK W POSTACI AUDYCJI RADIOWEJ LUB

PODCASTU - WERSJĘ DŹWIĘKOWĄ

(NP. PRZY UŻYCIU AUDIOBOOM, HTTPS://AUDIOBOOM.COM/)

APLIKACJE MOBILNE – SZYBKIE ANIMACJE OBRAZU I DŹWIĘKU

TELLAGAMI

TELLAGAMI TO APLIKACJA MOBILNA, KTÓRA POZWALA TWORZYĆ

I UDOSTĘPNIAĆ SZYBKI ANIMOWANY FILM - GAMI WIDEO.

JEST TO TWORZENIE PROSTEJ ANIMACJI W TRZECH KROKACH:

1. TWORZENIE SCENY OPOWIEŚCI

DOSTOSUJ CHARAKTER I WYBIERZ TŁO

2. DODAWANIE DIALOGU

NAGRAJ SWÓJ GŁOS LUB WPISZ WIADOMOŚĆ DLA SWOJEJ POSTACI

DO POWIEDZENIA

3. ZAPISANIE LUB POLECENIE

PODZIEL SIĘ WIDEO GAMI NA FACEBOOKU,

TWITTER LUB WYSŁAĆ ZA POŚREDNICTWEM TEKSTU LUB E-MAIL

TEMATYCZNE MOŻLIWOŚCI – NAWET DLA NAJMŁODSZYCH

PRZYKŁAD INSTRUKCJI NA STRONIE APLIKACJI

Wideo.co – tworzenie w sieci

http://www.wideo.co/en/

Nowe pomysły i programy Whiteboard Animations

Duże możliwości animacji i projektowania tematu programu. To filmy typu „hand drawn” - widzimy rysującą rękę. Autorka bloga i własnej strony z tworzonymi animacjami – Klaudia Tolman Przykłady: https:// www.explainvisually.co/pl/

VideoScribe Obydwie wersje tworzenia dostępne w wersji odpłatnej, tutorial siedmiodniowy

• http://www.videoscribe.co/

• https://youtu.be/xmnyg0EMdmI

www.whiteboardanimation.com/

PROSTA ANIMACJA – TWORZENIE

REJESTRACJA - TWORZENIE KONTA logowanie przez różne adresy

WYBÓR FORMY PRZYGOTOWANIA I PREZENTACJI ANIMACJI

POW TOON – WYBÓR SZABLONU

POWTOON – INFORMACJE WSTĘPNE

Informacja o narzędziach

OBSZAR PRACY W TWORZENIU ANIMACJI

WIDOK POLA PROJEKTU ANIMACJI

Dodawanie tytułu

Pole projektu - tworzenie karty

Pole animacji - dodawanie własnych grafik

Zaczynamy pracę w projekcie

DODAWANIE POSTACI

Dodawanie postaci

WYBÓR GRAFIKI DO FILMU

POŁĄCZENIE ELEMENTÓW FILMU

ZAKOŃCZENIE PRACY - PUBLIKACJA

PRZYKŁAD ANIMACJI

Przykład - Cechy dobrego LipDuba

http://www.powtoon.com/p/da0kf3BZYyk/

ROBIMY FILM W APLIKACJI MUVIZU

Strona startowa - samouczki na stronie

WIDOK OKNA ROBOCZEGO Wstawianie postaci

Tworzenie wizualnej formy

Ilustracja charakteru postaci

Wybór gadżetu i rekwizytu

WIDOK OBSZARU ROBOCZEGO –

Wybór ujęcia, ekspozycji - kamery

POMOC W ZARZĄDZANIU PROJEKTEM FILMU - TOOLS

Włączenie efektów - światła i kamery

TWORZENIE FILMU – WYBÓR RODZAJU ZAPISU

Zapis na komputerze

Tworzenie filmu z Movizu

Prawo autorskie ok - Moja przygoda z prawem autorskim

SZKOLNE STRONY I BLOGI NAUCZYCIELI… I DLA NAUCZYCIELI

ZNANE PRZYKŁADY NIEZNANE ZASTOSOWANIA

MÓJ PRZYJACIEL NECIO …

szkolne blogi i strony www

strony dla rodziców

strony rodziców

przykłady praktycznych zajęć

projekty i akcje

miejsca pracy i wsparcia

strony dla dzieci

WIDOCZNE I PRZYDATNE W SIECI

przyjazne narzędzia

Zanim rozpoczniemy

przygotowanie

grupa zadaniowa zadania terminy przypisane role

planowanie +realizacja +postprodukcja

Pomysł + scenariusz

Scenariusz i jego ważne elementy: Struktura, Postaci, Dialogi, Opis zdarzeń i miejsca akcji.

Scenopis lub scenorys(storyboard)

techniczny opis realizacji kadrów – ujęć – scen

organizacja planów filmu – istotnych elementów

aranżacja scen

1. Punkty zwrotne akcji 2. Budowanie napięcia

Montaż filmu

Połączenie powstałych wcześniej scen przy pomocy właściwego programu Odpowiednie cięcia

Efekty dźwiękowe, muzyka Ruch kamery Ruch postaci

Montaż a cel filmu – rytm montażu odpowiada tematowi

Może pomysł na początek

I jeszcze cos dla zainteresowanych – Reguły animacji w sieci

ANIMACJA DZIAŁAŃ

http://www.superbelfrzy.edu.pl/pomyslodajnia/swietujmy-razem-nauczyciele-z-pasja/

kiwi Próbka nowych form i zastosowań

WIDEODYDAKTYKA CZY NAUKA POPRZEZ ZABAWĘ

…pokaż uczniowi, że ty też się uczysz

WYKORZYSTANE ŹRÓDŁA

MATERIAŁY SZKOLENIOWE OPRACOWANE DLA NAUCZYCIELI W OEIIZK W WARSZAWIE WRÓBLEWSKA K. , EDUKACJA MEDIALNA

GRAFIKI ZE STRON: PIXABAY.COM, SUPERBELFRZY.PL, BLOG DLA NAUCZYCIELI - DODO DBAMY O DANE OSOBOWE

SŁUGOSKI K., ISTOTA I PRAKTYKA OCHRONY DANYCH OSOBOWYCH(PREZI)

FLORKIEWICZ-BORKOWSKA M. , GIMNAZJUM W PIELGRZYMOWICACH

GREGORCZYK G., CECHY DOBREGO LIPDUBA

JANCZAK D., PRZYGODA OLI (ANIM. FILM W MOVIZU)

SZCZUPAK-GÓRNA M., BEZPIECZNE DZIECKO QUIVER AUGMENTED REALITY - OFFICIAL TRAILER

BAJKA EDUKACYJNA "MÓJ PRZYJACIEL NECIO” FUNDACJA DZIECI NICZYJE

STRONA DLA UCZNIÓW I NAUCZYCIELI „PRAWO AUTORSKIE OK” ZASADY ANIMACJI HTTPS://CSSANIMATION.ROCKS/PL/PRINCIPLES/