Animaatiot opetuksessa

18cdb6f294c8cb10a46167e462c2a51f?s=47 Matleena Laakso
September 23, 2020

Animaatiot opetuksessa

Diasarja esittelee ainakin opetuskäytössä maksuttomia animointisovelluksia ja niiden hyödyntämistä opetuksessa. Päivitän tätä diasarjaan tarpeen mukaan. Lisää tällaisia päivittyviä ohjediojani löydät blogistani: https://www.matleenalaakso.fi/p/koulutusdiat.html

18cdb6f294c8cb10a46167e462c2a51f?s=128

Matleena Laakso

September 23, 2020
Tweet

Transcript

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

    2020 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 diasarjojen upotuskoodin saat tehtyä linkistä: embed.ly/provider/speakerdeck
  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. • Dvolver • 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

  10. Animaatioita pc-koneella • Vartissa valmista: tee animaatioita pc-koneella (vaatii Flashiä)

    valmishahmojen, taustojen ja musiikin avulla: www.dvolver.com/moviemaker/index.html • Esikatselun jälkeen saat videon talteen lähettämällä sen s-postiisi kohdasta Recipients email(s). Sen jälkeen saat myös upotuskoodin. HUOM: Sovellus on uudistumassa eikä toimi tämän diasarjan julkaisuhetkellä.
  11. Ruudunkaappauskuva: http://www.dvolver.com/moviemaker/make.html

  12. 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)
  13. 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.
  14. TextingStory Chat Story Maker (Android, iOS) Sovelluksen avulla teet helposti

    videoita vuorovaikutustilanteista tekstareiden/chatin muodossa.
  15. 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.
  16. Muokkaa hahmoa ja taustaa sekä lisää puhe sanellen tai kirjoittaen

    Lisää hamoja, vain osa maksuttomia.
  17. None
  18. None
  19. 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.
  20. biteable.com Selaimella (myös mobiililaitteissa) toimiva helppo sovellus animaatioiden tekemiseen •

    Animaatiot tehdään valitsemalla valmiiksi animoituja dioja (scene) ja lisäämällä niihin omat tekstit. Joihinkin dioihin voi lisätä myös omia logoja, kuvia ja maksullisessa versiossa myös videoita. • Useimpiin kohtauksiin mahtuu tekstiä vain 80 merkkiä. • Esitykseen voi valita taustamusiikin tai tuoda oman ääniraidan. • Maksuton versio: 10 julkista animaatiota • Esikatselun lataaminen kestää pikkuanimaatiossa noin 5 min. • Bloggaus: www.matleenalaakso.fi/2018/10/biteable.html (päivitetty 12.2.20)
  21. Animaation luominen aloitetaan valitsemalla mallipohja (template)

  22. Biteablen muokkausnäkymä

  23. Maksuttomassa versiossa on tarjolla tuhat erilaista animoitua diaa Tässä on

    näkyvillä muutama animoitu dia teemasta INFOGRAPHIC. Klikkaamalla näkee animoinnin.
  24. Diaan (scene) voi lisätä videoklippejä ja oman logon, kuvan tai

    videon FOOTAGE-kohdasta löydät lyhyitä video- klippejä, joiden päälle saat tuotua tekstin. UPLOAD-kohdasta voi tuoda diaan oman kuvan, logon tai maksullisessa versiossa myös videon.
  25. Valitse musiikki ja värit

  26. Esikatsele → Jaa animaatio Maksuttomalla versiolla tehdyt animaatiot ovat julkisia.

    Saat linkin ja upotuskoodin Biteablen sivulle. Animaatiot voi jakaa myös mm. YouTubeen.
  27. www.powtoon.com Powtoon toimii vain pc-koneella, ei mobiilisti • 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. • Ilmaisversiossa animaation kesto max 3 min. Rajattu määrä valmispohjia ym. • Ks. www.matleenalaakso.fi/2018/10/powtoon.html
  28. Aloita valitsemalla template (pohja) Pohjia löydät eri kategorioista, kuvassa Education

    → Teacher. Voit myös valita tyhjän pohjan (Blank Powtoon) ja siihen tietyn tyylin.
  29. Edit: valmispohjien tekstien muokkaaminen on helppoa

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

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

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

  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. 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. Tulossa mahdollisuus jakaa julkisesti. – 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: 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.
  43. 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 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
  44. Muokkaa videon asetukset YouTubessa

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

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

    tilastoa ja löydät editointityökalut Lisätiedot
  47. 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 etenkin 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
  48. 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) –ruudun-kaappausvideot, ks. ohjeet: blog.hamk.fi/ohjeet/screencast-o-matic-auttaa-videon-tekstityksessa YouTuben tekstitystyökalu • Tekstitykset voi lukea myös näkövammaisten apuvälineillä. • Jos käytät muita editointityökaluja ja julkaisualustoja, selvitä, onko tekstitys luettavissa myös ruudunlukuohjelman avulla. • Helppo käyttää YouTuben ohjeilla: support.google.com/youtube/answer/2734796?hl=fi • Käyttäjän tulee valita tekstitys näkyviin.
  49. None
  50. • 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