Animaatiot opetuksessa

Transcript

1. Animaatiot opetuksessa Maksuttomien animointisovellusten esittelyä, esimerkkejä ja näkökulmia opetukseen Helmikuu

   2021 Matleena Laakso Blogi: www.matleenalaakso.fi Twitter: @matleenalaakso Diat: www.matleenalaakso.fi/p/koulutusdiat.html Kuvat yllä ovat ruudunkaappauksia tekijän YouTube-videoista

2. Tämä diasarja päivittyy Olen tallentanut tämän diasarjan Speaker Deck -palveluun,

   jotta voin päivittää dioja linkin muuttumatta. Lisää päivittyviä diasarjoja verkon sovelluksista etenkin opetuskäytön näkökulmasta löydät Matleenan blogin koulutusdiojen sivulta: www.matleenalaakso.fi/p/koulutusdiat.html Speaker Deckin upotuskoodi (embed code) löytyy nykyisin diasarjan alakulmasta Jaa-kuvakkeesta (nuoli laatikosta ylös).

3. Diasarjan animaatiosovellukset Kaikista esitellyistä sovelluksista on olemassa maksuton versio opetuskäyttöön,

   osasta myös maksullinen. Yrityskäyttöön tarvitaan usein maksullinen versio. Lopussa on muutama vinkki animaatioiden jakamiseen. • Animatic by Inkboard • FlipaClip • TextingStory • Voki • I can animate • Biteable • Powtoon • Animaker • Draw and Tell HD • Toontastic 3D • Drawastickman Kuva: Wikimedia Commons, PD

4. Mikä on animaatio? fi.wikipedia.org/wiki/Animaatio ”Animaatio (latinan sanasta animatio ’elävöittäminen’) on

   tekniikka, jossa elokuva toteutetaan kuva kuvalta. Animaatio voidaan valmistaa kuvaamalla piirrettyjä pieniä muutoksia sisältäviä kuvia filmille tai tekemällä pieniä muutoksia fyysiseen malliin (esimerkiksi esineeseen, animaationukkeen tai vahaan) ja kuvaamalla muutokset. Kun kuvattu filmi näytetään normaalinopeudella, peräkkäin nopeasti vaihtuvat kuvat luovat illuusion liikkeestä. Animaatio voidaan toteuttaa myös tietokoneen avulla.”

5. Animaatioita on monenlaisia fi.wikipedia.org/wiki/Animaatio Erilaisia animaatiotekniikoita voi myös yhdistellä •

   Piirrosanimaatiot tehdään nykyisin usein tietokoneella • Stop motion sekä nukke- ja vaha-animaatiot kuvataan ruutu ruudulta. • Pala-animaatiossa hahmot muodostetaan esim. paperista leikatuista paloista, joita liikutellaan kuvauspöydällä ja kuvataan ylhäältäpäin. • Esineanimaatiossa liikutellaan esineitä ja kuvataan niitä ruutu ruudulta. • Piksillaatioanimaatio kuvataan ihmisnäyttelijöillä, joita käytetään samaan tapaan kuin nukkeanimaatiossa. • 3D-animaatiossa käytetään 3D-tietokoneohjelmistoa, jossa mallinnetuilla hahmoilla animaatio toteutetaan. Tietokone laskee animaation liikesarjat, valaistuksen, kameran liikkeet ja tekstuurit.

6. Näin tehtiin Hullu - hullumpi – yläaste Yle Areena: areena.yle.fi/1-3827532

7. Toby Price: https://twitter.com/jedipadmaster/status/559346871424925696/photo/1

8. Animaatiot opetuksessa • Yksinkertaisilla animaatiotyökaluilla opettaja viestii verkkoympäristössä toisinaan yhtä

   nopeasti kuin kirjoittamalla. Verkkoympäristöön on hyvä tarjota vaihtelevia sisältöjä ja työskentelytapoja. • Helpoilla ja jopa kirjautumatta toimivilla sovelluksilla voidaan tehdä lyhyitä animaatioita oppituntien aikana. • Opettaja ja opiskelijat animaatioiden tekijöinä – Milloin animaatio on tekstiä tai muunlaista videota parempi? – Kuka valitsee tekotavan ja työkalut? – Valmispohjilla vai alusta alkaen itse tehden? – Onko pääpainoa animaatiotekniikoiden ja ilmaisun opettelussa vai onko se enemmänkin väline muun sisällön oppimiseen tai esittämiseen?

9. Eri sovelluksilla tehtyjä esimerkkejä: padlet.com/matlaakso/digitarinat Ks. myös animaatioiden soittolista: www.youtube.com/c/MatleenaLaakso

