1. Videot ja animaatiot
opetuksessa
AMK-opettajien digipeda-koulutus 3 op
Etelä-Karjalan kesäyliopisto
Webinaari 3/6: 21.10.2021
Matleena Laakso
Blogi: www.matleenalaakso.fi
Twitter: @matleenalaakso
Diat: www.matleenalaakso.fi/p/koulutusdiat.html
Kuva: Congerdesign, Pixabay.com

2. AMK-opettajien digipeda-koulutus 3 op
Tavoitteena on perehtyä verkkopedagogiikkaan ja sen sovellusten
hyödyntämiseen niin lähi-, etä- kuin hybridiopetuksessa ja verkkokursseilla.
Webinaarit
• ke 29.9. Verkko-pedagogiikka
• ma 11.10. Opiskelijoiden osallistaminen ja aktivointi
• to 21.10. Videot ja animaatiot opetuksessa
• ti 9.11. Infograafit ja interaktiiviset verkkosisällöt
• ke 24.11. H5P-työkalut
• ti 7.12. Sähköiset kyselyt

3. Ohjelma
Klo 13-15
• Koulutuksen aloitus ja oppimistehtävät
• Opitun/työskentelyn reflektio (jatkoa edelliskerrasta)
• Videot ja animaatiot opetuksessa
– Avoin jakaminen ja Creative Commons –lisenssit
– Millainen on hyvä opetusvideo?
– Kolme videosovellusta
• Adobe Spark Video
• Powtoon
• Windows 10:n videoeditori
→ Ensi kerralla teemme videostasi ja/tai kuvasta interaktiivisen ☺
Klo 15-16
• Ohjaustunti

5. Creative Commons
creativecommons.fi
• Kun jaat materiaaleja tai haluat
hyödyntää muiden jakamaa.
• Maailman käytetyin avoin lisenssi eli
käyttölupa
• Kansainvälinen ja epäkaupallinen hanke
• Suomen julkishallinnon ja EU:n komission
lisenssisuositukset CC0 ja CC BY
Avointen oppimateriaalien kirjasto: aoe.fi
Jaa jotain –teemaviikko maaliskuisin:
jaajotain.wordpress.com
Kuva: creativecommons.org/licenses, CC BY

6. Tämä dia on muunnelma Tarmo Toikkasen tarmo.fi CC BY-SA -lisensoidusta teoksesta: Tekijänoikeudet ja Creative Commons datan avaajille:
www.slideshare.net/tarmot/tekijanoikeudet-ja-creative-commons-datan-avaajalle
Creative Commons -ehdot
Yhdistelemällä neljää ehtoa, saadaan seuraavan dian lisenssit.
Kerro tekijä ja lähde!

7. Tämä dia on muunnelma Tarmo Toikkasen tarmo.fi CC BY-SA -lisensoidusta teoksesta:
Tekijänoikeudet ja lisenssit (AVO): www.slideshare.net/tarmot/tekijnoikeudet-ja-lisenssit-avo
Oppimateriaaleille sopivat parhaiten
CC BY ja CC BY-SA -lisenssit
Suosituksesta poikkeamiseen kannattaa olla mietitty perustelu

8. pixabay.com
• Tekijänoikeusvapaita kuvia, videoklippejä ja musiikkia.
• Hakutulosten ensimmäisellä rivillä näytetään maksullisia Shutterstockin
kuvia palvelun rahoittamiseksi
Kuva: tookapic, pixabay.com, CC0

10. Videot opetuksessa
Kuka tekee?
• Verkon valmiit videot
• Oppilaitos/hanke/opettajat videoiden tekijöinä
• Opiskelijat videoiden tekijöinä
Miten hyödynnetään?
• Tervetulotoivotus verkkokurssille
• Videot osana (verkko-)oppimateriaaleja
• Videot flippauksen itseopiskelumateriaalina
• Videoiden tekeminen osana oppimisprosessia
• Verkkovideopiiri
• Palautteen anto videomuodossa
• Interaktiiviset/haarautuvat videot (H5P, ThingLink)
• 360-videot
• Livestriimaus, webinaarit ja niiden tallenteet
Kuva: Free-Photos, pixabay.com

11. Oppijat videoiden tekijöinä
• Osaamisen osoittaminen
• Oppimisprosessin dokumentointi
• Harjoittelun raportointi
• Esittelyvideo: työhakemus, CV, portfolio
• Medialukutaidon kehittyminen: kuluttajasta
tuottajaksi, vaikuttamisen tavat,..
• Kirjatraileri
• Vieraalla kielellä selostettu kuvatarina
• Projektit
• Videoesseet
• Ohjevideot
• Videoreflektio
Kuva: Pexels, pixabay.com

