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 blogini ohjeiden sivulta: https://www.matleenalaakso.fi/p/koulutusdiat.html

Esimerkkejä löydät animaatioiden soittolistalta: https://www.youtube.com/playlist?list=PLnM9qJqnlIVdkkjvtBbvmLwpIcRhho1B3
sekä Padlet-koonnista:
https://padlet.com/matlaakso/digitarinat

Transcript

1. Animaatiot opetuksessa Sovelluksia selaimelle ja mobiililaitteille Maaliskuu 2024 Matleena Laakso Blogi: www.matleenalaakso.fi Kuvat yllä ovat ruudunkaappauksia tekijän YouTube-videoista
2. Tämä diasarja päivittyy Lisää päivittyviä ohjeita verkon sovelluksista: www.matleenalaakso.fi/p/koulutusdiat.html • Bloggauksia animaatiotyökaluista • Adobe Express • Ruudunkaappausvideot • Tekoäly-materiaaleissa linkkejä videotyökaluihin • Tekstittäminen • Virtuaalilasit ja 360-sisällöt • YouTubeen jakaminen ja kanavan asetukset • Videot opetuksessa -dioissa mukana myös pedagogista näkökulmaa • Jne Diasarja on tallennettu Speaker Deck -palveluun, jotta voin päivittää tätä linkin muuttumatta.
3. Diasarjan animaatiosovellukset • Powtoon • Animaker & Steve AI • Lumen5 • Adobe Express: Animoi äänestä • Sketch metademolab • Stop Motion Studio • Toontastic 3D • Draw and Tell HD • TextingStory • I can animate • Animatic by Inkboard • FlipaClip • Voki • Draw a Stickman • (Biteable – nykyisin maksullinen) Kuva: Wikimedia Commons, PD Kaikista esitellyistä sovelluksista on tarjolla maksuton versio ainakin opetuskäyttöön. Kaupalliseen käyttöön tarvitaan yleensä maksullinen lisenssi.
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. Viimeaikona on syntynyt paljon uusia työkaluja, joilla voi luoda animaation tekoälyä hyödyntäen, esim. antaen sen kuvittaa tarinan tai antaen sen tiivistää artikkelin animaatioksi.
6. Animaatiot opetuksessa Pelkät luentotallenteet verkko-opetuksessa saattavat olla tylsiä. Animaatioilla saa vaihtelua ja niitä voi tehdä esim. tervetulotoivotukseksi verkkokurssille, johdannoksi uuteen teemaan tai tiivistämään keskeiset opit. Älä unohda 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ä Esimerkkejä löydät sovellusten sivuilta ja YouTubesta Matleenan animaatioiden soittolista: www.youtube.com/@matleenalaakso Padletissa esimerkit otsikoitu sovelluksen nimellä: padlet.com/matlaakso/digitarinat
8. www.powtoon.com Maksuton lisenssi on vain ei-kaupalliseen käyttöön, jolloin saa rajatun määrän valmispohjia ja ominaisuuksia. Videossa vesileima. • Maksutta luodut animaatiot ovat max 3 min. • Maksulliset edu-hinnat alk. 8 $/kk (10-20 min). Valitse kahdesta editointinäkymästä: • Edit: valmispohjien (templates) avulla luot animaation helposti. • Create: monipuoliset työkalut, jos luot animaation alusta asti itse ja/tai haluat monipuoliset mahdollisuudet muokkaamiseen. Bloggaus: www.matleenalaakso.fi/2018/10/powtoon.html
9. Aloita valitsemalla millaisen videon haluat tehdä Vasemmalla olevasta valikosta pääset alkuun. • CREATE avaa kuvan valikon ja HOME tekee ehdotuksia. • TEMPLATES-kohdasta voit selailla mallipohjia eri kategorioista. Etsi hakusanalla FREE (Pro/Pro+ ovat maksullisia). Valitse Edit in Studio. • IMPORT: käytä pohjana esim. PowerPointia tai omaa videota. • BLANK-kohdasta aloitat tyhjästä.
12. Edit: yksinkertainen muokkaus Nimeä animaatio ja valitse koko! Valitsemalla tekstin saat avattua tekstin muokkaamisen työkalut.
13. Create: Kaikki elementit ovat muokattavissa. Voit lisätä myös uusia. Täältä lisäät uusia elementtejä (kuva, tausta, animaatiohahmo ym.)
14. 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).
15. Powtoonin jakaminen • Viimeistään nyt: nimeä, valitse kuvasuhde ja esikatsele animaatio. • EXPORT & SHARE -kohdasta saat animaatiosi linkin. Upotuskoodi ym.
16. Powtoon: ei vain animaatioita Voit luoda tyhjän pohjan kohdasta BLANK ja lisätä siihen esimerkiksi tekstiä, omia tai sovelluksen videoklippejä ja musiikkia. Voit myös tehdä ruututallenteita tai luoda videon diasarjastasi. Videoklipin kesto: +/- sekunti Lisää oma/ sovelluksen videoklippi
17. Animaker: www.animaker.com • Peruskäytön on luvattu pysyvän maksuttomana (3 kpl/kk). • Yksinkertaisen editorin Lite (alla) ja monipuolisemman Full (seuraava dia) valinta helposti liukukytkimellä. Myös mobiilisovellus tarjolla.
18. HUOM: Kolme kuvaketta aikajanan näkyvmiin
19. Luo tarinasta animaatio AI:n avulla Tekoälyn opetuskäytön linkkivinkit ja jokunen videoesimerkki: padlet.com/matlaakso/ai powtoon.com • Powtoonilta saa yhteystietoja vastaan oppaan, miten hyödyntää kielimalleja animaation käsikirjoituksessa. Suunnattu maksullisen lisenssin käyttäjille: www.powtoon.com/guide/chatgpt-prompts-for-video-making www.steve.ai • Kirjoita/kopioi tarina sovellukseen, valitse animaatiopohja ja viimeistele. • AI-avusteinen animointi onnistuu vain englanniksi. lumen5.com • Tuo sisältö tekstinä tai linkkinä. → Valitse videolle mallipohja. → Sovellus luo ja kuvittaa videon tekoälyä hyödyntäen. • Voit äänittää selostuksen, lisätä musiikin ja monin tavoin muokata videota. pictory.ai (maksutta kolme animaatiota) • Luo videon pitkästä tekstistä, esim. artikkelista.
20. www.steve.ai - tarinasta animaatio 1. Kirjoita itse tai luo tarina tekoälyn avulla. • Jos käytät suurta kielimallia, älä tyydy ensimmäiseen versioon, vaan kehittele tarinaa kehotteiden avulla. Perehdy jo nyt sovelluksessa tarjolla oleviin hahmoihin. Itse jouduin muuttamaan pupun apinaksi, jotta löysin kuvituksen. 2. www.steve.ai (Animaker) tarinan animointiin • Kopioi tarina sovellukseen, valitse animaatiopohja, hahmot, musiikki, haluatko tekstityksen ym. AI-avusteinen animointi onnistuu vain englanniksi. Maksutta kolme animaatiota kuussa. Pikainen demo: youtu.be/O9Otj9pb8zY
21. lumen5.com Tuo sisältö tekstinä tai linkkinä. → Valitse videolle mallipohja. → Sovellus luo ja kuvittaa videon tekoälyä hyödyntäen. • Voit äänittää selostuksen, lisätä musiikin ja monin tavoin muokata videota. • Maksutta tehdyn videon voi jakaa linkillä tai merkitä privaatiksi. • Esimerkki: www.matleenalaakso.fi/2023/04/haastepallot.html
22. Adobe Express: animoi äänestä Kesällä 2023 Adobe Expressin videoeditori uudistui täysin: new.express.adobe.com Videon pikatoiminnoista löytyy Animoi äänestä –toiminto max 2 min animaatioille.
23. Animoi piirroshahmo • Lataa valkoisella taustalla oleva piirroshahmo sketch.metademolab.com (ei kirjautumista). • Korjaa tarvittaessa hahmon rajat. Merkitse ohjeet mukaiset kohdat hahmolle (kuva alla). • Voit katsoa hahmoasi yli 30 animation kautta.
24. 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
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. 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
27. TextingStory Chat Story Maker (Android, iOS) Sovelluksen avulla teet helposti animaatioita vuorovaikutustilanteista tekstareiden/chatin muodossa.
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. 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).
33. biteable.com Helppo sovellus animaatioiden ja videoiden tekemiseen selaimella, myös mobiilisti. Lue lisää: www.matleenalaakso.fi/2018/10/biteable.html
34. Tämä diasarja on lisensoitu Creative Commons -lisenssillä CC BY-SA 4.0 • CC-lisenssien verkkosivusto: creativecommons.fi • CC BY-SA 4.0 eli Creative Commons Nimeä-Jaa samoin 4.0 Kansainvälinen: creativecommons.org/licenses/by-sa/4.0/deed.fi – Sinä saat käyttää, 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. – Jos teet diasarjasta oman version, se tulee lisäksi jakaa tällä samalla lisenssillä. • Tätä lisenssiä laajempia oikeuksia voit kysyä tekijältä: www.matleenalaakso.fi