GIMP Suomi • #gimp-suomi @ freenode

Muotokuvasta logoksi


By: kokhoniemi 07.05.2011 19:25
Tämän oppaan avulla luotte (henkeäsalpaavan) hienoja kuvamanipulaatioita. Oppaasta on hyötyä esimerkiksi keskustelufoorumeilla käytettäviä avatar-kuvia luotaessa. Opas on aika haastava, joten Gimpin perusasioiden hallitseminen on suotavaa. Mikäli olet vasta ensikosketuksissa Gimpin kanssa, suosittelen tutustumaan Peltzin ja PowerLifen Opi Gimp-opassarjaan. Sen jälkeen tämänkin oppaan seuraaminen on luultavasti helpompaa.

Huomioitavaa
  • Oppaan kuvat on nyt (1.5.-14) päivitetty yhdenmukaisiksi.
  • Oppaasta on walkthrough-video (alla), joka voi auttaa ongelmatilanteissa.
  • Lainasin OpiGimpistä vinkkilaatikoiden tyylimäärittelyt (css), kun selkeät olivat.


Video!


Video ei pilkuntarkasti noudata opasta, mutta antaa nopean yleiskuvan projektista.

Mitä olemme tekemässä?
Efektin perusidea on kohtalaisen yksinkertainen. Luomme muotokuvasta kaksivärisen mustavalkokuvan, jonka päälle liitämme halutun tekstuurin ja säädämme tasomaskeilla kuvan mustan alueen täyttymään tekstuurilla. Kuva 1 on esimerkki valmiista lopputuloksesta.


http://i.imgur.com/NUcgSAQ.png
Kuva 1. Mikäli taidot riittävät loppuun saakka, opas palkitsee tämäntyyppisellä tuloksella.

Ja sorvin ääreen...

Efektiä varten tarvitsemme muotokuvan, eli kuvan joka on rajattu yläruumiiseen. Kuvan voi rajata Gimpissäkin, joten periaatteessa kaikki tarpeeksi isoresoluutioiset kuvat kelpaavat. Voit halutessasi kopioida minun käyttämän kuvan (Stochphoto.jpg)(Kuva 2).

Jos tahdot oikaista seuraavan vaiheen, voit kirjoittaa Googleen "png renders" ja ladata jonkun läpinäkyvällä taustalla olevan kuvan. Valmiiksi leikattuja png-kuvia löytyy myös sivustolta www.planetrenders.net, mutta kuvien lataaminen vaatii rekisteröitymisen.


http://i.imgur.com/gVJofCq.png
Kuva 2.


1. Ensimmäinen vaihe. Taustan poistaminen kuvasta

1.1
Aluksi leikkaamme taustan pois kuvastamme. Sen voi tehdä käyttämällä pikamaskia tai esimerkiksi polkutyökalua. Tämä vaatii kärsivällisyyttä, sillä polkutyökalun "ankkureita" on luotava hiuksien ja mahdollisen muun karvoituksen kohdalla tuskastuttavan paljon jotta leikkausjälki on edes kutakuinkin siedettävää. Mikäli polkutyökalun käyttö ei ole hallinnassa, kertaa se Opi Gimpistä. Pikamaski on ehkä nopeampi tapa valinnan luomiseen.

http://i.imgur.com/wjZ4yrI.pnghttp://i.imgur.com/tG46g2q.png
Kuva 3a & 3b. Luo polkutyökalulla yhtenäinen polku rajattavan kohteen ympärille, tai maalaa pikamaskilla tausta (tai kohde) pois.

Polkutyökalulla (vaihe 1.2)
1.2.1
Kun polku on valmis ja varmasti yhtenäinen (polun kumpikin pää on yhdistetty), paina Valinta polusta-painiketta (Kuva 4.)

http://farm7.static.flickr.com/6167/6162640144_355373a4cf_m.jpg
Kuva 4. Valinta polusta-painike löytyy työkalupakista.

Pikamaskilla (vaihe 1.2.2)
1.2.2
Pikamaskin tunnistaa punaisesta läpikuultavasta "kalvosta", jonka saa aktivoitua painamalla kuvan vasemmassa alakulmassa olevaa pikamaski-painiketta. Maskista maalataan valkoisella siveltimellä alue, joka halutaan valita. Tämän jälkeen painetaan uudelleen pikamaski-painiketta, jolloin valinta aktivoituu. Huom! Jos olet jo luonut valinnan polkutyökalulla (vaiheissa 1.1 - 1.2.1), et tarvitse pikamaskia.

