GIMP Suomi • #gimp-suomi @ freenode

2D-kuva 3D:ksi


By: skedespede 25.09.2012 20:46
Tässä oppaassa kerrotaan, kuinka tavallisesta 2D-kuvasta saa stereoskooppisena ihasteltavan 3D-version. Pääpiirteissään homma onnistuu käyttämällä syvyyskarttaa, joka kertoo kuinka paljon kuvassa on eroa silmien välillä. Tällä tavoin voit sitten hämmästyttää kavereitasi vaikkapa lomakuvillasi, jotka ovat kirjaimellisesti saaneet uutta syvyyttä. Tai mitä ikinä käyttöä tälle nyt sitten keksitkään.

http://public.sn2.livefilestore.com/y1p1-MyhnYsF2lNPnzHcj1j3i5CPXfa3asL9L-pzf_6DzoPj0RkNwczflRuLhUuh7Tlcy9JcgDBt3q2Ox5ndPJcXg/tethys4_cassini_big_3d_webpreview800.jpg?psid=1

Opas on suunnattu lähinnä puna-syaanilaseille, mutta samalla tekniikalla onnistuu myös täysväriset side-by-side-kuvat, joita käytetään 3D-näytöissä ja/tai aktiivisuljinlaseilla (itselläni ei ole välineitä testaamiseen no mutta kokeillaan ... :-P).

http://zqdvla.sn2.livefilestore.com/y1pBCFfqk32noeq-YlDt4oQcIQab0dmtKQ97DpY7PvVkE7Flfdndva5GbeBbkH5KZuEa9OmYjkH3mKSvM7YFAepGVK29hbiePz6/tethys4_cassini_big_3d_fullhd-sidebyside-webpreview640.jpg?psid=1
(Tarkempi versio täällä)


Aloitetaan!


1 TASOT JA ALKUASETUKSET

Luo kaksi kopiota originaalikuvasta ja yksi läpinäkyvä taso. Nimeä ne alhaalta ylös 3D pallo, Pallo ja Kuopat, näihin viitataan artikkelissa myöhemmin. Luo tasoryhmä Syvyyskartta (vaatii GIMP 2.8; jos käytät vanhempaa, joutuu sille tarkoitetut tasot yhdistämään myöhemmin) ja siirrä kaksi ylintä tasoa sille.

http://public.sn2.livefilestore.com/y1pzeCo0cqayGjhV0sc0PVBc_U-ZgScF6VIbJ2Fdi2zR6lbUadInzcy945mfaGswIG1A7ZpOBgfUFt1UOSweHbvCA/layers01.gif?psid=1

1.1 SYVYYSKARTAN VALMISTELU

Seuraavaksi valmistellaan syvyyskartta. Syvyyskartta on harmaasävyinen ja sen skaala mustasta valkoiseen siten, että musta tarkoittaa horisonttia ja valkoinen mahdollisimman lähellä nenää. Kohdat kuvassa, joita ei haluta tuoda lähemmäs eikä viedä kauemmas näytöstä, ovat syvyyskartassa 50% kirkkaudella eli värillä 0,0,50HSV (128,128,128RGB). Valitaan kuun syvyyskartalle nyt värit kirkkaustasolla 90% ja 25%, sillä se esiintyy yksin kuvassa.

http://public.sn2.livefilestore.com/y1p_OTDPnAM6R-dUcFcK2pI5zf6lbDuCE80tIvtoKAMJwIPpRIomakdy60SiYzVp9vW9VXSRdLuGBQuOmf5TRdm4w/gradient_colorselection2.png?psid=1

Otetaan valitut värit käyttöön liukuvärille; avaa Liukuvärit-valintaikkuna. Luo uusi liukuväri, sillä GIMPin mukana asentuneita ei voi muokata. Pitäisi aueta Liukuvärin muokkain omaan valintaikkunaansa.

http://public.sn2.livefilestore.com/y1prl5_n28vMyZTSijed-jD9yTVm326oXSO46EMkbOoWjhisDHwbzbCt3icsEYHsnS3iDXqK6vqy_ILL_xeperaAQ/gradient_editor2.png?psid=1

Klikkaa muokkaimessa hiiren kakkospainikkeella liukuvärin päältä ja kliksuttele seuraavat asetukset: Vasemman värin tyyppi: Edustaväri, Oikean värin tyyppi: Taustaväri ja Sekoitustapa lohkolle: Pallomainen (kasvava)

http://public.sn2.livefilestore.com/y1pbgmT2dX0bdDhmY39E6asK452DA2cyahDVOsA-lUJwqsTNS1TSV3rQadToqJ2pAbw52UNRDxmtTjfpWyP1vOa5w/gradient_settings.gif?psid=1

Tallenna liukuväri vaikka nimellä Pallomainen syvyyskartta ja vaihda työkalun asetuksista liukuvärin muoto säteittäiseksi.

http://public.sn2.livefilestore.com/y1pm5LZdgLR2Ze6v4gudJUkp-6ab2Wl8C2O4mVlCgVx8Ldj_-NMhBFTokYs4T7fu8QFWaiNr3_Uh8xDiOiVWgHzHQ/gradient_fill_settings_highlight.gif?psid=1