10. Piirrosanimaatioita mobiilisti Animatic by Inkboard (iOS, Android) • Piirrosanimaatiosovellus opastaa

    kädestä pitäen animaation tekoon. Ohjelma näyttää piirrettävänä olevan ruudun taustalla edelliset ruudut. Valmiit tuotokset saa ulos videoina tai gif-muodossa. Samankaltainen sovellus: StickDraw (Android)

11. FlipaClip (Android, iOS) • Piirrosanimaatioon voi tallentaa ääntä, tuoda äänitiedoston

    tai uutena videoklipin (6 sek) tai ostaa musiikkia ja/tai äänitehosteita. • Äänet voi tuoda ja animaatiota muutoinkin muokata myös tuomalla sen esim. iMovieen, kuten kuvan esimerkissä on tehty.

12. TextingStory Chat Story Maker (Android, iOS) Sovelluksen avulla teet helposti

    videoita vuorovaikutustilanteista tekstareiden/chatin muodossa.

13. Voki for Education Valitse hahmo, asusteet, tausta jne ja sanele

    tai kirjoita viestisi (ilmaisversiossa max 60 sek). Voit muokata myös ääntä. • Mobiilisovellus (Android, iOS) tai pc-koneen selain: voki.com • Voit kokeilla Vokin luomista ilman kirjautumista. • Ilmaisversiolla kirjautuneet voivat luoda selaimella kolme Vokia (max 60 sek), ja enemmänkin, kun poistaa aiemmin tehtyjä. Sen lisäksi mobiilisovelluksella onnistuu tehdä jokunen lisää. • Runsaasti erilaisia maksullisia ominaisuuksia.

14. Muokkaa hahmoa ja taustaa sekä lisää puhe sanellen tai kirjoittaen

    Lisää hamoja, vain osa maksuttomia.
15. None
16. None

17. Animaatioita kuva kuvalta I can animate (Android, iOS) • Animaatioita

    perättäin otetuista valokuvista (esineet, legot, muovailuvaha, paperikuviot,..) ja timelapse-videot. • Ilmaisversiolla (Lite) voi tehdä kolme tarinaa perusominaisuuksilla. Maksullisella versiolla (3 €) voi tehdä lisää tarinoita ja mm. säätää nopeutta.

18. biteable.com Selaimella (myös mobiililaitteissa) toimiva helppo sovellus animaatioiden ja videoiden

    tekemiseen. Ideana on käyttää sovelluksesta löytyviä animoituja dioja (scene) tai luoda diat omista tai sovelluksen kuvista tai videoista ja sitten muokata niihin omat tekstit. • Ilmainen versio on lähes yhtä monipuolinen kuin maksullinenkin (alk. $19/kk), mutta videoon tulee varsin iso vesileima. • Lite-versio näkyy vain vanhoilla käyttäjillä ja se poistuu 2021 aikana. • Bloggaus: www.matleenalaakso.fi/2018/10/biteable.html (päivitetty 26.1.2021)

19. Valitse mallipohja tai aloita tyhjästä Voit aloittaa mallipohjasta (template), sillä

    voit vapaasti muokata sitä lisäämällä tai poistamalla dioja (scene) tai vaihtamalla niiden järjestystä. Dioja on kolmenlaisia: • sovelluksesta löytyviä animoituja dioja • sovelluksen kuvia tai videoita • omia kuvia tai videoita

20. Nimeä, valitse koko ja vesileima Valitse videon koko ja lisää

    vesileima jo heti alussa (jos käytät ilmaisversiota), niin voit huomioida sen sijainnin videota muokatessasi. Video settings

21. Dian tekstiä muokkaat tuplaklikaten sitä ja oikealta vaihdat mm. fontin

    ja animoinnin Ideana on näyttää viesti, joten älä kirjoita pitkiä lauseita!

22. Tuplaklikkaamalla kuvaa/taustaa, voit muokata mm. sen väritystä

23. Tutustu myös aikajanaan • Esikatselu • Diojen lisääminen • Diojen

    siirtymät (scene transition) • Dian kesto sekä erikseen tekstin kesto. Yhdellä dialla voi olla peräkkäin useampikin teksti. • Valitse taustamusiikki koko videolle, vaihtoehtoja on kymmenittäin. Voit tuoda myös oman ääniraidan, tekijänoikeudet huomioiden.

24. Lopuksi STYLE-kohdasta voit muokata koko videon värivalintoja. Esikatsele video ja

    valitse EXPORT. • Viimeistään tässä vaiheessa videoon lisätään vesileima, jos haluat käyttää maksutonta versiota. Valitse miten jaat videon • Lataa koneellesi ja vie esim. YouTubeen. • Julkaise video Biteablessa julkisella tai piilotetulla linkillä. Voit päivittää videota linkin muuttumatta.

