Szkolne Centrum Multimedialne · Co, gdzie, kiedy – jak animujemy Liczy się pomysł – podstawa...
Transcript of Szkolne Centrum Multimedialne · Co, gdzie, kiedy – jak animujemy Liczy się pomysł – podstawa...
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/