4. helmikuuta 2026

GIMP 2.10 – Pelihahmon kaksi tilaa (tasot)

Teema: Tasot (layers) – kuvankäsittelyn perusidea

Tee tehtävät järjestyksessä. Etene omaan tahtiin. Tämä onnistuu, vaikka et olisi käyttänyt GIMPiä aiemmin.

MITÄ TEET TÄNÄÄN?

Tunnin lopussa sinulla on:

  • ✅ Pelihahmo kahdessa eri tilassa (esim. normaali / osuma)

  • ✅ Ymmärrys siitä, mitä tasot (layers) ovat ja miksi niitä käytetään

Kuvat sopivat suoraan peliin (kuvan vaihto = animaation tunne).

OSA 1 – Muistutus (5 min)

  1. Avaa GIMP

  2. Avaa viime tunnilla tekemäsi hahmo:

    • Tiedosto → Avaa

    • esim. hahmo.png

Jos sinulla ei ole hahmoa: tee nopeasti uusi yksinkertainen hahmo (pallo riittää).

OSA 2 – Mikä on taso? (10 min)

Ajattele näin:

  • Tasot ovat kuin läpinäkyviä kalvoja päällekkäin

  • Jokaisella tasolla voi olla eri kuva

  • Tasoja voi:

    • piilottaa 👁️

    • siirtää

    • muokata erikseen

Peleissä:

  • yksi taso = yksi tila tai hahmon versio

OSA 3 – Toisen tason luominen (20 min)

1. Avaa tasot-paneeli

  • Valitse: Ikkunat → Telakoitavat valintaikkunat → Tasot

  • Näet listan tasoista (aluksi vain yksi)

2. Kopioi taso

  1. Varmista, että hahmo näkyy

  2. Tasot-paneelissa:

    • oikea klikkaus tasoon → Kopioi taso

Nyt sinulla on:

  • Taso 1: alkuperäinen hahmo

  • Taso 2: kopio

3. Nimeä tasot

  1. Kaksoisklikkaa tason nimeä

  2. Nimeä:

    • normaali

    • osuma

Nimeäminen helpottaa ymmärtämistä – tee se.

OSA 4 – Muokkaa toista tilaa (25 min)

Valitse taso osuma

Muuta hahmoa selvästi. Valitse 1–2 muutosta:

  • vaihda väri

  • tee hahmosta litteämpi

  • pienennä tai suurenna

  • lisää viiva / merkki

Sallitut työkalut:

  • Skaalaus

  • Kierto

  • Sivellin

  • Täyttö

🎮 Pelissä muutos pitää huomata nopeasti.

Testaa tasot

  • Klikkaa 👁️-ikonia tasojen vieressä

  • Näkyy vain yksi taso kerrallaan?

Jos kyllä → olet ymmärtänyt tasojen idean 👍

OSA 5 – Vie kuvat peliä varten (10 min)

Tasot eivät siirry suoraan peliin → ne viedään erillisiksi kuviksi.

Vie normaali-tila

  1. Piilota osuma-taso (👁️ pois)

  2. Näytä normaali-taso

  3. Tiedosto → Vie nimellä

  4. Nimi: hahmo_normaali.png

Vie osuma-tila

  1. Piilota normaali-taso

  2. Näytä osuma-taso

  3. Tiedosto → Vie nimellä

  4. Nimi: hahmo_osuma.png

OSA 6 – Tarkistus (5 min)

Varmista, että sinulla on:

  • hahmo_normaali.png

  • hahmo_osuma.png

  • Molemmat PNG-muodossa

  • Tausta läpinäkyvä

    Varmista, että tiedostot tulevat tallennetuksi MS O365 pilveen eli OneDriveen.

LISÄTEHTÄVÄT (jos ehdit)

⭐ Helppo

  • Tee hahmosta kolmas tila (esim. hyppy tai voitto)

⭐⭐ Keskitaso

  • Tee viholliselle kaksi tilaa

⭐⭐⭐ Haastava

  • Kokeile kolmea tasoa päällekkäin:

    • varjo

    • hahmo

    • merkki (esim. salama)

ONGELMATILANTEET

  • Tasot eivät näy?
    → Avaa Tasot-paneeli uudelleen

  • Kuva meni sekaisin?
    → Peruuta (Ctrl+Z)

  • En ymmärrä tasoja?
    → Riittää, että osaat piilottaa ja näyttää niitä

MUISTA

  • Tasot ovat yksi tärkeimmistä kuvankäsittelyn ideoista

  • Peleissä yksi taso = yksi tila

  • Valmis ja toimiva > hieno

Hyvin tehty = kaksi toimivaa pelikuvaa 🎮