1.3
Nyt sinulla on valinta luotuna. Siitä kertoo pienet "kävelevät muurahaiset" valinnan ympärillä. Muuta valinta käänteiseksi valitsemalla Valitse / käänteinen. Työstettävällä tasolla ei luultavasti ole alfakanavaa. Luo sellainen valitsemalla Taso / Läpinäkyvyys / Lisää alfakanava.... Nyt voit poistaa taustan kuvastasi valitsemalla Muokkaa / Tyhjennä.

1.4
Valitse Tasot-ikkuna [pikanäppäin CTRL + L] ja luo kopio nykyisestä tasostasi painamalla Kahdenna taso-painiketta. Piilota alempi taso, ja anna sille nimeksi "varmuuskopio". Nimeä ylempi taso Muotokuva-tasoksi kuvan 5 osoittamalla tavalla. Nimeäminen ei ole pakollista mutta helpottaa organisoimaan projektia.

http://i.imgur.com/q6xKQyw.png
Kuva 5. Tasojen nimeäminen säästää hermoja.


2. Toinen vaihe. Kuvan muuttaminen kaksiväriseksi


Tämä vaihe vaatii hieman kokemusta värien säätämisestä, sillä jokainen kuva vaatii jossain määrin erilaiset arvot. Selitän kuitenkin minkälaiselta kuvan pitäisi kussakin tilanteessa suunnilleen näyttää.

2.1
Aloitamme muuttamalla kuvan harmaasävyiseksi. Tämä tapahtuu valitsemalla Värit / Poista värit. Esiin tulee valintaruutu jossa voit valita haluamasi varjostustyylin. Itse valitsen tyyliksi "vaaleus".

2.2
Kuvamme tarvitsee hieman lisäkontrastia. Sitä voi säätää valitsemalla Värit / Kirkkaus- ja kontrastityökalu. Itse säädän kontrastia ylöspäin noin 40 yksikköä. Kuva 6 selventää parhaiten miten paljon kontrastia kannattaa nostaa.

http://i.imgur.com/GlNhBVc.png
Kuva 6. Nosta kontrastia kunnes kuvasi näyttää suunnilleen tältä. Kontrastia voi nostaa hieman enemmänkin.

Se, mitä seuraavaksi teemme, on ehkä teknisesti huvittavaa ja epäammattimaista. Mutta homma kuitenkin toimii, joten miksi valittaisimme?

2.3
Poistamme kuvastamme tummuuseroja jotta voimme myöhemmin muuttaa kuvan täysin kaksiväriseksi. Käytämme tähän Väritä-työkalua. Valitse Värit / Väritä... ja lisää värikylläisyyttä kunnolla. Itse liikutin säätösauvan 80:een. Säädämme myös valoisuutta – tosin hieman vähemmän. Itse säädin ylöspäin 30 yksikköä.

http://i.imgur.com/Ivb4m30.png
Kuva 7. Väritä-työkalun käytön jälkeinen tilanne.

2.4
Nyt käytämme posterisaatio-työkalua (Värit / posterisaatio). Itse käännän liukusäätimen näyttämään arvoa 6. Tämän jälkeen muutamme kuvan jälleen harmaasävyiseksi painamalla Värit / Poista värit / Vaaleus. Pyri saamaan kutakuinkin kuvan 8 kaltainen tilanne.

http://i.imgur.com/8Yu2Pps.png
Kuva 8. Kuva on aika karun näköinen tässä vaiheessa.

Muistutan, että tässä ja seuraavissa vaiheissa voit joutua kokeilemaan mitkä arvot sopivat kuvaasi parhaiten. Voit aina palata taaksepäin selaamalla toimintohistoriaa (Ikkunat / telakoitavat ikkunat / toimintohistoria). Katso myös esimerkkiä videosta (linkki ylhäällä). Videossa saatan toimia hieman eri tavalla kuin tässä oppaassa.

2.5
Säädämme jälleen kontrastia hiukan ylöspäin. Säädä maltillisesti.

http://i.imgur.com/xidM2p5.png
Kuva 9. Säädä kontrastia vähän ylöspäin.

2.6
Valitse nyt säätöarvot-ikkuna (Värit / Säätöarvot) ja liikuta kuvan 10 mukaisesti ottoarvojen keskimmäistä liukusäädintä (harmaa kolmio, kuvassa punainen nuoli). Vedä säädin aivan valkoisen liukusäätimen viereen. Jos kuva näyttää turhan tummalta, voit siirtää valkoista päätä hieman alaspäin (valkoinen kolmio, kuvassa keltainen nuoli). Itse siirsin valkoista päätä aavistuksen "alaspäin" (tai vasemmalle, miten sen kukin tahtoo hahmottaa).