25. www.powtoon.com Powtoon toimii vain pc-koneella, ei mobiilisti. Ilmaisversiolla voit tehdä

    100 kpl max 3 min animaatiota. Rajattu määrä maksuttomia valmispohjia ja ominaisuuksia. • Edit: valmispohjia (templates) muokkaamalla animaation luominen on erittäin helppoa. • Create: monipuoliset työkalut, jos luot animaation alusta asti itse ja/tai haluat monipuoliset mahdollisuudet muokkaamiseen. • Ks. www.matleenalaakso.fi/2018/10/powtoon.html

26. Aloita valitsemalla pohja (template) • TEMPLATES-kohdasta voit selailla mallipohjia eri

    kategorioista. Etsi sopiva ja maksuton (ei Pro/Pro+-logoa) ja avaa se muokattavaksi. • IMPORT-kohdasta saat pohjaksi esim. diaesityksesi • CREATE-kohdasta voit aloittaa tyhjästä.

27. Edit: valmispohjien tekstien muokkaaminen on helppoa

28. Valitse teksti maalaamalla ja muokkaa kokoa, väriä, animointia ym

29. Create antaa monipuolisemmat työkalut sisällöt muokkaamiseen

30. Valikosta avautuu uusia hahmoja, taustoja, tekstiä, objekteja ym.

31. Powtoonin jakaminen • Nimeä animaatio ja esikatsele se. • SHARE-kohdasta

    saat animaatiosi linkin. • PUBLISH-kohdasta voit jakaa esim. YouTubeen.

32. Animaker: www.animaker.com • Peruskäytön luvattu pysyvän maksuttomana (5 kpl/kk). •

    Yksinkertainen Lite (alla) ja monipuolisempi Full (seuraava dia) valinta helposti liukukytkimellä.
33. None

34. Draw and Tell HD (iOS) Sovelluksella voi äänittää omia tarinoita,

    joiden taustakuvat piirtää itse tai värittää. Liikkuvia elementtejä saa tarroista, joissa on mm. kuvia, puhekuplia, kirjaimia ja numeroita. Kuuluu mykyisin Khan Academy Kids-sovelluksiin. • Tarinat voi julkaista yhden tai useamman kuvan mittaisina. • Tarinat julkaistaan viemällä ne ensin iPadin kuviin. • Ks. bloggaus: www.matleenalaakso.fi/2018/04/draw-and-tell.html
35. None
36. None

37. Toontastic 3D (Android, iOS) Luo tarinoita, joissa käytät valmiita tai

    piirtämiäsi hahmoja, animoit niiden liikkeet ja puhut hahmojen viestit tai muun selostuksen. 1. Aloita suunnittelemalla tarinan juoni ja rakenne (kuva alla). 2. Valitse tai piirrä kunkin kohtauksen tausta ja hahmot. Animoi ja äänitä tarina kohtaus kerrallaan liikuttaen samalla hahmoja. Voit myös lisätä musiikkia. 3. Tallenna laitteellesi ja sieltä esim. YouTubeen tai O365:een.
38. None
39. None

40. www.drawastickman.com • Piirrä tikku-ukko ja sille erilaisia esineitä sitä mukaa,

    kun englanninkielinen tarina etene. • Toimii selaimella, tarjolla myös useita ilmaisia ja maksullisia mobiilisovelluksia (Android, iOS).

41. Jakaminen ja kokoaminen Videot jaetaan yleensä linkillä tai upottamalla joko

    suoraan editointi- sovelluksesta tai jakamalla ne esim. YouTubeen tai oppilaitoksen käyttämään videoidenjakopalveluun. Videot tai niiden linkit voidaan koota yhteen esim. • Yhteiselle kanavalle YouTubeen tai Vimeoon • Office365:een (Stream, OneDrive) – Stream-videoidenjakopalveluun voit luoda kanavia ja määritellä niiden näkyvyyden organisaation sisäisesti. – Kaikissa organisaatioissa oppijoilla ei ole oikeutta lisätä videoita Streamiin. – Streamin videoihin voi lisätä Forms-kyselyitä. – OneDrivestä videon voi jakaa linkillä myös organisaation ulkopuolisille. • Sähköiseen oppimisympäristöön. • Omiin blogeihin tai kurssin yhteiseen blogiin. • Padlet-seinälle linkittäen: ks. esim. padlet.com/matlaakso/digitarinat • Yhteisen hashtagien avulla esim. Twitteriin. • Omaan/yhteiseen digijulkaisuun, esim. Sway tai Adobe Spark. • QR-koodin avulla koulun seinälle kiinnitettyihin postereihin.