12. Onnistunut opetusvideo
Satu Hakanurmi: blogit.utu.fi/erappu/pedagogisesti-mielekas-video
”Opiskelijalle sisältö on kuningas ja seuraavaksi eniten
he arvostavat opettajan henkilökohtaista panosta eli
opettajan persoonan peliin laittamista.”
Tuo lisäarvoa oppimisprosessiin
• Innostaa, aktivoi, syventää, konkretisoi, tukee muistamista tms.
Teknisessä toteutuksessa opiskelijat arvostavat kahta asiaa:
• Äänenlaatu hyvä ja tasalaatuinen.
• Kuva ei tärise.

13. Helpota katsojan kognitiivista kuormaa
Satu Hakanurmi: blogit.utu.fi/erappu/pedagogisesti-mielekas-video
• Palastele – Suosi lyhyitä videoita sarjana ja sijoita videoihin
välikysymyksiä.
• Käytä sekä verbaalista että visuaalista ilmaisua.
• Karsiminen – Keskity tavoitteisiin ja harkitse tarvitaanko
taustamusiikkia tai tehosteita.
• Korostaminen – Nosta esiin olennaisia ideoita ja käsitteitä
symbolein tai tekstein. Avaintiedon korostaminen
auttaa katsojaa kohdistamaan huomiota,
muistamaan ja soveltamaan tietoa muualla.
• Mieti mikä on videosi pääviesti?
Kuva: OpenClipart-Vectors, pixabay.com

14. Suosituksia MOOC-kurssien
kokemuksien perusteella
Satu Hakanurmi: blogit.utu.fi/erappu/pedagogisesti-mielekas-video
Alkuperäinen lähde: Guo, P., Rubin, R. & Kim. J. 2014.
Tutkijat analysoivat 6,9 miljoonaa MOOC-kurssien videonkatselukertaa
ja sen perusteella suosituksiksi nousivat:
• Ennakkosuunnittelu!
• Videosarjoja max. 6 min videoista.
• Näytä puhuvia kasvoja, ei vain dioja.
• Kuvaa informaaleissa olosuhteissa.
• Kerro sekä visuaalisesti näyttäen että puheen avulla.
• Jos käytetään luentosalitallenteita, ne on hyvä jakaa pienempiin osiin.
• Välitä omaa innostusta!
Kuva: Sandra_schoen, pixabay.com

15. Videon tekemisen neljä vaihetta
1. Käsikirjoitus ja suunnittelu
– Tavoite: Kun tavoite on sinulle selkeä, se välittyy paremmin katsojillekin.
– Sisältö & laajuus
– Kohderyhmä
– Resurssit
– Yksi video vai osa laajempaa kokonaisuutta?
– Kuvaus-/editointisovelluksen valinta
– Kuvausluvat
2. Kuvaus
3. Editointi
4. Julkaiseminen

16. Videon tekemisen neljä vaihetta
1. Käsikirjoitus ja suunnittelu
2. Kuvaus
– Tallentaminen/kuvaaminen, ruudunkaappausvideo, animointi,..
– ”Videokuvaamisen ajatus on, että osaa näyttää oman ajatuksen muille
elävänä kuvana.” – Ismo Kiesiläinen
3. Editointi
– Usein taustamusiikit yms. löytyvät editointisovelluksesta.
– Voit hyödyntää CC-lisensoitua materiaalia.
– Saavutettavuus ja tekstittäminen
4. Julkaiseminen
– Minne? Keille? CC-lisenssillä? Kauanko katsottavissa?
– Houkuttele katsomaan:
• Lisää kiinnostava otsikko, johdantoteksti ja kuvaus
• Tagaa henkilöitä ja organisaatioita, hyödynnä hashtageja
• Jaa kohderyhmälle tai julkisesti linkillä, somessa, nettisivuilla,..
• Tekstitä ja lisää esim. videon kuvaukseen aikaleimat, lisätietoja,..

17. Tallentamista vai kuvaamista?
yle.fi/uutiset/osasto/uutisluokka/opettaja_nailla_ohjeilla_teet_hyvan_videon__katso_yle_
uutisluokan_opetusvideot/9347161
Viisi erinomaista ohjevideota videoiden tekemiseen mobiililaitteella.
Videot on toteutettu osana Opetushallituksen rahoittamaa Mediat haltuun -
hanketta ja ne on tehnyt Mikko Laine, Yle.

