https://peda.net/id/92c3819ad 2016-02-11T20:02:11+02:00 https://peda.net/:static/541/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license noopener" href="https://peda.net/info" target="_blank">Peda.net-yleislisenssi</a></div> https://peda.net/id/7f16ea6cd 2016-02-14T21:27:01+02:00 <ol> <li>Piirrä aluksi kuvio, esimerkiksi ympyrä.<br/> <a href="https://peda.net/p/tuomo.riekkinen%40jns.fi/animaatiot/flash-animaatio/ll/giotto01-png#top" title="giotto01.png" target="_blank" rel="noopener"><img src="https://peda.net/p/tuomo.riekkinen%40jns.fi/animaatiot/flash-animaatio/ll/giotto01-png:file/photo/9609d8cd8d85aa289a6a2356dd28486a17769cd8/giotto01.png" alt="" title="giotto01.png" class="inline" loading="lazy"/></a></li> <li>Mene aikajanalla johonkin kohtaan, esimerkiksi 20 <br/> sekuntia. Paina siinä kohdassa hiiren oikeaa painiketta ja <br/> avautuvasta ikkunasta valitse <strong>Insert Keyframe</strong> eli aseta avainpiste.<br/> <a href="https://peda.net/p/tuomo.riekkinen%40jns.fi/animaatiot/flash-animaatio/ll/giotto2-png#top" title="giotto2.png" target="_blank" rel="noopener"><img src="https://peda.net/p/tuomo.riekkinen%40jns.fi/animaatiot/flash-animaatio/ll/giotto2-png:file/photo/c98c0db1ff3afa4db7ea3f3d535c5fac08945dff/giotto2.png" alt="" title="giotto2.png" class="inline" loading="lazy"/></a></li> <li>Nosta nyt valintatyökalulla ympyrä uuteen paikkaan.</li> <li>Mene aikajanalle (siihen kohtaan jossa on solmupisteiden väli)<br/> ja paina hiiren oikeaa painiketta. Valikosta valitse nyt komento: <strong>Create Motion Tween</strong>.<br/> <a href="https://peda.net/p/tuomo.riekkinen%40jns.fi/animaatiot/flash-animaatio/ll/giotto3-png#top" title="giotto3.png" target="_blank" rel="noopener"><img src="https://peda.net/p/tuomo.riekkinen%40jns.fi/animaatiot/flash-animaatio/ll/giotto3-png:file/photo/92c4cacdaebd701a0a940e86d33650a8722de09d/giotto3.png" alt="" title="giotto3.png" class="inline" loading="lazy"/></a></li> </ol> <p>Lopuksi testaa animaatio painikkeilla:<br/> <a href="https://peda.net/p/tuomo.riekkinen%40jns.fi/animaatiot/flash-animaatio/ll/giotto4-png#top" title="giotto4.png" target="_blank" rel="noopener"><img src="https://peda.net/p/tuomo.riekkinen%40jns.fi/animaatiot/flash-animaatio/ll/giotto4-png:file/photo/e71b2c97327a4c7af668eb87fdee1355b32109d9/giotto4.png" alt="" title="giotto4.png" class="inline" loading="lazy"/></a><br/> Esimerkki: Vectorian Gitto ohjelmalla tehty animaatio, joka on kaapattu ruudun kaappausohjelmalla ja muutettu GIF-animaatioksi.<br/> <img src="https://peda.net/p/tuomo.riekkinen%40jns.fi/animaatiot/animaatiogalleria/vectorian-giotto:file/download/9fe53d3588aab91f4d34db505ee0e3ffa968cde7/vectorian_giotto.gif" alt=""/><br/> <br/> <br/> Sama Flash-tiedostona.<br/> <a href="https://peda.net/p/tuomo.riekkinen%40jns.fi/animaatiot/flash-animaatio/ll/v2#top" class="service" target="_blank" rel="noopener">vectorian_giotto_esim.swf</a>​<br/> <br/> Vectorian Giotto ohjelman opas.<br/> <a href="https://peda.net/p/tuomo.riekkinen%40jns.fi/animaatiot/flash-animaatio/ll/v#top" class="service" target="_blank" rel="noopener">vectorian_giotto_opas.pdf</a><!-- removed: br -->​</p> <p> </p> 2016-02-11T22:10:29+02:00