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


[18.9.-18, 10:12]:Hello!
cialis super active , buy viagra , payday advances , cheap viagra , viagra canada ,

[18.9.-18, 4:10]:Hello!
payday advances , cheap viagra , viagra canada , cialis super active , buy viagra ,

[14.9.-18, 21:53]:Hello!
no fax payday loan , cialis sale , bad credit personal loan , cialis super active , online viagra ,

[14.9.-18, 16:47]:Hello!
small personal loans online , cheap cialis , viagra online , online payday loans , cheap cialis ,

[14.9.-18, 9:32]:Hello!
buy viagra , no fax payday loans , buy viagra , viagra cheap , no fax payday loans ,

[13.9.-18, 20:09]:Hello!
no faxing payday advance , viagra cheap , viagra , no faxing payday advance , viagra ,

[5.9.-18, 18:28]:Hello!
cialis online , viagra , buy cialis , buy viagra online , buy cialis ,

[5.9.-18, 15:35]:Hello!
viagra coupon , cialis generic , cheap viagra , cialis fast delivery , generic viagra online ,

[3.9.-18, 22:52]:Hello!
cialis fast delivery , generic viagra online , buy cialis , viagra super active plus , cialis 20mg ,

[3.9.-18, 8:26]:Hello!
tadalafil , cheap viagra , generic cialis order , payday loan , cialis online ,

[1.9.-18, 11:21]:Hello!
buy viagra online , buy viagra online , purchase cialis , cialis super active , buy viagra online ,

[1.9.-18, 7:51]:Hello!
cheap viagra , viagra canada , viagra canada , purchase cialis , cialis super active ,

[30.8.-18, 0:35]:Hello!
cheap viagra , generic cialis online , buy cialis , buy viagra , no fax payday loans ,

[24.8.-18, 19:16]:Hello!
payday loans , buy viagra , buy viagra , cialis super active , buy viagra ,

[24.8.-18, 2:10]:Hello!
viagraviagra cheap , viagra , buy cialis , viagra , pay day loans ,

[23.8.-18, 4:26]:Hello!
buy cialis , cheap viagra , payday advances , cheap viagra , canadian viagra ,

[22.8.-18, 12:32]:Hello!
payday advances , cheap viagra , canadian viagra , cialis , buy cialis ,

[10.8.-18, 2:50]:Hello!
generic cialis , generic cialis , generic cialis online , buy viagra , buy cialis ,

[9.8.-18, 15:30]:Hello!
buy viagra , cialis , generic cialis online , generic cialis online , buy cialis ,

[4.8.-18, 20:23]:Hello!
canadian viagra , canadian cialis , buy generic cialis online , payday loans , canadian viagra ,

[4.8.-18, 16:35]:Hello!
viagra , viagra , cialis cheap , cialis online , no faxing payday advance ,

[31.7.-18, 9:57]:Hello!
buy cialis , cialis online , buy generic cialis , buy viagra , buy viagra ,

[30.7.-18, 23:04]:Hello!
cialis cheap , cialis online , cialis online , viagra , viagra ,

[28.7.-18, 8:09]:Hello!
cialis super active , canadian cialis , viagra fast delivery , discount cialis , generic viagra ,

[27.7.-18, 21:38]:Hello!
cialis cheap , generic cialis , viagra online , cialis cheap , viagra online ,

[24.7.-18, 12:13]:Hello!
buy viagra , generic cialis online , online viagra , generic cialis , generic cialis ,

[24.7.-18, 9:10]:Hello!
cialis , viagra cheap , cialis , buy viagra , cialis ,

[18.7.-18, 9:07]:Hello!
buy viagra online , buy viagra , cialis , faxless payday loan , cialis ,

[17.7.-18, 12:19]:Hello!
viagra cheap , cialis , faxless payday advance , buy cialis , buy viagra ,

[6.7.-18, 8:09]:Hello!
buy viagra , buy viagra , buy viagra , generic cialis , payday loans online ,

[6.7.-18, 6:20]:Hello!
viagra , viagra , cialis online , quick payday loan , viagra ,