18. Kuudenlaisia videotarinoita
Richard Byrne: www.freetech4teachers.com/2017/06/six-types-of-classroom-video-
projects.html#.WbV_47JJaUm
1. Yhden otoksen tarinat
2. Kuvatarinat
3. Ruudunkaappauksena kuvattu ohjevideo
4. Animoidut videot
5. Stopmotion/timelapse-videot (ajastettu kuvaus)
6. Dokumentit ja elokuvat
Kuva: JanBaby, CC0, pixabay.com

19. Prosessikuvaus, uutinen ja tarina
Opas laadukkaan videon suunnitteluun ja toteutukseen
Johanna Ailio, Turku AMK. 2015: julkaisut.turkuamk.fi/isbn9789522165831.pdf
Prosessikuvaus
Näyttää toiminnan alusta loppuun jaoteltuna ajallisesti perättäisiin kohtauksiin.
Uutinen
• Tärkein asia alkuun.
• Alkujuonto vastaa lehtijutun otsikkoa ja ingressiä.
• Tavoitteena, että kuva kertoo mitä ja puhe miksi.
• Käytä selkokieltä ja hyödynnä tekstiä ja grafiikkaa.
Tarina
• Draaman kaaren kuusi vaihetta (Ola Ohlson)
– Alkusysäys, esittely, syventäminen, kiihdytys eli ristiriitojen kärjistyminen,
ratkaisu ja häivytys.
– Rakennetta voi hyödyntää myös dokumentissa.
• Kaikkea ei paljasteta alussa.

20. Mitä useampi tekijä,
sitä tarkempi suunnitelma tarvitaan
• Lyhyiden videoiden kanssa toimii myös kokeileminen.
• Yksin on helppo improvisoida tai suunnitelma voi olla omassa päässä.
Täky alkuun:
Herätä
kiinnostus.
Usein vain alku
katsotaan.
Intro:
Kuka, logo,
musiikki,..
Itse sisältö
Loppu:
Päätösviesti,
tunnelma,
koonti
Esimerkissä lyhyen somevideon rakenne.

21. Kolme vinkkiä videoprojekteihin
Richard Byrne: www.freetech4teachers.com/2016/03/three-tips-for-planning-video-projects.html
www.freetech4teachers.com/2015/05/seven-steps-for-creating-videos-in-your.html
1. Keep it short and sweet
• Hyvin suunniteltu ja editoitu 90 sekunnin video toimii!
• Aikarajan määrittely helpottaa rajaamista.
2. Vaadi suunnitelmaa ennen kuvaamista
• Etukäteissuunnittelu ohjaa pohtimaan videon tarkoitusta.
• Suunnitelmaan mm. taustakuvat, ääniefektit, keskustelu, kertojan ääni,..
3. Määrittele, mitä arvioidaan ja kerro se oppijoille (tai sopikaa yhdessä)
• Arvioinnin kohteena esim. syy-seuraussuhteiden ymmärtäminen, tietyn ilmiön
moninaisuuden ymmärtäminen, videokerronta,..

22. Videosovelluksia
• Powtoon: max 3 min animaatiot (voit kirjautua LABin M365-tunnuksilla)
• Adobe Spark: max 12 min videot ja kuvatarinat (voit käyttää, mutta älä
kirjaudu LAB-tunnuksilla)
• Windows 10 videoeditori: perinteinen editointi, löytyy valokuvat
sovelluksesta
• Teams, Zoom ja PowerPoint tallenteiden tekemiseen
• Software Centeristä löytyy vaativampaankin videoeditointiin DaVinci Resolve
ja Adobe Premiere (Adoben Creative Cloud sisältää Sparkin Premium-
ominaisuudet)

23. Videoiden jakaminen
• Ensisijassa Echo360, jolla myös kevyt editointi onnistuu.
– Rasti ruutuun ja saat englanninkielisen videon automaattitekstityksen.
Toistaiseksi LAB ei edellytä muiden opetusvideoiden tekstittämistä.
• OneDriven kautta opiskelijat voivat jakaa videoita.
• YouTube
– Käytössä lähinnä ent. LAMKin opettajilla.
– Ohjeita kanavan ja videon asetuksiin: www.matleenalaakso.fi/2021/03/youtube.html
– Powtoonin ilmaisversiolla et saa animaatiota tiedostona, mutta jakaminen linkillä
onnistuu. Jaa YouTubeen, jos haluat luoda animaatiosta interaktiivisen H5P:llä.

