Suomipelit – Kenttien piirtäminen Photoshopilla (peruasiat)

Tiivistys #

Kenttien tekemisen voi aloittaa helposti vaikkapa Paintilla käyttäen valkoista ja mustaa, jossa valkoinen on maastoa ja musta "tyhjää" aluetta, ts. taustaa, joka tulee myöhemmin. Kun kenttä näyttää hyvältä, voidaan työ siirtää johonkin toiseen ohjelmaan, jossa valkoinen väri saa uuden ilmeen ja maasto näyttää oikeasti maastolta.

Photoshopissa sen sijaan asia hoituu vieläkin helpommin. Maaston ulkonäkö voidaan määritellä jo valmiiksi heti alussa ja tämän jälkeen maastoa voi alkaa lisätä ja poistaa ulkonäön säilyessä kokoajan. Tämä on verrattavissa esimerkiksi vanhaan Worms 2 -peliin, jossa maaston "kuori" säilyy kokoajan. Ei haittaa vaikka et ihan heti käsittäisi mistä on kysymys, sillä nyt aloitamme harjoittelun.

Mitä tarvitaan? #

- Englanninkielinen Adobe Photoshop - mieluiten CS3-versio. Voit käyttää myös suomenkielistä versiota, mutta tällöin sinun tulee tietää käytetyille termeille oikeat suomennokset.

- Osaat ohjelman perusasiat

Aloittaminen #

1) Käynnistä Adobe Photoshop.

2) Aloita uusi työ valitsemalla File ja New. Aseta kentän kooksi haluamasi koko ja paina OK. Oikealla alhaalla näet Layersit, eli tasot. Nimeä jo valmiina oleva Layer 1 vaikkapa Tausta:ksi. Tämän jälkeen voit värjätä sen vaikkapa tummansinisellä.

3) Luo uusi taso valitsemalla Layer, New, Layer. Anna sille nimeksi Maasto ja klikkaa OK.

4) Valitse vasemmasta valikosta Pencil Tool. Väriä ei vielä tarvitse valita, koska määrittelemme sen myöhemmin. Piirrä joitakin viivoja kuvaan.

Ulkonäön määritteleminen #

5) Ja nyt seuraa salaisuus, joka tekee Photoshopin kentänteosta niin mahtavan. Klikkaa Maasto-tasoasi hiiren oikealla napilla ja valitse Blending Options.... Klikkaa kohtaa Color Overlay. Täältä voit koska tahansa vaihtaa tehdyn maaston väriä. Valitse väriksi vaikkapa ruskea.

6) Seuraavaksi klikkaa Strokea. Tämä luo maaston ympärille ylimääräisen viivan, jota voidaan käyttää vaikkapa maan pintana. Tee seuraavat asetukset:
- Size: 3px (reunaviivan paksuus).
- Position: Inside (tämä määrittelee sen, että reunaviiva on aina maaston sisällä, joskin sen "päällä". Voit kokeilla myös Outside-vaihtoehtoa).
- Blend Mode: Screen (reunaviivan paksuus muuttuu maaston mukaan).
- Opacity: 100 (Maaston tallennuksessa ja siirtämisessä johonkin peliin ei tule ongelmia, jos reunaviiva ei ole läpinäkyvä).
- Fill type: Color (Reunaviiva on kokoajan yksivärinen).
- Color: Tässä tapauksessa reunaviiva voi olla vaikkapa vihreä.

7) Seuraavaksi valitse Bevel and Emboss. Täältä maastoon voidaan lisätä hieman kolmiulotteisuutta, joskin itse maaston pysyessä kokoajan kaksiulotteisena. Tee seuraavat asetukset:
- Style: Inner Bevel (kolmiulotteisuutta käytetään maaston sisäpuolella)
- Technique: Smooth
- Depth: alle 100% (yli 100% tummentaa reunoja liikaa).
- Direction: Up (näyttää luontevammalta).
- Size: voit päättää itse, omasta mielestäni alle 10px on ihan sopiva.
- Soften: tämänkin voit päättää itse, itse en laittanut ollenkaan.
- Shading asetuksia voit kokeilla myös itse miten ne vaikuttavat lopputulokseen.

8) Valitse Countour ja tee haluamasi asetukset.

9) Nyt tehdään loppusilaus valitsemalla Texture. Valitse Pattern-kohdasta haluamasi textuuri. Scalea kannattaa olla jotain 50%, ei kuitenkaan liian suuri tai liian iso.

Jatketaan piirtämistä #

10) Nyt voit jatkaa kentän piirtelyä Pencil Toolilla ja tarvittaessa kumittaa sitä Eraserilla (huomaa, että Mode tulee olla Pencil). Kuten huomaat, maaston ulkonäkö säilyy kokoajan muuttumattomana, vaikka sen muoto tietenkin vaihtelee piirtäjän mukaan.

Hienosäätöä #

11) Pelkkä maasto näyttää kuitenkin yksinään varsin synkältä, joten kannattaa tehdä uusia tasoja ja piirtää niille erilaisia asioita kentälle (siltoja, puita yms.). Allekirjoittanut on kuitenkin varsin huono piirtämään mitään edellä mainituista, joten siivutamme sen osan kokonaan :)

12) Nyt haluamme hieman muutella maaston värejä, mutta vain tietyllä alueella. Tee uusi taso, nimeä se esimerkiksi Väriefekti:ksi ja ota käyttöösi Brush Tool. Hardness on syytä säätää mahdollisimman pienelle ja Opacityä pudottaa myös alle 50%. Nyt värjää maastoasi halutulla värillä jostain paikasta. Ei haittaa, vaikka värjäisit myös "tyhjän" alueen päälle, sillä seuraavaksi korjaamme kyseisen virheen.

13) Varmista, että Väriefekti-taso on edelleen valittuna. Nyt paina CTRL-nappia pohjassa ja klikkaa hiiren vasemmalla napilla Maasto-tason pikkukuvaa (silmän oikealla puolella). Nyt maaston pitäisi olla valittuna. Tee käänteinen valinta valitsemalla Select ja Inverse. Nyt ota käyttöön Eraser-työkalu ja pyyhi ylimenneet värit pois. Älä turhaa pelkää pyyhkiväsi maastoa, sillä voit olla varma, että pyyhkärisi pyyhkii vain maaston ulkopuolista aluetta.

Pieni vinkki: vettä ei välttämättä kannata piirtää kenttään. Jos aiot käyttää kenttääsi jossain pelissä, siinä yleensä on tehty vesi erikseen. Jos taas ei ole ja piirrät sitä kenttään, peli varmasti olettaa sen olevan samaa ainetta kuin maastokin. Tosin joidenkin pelien kenttäeditori voi tulkata tietyn väriset alueet automaattisesti vedeksi.

Lopuksi #

Nyt olet toivottavasti oppinut joitakin perusasioita kenttien piirtämisestä Photoshopilla. Kenttää voidaan toki vielä hioa loputtomiin ja laadukkaan kentän tekemiseen voi kuluttaa aikaa monia tunteja. Kentän Maasto-taso voidaan nyt tallentaa tiedostoksi piilottamalla Tausta-taso klikkaamalla sen vieressä olevaa silmää. Tarkempia ohjeita ja vinkkejä kenttien lisäämiseksi johonkin peliin pitäisi löytyä pelin ohjeista.