Animaatiot opetuksessa

Transcript

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

   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 ja muita ohjeita verkon sovelluksista löydät Matleenan blogista: www.matleenalaakso.fi/p/koulutusdiat.html – Bloggauksia animaatiotyökaluista – Adobe Spark Video –ohjeet (peruskäyttö maksutonta myös kaupalliseen käyttöön) – YouTubeen jakaminen ja kanavan asetukset – Tekstittäminen Speaker Deckin upotuskoodi (embed code) löytyy nykyisin diasarjan alakulmasta Jaa-kuvakkeesta.

3. Diasarjan animaatiosovellukset Kaikista esitellyistä sovelluksista on tarjolla maksuton versio opetus-

   käyttöön. Kaupalliseen käyttöön tarvitaan yleensä maksullinen lisenssi. • 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. 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 väline muun sisällön oppimiseen tai esittämiseen?

8. Eri sovelluksilla tehtyjä esimerkkejä Videot otsikoitu sovelluksen mukaan: Animaatioiden soittolista:

   padlet.com/matlaakso/digitarina www.youtube.com/c/MatleenaLaakso

9. 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.

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

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

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

    videoita vuorovaikutustilanteista tekstareiden/chatin muodossa.

12. 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.

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

    Lisää hamoja, vain osa maksuttomia.
14. None

15. 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.

16. Biteable, Powtoon ja Animaker - animaatioita valmispohjista • Kolme samankaltaista

    sovellusta. • Maksuttomia ei-kaupalliseen käyttöön. Kaikki alk. 19 $/kk. • Luo animaatiota valmispohjista. Ne on koottu animoiduista dioista. – Kaikilla muokkaus onnistuu pelkkiä tekstejä muokaten. – Biteablessa voi rajatusti muokata kuviakin. Kahdesta muusta voi valita yksin- kertaisen tai monipuolisemman muokkausnäkymän kuvienkin muokkaamiseen. • Kaikilla voi luoda videoita myös omista tai sovelluksen kautta löytyvistä kuvista ja videoklipeistä. – Powtoonilla kovin suppea valikoima maksuttomia videoita. – Ilmaisten videoiden tallennustila ei ole rajaton. Adobe Spark Video ja Pixabayn tekijänoikeusvapaat videoklipit ovat hyvä vaihtoehto. • Biteable on yksinkertaisin. Valmispohjaa voi muokata lisäämällä animoituja dioja samasta teemakokonaisuudesta. Miinuksena suuri vesileima. • Powtoonilla ja Animakerilla voi myös äänittää oman selostuksen, Biteablella se onnistuu vain lisäämällä äänitiedoston. • Powtoonilla miinuksena aktiivinen maksullisen sisällön tarjoaminen.

17. biteable.com Selaimella (myös mobiilisti) 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)

18. Valitse mallipohja tai aloita tyhjästä Aloita mallista (templates) tai tyhjästä

    pohjasta. Voit lisätä ja poistaa dioja (scene) tai vaihtaa niiden järjestystä. Dioja on kolmenlaisia: • sovelluksesta löytyviä animoituja dioja • sovelluksen kuvia tai videoita • omia kuvia tai videoita

19. 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

20. Dian tekstiä muokkaat tuplaklikaten, voit vaihtaa fontin ja tekstin animoinnin

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

21. Tuplaklikkaamalla kuvaa/taustaa, voit muokata väritystä, kokoa ja sijaintia

22. Aikajanalla luot kokonaisuuden Venytä tai supista yksittäisen dian tai sen

    tekstin kestoa aikajanalla. Yhdellä dialla voi olla peräkkäin useampikin teksti. Esikatselu Lisää uusia dioja tästä tai vas. yläkulman ADD-kohdasta. Diojen vaihtumisen tehoste Valitse taustamusiikki tai tuo oma äänitiedosto Aikajanan zoomaus

23. 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.

24. www.powtoon.com Ilmaisversiolla voit tehdä 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. • Lue lisää: www.matleenalaakso.fi/2018/10/powtoon.html

25. Animaation aloitat helpointen valitsemalla pohjan (template) • CREATE: tutustu vaihtoehtoihin

    (pikkukuva alla) • TEMPLATES-kohdasta voit selailla mallipohjia eri kategorioista. Etsi sopiva (Pro/Pro+ ovat maksullisia) ja avaa se muokattavaksi. • IMPORT: käytä pohjana PowerPoint-diasarjaa • BLANK-kohdasta aloitat tyhjästä.

26. Edit: muokkaa valmispohjien tekstit

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

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

29. Create-näkymä tarjoaa valikot, joista löytyy hahmoja, taustoja, objekteja ym. Aikajanalta

    voi valita taustamusiikin. Voit äänittää myös selostuksen ja sitten editoida diojen keston sopimaan puheeseesi.

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

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

31. 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ä.
32. None

33. Draw and Tell HD (iOS) Sovelluksella voi äänittää tarinoita, joiden

    taustakuvat piirtää itse tai värittää. Liikkuvia elementtejä saa tarroista, joissa on mm. kuvia, puhekuplia, kirjaimia ja numeroita. • 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

34. Toontastic 3D (Android, iOS) 1. Aloita suunnittelemalla tarinan juoni ja

    rakenne. 2. Valitse tai piirrä kunkin kohtauksen tausta ja hahmot. 3. Animoi tarina kohtaus kerrallaan liikuttaen hahmoja sormella. Äänitä samalla hahmojen keskustelu. 4. Lisää musiikki ja tallenna.

35. 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).

36. • 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