http://i.imgur.com/B1RURVG.png
Kuva 10. Vedä pieni harmaa kolmio pienen valkoisen kolmion viereen.

2.7
Valitse jälleen posterisaatio-työkalu ja vedä liukusäädin arvoon 2. Näin sinulla on täysin kaksivärinen kuva. Jos kuvasi katoaa kokonaan, peruuta toimintohistorian avulla taaksepäin ja tee vaihe 2.6 uudelleen.

http://i.imgur.com/DTphDSz.png
Kuva 11. Täysin kaksivärinen kuva.


3. Kolmas vaihe. Viimeistely


3.1
Luo uusi läpinäkyvä taso Muotokuva-tason päälle. Nimeä se Roisketasoksi.

3.2
Valitse Sivellin [pikanäppäin P] ja siveltimeksi jokin pyöreistä siveltimistä. Itse käytän suurinta sivellintä (Circle 18). Piirrä erikokoisia pisteitä esimerkiksi hartiaseudulle, tai vyötärön tienoille (tai linjalle, jolta tahdot katkaista kuvan). Käytä työkalupakissa olevaa skaalaus-toimintoa siveltimen koon muuttamiseksi. Lopuksi valitse Muotokuva-taso ja pyyhi pyyhekumilla pisteiden alla oleva kuvan osa kokonaan pois. Katso esimerkkiä kuvasta 12. Yhdistä lopuksi Roisketaso Muotokuva-tasoon (taso / yhdistä alas).

http://i.imgur.com/Q16V3pQ.png
Kuva 12. Piirrä siveltimellä erikokoisia pisteitä valitsemallesi vaakasuuntaiselle linjalle. Tarkoituksena on että ne näyttävät roiskeilta.

Säätämällä Muotokuva-tason läpinäkyvyyttä väliaikaisesti hieman alaspäin erotat piirtämäsi roiskeet helpommin.

Voit lisätä kuvaasi myös tekstin. Itse olen käyttänyt teksti polkua pitkin-toimintoa, josta lisätietoa Opi Gimpissä. Jos lisäät tekstiä kuvaasi, muista yhdistää syntyvä tekstitaso Muotokuva-tasoon (esimerkiksi yhdistä alas-toiminnolla tasot-valikosta).

3.3
Nyt tarvitsemme jonkin tekstuurin. Itse kirjoitin Googleen "Nebula" ja latasin summittaisesti yhden kuvista. Voit myös tehdä itse kauniin avaruusmaiseman, mutta lopputulos on tuskin yhtä näyttävä kun oikeaa valokuvaa käytettäessä.

http://farm7.static.flickr.com/6152/6162104667_38f5407bc6.jpg
Kuva 13. Etsi jostain hieno avaruusmaiseman kuva. Myös kuva auringonlaskusta toimii aika hyvin.

3.4
Luo uusi läpinäkyvä taso muotokuvatason päälle ja liitä valitsemasi kuva tähän tasoon. (Kun olet valinnut Muokkaa / Liitä, jatka valitsemalla Taso / Ankkuroi taso). Nimeä tämä taso Maskitasoksi.

3.5
Kahdenna Muotokuva-taso ja muuta kahdennettun tason värit käänteisiksi.
Valitse kahdennettu Muotokuva-taso ja kopioi se painamalla CTRL + C. Valitse Maskitaso ja klikkaa Taso / Maski / Lisää tasomaski / Valkoinen - täysin peittävä. Mikäli tasomaski ei ole valittuna, valitse se klikkaamalla Tasot-ikkunassa sen ikonia (Valkoinen laatikko taso-ikonin vieressä).

3.6
Täytä tasomaski mustalla värillä käyttäen ämpärityökalua [pikanäppäin SHIFT + B]. Liitä kopioimasi kahdennettu Muotokuva-taso kuvaasi painamalla CTRL + V, ja ankkuroi se tasomaskiin valitsemalla Taso / Ankkuroi taso. Tämän jälkeen voitkin poistaa kahdentamasi Muotokuvatason, jolloin tasot-ikkuna näyttää seuraavalta (kuva 14).

http://i.imgur.com/pKEKYh2.png
Kuva 14. Tasomaskin ikoni ilmestyy tasoikonin oikealle puolelle.


http://i.imgur.com/ukyd8pi.png
Kuva 15. Kuvasi näyttänee suurin piirtein tältä?

3.7
Valitse muotokuva-taso ja lisää sille varjo valitsemalla Suotimet / Valo ja varjo / Varjo.... Aseta siirtymiksi 0 ja pehmennuksen säde kuvakokosi mukaan. Itse asetan säteeksi 40, koska työskentelen kohtalaisen isoresoluutioisella kuvalla. Läpinäkyvyyden säädän 50 %:iin. Lopuksi vielä pyöräytän kuvaa suoremmaksi kiertotyökalulla [pikanäppäin SHIFT + R].