[3.7.-18, 9:54]:Hello!
order cialis online , order cialis online , buy cheap viagra , generic viagra online , order cialis online ,

[2.7.-18, 22:11]:Hello!
generic cialis , generic cialis , generic cialis , viagra coupons , buy viagra online ,

[29.6.-18, 16:58]:Hello!
generic cialis , buy viagra online , generic cialis , generic cialis , viagra online ,

[29.6.-18, 14:47]:Hello!
cialis online , generic viagra , cheap cialis , generic viagra , buy cialis online ,

[27.6.-18, 16:24]:Hello!
viagra cheap , buy cialis , cialis online , viagra cheap , cialis ,

[27.6.-18, 13:55]:Hello!
cheap cialis , buy viagra , generic cialis online , buy viagra , online viagra ,

[18.6.-18, 23:30]:Hello!
buy viagra , canadian cialis , cheap viagra online , generic cialis , viagra pills ,

[18.6.-18, 20:54]:Hello!
buy generic viagra , generic cialis online , buy viagra , cialis , buy generic viagra ,

[16.6.-18, 11:27]:Hello!
online viagra , viagra online , buy viagra , cheap cialis , buy viagra ,

[16.6.-18, 7:49]:Hello!
buy viagra , buy viagra , indian cialis , canadian viagra , cheap viagra ,

[13.6.-18, 5:03]:Hello!
online viagra , buy cialis , buy viagra , buy cialis , online viagra ,

[12.6.-18, 12:52]:Hello!
viagra , viagra , cialis cheap , buy viagra , cialis cheap ,

[5.6.-18, 3:00]:Hello!
cheap cialis , cheap viagra , cheap viagra , сheap cialis ,

[4.6.-18, 18:37]:Hello!
cheap viagra , cialis , cialis , online viagra ,

[2.6.-18, 10:31]:Hello!
buy viagra online , buy viagra online , buy viagra online , buy viagra online , buy viagra online ,

[2.6.-18, 6:28]:Hello!
viagra cheap , viagra , viagra cheap , viagra , viagra cheap ,

[15.5.-18, 22:37]:Hello!
cialis , buy viagra , buy viagra , viagra , buy cialis online ,

[15.5.-18, 17:56]:Hello!
buy viagra online , buy viagra online , viagra , buy cialis online , cialis ,

[5.5.-18, 3:27]:Hello!
online payday loan service , buy viagra , buy viagra , buy viagra online , buy viagra ,

[4.5.-18, 9:41]:Hello!
online payday loan service , buy viagra , buy viagra , buy viagra online , buy viagra ,

[27.4.-18, 8:59]:Hello!
viagra generic , generic cialis , buy generic viagra , generic cialis online , online cialis ,

[27.4.-18, 4:04]:Hello!
buy cialis , viagra online , buy cialis , canadian cialis , buy viagra ,

[23.4.-18, 23:16]:Hello!
buy cialis , cheap cialis , viagra professional , cialis , cialis super active ,

[23.4.-18, 11:25]:Hello!
buy viagra online , cheap cialis , generic cialis online , generic cialis , generic cialis ,

[21.4.-18, 8:04]:requirements. Recognitions pro suggestion like operative, balanced, explanatory as well as moreover exuberance thinkings about this issue to Gloria. cggadbegbbekccbe

[12.4.-18, 5:10]:Hello!
buy cialis , canadian viagra , cialis , buy cialis , purchase viagra online ,

[9.4.-18, 12:49]:Hello!
cheap cialis online , buy canadian cialis , cheap viagra , viagra , cialis online ,

[3.4.-18, 20:21]:Hello!
no fax payday loan , viagra online , cheap viagra , online viagra , loans for bad credit ,

[30.3.-18, 17:47]:Hello!
viagra cheap , viagra cheap , buy cialis , viagra cheap , buy viagra ,

[29.3.-18, 11:57]:Hello!
cheap cialis online , cialis cheap , online viagra , cialis , cialis ,

[28.3.-18, 0:32]:Hello!indian viagra

[27.3.-18, 12:07]:location within my public complexes! cfkdfeccfdegdcea

[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ä!