1.2 APULINJAT

Lisää kuun reunoille vaaka- ja pystysuuntaiset apulinjat, joista saadaan sopivat takertumispisteet, ja samalla pallon keskipiste sekä laidat näkyviin. Apulinjat saa luotua helposti raahaamalla hiirellä viivaimesta (saa ne valikostakin KuvaApulinjatUusi apulinja... mutta se on tähän turhan kömpelöä).

http://public.sn2.livefilestore.com/y1peNOkiQoQHXJOWKlx_aotsXblN0fnod46YJFTLi2WipBVzJ-B14fAQstCsIdU9pRE2e6MaUu3HrktcfqAbYV6bQ/guideline1.png?psid=1http://public.sn2.livefilestore.com/y1pbMMVavtLQS7ryd7TQeL1oH9BcgVYVb3YAqsm3w1o4kxVNyAonPmReeP9ASRjbrwdYNKC8RlKjmslhArqiFWkEQ/guideline2.png?psid=1


2 SYVYYSKARTAN DUUNAUS

Seuraavaksi valitaan edustakohde (kuu) kuvasta ja luodaan syvyyskartta sille.

2.1 EDUSTAKOHTEEN VALINTA

Valitse ellipsivalintatyökalu, tee ympyrävalinta pallon keskeltä (Ctrl + Shift hiiren napin kanssa) ja paina Enter. Tämä rajaa alueen jolle syvyyskartta luodaan.
(Sumeaa valintaa tai ns. taikasauvavalintaa ei voi tässä esimerkissä soveltaa, sillä kuun yläosassa on paikoin täysin mustaa.)

http://public.sn2.livefilestore.com/y1p0sv-xeP9LQKCHcuUut-v40_Z2NVMqQusuFLLuolu0PwIzsZQd3sEjsaz5UclRd_noan3lENt8vFPj4xfV7jFXg/ball_selection3.png?psid=1

2.2 SYVYYSKARTAN LUONTI LIUKUVÄRILLÄ

Valitse Pallo-taso. Valitse sekoitustyökalu tai oikeammin liukuvärityökalu ja vedä hiirellä keskipisteestä reunalle.

http://public.sn2.livefilestore.com/y1p2ASU2Bh9eGW1XH-YKwXlUbaXvz7JUpA8IByCrlNuUVQc9RuXHgXbCmVLRePuJh6FMBVV6FkjDXMTqaNL7elOYg/ball_fill_gradient2.png?psid=1http://public.sn2.livefilestore.com/y1pOVPI72LOtuTG6iCXPR9c63atMf504cmrK-0Pnux-BMUgYiiy6gmnXBjt4G-OISCyueWDHc32iDQMof19YklK5g/ball_gradient2.png?psid=1

Syvyyskartan pitäisi tässä vaiheessa olla valkoisen biljardipallon näköinen. Jos ei, todennäköisesti unohdit asettaa liukuvärin tyypin pallomaiseksi (oletustyyppi on lineaarinen) – katso liukuväriasetukset ylempää.

2.3 KUOPPIEN JA KOHOUMIEN LISÄÄMINEN SYVYYSKARTTAAN

Sitten lisätään kuopat syvyyskarttaan. Valitse Kuopat-taso ja vaihda tason tilaksi Vähennä. Aseta Läpinäkyvyydeksi (tai ennemminkin peittävyydeksi) 20 %.
http://public.sn2.livefilestore.com/y1pKoOHFrysPQGePqQrG38hbY392tJxxloJi_SAKqGHUUxbbq6jgHQtLrBWYnsiKfe_GVB25_j-93zVI-pEf8YSCA/layers02.gif?psid=1

Vaihda tausta- ja edustaväri keskenään (edustaväriksi siis 0,0,25HSV) ja piirrä pensselillä tälle tasolle kuoppakohdat. Kannattaa piirtämistä varten asettaa Pallo-tasolle läpinäkyvyysasetukseksi 75%, sekä ottaa pois asetus NäytäTartu apulinjoihin. Muista vaihtaa Kuopat-taso takaisin aktiiviseksi näiden asetusten jälkeen.

Yksinkertaistamisen vuoksi oletetaan, että kaikki kuopat ovat suunnilleen samansyvyisiä. Syvemmille kuopille edustavärin tulisi olla kirkkaampi.

Piirtelyn jälkeen syvyyskartan pitäisi näyttää jotakuinkin tältä:

http://public.sn2.livefilestore.com/y1pfOyVpBnwzR8jzxAJNUuOSCaLKVTB9eDPWIy99rSdkghcmVvljOdQHAokYO3DUgEL-e_Xcmf5u7AHpFrpwMczzg/ball_gradient_with_bumps_and_holes2.png?psid=1

