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

Animaatiot opetuksessa

18cdb6f294c8cb10a46167e462c2a51f?s=47 Matleena Laakso
February 12, 2022

Animaatiot opetuksessa

Diasarja esittelee ainakin opetuskäytössä maksuttomia animaatiosovelluksia. Lisää päivittyviä ohjeita mm. erilaisten videoiden tekemiseen ja opetuskäyttöön sekä jakamiseen YouTubeen ja tekstittämiseen löydät blogistani: https://www.matleenalaakso.fi/p/koulutusdiat.html

Esimerkkejä löydät animaatioiden soittolistalta: https://www.youtube.com/playlist?list=PLnM9qJqnlIVdkkjvtBbvmLwpIcRhho1B3
Lisää esimerkkejä erilaisista animaatioista löytyy Padletista:
https://padlet.com/matlaakso/digitarinat

18cdb6f294c8cb10a46167e462c2a51f?s=128

Matleena Laakso

February 12, 2022
Tweet

More Decks by Matleena Laakso

Other Decks in Education

Transcript

  1. Animaatiot opetuksessa Animointisovellusten esittelyä, esimerkkejä ja jokunen näkökulmia opetukseen Helmikuu

    2022 Matleena Laakso Blogi: www.matleenalaakso.fi Twitter: @matleenalaakso Ohjeet: www.matleenalaakso.fi/p/koulutusdiat.html Kuvat yllä ovat ruudunkaappauksia tekijän YouTube-videoista
  2. Tämä diasarja päivittyy Tämä diasarja on tallennettu Speaker Deck -palveluun,

    jotta voin päivittää tätä linkin muuttumatta. Lisää päivittyviä diasarjoja ja muita ohjeita löydät Matleenan blogista: www.matleenalaakso.fi/p/koulutusdiat.html – Bloggauksia animaatiotyökaluista – Adobe Creative Cloud Express Video – Videot opetuksessa -dioissa mukana enemmän opetuksen näkökulmaa – YouTubeen jakaminen ja kanavan asetukset – Tekstittäminen – Virtuaalilasit ja 360-sisällöt jne. 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. • Powtoon • Animaker • Biteable • Draw and Tell HD • Toontastic 3D • TextingStory • Stop Motion Studio • I can animate • Animatic by Inkboard • FlipaClip • Voki • Draw a stickman Kuva: Wikimedia Commons, PD
  4. Mikä on animaatio? fi.wikipedia.org/wiki/Animaatio (CC BY-SA) ”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 (CC BY-SA) 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. Animaatiot opetuksessa Pelkät luentotallenteet verkko-opetuksessa saattavat olla tylsiä. Animaatioilla saa

    vaihtelua ja niitä voi tehdä esim. tervetulotoivotukseksi verkkokurssille, johdannoksi tai koosteeksi uudesta teemasta. Älä unohda myöskään oppijoita animaatioiden tekijöinä! • Milloin animaatio on tekstiä tai muunlaista videota parempi? • Kuka valitsee tekotavan ja työkalut? • Valmispohjilla vai alusta alkaen itse tehden? • Yksin vai porukalla? • Onko pääpaino animaatiotekniikoiden ja ilmaisun opettelussa vai onko animaatio väline muun sisällön oppimiseen tai esittämiseen?
  7. Eri sovelluksilla tehtyjä esimerkkejä Videot otsikoitu sovelluksen mukaan: www.youtube.com/c/MatleenaLaakso padlet.com/matlaakso/digitarinat

    → Animaatioiden soittolista:
  8. Powtoon, Animaker ja Biteable Kolme samankaltaista sovellusta. Kaikki ovat maksuttomia

    ei-kaupalliseen käyttöön (lisenssit alk. 19 $/kk). Powtoonilla miinuksena aktiivinen maksullisen sisällön tarjoaminen ja plussana hyvä tietosuoja. • Luo animaatiota valmispohjista, jotka on koottu animoiduista dioista. – Kaikilla muokkaus onnistuu pelkkiä tekstejä muokaten. – Powtoonilla ja Animakerilla voi valita yksinkertaisen tai monipuolisemman muokkausnäkymän. Yksinkertaisella muokataan lähinnä tekstiä. – Biteable on ollut näistä yksinkertaisin ja keskittyy lähinnä tekstin, värimaailman ja musiikin muokkaamiseen, joskin sekin on viimeaikoina monipuolistunut. Plussana mahdollisuus koota animaatio laajoista animoitujen diojen teemakokonaisuuksista. Miinuksena suuri vesileima. – Powtoonilla ja Animakerilla voi myös äänittää oman selostuksen, Biteablella se onnistuu vain lisäämällä valmiin äänitiedoston. • Luo videoita myös omista tai sovelluksen kautta löytyvistä kuvista ja videoista. – Sovellusten videoiden ohella voit hyödyntää Pixabayn tekijänoikeusvapaita kuvia ja videoklippejä. – Kun haluat luoda videon, missä on tekstiä, kuvia ja videoklippejä sekä sinun selostus, Adobe Creative Cloud Expressin video on hyvä vaihtoehto.
  9. www.powtoon.com Ilmaisversiolla voit tehdä max 3 min animaatiota. Rajattu määrä

    maksuttomia valmispohjia ja ominaisuuksia. Pro/Pro+ sisällöt ovat maksullisia. • 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. • Bloggaus: www.matleenalaakso.fi/2018/10/powtoon.html
  10. Aloita valitsemalla millaisen animaation haluat tehdä • CREATE: valitse millaisen

    videon haluat tehdä. • TEMPLATES-kohdasta voit selailla mallipohjia eri kategorioista. Etsi sopiva ja avaa se muokattavaksi. • IMPORT: käytä pohjana PowerPoint-diasarjaa. • BLANK-kohdasta aloitat tyhjästä.
  11. Edit: yksinkertainen muokkaus Valitsemalla tekstin saat avattua sen muokkaamisen työkalut.

    Vain osa kuvista on muokattavissa.
  12. Create: Kaikki elementit ovat muokattavissa. Voit lisätä myös uusia. Nimeä

    animaatio ja valitse koko!
  13. Create-näkymä tarjoaa valikot, joista löytyy hahmoja, videoita, musiikkia ym. Aikajanalta

    voi valita taustamusiikin ja editoida jokaisen yksittäisen elementin paikkaa. Voit äänittää myös selostuksen (kerralla koko esitykseen).
  14. Powtoonin jakaminen • Viimeistään nyt: nimeä, valitse kuvasuhde ja esikatsele

    animaatio. • EXPORT & SHARE -kohdasta saat animaatiosi linkin. Upotuskoodi ym.
  15. 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ä.
  16. HUOM: Kolme kuvaketta aikajanan näkyvmiin

  17. biteable.com Helppo sovellus animaatioiden ja videoiden tekemiseen selaimella, myös mobiilisti.

    Helpoiten teet animaation valitsemalla valmispohjan ja muokkaamalla tekstin. • Ilmainen versio on lähes yhtä monipuolinen kuin maksullinenkin (alk. $19/kk), mutta videoon tulee varsin iso vesileima. • Lue lisää ja katso esimerkit: www.matleenalaakso.fi/2018/10/biteable.html
  18. Luo animaatio esim. mallipohjien avulla Mallipohjasta (templates) valitset visuaalisesti sopivan

    tarinan. Voit silti lisätä ja poistaa dioja (scene) tai vaihtaa niiden järjestystä. Vaihda animaatioon omat tekstit. New video -valinta ohjaa valitsemaan esim. yhden kokoelman, jonka noin 10-250 samantyylisestä animaatiodiasta kokoat tarinasi. 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 mm. fontin ja tekstin

    animoinnin Ideana on näyttää viesti, joten älä kirjoita pitkiä lauseita!
  21. Tuplaklikkaa kuvaa tai taustaa, niin voit muokata yksittäisen dian elementtejä

  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 kerralla koko videon värivalinnat. Esikatsele video

    ja valitse EXPORT. • Esikatselu löytyy Edit-kohdasta. • 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. 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
  25. 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.
  26. TextingStory Chat Story Maker (Android, iOS) Sovelluksen avulla teet helposti

    animaatioita vuorovaikutustilanteista tekstareiden/chatin muodossa.
  27. Stop Motion Studio (Android, iOS) Luo animaatioita ajastetulla kuvauksella tai

    kuvaamalla perättäisiä kuvia. Palkista saat näkyviin haamukuvan tai ruudukon. Alapalkissa mm. kuvan elementtien lisäys ja nopeus. Klikkaa yksittäistä kuvaa ja näe toiminnot: Ajastus Laukaisin Esikatselu Asetukset Jakaminen Ohjeet
  28. 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.
  29. 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.
  30. FlipaClip (Android, iOS) • Piirrosanimaatioon voi tallentaa ääntä, tuoda äänitiedoston

    tai videoklipin tai ostaa musiikkia ja/tai äänitehosteita. • Animaation voi viedä esim. iMovieen, jolloin saa lisää editointi- mahdollisuuksia. Niin tein kuvankin esimerkissä.
  31. 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 ensin aiemmin tehtyjä. Sen lisäksi mobiilisovelluksella onnistuu tehdä jokunen lisää. • Runsaasti erilaisia maksullisia ominaisuuksia.
  32. Muokkaa hahmoa ja taustaa sekä lisää puhe sanellen tai kirjoittaen

    Lisää hamoja, vain osa maksuttomia.
  33. None
  34. 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).
  35. • 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