42. YouTubeen jakaminen Suuri osa erilaisista video- ja animaatiosovelluksista tarjoaa jakamista

    suoraan YouTubeen. • Tarvitset Google-tilin (esim. gmail/gafe/gse). Tilin voi tehdä ryhmälle yhteiseksikin. • Voit perustaa soittolistoja ja kanavia (oma, oppilaitos, oppiaine, kurssi, projekti,..). • Videoiden jakotavat: yksityinen, piilotettu tai julkinen. • HUOM: Mobiililaitteita käytettäessä harvoin pääset muokkaamaan YouTuben kaikkia asetuksia (esim. käyttölupa tai jakotapa). Kun kirjaudut samoilla tunnuksilla pc-koneelta, pääset aina muokkaamaan kaikkia kanavasi ja yksittäisen videon asetuksia. Kuva: geralt, pixabay.com, CC0

43. Muokkaa videon asetukset YouTubessa

44. Muokkaa tiedot kahdella välilehdellä: perustiedot ja lisätiedot Perustiedot Näkyvyys

45. Muokkaa tiedot kahdella välilehdellä: perustiedot ja lisätiedot Sivupalkista näet mm.

    tilastoa ja löydät editointityökalut Lisätiedot

46. Monta syytä tekstittää videoita HAMK: blog.hamk.fi/ohjeet/nain-tuotat-saavutettavan-videon • Katsoja ei voi

    aina käyttää ääntä tai sitä on vaikea kuulla taustamelun vuoksi. • Tekstitys auttaa lukivaikeuksista kärsiviä henkilöitä. • Tekstitys auttaa ymmärtämään ei-äidinkielenä puhuttua kieltä. • Tekstitetyt videot on helpompi ymmärtää kuin pelkät kuvat. • Tapahtumien kuvaileminen teksteinä auttaa hahmottamaan myös non- verbaalia viestintää. • Kuulovammaiset käyttäjät voivat lukea videoissa äänenä olevan tiedon tekstityksen avulla. • Puhevammaisen henkilön puhetta on helpompi ymmärtää tekstitettynä. • Videon näkyvyys hakukoneissa paranee. Julkisten organisaatioiden tulee tarjota ainakin julkisesti jakamansa videot saavutettavassa muodossa. Suoria lähetyksiä vaatimus ei koske, mutta tallenteet on tehtävä saavutettaviksi 14 vrk:n kuluessa julkaisemisesta. www.saavutettavasti.fi/syventavat-ohjeet/videot-ja-aanitteet

47. Näin tuotat saavutettavan videon Ks. esim. Celia: www.saavutettavasti.fi/syventavat-ohjeet/videot-ja-aanitteet/ Saavutettavan videon

    voit toteuttaa tekstittämällä videon tai tarjoamalla saman sisällön erikseen tekstimuodossa. Kuvailutulkkauksessa kerrotaan myös se, mitä videolla näkyy. Sovelluksia videon automaattiseen tekstittämiseen puheesta: • Clips (iOS) • Screencast-O-Matic (pc, maksullinen versio alk. 1 €/kk) –ruudun- kaappausvideot, mutta sovelluksella voi tekstittää muitakin videoita. Ohje: www.matleenalaakso.fi/2021/01/videon-tekstitys-puheesta.html YouTuben tekstitystyökalu • Tekstitykset voi lukea myös näkövammaisten apuvälineillä. • Helppo käyttää YouTuben ohjeilla: support.google.com/youtube/answer/2734796?hl=fi • Käyttäjän tulee valita tekstitys näkyviin.
48. None

49. • CC-lisenssien suomenkielinen verkkosivusto: creativecommons.fi • CC BY-SA 4.0 eli

    Creative Commons Nimeä-Jaa samoin 4.0 Kansain- välinen -lisenssi: creativecommons.org/licenses/by-sa/4.0/deed.fi lyhyesti: – Sinä saat jakaa ja muuntaa tätä diasarjaa, myös kaupallinen hyödyntäminen on sallittu. – Ehtona on, että viittaat aina alkuperäiseen tekijään ja lisäät linkin tähän diasarjaan. Muokattu teos tulee jakaa tällä samalla lisenssillä. • Tätä lisenssiä laajempia oikeuksia voit kysyä tekijältä: www.matleenalaakso.fi Tämä diasarja on lisensoitu Creative Commons -lisenssillä CC BY-SA 4.0