24. 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.
• Lue lisää: www.matleenalaakso.fi/2018/10/powtoon.html

25. Animaation aloitat 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ä.

26. Edit: muokkaa valmispohjien tekstit
Valitsemalla tekstin saat avattua
sen muokkaamisen työkalut.

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

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

29. Powtoonin jakaminen
• Nimeä, valitse kuvasuhde ja esikatsele animaatio.
• EXPORT & SHARE -kohdasta saat animaatiosi linkin.
Upotuskoodi ym.

30. Adobe Spark: adobe.com/fi/express
Spark Video (pc, iOS)
• Sopii lyhyille videoille ja kuvatarinoille (max 12 min).
• Käytä omia tai sovelluksen kautta löytyviä sisältöjä ja
hyödynnä Pixabayn videoklippejä.
Spark Page (pc, iOS)
• Luo verkkosivuja tai digijulkaisuja, mihin listäät tekstiä,
kuvia, videoita ja linkkejä.
• Esimerkkinä Spark-ohjeet:
spark.adobe.com/page/Oo5GT5p6N4LwW
• Samankaltainen kuin Microsoftin Sway.
Spark Post (pc, Android, iOS)
• Luo erilaisia kuvia yhdistäen tekstiä, kuvia ja grafiikkaa.
• Tarjolla eri tarkoituksiin optimoituja mallipohjia

31. Maksuton versio

32. Spark-videon luominen
Selaimella
1. Luo projekti → Video
2. Nimeä video
3. Valitse malli tai klikkaa
Aloita alusta (Start from
Scratch).
iOS-sovelluksella
• Plus → Valitse aloitatko valokuvistasi, juttumallista vai siirrytkö
suoraan editoriin.

33. Sparkilla luot helposti videoita
• Video (max 30 sek/dia)
• Teksti (teema määrittää fontin ja tehosteet)
• Valokuva (omat tai sovelluksen kautta löytyvät)
• Kuvake

34. Kuvan tai videon yläkulmasta löydät
huomaamattoman muokkausnapin
Videon valikosta voit mm. hiljentää Kuvan valikoista voit
tai voimistaa videoklipin ääntä. zoomata kuvaa.

35. Videon jakaminen
• Esikatsele videosi aina ennen jakamista.
• Yhteiseditointi onnistuu (eriaikaisesti).
• Videon voit jakaa piilotetulla linkillä (jaa → julkaise). Se on helpoin
tapa ja etuna on mahdollisuus päivittää videota linkin muuttumatta.
• Videon voit myös ladata tiedostona, jolloin voit viedä sen esim.
Echo360- tai ThingLink-palveluun.

36. Windows 10: videoeditori
• Avaa (valo)kuvat-sovellus → Uusi videoprojekti
• Tuo kuvat/videot ensin projektikansioon ja raahaa siitä kuvakäsi-
kirjoitukseen. Lisää-kohdasta voit etsiä sisältöjä myös verkosta.
• Microsoft Storesta voi ladata Windowsin puheentallennuksen
(Voice Recorder) taustaselostuksen äänittämiseen:
www.microsoft.com/en-us/p/windows-voice-recorder/9wzdncrfhwkn#activetab=pivot:overviewtab

37. Windows 10: videoeditori

38. Lisää kuvaan/videoklippiin tekstiä,
3D-tehosteita, suodattimia ja kuviin liikettä
Klikkaa
käsikirjoituksen
esikatselukuvasta
esim. kestoa tai
ääntä, niin se
avautuu
muokattavaksi.

39. Opitun äärellä
Mikä innosti? Mikä kysymys jäi Minkä kokemuksesi
Mitä oivalsit? vastausta vaille? haluat jakaa?
Kuvat: Geralt, Qimono & Suju, CC0, pixabay.com

40. www.matleenalaakso.fi
• Yli 320 bloggausta ja lisää tulossa.
• Koulutusdiojen sivulla noin 30 päivittyvää
diasarjaa verkon palveluista. Diojen perässä
bloggauksia esimerkkeineen ja videoineen.
• Sähköisten kokeiden sivu:
esimerkkikyselyitä ja ohjediat.
• H5P-työkalujen sivu:
video, ohjediat ja linkki esimerkkeihin.
• Webinaarikoonti:
linkkien takana myös satoja tallenteita.

41. Lisätietoja
• CC-lisenssit: 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 lähteeseen.
– 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