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

Animaatiot opetuksessa

Matleena Laakso
September 21, 2023

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
sekä Padlet-koonnista:
https://padlet.com/matlaakso/digitarinat

Matleena Laakso

September 21, 2023
Tweet

More Decks by Matleena Laakso

Other Decks in Education

Transcript

  1. Animaatiot opetuksessa
    Animointisovellusten esittelyä, esimerkkejä
    ja jokunen näkökulma opetukseen
    Syyskuu 2023
    Matleena Laakso
    Blogi: www.matleenalaakso.fi
    Kuvat yllä ovat ruudunkaappauksia
    tekijän YouTube-videoista

    View Slide

  2. Tämä diasarja päivittyy
    Diasarja on tallennettu Speaker Deck -palveluun,
    jotta voin päivittää tätä linkin muuttumatta.
    Lisää päivittyviä ohjeita mm. alla mainituista
    teemoista:
    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 opetuksen näkökulmaa

    View Slide

  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.

    View Slide

  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.”

    View Slide

  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.

    View Slide

  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?

    View Slide

  7. Eri sovelluksilla tehtyjä esimerkkejä
    www.youtube.com/@matleenalaakso Videot otsikoitu sovelluksen mukaan:
    → Animaatioiden soittolista padlet.com/matlaakso/digitarinat

    View Slide

  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

    View Slide

  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ä.

    View Slide

  10. View Slide

  11. Edit: yksinkertainen muokkaus
    Nimeä animaatio ja valitse koko!
    Valitsemalla tekstin saat avattua tekstin muokkaamisen työkalut.

    View Slide

  12. Create: Kaikki elementit ovat
    muokattavissa. Voit lisätä myös uusia.
    Täältä lisäät uusia elementtejä
    (kuva, tausta, animaatiohahmo ym.)

    View Slide

  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).

    View Slide

  14. Powtoonin jakaminen
    • Viimeistään nyt: nimeä, valitse kuvasuhde ja esikatsele animaatio.
    • EXPORT & SHARE -kohdasta saat animaatiosi linkin.
    Upotuskoodi ym.

    View Slide

  15. 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

    View Slide

  16. 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ä.

    View Slide

  17. HUOM: Kolme kuvaketta
    aikajanan näkyvmiin

    View Slide

  18. 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:
    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.

    View Slide

  19. 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

    View Slide

  20. 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

    View Slide

  21. 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.

    View Slide

  22. 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.

    View Slide

  23. 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

    View Slide

  24. 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.

    View Slide

  25. 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

    View Slide

  26. TextingStory Chat Story Maker
    (Android, iOS)
    Sovelluksen avulla teet
    helposti animaatioita
    vuorovaikutustilanteista
    tekstareiden/chatin
    muodossa.

    View Slide

  27. 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.

    View Slide

  28. 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.

    View Slide

  29. 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ä.

    View Slide

  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 ensin aiemmin tehtyjä. Sen
    lisäksi mobiilisovelluksella onnistuu tehdä jokunen lisää.
    • Runsaasti erilaisia maksullisia ominaisuuksia.

    View Slide

  31. 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).

    View Slide

  32. biteable.com
    Helppo sovellus animaatioiden ja videoiden tekemiseen selaimella,
    myös mobiilisti. Lue lisää: www.matleenalaakso.fi/2018/10/biteable.html

    View Slide

  33. 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

    View Slide