Save 37% off PRO during our Black Friday Sale! »

Animaatiot opetuksessa

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

18cdb6f294c8cb10a46167e462c2a51f?s=128

Matleena Laakso

October 21, 2021
Tweet

Transcript

  1. Animaatiot opetuksessa Animointisovellusten esittelyä, esimerkkejä ja näkökulmia opetukseen Lokakuu 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 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) – Videot opetuksessa –dioissa mukana opetuksen näkökulmaa – YouTubeen jakaminen ja kanavan asetukset – Tekstittäminen 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 • Animatic by Inkboard • FlipaClip • I can animate • 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? Yksin vai porukalla? • Valmispohjilla vai alusta alkaen itse tehden? • 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 ainakin Biteablea parempi 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 monipuolisempaan muokkaamiseen. – Biteable on näistä yksinkertaisin ja keskittyy lähinnä tekstin, värimaailman ja musiikin muokkaamiseen. 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 videoklippejä. – Muunlaisiin videoihin kuin animaatioihin Adobe Spark Video on hyvä vaihtoehto.
  9. 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. • Bloggaus: www.matleenalaakso.fi/2018/10/powtoon.html
  10. Animaation luot helpoiten valitsemalla mallipohjan (template) • CREATE: valitse millaisen

    videon haluat tehdä. • 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ä.
  11. Edit: muokkaa valmispohjien tekstit Valitsemalla tekstin saat avattua sen muokkaamisen

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

  13. 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.
  14. Powtoonin jakaminen • 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. 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. 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

    videoita vuorovaikutustilanteista tekstareiden/chatin muodossa.
  27. 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.
  28. 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.
  29. 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.
  30. 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.
  31. Muokkaa hahmoa ja taustaa sekä lisää puhe sanellen tai kirjoittaen

    Lisää hamoja, vain osa maksuttomia.
  32. None
  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