Animaatiohttps://peda.net/id/834f828f99e2025-09-25T12:03:32+03:00https://peda.net/:static/532/peda.net.logo.bg.svg<div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div>
Animaatiohttps://peda.net/id/835a980b99e2021-03-19T11:53:52+02:00<h2>Animaation tekeminen on nykyään helppoa. Tarvitaan vain kännykkä tai tabletti ja tarkoitukseen sopivat sovellukset. Tutustu näihin animaatiosovelluksiin!</h2>
<!--filtered tag: <h6--><!-->-->Teksti: Osku Kannisto<!--filtered end tag: </h6>-->
<p>Animaation tekeminen alkaa hyvästä ideasta. Kuvaukseen ja editointiin riittää älypuhelin tai tabletti. Sopiva animointisovellus kannattaa valita sen mukaan, aikooko tehdä piirretyn, kuvatun vai ohjelmoidun animaation.</p>
<p>Puhelimella voi tehdä erilaisia animaatioita: Piirrosanimaation voi luoda hyödyntämällä valmiita hahmoja tai piirtämällä kaiken itse. <a href="https://fi.wikipedia.org/wiki/Stop_motion" rel="noopener nofollow ugc" target="_blank">Stop motion</a> -animaatiot kuvataan puhelimen kameralla ruutu kerrallaan. Animaation voi luoda myös ohjelmoimalla. Ohjelmoiden tehtyyn animointiin tarvitaan tabletti.</p>
<p>Animaation tekemisen harjoittelu kannattaa aloittaa lyhyillä, muutaman kymmenen sekunnin animaatioilla. Monissa animointiohjelmissa puheen ja äänet saa tallennettua valmiiseen videoon jälkeenpäin, joten kaiken ei tarvitse olla heti valmista.</p>
<p>Animoinnin alkuun pääsee puhelimella, mutta tabletin isompi ruutu helpottaa piirtämisen ja kohteiden liikuttelun tarkkuutta. Piirtämistä puolestaan auttaa tabletille ja puhelimelle soveltuva kosketuskynä. Ohjelmoiden tehtyyn animointiin tarvitaan tabletti.</p>
<p><img class="size-full wp-image-106178 alignleft" src="https://elisa.fi/ideat/wp-content/uploads/sites/2/2017/06/toontastic.png" alt="" loading="lazy"/><!--filtered attribute: srcset="https://elisa.fi/ideat/wp-content/uploads/2017/06/toontastic.png 395w, https://elisa.fi/ideat/wp-content/uploads/2017/06/toontastic-150x150.png 150w, https://elisa.fi/ideat/wp-content/uploads/2017/06/toontastic-300x300.png 300w"--><!--filtered attribute: sizes="(max-width: 395px) 100vw, 395px"--><!--filtered attribute: data-lazy-loaded="true"--><!--filtered attribute: style="display: block;"--></p>
<h3>1. Koosta animaatio valmiita elementtejä tuunaamalla</h3>
<p>Animaatioiden harjoittelu on helppoa valmiilla pohjilla ja hahmoilla. Toontastic 3D soveltuu aloittelijoille, jopa alle kouluikäisille, mainiosti. Sovellus on englanninkielinen, mutta käytön oppii helposti kokeilemallakin.<br/>
Animaatiot luodaan valitsemalla tarinan pituus, tausta ja hahmot. Ne voi valita 3D-mallinnetuista vaihtoehdoista tai piirtää itse. Kohtaukset luodaan liikuttamalla hahmoja ja puhumalla reaaliajassa rec-näppäimen painamisen jälkeen. Taustamusiikin saa valita kohtauksiin äänityksen jälkeen.</p>
<p>Ilmainen</p>
<p><a href="https://play.google.com/store/apps/details?id=com.google.toontastic" rel="noopener nofollow ugc" target="_blank">Android</a> <a href="https://play.google.com/store/apps/details?id=com.google.toontastic" rel="nofollow ugc noopener"><br/>
</a><a href="https://itunes.apple.com/fi/app/toontastic-3d/id1145104532?l=fi&mt=8" rel="noopener nofollow ugc" target="_blank">iOS</a></p>
<p><img class="size-full wp-image-106181 alignleft" src="https://elisa.fi/ideat/wp-content/uploads/sites/2/2017/06/animaatio_flipaclip2.png" alt="" loading="lazy"/><!--filtered attribute: srcset="https://elisa.fi/ideat/wp-content/uploads/2017/06/animaatio_flipaclip2.png 395w, https://elisa.fi/ideat/wp-content/uploads/2017/06/animaatio_flipaclip2-150x150.png 150w, https://elisa.fi/ideat/wp-content/uploads/2017/06/animaatio_flipaclip2-300x300.png 300w"--><!--filtered attribute: sizes="(max-width: 395px) 100vw, 395px"--><!--filtered attribute: data-lazy-loaded="true"--><!--filtered attribute: style="display: block;"--></p>
<h3>2. Piirrä oma animaatio</h3>
<p>Kevyt vaihtoehto omien piirrosanimaatioiden luomiseen on Flipaclip. Animaatiot luodaan kuva kerrallaan, liikevaihe kerrallaan – aivan kuten piirroselokuvia on aina tehty. Animaatio ja liikkeen illuusio syntyvät, kun liikkeitä kuvaavat still-kuvat seuraavat toinen toisiaan animaatiota esitettäessä. Aivan nuorimmille ohjelmaa ei voi suositella, koska se vaatii piirustustaitoa.</p>
<p>Animaation teon voi aloittaa valmistaustalla, jonka päälle hahmot piirretään. Kun ruutu on valmis, lisätään seuraava ruutu. Sovellus auttaa animaation teossa näyttämällä edellisen kuvan piirroksen haamuna taustalla. Tästä on hyötyä, kun haluaa saada hahmot liikkumaan sulavasti videossa.</p>
<p>Lopputuloksena saadaan muutaman sekunnin video, jonka toi tallentaa. Videon pituuteen voi vaikuttaa säätämällä toistonopeutta eli fps-lukua (frames per second) eli sitä, kuinka monta ruutua sekunnissa näytetään. Sovelluksen sisäisillä ostoilla pääsee eroon mainoksista ja saa erilaisia lisäominaisuuksia.</p>
<p>Ilmainen, sisäiset ostokset 1,09 – 5,40 €</p>
<p><a href="https://play.google.com/store/apps/details?id=com.vblast.flipaclip" rel="noopener nofollow ugc" target="_blank">Android</a> <a href="https://play.google.com/store/apps/details?id=com.vblast.flipaclip" rel="nofollow ugc noopener"><br/>
</a><a href="https://itunes.apple.com/fi/app/flipaclip-cartoon-animation/id1101848914?l=fi&mt=8" rel="noopener nofollow ugc" target="_blank">iOS</a></p>
<p><img class="size-full wp-image-106176 alignleft" src="https://elisa.fi/ideat/wp-content/uploads/sites/2/2017/06/animaatio_stop_motion_studio.png" alt="" loading="lazy"/><!--filtered attribute: srcset="https://elisa.fi/ideat/wp-content/uploads/2017/06/animaatio_stop_motion_studio.png 395w, https://elisa.fi/ideat/wp-content/uploads/2017/06/animaatio_stop_motion_studio-150x150.png 150w, https://elisa.fi/ideat/wp-content/uploads/2017/06/animaatio_stop_motion_studio-300x300.png 300w"--><!--filtered attribute: sizes="(max-width: 395px) 100vw, 395px"--><!--filtered attribute: data-lazy-loaded="true"--><!--filtered attribute: style="display: block;"--></p>
<h3>3. Tee pysäytyskuva-animaatio</h3>
<p>Stop motion eli pysäytyskuva-animaatiot herättävät henkiin liikkumattomat esineet kuten vaikkapa lelut. Suosittuja stop motion -leluanimaatioita ovat esimerkiksi lego-animaatiot. Stop motion -videot vaativat aikaa ja kärsivällisyyttä. Ne sopivat hyvin yläkouluikäisille ja vanhemmille.</p>
<p>Videot koostetaan yksittäisistä kuvista/ruuduista, joita toistetaan haluttuun tahtiin piirrosanimaation tapaan. Videoiden teko onnistuu puhelimella ja tabletilla.<br/>
Periaate stop motion -animaatioissa on sama kuin yleensäkin animaatioelokuvissa: nyt vain liikutetaan hahmoja hiukan kerrallaan ja otetaan kuvia esimerkiksi sekunnin tai kymmenen sekunnin välein. Lopputulos toistetaan moninkertaisella nopeudella. Stop motion -animaatiossa kuvat räpsitään manuaalisesti yksi kerrallaan ilman ajastusta.<br/>
Ennen aloitusta puhelin kannattaa tukea paikalleen. Alkuun otetaan lähtökuva, josta hahmoja lähdetään liikuttamaan ottaen uusia kuvia jatkuvasti. Kohteita liikutellaan maltillisesti eri kuvien välissä, jotta ne eivät liiku liian nopeasti videossa. Tarinaan voi lopuksi lisätä äänet esimerkiksi puheen.<br/>
Taitojen kasvaessa puhelintakin voi liikutella kuvatessa, jolloin animaatio näyttää entistä paremmalta. Kannattaa kuitenkin muistaa, että pienet liikkeet ovat paras lähtökohta näyttävälle lopputulokselle!</p>
<p><em>Katso Stop Motion Studiolla tehty esimerkkivideo: <a href="https://youtu.be/y4LNeAbZXhQ" rel="noopener nofollow ugc" target="_blank">Autoretkelle mökille</a></em></p>
<p>Ilmainen</p>
<p><a href="https://play.google.com/store/apps/details?id=com.cateater.stopmotionstudio" rel="noopener nofollow ugc" target="_blank">Android</a> <a href="https://play.google.com/store/apps/details?id=com.cateater.stopmotionstudio" rel="nofollow ugc noopener"><br/>
</a><a href="https://itunes.apple.com/fi/app/stop-motion-studio/id441651297?l=fi&mt=8" rel="noopener nofollow ugc" target="_blank">iOS</a></p>
<p><img class="size-full wp-image-106177 alignleft" src="https://elisa.fi/ideat/wp-content/uploads/sites/2/2017/06/animaatio_tynker.png" alt="" loading="lazy"/><!--filtered attribute: srcset="https://elisa.fi/ideat/wp-content/uploads/2017/06/animaatio_tynker.png 395w, https://elisa.fi/ideat/wp-content/uploads/2017/06/animaatio_tynker-150x150.png 150w, https://elisa.fi/ideat/wp-content/uploads/2017/06/animaatio_tynker-300x300.png 300w"--><!--filtered attribute: sizes="(max-width: 395px) 100vw, 395px"--><!--filtered attribute: data-lazy-loaded="true"--><!--filtered attribute: style="display: block;"--></p>
<h3>4. Ohjelmoi oma animaatio</h3>
<p>Ohjelmointi avaa uusia mahdollisuuksia animaation tekoon, ja samalla oppii ohjelmoinnin periaatteita. Elisan digikouluissa käytetty, tableteille tehty Tynker-ohjelma on erinomainen työkalu animaatioidenkin tekemiselle. Tynkerin komennot ovat englanniksi. Kaikkia komentoja ei tarvitse ymmärtää, mutta pieni englannintuntemus on hyvä lähtökohta. Hyvä alaikäraja käytölle on noin kymmenen vuotta. Myös vanhemmat saavat Tynkeristä iloa.</p>
<p>Valmiiden taustojen ja hahmojen ohella voi itse piirtää ja editoida ohjelman omia valmishahmoja. Animaatiohahmoilla on erilaisia liikkeitä valmiina komentosarjoina, ja ne voivat keskustella keskenään puhekuplien välityksellä. Äänivalikoima on suppea, mutta Tynkerin muutamilla valmiilla efekteillä ja taustamusiikilla saa ihmeitä aikaan.<br/>
Liikkeelle lähdetään tuomalla tausta ja hahmot Create character -valikon kautta. Animaatioliikkeiden valikoima riippuu valitusta hahmosta. Hahmoja liikutellaan koordinaattien ja liikekomentojen avulla koodaamalla. Ohjelmointi mahdollistaa täydellisen kontrollin ja muokattavuuden jälkeenpäin.</p>
<p><em><a href="https://elisa.fi/ideat/digikoulu_opi_koodaamaan/" rel="noopener nofollow ugc" target="_blank">Lisäohjeita animaation ohjelmointiin Tynkerillä saat täältä.</a></em></p>
<p>(toimii vain tableteilla)<br/>
<a class="broken_link" href="https://play.google.com/store/apps/details?id=com.tynker.Tynker" rel="noopener nofollow ugc" target="_blank">Android</a> <a class="broken_link" href="https://play.google.com/store/apps/details?id=com.tynker.Tynker" rel="nofollow ugc noopener"><br/>
</a><a href="https://itunes.apple.com/fi/app/tynker-learn-to-code-programming-made-easy/id805869467?l=fi&mt=8" rel="noopener nofollow ugc" target="_blank">iOS</a></p>
2025-09-25T12:03:32+03:00