Jos haluat lisäksi kohoumia, luo niille uusi läpinäkyvä taso (vaikka nimellä Kohoumat), vaihda sen tilaksi Summa ja aseta läpinäkyvyys samaksi kuin kuoppatasolle. Piirrä pensselillä samalla värillä tälle tasolle, kohoumat ilmentyvät nyt vaalentumina.

Piilota syvyyskarttataso(t) ja poista ympyrävalinta. Tallenna projektistasi väliversio tässä vaiheessa ja tee siitä Vain luku -tiedosto. Tästä voit jälkeenpäin teettää erikokoisia versioita eri 3D-voimakkuuksilla.


3 VIIMEISTELY: SYVYYSKARTAN SOVELTAMINEN SYRJÄYTYKSELLÄ

H-hetki: Lopuksi väännetään pikseleitä tekemäsi syvyyskartan mukaisesti.

Jos käytät GIMP 2.6:tta tai vanhempaa, yhdistä tässä vaiheessa kaikki syvyyskartalle kuuluvat tasot ja vaihda nimeksi Syvyyskartta.

Valitse taso 3D pallo (johon lopputulos tulee). Avaa sitten Kanavat-valintaikkuna ja klikkaile kanavia niin, että vain punainen kanava jää jäljelle aktiiviseksi (alla olevassa kuvakaappauksessa sininen valinta – kaikki kanavat kuitenkin pidetään näkyvissä).

(Tätä kanavien rajausvaihetta ei tietenkään tehdä, jos lopputulosta ei haluta puna-syaanilaseille, vaan side-by-side-muotoon kuten alussa esitetty vaihtoehtona)

http://public.sn2.livefilestore.com/y1pIeDYOq4ND_r9viaHDOY1FEQwHdwgqZ834M7_4mseyFJATQS2NDz2p7exHLjFMX8Ie0gCr2b-o_novqHr62sdLA/channel_setting.gif?psid=1

Ota sitten valikosta SuotimetMääritäSyrjäytys.

Poista ruksi Y-syrjäytyksestä. Valitse X-syrjäytykselle taso Syvyyskartta ja aseta sen voimakkuudeksi vaikka -15,00, siis negatiivinen luku. Kun esikatselu on päällä, näet vasemmalle silmälle tarkoitetun tuloksen, ja kun pois, oikealle. Kiinnitä erityistä huomiota kuoppiin ja mahdollisiin kohoumiin, että ne vääntyvät kuvassa odotetusti ja tuovat siten syvyysvaikutelmaa ja että efektin voimakkuus on sopiva.

http://public.sn2.livefilestore.com/y1p-js88J10VsrC0oW5ZTHdBV_IXM38FF8M_B3EBDYR8Pe9_GiAMDkQG4PnbxeRMV9FQF4Kw6MmQ9Sim4LCUrcbVw/3d-check_128colors.gif?psid=1

Klikkaa OK kun säädöt ovat mielestäsi kunnossa. Ja valmista on! Ota 3D-kakkulat esille tarkistaaksesi lopputulos. Tallenna/Vie käyttäen korkeita laatuasetuksia, jottei punaiset ja syaanit värit suttaannu (JPG), tai käytä jotakin häviötöntä tallennusmuotoa (esim. PNG).

http://zqbuia.sn2.livefilestore.com/y1poK6oi2iK6Xxgw7N08o9n39Bib_fLqbU2xdtz-7JASlMhUuUyC4aKse5xaloyDJBB3KHxXyX7mbp1PdhrT3ak2kvxayZ_hBS8/tethys4_cassini_big_3d_webpreview250.jpg?psid=1

Syrjäytys kohdistui tässä siis vain punaiselle kanavalle - se mitä jää jäljelle kuuluu syaanille. Eli ei tarvitse syaania varten syrjäyttää pikseleitä enää erikseen toiseen suuntaan.


4 LOPPUSANAT

Syrjäytyssuotimen toimintalogiikkaa selittänee tarvittaessa paremmin Fercenin tekemä opas: http://www.gimp-suomi.org/oppaat/Vanha_-TV_--efekti/. Tutustu siihen jos ei ihan auennut miten tuo syrjäytys oikein toimii. Kiitokset Fercenille muutenkin tuosta oppaasta, jolla pääsin samalla tutustumaan värikanaviin ja josta koko tämä idea 3D-kuvista lähti liikkeelle.

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ä.


[31.8.-16, 1:46]:I appreciate, cause I found just what I was looking for. You have ended my 4 day long hunt! God Bless you man. Have a great day. Bye ecbagekggbgegaac

[29.8.-16, 16:17]:Yeah bookmaking this wasn't a risky conclusion outstanding post! cfkedeaeedddbbee

[24.5.-16, 14:03]:You have an incredibly nice layout for your blog, i want it to utilize on my site also . dfabfbdcaedafece

[22.5.-16, 10:08]:Perfect webpage you have at this website! Precisely how could i add in this blog's feed into my Rss reader? aaebkaaefkcfkebg

Peltzi [26.9.-12, 10:49]:Hienosti oivallettu! Opas hyödyntää monipuolisesti Gimpin ominaisuuksia, joten siitä on takuulla hyötyä monille. Hyvää työtä!