Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Animaatiot opetuksessa

Animaatiot opetuksessa

Diasarja esittelee ainakin opetuskäytössä maksuttomia animointisovelluksia ja niiden hyödyntämistä opetuksessa sekä jakamisen YouTubeen. Päivitän tätä diasarjaan aika ajoin. Lisää tällaisia päivittyviä ohjediojani löydät blogistani. Siellä animaatiodiasarjan perässä on linkkejä bloggauksiin, missä esittelen tarkemmin yksittäisiä animointi sovelluksia. Sivulta löydät ohjeita myös muunlaisiin videoihin: https://www.matleenalaakso.fi/p/koulutusdiat.html

18cdb6f294c8cb10a46167e462c2a51f?s=128

Matleena Laakso

March 06, 2021
Tweet

Transcript

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

    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 ohjeita YouTubeen 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. Kaksi hyvää animaatiosovellusta Molempien peruskäyttö maksutonta opetuksessa Powtoon Biteable Ilmaisversio:

    Suurin osa mallipohjista ja muista elementeistä kuuluu vain Pro/Pro+-tilaukseen. Ilmaisversiossa melko suuri vesileima, mutta muuten ei juuri rajoita tekemistä. Monipuolisempi: - Voit luoda animaation mallipohjasta vain tekstejä muokkaamalla. - Halutessasi voit luoda animaation tyhjästä tai muokata mallipohjaa esim. lisäämällä siihen erilaisia elementtejä ja animoimalla niitä. Yksinkertaisempi: Alun perin ideana oli muokata vain tekstit ja valita esityksen värimaailma ja musiikki. Uudessa beta-versiossa voi muokata monipuolisesti mm. fontteja, tausta- kuvan ja objektien värejä yms, mutta ei voi itse tehdä varsinaista animointia.
  19. 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)
  20. 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
  21. 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
  22. Dian tekstiä muokkaat tuplaklikaten sitä ja oikealta vaihdat mm. fontin

    ja animoinnin Ideana on näyttää viesti, joten älä kirjoita pitkiä lauseita!
  23. Tuplaklikkaamalla kuvaa/taustaa, voit muokata mm. sen väritystä

  24. 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.
  25. 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.
  26. 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
  27. 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ä.
  28. Edit: valmispohjien tekstien muokkaaminen on helppoa

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

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

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

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

    saat animaatiosi linkin. • PUBLISH-kohdasta voit jakaa esim. YouTubeen.
  33. 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ä.
  34. None
  35. 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
  36. None
  37. None
  38. 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.
  39. None
  40. None
  41. 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).
  42. YouTubeen jakaminen Suuri osa erilaisista video- ja animaatiosovelluksista tarjoaa jakamista

    suoraan YouTubeen. Vaihtoehtoisesti videon (esim. Spark Video) voi usein ladata omalle koneelle ja sieltä YouTubeen. • Videoiden jakotavat: yksityinen, piilotettu tai julkinen. • Voit editoida ja tekstittää videoita ja lisätä niihin musiikkia. • Voit livestriimata ja tehdä siitä tallenteen. Kuva: geralt, pixabay.com, CC0
  43. Aloita luomalla YouTube-kanava Oletuksena kanavalla on oma nimesi. • Voit

    luoda useita kanavia tai koota tietyn kurssin, oppiaineen tai hankkeen tiedot soittolistoille tai osioihin. • Kanava voi olla myös ryhmän yhteinen. Aloita kanavasi tiedoista
  44. Videon lataaminen Selaimella ladattava tiedosto pysyy yksityisenä, kunnes julkaiset sen.

    Suoraan eri (mobiili)sovelluksista jaettaessa tilanne vaihtelee etkä useinkaan pääse muokkaamaan kuin osan asetuksista. Tällöin ne kannattaa aina käydä tarkistamassa selaimen kautta.
  45. Ladattuasi videon, muokkaa asetukset

  46. Vieritä sivu alas asti ja tee haluamasi valinnat Tekstitys Näkyvyys

    Videon lataaminen YouTubeen (10 min): www.youtube.com/c/matleenalaakso Kuvaus, aikaleimat ja linkit
  47. YouTube-videon kappaleet eli aikaleimat Voit lisätä videon kuvaukseen aikaleimoja, jolloin

    katsojan on helppo siirtyä suoraan halumaansa kohtaan. Lisää aikaleimat videon kuvaukseen: • Aloita aina aikaleimasta 0:00 • Lisää vähintään kolme aikaleimaa • Kunkin kappaleen tulee olla min 10 sek Kuvan esimerkki: youtu.be/s3lkXVIN4vs
  48. 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. • EU:n saavutettavuusdirektiivi velvoittaa. www.saavutettavuusvaatimukset.fi → Videoiden ja äänilähetysten saavutettavuus
  49. Näin luot saavutettavan videon 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 suomenkielisestä puheesta: • Clips-mobiilisovellus (iOS): www.youtube.com/watch?v=mMUCJvMB-dc • Screencast-O-Matic (maksullinen versio alk. 1$/kk): www.matleenalaakso.fi/2021/01/videon-tekstitys-puheesta.html
  50. YouTuben tekstitystyökalu YouTubeen voit tuoda valmiiksi tekstitetyn videon, erillisen tekstitystiedoston

    tai tehdä tekstityksen YouTuben työkaluilla. • Tekstitys on suositeltavaa lisätä ns. closed captions –tekniikalla, jolloin se on luettavissa näkövammaisten apuvälineillä. Katsoja voi valita, haluaako hän tekstin näkyviin vai piiloon. Katsoja voi valita kieliversioita, jos niitä on tarjottu.
  51. YouTuben tekstitystyökalu YouTuben ohjeet (suomeksi): support.google.com/youtube/answer/2734796?hl=fi

  52. www.youtube.com/c/matleenalaakso Osio Osio Soitto- listoja Kanavan esittelyvideo (kaksi videota) Osoite

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