https://peda.net/id/ee2efdd600f 2026-02-10T16:32:25+02:00 https://peda.net/:static/539/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> https://peda.net/id/038b773600f 2026-02-03T13:26:24+02:00 <p><strong>Teema:</strong> Tasot (layers) – kuvankäsittelyn perusidea</p> <blockquote> <p>Tee tehtävät järjestyksessä. Etene omaan tahtiin. Tämä onnistuu, vaikka et olisi käyttänyt GIMPiä aiemmin.</p> </blockquote> <hr></hr> <h2>MITÄ TEET TÄNÄÄN?</h2> <p>Tunnin lopussa sinulla on:</p> <ul> <li> <p>✅ <strong>Pelihahmo kahdessa eri tilassa</strong> (esim. normaali / osuma)</p> </li> <li> <p>✅ Ymmärrys siitä, mitä <strong>tasot (layers)</strong> ovat ja miksi niitä käytetään</p> </li> </ul> <p>Kuvat sopivat suoraan peliin (kuvan vaihto = animaation tunne).</p> <hr></hr> <h2>OSA 1 – Muistutus (5 min)</h2> <ol> <li> <p>Avaa <strong>GIMP</strong></p> </li> <li> <p>Avaa viime tunnilla tekemäsi hahmo:</p> <ul> <li> <p><strong>Tiedosto → Avaa</strong></p> </li> <li> <p>esim. <code>hahmo.png</code></p> </li> </ul> </li> </ol> <blockquote> <p>Jos sinulla ei ole hahmoa: tee nopeasti uusi yksinkertainen hahmo (pallo riittää).</p> </blockquote> <hr></hr> <h2>OSA 2 – Mikä on taso? (10 min)</h2> <h3>Ajattele näin:</h3> <ul> <li> <p>Tasot ovat kuin <strong>läpinäkyviä kalvoja</strong> päällekkäin</p> </li> <li> <p>Jokaisella tasolla voi olla eri kuva</p> </li> <li> <p>Tasoja voi:</p> <ul> <li> <p>piilottaa 👁️</p> </li> <li> <p>siirtää</p> </li> <li> <p>muokata erikseen</p> </li> </ul> </li> </ul> <p>Peleissä:</p> <ul> <li> <p>yksi taso = yksi tila tai hahmon versio</p> </li> </ul> <hr></hr> <h2>OSA 3 – Toisen tason luominen (20 min)</h2> <h3>1. Avaa tasot-paneeli</h3> <ul> <li> <p>Valitse: <strong>Ikkunat → Telakoitavat valintaikkunat → Tasot</strong></p> </li> <li> <p>Näet listan tasoista (aluksi vain yksi)</p> </li> </ul> <hr></hr> <h3>2. Kopioi taso</h3> <ol> <li> <p>Varmista, että hahmo näkyy</p> </li> <li> <p>Tasot-paneelissa:</p> <ul> <li> <p>oikea klikkaus tasoon → <strong>Kopioi taso</strong></p> </li> </ul> </li> </ol> <p>Nyt sinulla on:</p> <ul> <li> <p>Taso 1: alkuperäinen hahmo</p> </li> <li> <p>Taso 2: kopio</p> </li> </ul> <hr></hr> <h3>3. Nimeä tasot</h3> <ol> <li> <p>Kaksoisklikkaa tason nimeä</p> </li> <li> <p>Nimeä:</p> <ul> <li> <p><code>normaali</code></p> </li> <li> <p><code>osuma</code></p> </li> </ul> </li> </ol> <blockquote> <p>Nimeäminen helpottaa ymmärtämistä – tee se.</p> </blockquote> <hr></hr> <h2>OSA 4 – Muokkaa toista tilaa (25 min)</h2> <h3>Valitse taso <strong>osuma</strong></h3> <p>Muuta hahmoa selvästi. Valitse <strong>1–2</strong> muutosta:</p> <ul> <li> <p>vaihda väri</p> </li> <li> <p>tee hahmosta litteämpi</p> </li> <li> <p>pienennä tai suurenna</p> </li> <li> <p>lisää viiva / merkki</p> </li> </ul> <p>Sallitut työkalut:</p> <ul> <li> <p>Skaalaus</p> </li> <li> <p>Kierto</p> </li> <li> <p>Sivellin</p> </li> <li> <p>Täyttö</p> </li> </ul> <blockquote> <p>🎮 Pelissä muutos pitää huomata nopeasti.</p> </blockquote> <hr></hr> <h3>Testaa tasot</h3> <ul> <li> <p>Klikkaa 👁️-ikonia tasojen vieressä</p> </li> <li> <p>Näkyy vain yksi taso kerrallaan?</p> </li> </ul> <p>Jos kyllä → olet ymmärtänyt tasojen idean 👍</p> <hr></hr> <h2>OSA 5 – Vie kuvat peliä varten (10 min)</h2> <p>Tasot eivät siirry suoraan peliin → ne viedään erillisiksi kuviksi.</p> <h3>Vie normaali-tila</h3> <ol> <li> <p>Piilota <strong>osuma</strong>-taso (👁️ pois)</p> </li> <li> <p>Näytä <strong>normaali</strong>-taso</p> </li> <li> <p><strong>Tiedosto → Vie nimellä</strong></p> </li> <li> <p>Nimi: <code>hahmo_normaali.png</code></p> </li> </ol> <hr></hr> <h3>Vie osuma-tila</h3> <ol> <li> <p>Piilota <strong>normaali</strong>-taso</p> </li> <li> <p>Näytä <strong>osuma</strong>-taso</p> </li> <li> <p><strong>Tiedosto → Vie nimellä</strong></p> </li> <li> <p>Nimi: <code>hahmo_osuma.png</code></p> </li> </ol> <hr></hr> <h2>OSA 6 – Tarkistus (5 min)</h2> <p>Varmista, että sinulla on:</p> <ul> <li> <p><code>hahmo_normaali.png</code></p> </li> <li> <p><code>hahmo_osuma.png</code></p> </li> <li> <p>Molemmat PNG-muodossa</p> </li> <li> <p>Tausta läpinäkyvä<br/> <br/> <span>Varmista, että tiedostot tulevat tallennetuksi MS O365 pilveen eli OneDriveen.</span></p> </li> </ul> <hr></hr> <h2>LISÄTEHTÄVÄT (jos ehdit)</h2> <h3>⭐ Helppo</h3> <ul> <li> <p>Tee hahmosta <strong>kolmas tila</strong> (esim. <code>hyppy</code> tai <code>voitto</code>)</p> </li> </ul> <h3>⭐⭐ Keskitaso</h3> <ul> <li> <p>Tee <strong>viholliselle</strong> kaksi tilaa</p> </li> </ul> <h3>⭐⭐⭐ Haastava</h3> <ul> <li> <p>Kokeile kolmea tasoa päällekkäin:</p> <ul> <li> <p>varjo</p> </li> <li> <p>hahmo</p> </li> <li> <p>merkki (esim. salama)</p> </li> </ul> </li> </ul> <hr></hr> <h2>ONGELMATILANTEET</h2> <ul> <li> <p><strong>Tasot eivät näy?</strong><br/> → Avaa Tasot-paneeli uudelleen</p> </li> <li> <p><strong>Kuva meni sekaisin?</strong><br/> → Peruuta (Ctrl+Z)</p> </li> <li> <p><strong>En ymmärrä tasoja?</strong><br/> → Riittää, että osaat piilottaa ja näyttää niitä</p> </li> </ul> <hr></hr> <h2>MUISTA</h2> <ul> <li> <p>Tasot ovat yksi tärkeimmistä kuvankäsittelyn ideoista</p> </li> <li> <p>Peleissä yksi taso = yksi tila</p> </li> <li> <p>Valmis ja toimiva &gt; hieno</p> </li> </ul> <p>Hyvin tehty = kaksi toimivaa pelikuvaa 🎮</p> 2026-02-03T13:25:16+02:00