http://i.imgur.com/fq5H5Mu.png
Kuva 16. Lopputulos on hieno.


Olet mahdollisesti saanut aikaiseksi jotain todella hienoa. Onnittelut! Jos tarvitset lisäinfoa jostakin vaiheesta – kysy.

Kohtuudella kunnioittaen,
Kokhoniemi


Päivitykset:

  • 16. toukokuuta 2011; tekstiä hiottu joiltain osin ja otsikkoa muutettu. (fantastinen muotokuvalogo)
  • 17. kesäkuuta 2011; muutettu joitakin sanavalintoja ja korjattu pari kielivirhettä.
  • 25. elokuuta 2011; olen onneton otsikoimisessa, mutta mielestäni tämä on ainakin kuvaavampi otsikko (skifihenkinen muotokuvalogo).
  • 16. marraskuuta 2013; oppaasta tehty jonkinlainen walkthrough-video, ja valittu seksikkäämpi kuva pohjatiedostoksi (stockphoto). Oppaan nimeäkin päivitetty.
  • 1. huhtikuuta 2014; päivitetty oppaan kuvat yhdenmukaiseksi.
Kommentointi:
Nimimerkki:
Nimen toinen kirjain:
Viestisi:

Nimen toinen kirjain syötetään jotta mahdolliset mainosbotit eivät höykkäisi sivustollemme. Eli jos nimimerkkisi on vaikka Jouni, niin laita varmistuskenttään o. Lähetettyäsi kommentin voit 10 minuutin ajan muokata tai poistaa oman viestisi. Muokkaus tapahtuu klikkaamalla viestin kohdalla olevaa E -kirjainta ja poisto vastaavaa X -kirjainta. Uuden viestin voit lähettää vasta 20 minuutin kuluttua, ellei joku muu lähetä kommenttia ennen sitä.


Äitisi [13.5.-14, 8:39]:Kiitos,asiaa

csi [12.3.-14, 13:12]:Tää on musta niin ihana ohje. Käytetty tosi paljon. KIITOS!

ÄÄhlämi [4.12.-13, 8:07]:Juu

Kokhoniemi [22.8.-13, 15:13]:Juu, joskus junnuna tuli tunnus rekisteröityä gimp-suomen edeltäjään. En osaa sanoa miksi nimeä piti vääntää. Asialla ei ole kuitenkaan minulle suurta merkitystä.

CyberKazza [3.8.-13, 17:49]:Hieno logo mutta tuota Kokhoniemi juttua vaan mietin että mistä se tulee :3 Koska kuulostaa korvaani aivan omalta sukunimeltäni Kokkoniemeltä

henkka [10.2.-13, 19:03]:Aattelin nyt täältä kysyä (kaikkialla muualla rekisteröitymispakko..), että toi teksti polkua pitkin niinkuin Opi GIMP:ssä neuvotaan, niin ei vissiin onnist versiolla 2.8? Kun tekstityökalun asetuksissa ei ole teksti polkua pitkin -painiketta ollenkaan? Osaattekos auttaa?

miggicsi [1.2.-13, 23:14]:Ihana ohje!

Inf1nityG4m1ngz [19.7.-12, 20:32]:Voisitkohan tehdä videon tuosta projektista? ;)

Inf1nityG4m1ngz [19.7.-12, 20:30]:mistä johtuu, että kun painan poista värit, otan esikatselun pois ja painan OK niin kuv pysyy samanlaisena :(

Kokhoniemi [21.4.-12, 21:54]:@Kipa: Hyvin mahdollista. Jos kuva on hyvin rakeinen, kontrastin nostaminenkin saattaa jo pilata sen.

Kipa [4.4.-12, 19:08]:Jos kuva on rakeinen niin ei onnistu tämä

nimea [23.9.-11, 15:35]:Hyvä opas! Kiitos.

sakari [18.6.-11, 18:39]:Selkeä opas ;)

Kokhoniemi [13.6.-11, 14:45]:Tarkoitat siis kohdissa 3.3–3.6 tehtävää toimenpidettä? Voit joko valita isomman liitettävän kuvan tai skaalata kuvaasi pienemmäksi, jolloin liitettävä kuva kattaa isomman alan siitä.

Enni [6.6.-11, 9:57]:Kun laitan kuvaa ja saankin sen siihen, se ei peitä läheskään koko kuvaa. Mitä teen, että saisin kuvan peittämään kokonaan mustan alueen? Kiitos! Ja minulla on GIMB 2