73. Tutoriaali - Siluettikuvan tekeminen

Nyt hieman piirtämisestä poikkeava tutoriaali. Tämä tutoriaali on toteutettu Photoshopilla, mutta lienee käyttökelpoinen muissakin kuvankäsittelyohjelmissa pienellä hienosäädöllä. Kuvan, josta lähdin tekemään siluettikuvaa on ottanut Mirella Ruotsalainen - http://hertjekker.net/

1.

Vaihe 1. Lähdetään liikkeelle siitä, että otamme siluetiksi halutun kuvan esille kuvankäsittelyohjelmaan ja valitsemme työkalupalkista (vasen reuna) pyyhekumin.

Sitten voidaan joko aloittaa suoraan kumittamaan kuvasta ylimääräisiä reunoja pois hevosen ja ratsastajan ympäriltä, jolloin taustalle ilmestyvä pohjaväri määrittyy sen mukaan, mikä väri meillä on paletista valittuna. Minulla se olisi ollut tuo vihreä, mikä näkyy tuolla vasemman palkin värivalinnoissa. Ylempi väri on se, jota ilmestyy piirtäessä ja alempi (tässä tapauksessa vihreä siis) ilmestyy pyyhkiessä.

Halusin kuitenkin kuvaan läpinäkyvän taustan, joten siirrytään vaiheeseen 2.



2.

Vaihe 2. Mennään sellaiseen välilehteen kuin Layers, eli vapaasti suomennettuna Tasot. Painetaan Background-layerin päällä väärää hiirtä ja valitaan Duplicate Layer (Kopio/monista taso).




3.

Vaihe 3 on niinkin yksinkertainen, kuin tulevan layerin nimeäminen ja OK:n painaminen. En itse nimennyt layeria uudelleen, vaan painoin suoraan OK.



4.

Vaihe 4. Meille ilmestyy nyt Background copy-niminen layeri entisen Backgroundin yläpuolelle. Voimme tässä vaiheessa piilottaa alkuperäisen Background-layerin klikkaamalla tuossa layerin nimen vieressä olevaa silmää. Valitaan sitten klikkaamalla tuo ylempi, näkyvissä oleva layeri käyttöön. Kun layeri on käytössä, niin se näyttää tuollaiselle siniselle, eli valitulle.

 5.

 5.

Vaihe 5. Hypätään tässä vaiheessa tarkastelemaan pyyhekumin kokoa. Käytössä minulla oli aluksi aivan liian suuri 19px pyyhekumi. Tuossa ensimmäisessä kuvassa on siitä esimerkki. Se oli niin suuri, että en pystynyt pyyhkimään sillä tarpeeksi tarkasti. Otin siis käyttöön 9px kokoisen pyyhekumin isompien ja tasaisten alueiden pyyhkimiseen ja käytin sitten vielä pienempää 3px tai 1px pyyhekumia tarkkojen kohtien pyyhkimiseen. Näitä tarkkoja kohtia olivat mm. ohjien välit ja häntä.

Piirtopöydän paineentunnistus jumitti totaalisesti, joten jouduin vaihtelemaan pyyhekumin kokoa tosi usein, kun halusin tehdä siistiä jälkeä. Se vastasi vähän tilannetta, jossa joutuu käyttämään hiirtä. Hiiressähän ei ole samanlaista paineentunnistusta kuin piirtopöydässä ja kynässä.



6.

Vaihe 6. Tässä näkyykin jo, kun olen lähtenyt pyyhkimään hevosen ympäriltä taustaa pois. Tuo ruutukuvio meinaa sitä, että taustaa ei ole ollenkaan eli kuva on ns. läpinäkyvä.

7.

Vaihe 7. Kun hevonen ja ratsastaja ovat kauttaaltaan rajattu, niin kannattaa ottaa paljon isompi pyyhekumi käyttöön. Tässä kohtaa se oli minulla 69px kokoinen. Sitten ottaa isommat alueet isommalla pyyhekumilla, jotta saa taustan pois nopeammin.

8.

Vaihe 8. Tässä vielä kuvaa rajatusta hevosesta ja esimerkki paikasta, jossa käytin pientä 1px tai 3px kokoista pyyhekumia. Se alue on rajattu punaisella ympyrällä.
Ei haittaa jos hevosen tai ratsastajan eteen jää esim. estetolppa, sillä kun kuva on musta niin sitä ei tule näkymään jos rajaus on kuitenkin tehty hevosen muotojen mukaan.

9.

Vaihe 9. Kuvaan voi laittaa esimerkiksi mustan taustan, jotta näkee mahdolliset taustanpalat, joita kuvaan on vielä voinut jäädä. Luodaan uusi layer oikeasta alanurkasta Layer-välilehdeltä. Sitten klikataan Layer 1. valituksi, vaihdetaan haluttu taustaväri väripalettiin ja valitaan vasemmasta valikosta Paint Bucket eli maalipurkki, jolla saa yhdellä klikkauksella väritettyä koko taustan valitulla värillä.

Tämän jälkeen vaaleat "roskat" näkyy helposti ja ne voi käydä pyyhekumilla ottamassa pois.

10.

Vaihe 10. Tässä vaiheessa kannattaa viimeistään tallentaa työ esim. PSD-muotoon, josta pääsee sitten jatkamaan, jos seuraavissa vaiheissa menee jotain pieleen.
Tallensin työn ja sen lisäksi kävin ottamassa kopion Background copy-layerista vaiheiden 2, 3 ja 4 mukaan. Uusi layeri on nimeltään Background copy 2. Aiemman layerin voi vaikka piilottaa pois näkyviltä.

11.

Vaihe 11. Sitten valitaan uusin tehty layeri Background copy 2 aktiiviseksi. Sitten mennään yläpalkin kautta Image >> Adjustments >> Curves... (Tai suoraan Ctrl + M)

12.

Vaihe 12. Saadaan esille tämän näköinen ikkuna.

13.

Vaihe 13. Nyt saadaan yhdellä pienellä säädöllä rajatusta kuvasta täysin musta, eli valmis siluettikuva.

Raahaa "diagrammi"-kuvan oikeasta ylänurkasta pieni laatikko alareunaan. Punaiset merkit opastavat. Kuvassa 13 ei näy laatikkoa oikeassa yläreunassa, mutta jos vilkaiset takaisin kuvaan 12, niin siellä se on näkyvillä. Kun olet tehnyt tämän siirron ja esikatselu (preview) on päällä, niin kuvasi tulisi muuttua mustaksi. Sitten painat vain OK ja sinulla on valmis siluettikuva.

Valmis siluettikuva

Kuva kannattaa vielä rajata ja pienentää. Sitten se kannattaa tallentaa niin PDS-muotoon, kuin PNG-muotoonkin. Yleinen JPG-muoto ei tue läpinäkyvyyttä, joten jos taustasta haluaa läpinäkyvän niin se on tallennettava PNG-muotoiseksi.

Muista silloin laittaa kuvaan seuraava säätö, kun olet tallentamassa kuvaa png:ksi. Tämä ruutu pitäisi ilmestyä automaattisesti. Valitse ehdottomasti Interlaced, muuten tausta ei tule olemaan läpinäkyvä.

Toivottavasti tästä tutoriaalista oli teille apua, teen lissä kyllä myöhemmin. Jos on jotain kuvankäsittelyyn liittyvää mielessä, johon haluaisitte vastauksen tai vinkkejä niin kommentoikaahan alle. Yritän sitten jossain vaiheessa toteutella niitä.

57. Rautiaan hevosen värittäminen - tutoriaali

Tässäpä se vihdoin olisi. On sitten iso tiedosto ja se on tässä nyt niin isona kun se voi olla. Mutta jos haluatte täysikokoisen tiedoston, niin käykää lataamassa se täältä (linkki) tai dA:sta tunnukseltani. Se on myös siis siellä saatavana.
Täysikokoisesta tiedostosta näette kaikki yksityiskohdat.

Kommenttia saa antaa, oliko tästä mitään apua! :)

50. Väritystutoriaali (realistinenvärittäminen) vol 5

Ja viimeistä viedään!

Elikkäs tässäpä vielä kuvan loputkin vaiheet näytille.

Viimeiseksi olin jättänyt harjan tekemisen. Se on yleensä aika simppeli, kun sen tekemiseen jaksaa vaan tarttua. Noh, eihän siinä nytkään mennyt pitkään.

Aloitin siis himmentämällä noita tekemiäni ääriviivoja. Tarvitsin ne kuitenkin näkyviin alle, joten tein ääriviivalayerin päälle uuden layerin, jolle värittäisin harjan. Pohjaväri annetaan olla, koska sen päälle on helppo värittää harja ja ei joudu vetämään jokaista jouhta erikseen.

 

 

Suurimmat pahoitteluni, kun en tajunnut ottaa tässä vaiheessa enempää välivaiheita näkyville, noh yritän selittää hyvin.

Otetaan mahdollisimman pieni, mutta silti näkyvä brushi. Käytin kokoa 3px-4px, vähän vaihdellen. Hardness 100 ja opacity 50-100. Kun piirsin tummalla jouhia yksi kerrallaan ensin alle, niin opacity oli melkein 100.

Eli ensin tummalla pohjajouhet. Värin piti olla melkein musta, koska harjan pohjaväri oli todella tumma. Hajotin myös mm. etuharjan pään, että se näyttäisi rosoiselta, eikä pohjaväri olisi vain tönkkönä kerroksena tuolla. Myös kaikki jouhien päät piti saada teräviksi.

 

Sitten vaihdoin hitusen vaaleampaan väriin, joka oli siis pohjaväriä vaaleampi. Sillä tein sinne tänne vaaleita jouhia. Opacity vaihteli 50-70, ensimmäinen kerros 50 ja silloin piirsin eniten jouhia, sitten opacityä isommaksi ja vähemmän jouhia jne näin jatkaen. Ei tarvitse kokoajan vaihtaa väriä, kun muuttelee opacityä.

Sitten vielä todella vaalea, melkein valkoinen väri, jossa tällä kertaa opacity melkein 100 ja vedellään ihan vain muutamia kiiltäviä jouhia harjan sekaan. EI liikaa, vain vähän. Ja vain sellaisiin kohtiin mitkä voivat oikeasti kiiltää, eli reunoihin ja keskelle harjaa mihin tulee 'kohouma'.

 



 

 

 

Sitten laittelin vielä vähän kiiltoa harjaan. Otin uuden layerin ja piilotin linelayerin. Uusi layeri tehdään jouhilayerin päälle. Kiilto halutaan nyt siihen kohoumalle.

Brushin koko 40-70px, opacity 5-24 ja hardness 0.

Ruetaan isolla brushilla vetämään ensin paksumpaa viivaa, sitten brushia pienemmäksi, opacityä isommaksi ja uusi viiva ja lopuksi kaikista ohuin kiiltoviiva.

 



 

 

Sitten joudun tekemään vähän hienosäätöä mm. suitsien kanssa, mutta ne tein ihan samaan tapaan kuin aiemmin, kun esittelin suitsien yksityiskohtien tekemistä, joten katselkaapas sieltä.

 

Ja kuva olisi muuten sitten valmis :) Eikun signeeraukset uudelle layerille ja kopioinnin estävä teksti päälle ja valmiita ollaan.

 

Piensin kuvan vielä 800px leveäksi, koska muuten se olisi ollut 3x isompi ja ladannut tosi hitaasti.

 

 

 

 

Oliko tutoriaalista apuja? Tarvitseeko joku kohta selvennystä?

 

Kaikki vaiheet näkyvillä täällä: http://www.teepa.net/images/tuto2/

linkki valmiiseen kuvaan : http://www.teepa.net/images/tuto2/pvpaa3_10p.jpg

 

 

---------------------------------------------------------------------------------------------------------------------------

 

Sain myös toisen kuvan valmiiksi.

 

 

 

Mutta nyt lähden nukkumaan, aamutalli odottaa vajaan kuuden tunnin päästä :)

 

- nica



42. Väritystutoriaali (realistinenvärittäminen) vol 4

Jatkellaas taas tuton merkeissä. Piirrustusaikaa on ollut niin minimaalisesti, että voin sanoa etten ole saanut paljoa mitään aikaiseksi. Hävettää, kun kestää näittenkin kuvien valmiiksi saaminen, mutta elämässä on muutakin tällä hetkellä kuin piirtäminen.

Nyt kuitenkin ollaan jo melkein loppusuoralla tämänkin kuvan kanssa! :)

Kuvien kommentit kuvien alapuolella

Olin lopen kyllästynyt värittämään mustaa hevosta, kun tuntuu että se ei etene mihinkään. Niinpä aloitin tekemään hevoselle suitsia. Tässä on luonnosvaihe hevoselle tulevista suitsista. Elikkä ideana on piirtää ruskeat meksikolaiset suitset messinkisillä soljilla, kuolaimilla ja kultaisella blingillä!
Tein luonnokselle uuden layerin, jota en tainnut nimetä erikseen, mutta siis tämä layeri on Layer 11. Brushi oli n. 9px kokoinen, opacity oli 50% ja hardness 100%

En tehnyt suitsille linejä, sillä haluan piirtää ne myös realistisella tyylillä, eli ilman linejä :) Tein siis 9px kokoisella brushilla pohjavärin suitsille. Näitä joutuu vielä myöhemmin siistimään mm. reunoista ja muualta. Laittelin myös solkia ja kuolaimen näkyviin. Sekä tietysti ihanan lampaankarvapehmusteen :)
Brushin opacity oli 100% ja hardness 100%, kokoa voi muutella sen mukaan miten tarkkaa jälkeä haluaa. Nämä ovat siis tehty myös uudelle layerille ja tein nämä samalla tekniikalla kuin hevosenkin pohjavärin. Eli luonnoslayerin opacity alle puoleen jotta siitä näkyy hyvin läpi ja sitten alle uudelle layerille väritetään suitsien pohjaväri.

Kun suitsilla oli pohjaväri, niin otin pienen (max 9px brushin, opacity vaihtelee, yleensä alle 25%, hardness 100%), tein uuden layerin ja liitin sen pohjavärin päälle (create a clipping mask) niin että tästä uudesta layerista ei mene väri suitsien pohjavärin yli. Näin ei tarvitse pyyhkiä myöhemmin yli menneitä värejä.
Sitten aloitin varjostamaan ja valottamaan suitsia ihan niinkuin värittäisin hevosta. Ensin isoimmat varjot ja sitten pikkuhiljaa kohti yksityiskohtia.
Apuna oli muutama mallikuva, koska en ole pahemmin perehtynyt suitsiin ja niiden väreihin, valoihin ja varjoihin aikaisemmin.

Kuten lupasin, niin blingiä tuli otsapantaan. Aloitin zoomaamalla todella lähelle kuvaa, jotta saan tehtyä otsapannan mahdollisimman tarkasti. Sitten loin uuden layerin otsapannan blingeille, jos ne haluaa esimerkiksi joskus pois tai niitä haluaa muuttaa niin työ ei ole niin hankala jos ne ovat eri layereilla.
Tein ensin jokaisen erillisen 'timantin' otsapantaan, eli 4 riviä kiviä. Brushin koko taisi olla 5px? ehkä, hardness 100% ja opacity 100%. Sitten otin ison brushin (yli 20px, opacity 10%, hardness 0%) ja vetin muutaman kerran kaikkien timanttejen yli, niin että ne saavat vähän 'hehkua'. Sitten mahdollisimman pieni brushi käyttöön (max 1-2px, hardness 100% ja opacity 100%) ja vedin kimallusta jonnekin päin otsapantaa.

Sitten jatkoin taas hevosta. Nyt viimeistelin korvat. Eli ihan samalla tavalla kuin hevosen väritys muutenkin. Värejä pitää laittaa päällekäin paljon, että saadaan sulava väri. Korvat vivahtavat vähän siniseen.

Tässä kuvassa näkyy miten tummensin hevosta. Edelleen sama tekniikka käytössä. Nämä ovat vain viimeistelyä nämä välivaiheet.

Tässä siistin päämerkin.

Ja tässä vielä lisätty pieniä valoja hevoseen mm. turpaan, silmäkulmaan.. Brushi pieni (3-6px), hardness 100%, opacity vaihteli, ensin alle vähän isommalla brushilla ja pienemmällä opacitylla ja lopuksi päälle pienemmällä brushilla ja isommalla opacitylla.

http://www.teepa.net/images/tuto2/pvpaa3_9.jpg 

Ja tähän vaiheeseen jäätiin siis! :) Melkein valmis.

Ja kaikki kuvat löytyvät isompana täältä: http://www.teepa.net/images/tuto2/

Kysykää jos jotain jää epäselväksi, niin selitän paremmin! :)

- nica

37. Väritystutoriaali (realistinenvärittäminen) vol 3

Tuto jatkuupi, nyt siis VOL 3

Pääsin siis edellisessä osassa jo vähän aloittamaan viimeistelyä. Tässä osassa sitä viimeistelyä onkin sitten todella paljon, sillä melkein koko kuvan loppu on viimeistelyä (muutamaa poikkeusta lukuunottamatta!).

Aloitin tasoittelemalla kaulaa, sillä siihen en oikeastaan ollut tehnyt vielä mitään tähän asti (siis muuta kuin lätkinyt vähän väriä oikeisiin paikkoihin). Brushin koko oli hitusen tavallista isompi eli 25px, hardness 100 ja opacity 22%. Käytin Tummaa ja vaaleaa näyttämään oikeita paikkoja, mutta jätin kaulan vähän kesken, sillä ajattelin viimeistelllä sen sitten viimeiseksi :)
(JA koska pystyn keskittymään piirtämiseen paremmin, kun katselen jotain samalla niin alakulmassa on menossa Glee:n uusin jakso :D Awwwww tuota paria)



Sitten tarvitsin nähdä miten harja asettuu. En halunnut tehdä niin pitkää harjaa kuin malikuvassa, koska rakennekuvassa harja ei ole niin pitkä. Niimpä piirsin kuvaa harja-linen ihan omalle UUDELLE layerille. Nyt pienensin brushin 5px kokoiseksi ja muutin opacityn 100%, hardness on edelleen 100%. Brushin väri oli musta. Tämä line luultavasti häviää jossain vaiheessa, joten sen ei tarvitse olla täydellinen.





Tein sitten taas UUDEN layerin, jonka sijoitin harja-linelayerin alle. Tälle layerille väritin harjan pohjavärin, jotta pääsen helpommalla kun rupean tekemään harjaan yksityiskohtia.

Brushin koko hieman isompi (9px), kuitenkin sellainen millä voi tehdä tarkkojakin kohtia mm. jotain jouhien päitä jotka ovat teräviä. Väritetään linejen sisään, niin tulee siistiä jälkeä.

Nämä olivat vähän sellaisia 'terapiavaiheita', kun tuntuu siltä että joku kohta ei etene, niin silloin siirryn yleensä tekemään jotain muuta kuten esimerkiksi taustaa, harjaa, silmiä, kavioita.. jotain muuta kuin hevosen karvan värittämistä.

Mutta sitten sain taas inspiraation jatkaa hevosen karvan värittämistä. Zoomasin lähelle silmän alueen ja rupesin katsomaan mallikuvasta tarkasti minne tulee mitäkin ja miten värisävyt (varjot, valot yms) käyttäytyvät missäkin kohti.
Brushin koko oli 9px, koska halusin tehdä tarkkaa työtä, opacity 22 ja hardness 100.
Tein pientä palaa kerrallaan ja laajensin siitä isommalle alueelle. Yleensä on helppo aloittaa tarkka värittäminen jostakin kiinnekohdista kuten silmät, korvat, turpa...

Laajensin sitten alemmas.. Mitä isommalle alalle mennään, sitä isompi brushi on käytössä, koska menisi ikä ja terveys jos joutuisi värittämään 9px brushilla jotain tosi laajaa kohtaa :)

Jatkoin värittämistä tuohon poskean lopuun asti ja sitten zoomasin turpaan ja rupesin tekemään samaa tarkkaa värittämistä turvalle. Tein rajat kunnollisiksi, katselin värejä, varjoja, sävyjä.. vaikeaa kun ei ole ihan tarkkaa oikean väristä mallikuvaa, mutta nyt piti vain soveltaa! :)

Brushi pieneni taas 9px kokoiseksi, kun rupesin värittämään turpaa, koska siellä oli paljon kaikkea pientä mikä oli helpompi tehdä pienellä brushilla. Tarvittaessa brushia saa aina suurennettua.

Tässä aloitettu tuolta oikealta puolelta laittamaan niitä reunoja.

Sitten vaan tarkentaa kokoajan.

Ja tähän jäätiin tälläkertaa :) Tai oikeastaan vielä väritin tuota turpaa ylemmäs ja lisäilin vähän valoja ja varjoja ylemmäskin mm. poskeen, mutta joudun vielä tummentamaan muutamaa aluetta sillä niistä tuli liian vaaleita.

Joten tässä on nyt kuva siitä, missä ollaan menossa. Ja kaikki välivaiheiden isommat kuvat löytyvät tästä linkistä: http://www.teepa.net/images/tuto2/

----

Muistutan vielä että kun 150 lukijaa tulee täyteen niin sitten laitellaan taas jtn spessua kehiin ;)

- nica

36. Väritystutoriaali (realistinenvärittäminen) vol 2

Jatkellaas tutoa

Okei, elikkä nyt aloitin ottamalla mallikuvia (väriä ja muotoa) esille, jotta kuvasta tulee mahdollisimman tarkka ja 'näköinen'. Sitten päätin että aloitan turvasta, joten zoomasin turvat isommiksi ja rupesin hahmottelemaan tarkempia värejä kuvaan. Brushin koko oli n. 19px (koska nyt halutaan jo tarkkaa jälkeä!), hardness 100% ja opacity 20-22px. Tummalla värillä opacity oli pikkuisen isompi, eli tuo 22 ja kun käyttää vaaleaa niin max 20 opacitya. Koska meillä on tässä vaiheessa jo muodot selvillä, niin linelayeria ei tarvitse enää pitää näkyvillä.

Kun ja jos aloitatte tällaista valokuvan mallintamista, niin helpointa se on tehdä valmiista kuvasta juuri sen väriseksi, kuin hevonen kuvassa on. Kun yrittääkin piirtää erivärisen hevosen, niin joutuu itse katselemaan muotoja, värejä ja sävyjä jotta hevosesta tulee aidon näköinen.                                                              

Koska bloggeri tökkii, niin kirjoitan nämä kommentit aina kyseessä olevan kuvan alle. Tässä kävi vähän köpelösti, kun olin tallentanut kuvan vähän hassusti.. mutta tuosta alemmasta toisesta ikkunasta näkyy vähän että rupesin pikkuhiljaa laittamaan vaaleampia yksityiskohtia ja tummenpia yksityiskohtia. Edelleen samat brushiasetukset kuin edellisessäkin kohdassa. Mutta väri muuttuu kokoajan. Ei käytetä edelleenkään valkoista tai mustaa.

Sitten kun olin saanut turvasta vähän turpamaisemman, niin jätin sen odottamaan viimeistelyä ja siirryin korviin. Korvien väriä katsoin ylemmästä mallikuvasta ja muotoa + mm. sävyjen asettelua alemmasta mallikuvasta. Laitoin ensin tummaa korvien keskelle ja sitten rupesin vaalentamaan sieltä, missä näkyi vaaleita kohtia. Brushisäädöt edelleen samat.

Sitten kun korvat saatiin kondikseen, niin siirryin otsan ja silmien alueelle. Brushisäädöt edelleen ihan samat kuin aiemmissakin kohdissa. Aloitin katsomalla minne tulee tummaa, ja laitoin tummanharmaalla värillä tummia kohtia näkyviin. Syvensin väriä pikkuhiljaa. Tässä kuvassa olen tehnyt lähinnä niitä tummia kohtia, seuraavassa näkyy valot paljon paremmin, mutta tähänkin kuvaan olen pikkuisen vaaleita valoja hahmotellut, sillä värit pitäisi saada sulautumaan hyvin yhteen, ettei niiden rajoille jää sellaisia 'viivoja' josta näkee että tähän on vaan läiskitty kahta väriä. Sitä kutsutaan värien blendaukseksi. Eli otetaan aina hieman tummempi tai vaaleampi väri jolla sulautetaan värejä yhteen. Pitää tehdä tästä erikseen joskus joku juttu.

Otin kolmannen mallikuvan, jossa näen hevosen oikean värin, sillä tämä kuva on tulossa samasta hevosesta kuin tuo musta tähtipäinen hevonen tuossa sinitaustaisessa mallikuvassa. Ensinnäkin tein hevoselle nyt päähän pyrstötähden, jotta saan sen sommiteltua hyvin ennen kuin rupean tarkentamaan väritystä. Lisäksi nyt näkyy silmien yläpuolella tuota vaaleaa valoa, jota tein muuttamalla sävyä pikkuhiljaa vaaleammaksi ja vaaleammaksi. Lisäksi silmän ympärille lisäsin vaaleaa ja vähän tummaa tuohon otsaan molemmille puolille. Lisäksi tein nyt alustavasti vähän hahmotelmaa silmästä, senkin tarkennan sitten jossain vaiheessa. Toiseen silmään en vielä koskenut ja sen ympäryksestäkin näkyy että en ole vielä hirveästi sitä puolta työstänyt.

Silmään käytin 9px kokoista muuten samoilla säädöillä olevaa brushia. Muualla brushin koko oli 19px

Nyt siirryin muokkailemaan jo tuota toisenkin silmän ympärystä, kuten ehkä huomaatte. Blendasin vähän värejä, jotta näyttäisi luontevammalta. Ja sitten poskea rupesin varjostamaan sekä laitoin vähän väriä kaulaankin (tuonne sivulle) kaulan alempiin osiin en ole vielä koskenut ollenkaan.

Tein myös toisen silmän.

Ja tässä on nyt sitten viimeisin vaihe. Eli periaatteessa tuo edellisen kohdan kuva vaan nyt kokonaan näkyvillä.

Saa kysyä jos jäi jotain epäselvää! :)

- nica

35. Väritystutoriaali (realistinenvärittäminen) vol 1

Hoi! 150 lukijaa kun tuleepi niin järkkään taas jtn extraa sitten teille :) (tämä näin ilmoituksena ensimmäiseksi ;)  )

TUTO osa1

Teen näitä tutoja nyt varmaan useamman, erilaisita tyyleistä ja koska teen tätä nyt sitä mukaa kuin tuo kuva edistyy niin olkoon tämä siis väritystutoriaali (realistinenvärittäminen) vol 1.
Kokoan nämä sitten tutoriaalisivulle kaikki yhdeksi möykyksi kun on valmis! :)

Eli tässä väritystutossa näytän vaiheittain, miten väritetään realistisella tyylillä musta hevonen. Tätä voi tottakai soveltaa sitten muihinkin väreihin (käyttäen ihan samaa tekniikkaa!).
Valitettavasti idea tuli mieleen juuri äsken, kun olin jo jonkin verran kerennyt piirtää/värittää, mutta tästä lähtien tulee varmasti tarkempia kuvia tarjolle. Yritän nyt selittämällä kompensoida näitä huonoja mallikuvia.

Kaikki mallikuvat löytyvät suurempina osoitteesta http://www.teepa.net/images/tuto2

Aloitetaas ihan tästä perusvaiheesta. Eli meillä on nyt edessämme luonnos johon haluamme sitä itse väriä sitten saamaan päälle. Koska väritämme realistisella tyylillä, niin nämä luonnoslinet jäävät lopulta kokonaan piiloon, joten niiden ei tarvitse olla täydelliset.

Kuten kuvasta huomaa, niin jouduin muokkaamaan mittasuhteita, vielä kun olin olevinani piirtänyt luonnoksen valmiiksi. Siispä leikkasin osan ja siirsin sitä vähän alaspäin tai sivulle. Lisäksi jotain tiettyä kohtaa saa suurennettua, pienennettyä tai käännettyä phoshopilla kun leikkaa ensin jonkun kohdan ja painaa sitten Ctrl ja T.

Kun olet tyytyväinen luonnokseen, niin sitten tehdään luonnoslayerin alle UUSI LAYER, johon tulee perusväri.
Luonnoslayeria häivytetään n. 50% läpinäkyväksi, jotta nähdään värittää myös luonnoksen ääriviivojen alle.



Uudesta layerista tulee siis pohjavärilayeri. Elikkä otetaan joku väri (mustassa tummanharmaa/ muu tumma väri.) EI MUSTAA, koska siihen ei saa tehtyä varjoja enää!

Pohjaväriä lisätessä otetaan sopiva brushinkoko (ei liian iso, eikä liian pieni, koska värittäminen hankaloituu) ja opacityn pitää olla 100%, sekä hardness 100% (reunoista halutaan terävät).

Sitten vain väritetään tarkasti siistit reunat. Jotta saadaan kerralla hyvät, siistit reunat niin luonnoslinen kannattaa olla suht. tarkka ainakin ääriviivoiltaan jotta jotakuinkin tiedetään miten ääriviivat menee. Se helpottaa siis värittämistä.

Reunat ja pienet yksityiskohdat voi tehdä pienemmällä brushilla ja kun on saanut reunat tehtyä, niin sitten keskutan voi värittää isommalla brushilla niin sen saa tehtyä nopeammin.

Jos haluaa, niin tässä vaiheessa voi suunnitella hevosen väripalettia vaikka uudelle layerille yläkulmaan. Siitä on sitten helppo valita värejä sitä mukaa kun värittää.

Sitten luodaan taas UUSI LAYERI, joka olisi tällä kertaa yksityiskohtaisemmalle värille.Siitä tehdään clipping mask edellisen täysvärilayerin päälle, jotta voidaan huoletta värittää niin, että ei haittaisi vaikka väri menisi yli edellisen täysvärilayerin rajojen yli, sillä yli mennyt väri ei näy. Clipping maskin saa photoshopissa, niin että klikkaa valittavan layerin kohtaa (sivupalkissa) väärällä hiirellä ja valitsee että Create a Clipping Mask.

Kun tämä uusi, yksityiskohtaisempaa väritystä varten tehty layeri on liitetty alempaan pohjavärilayeriin, niin kannattaa jättää luonnoslayerilla olevat luonnoslinet vielä n. 30% läpinäkyviksi päälle. Niistä nähdään suurinpiirtein missä menee esim. poski ja turpa, jotta osataan rueta hahmottelemaan niiden muotoja ihan oikeilla väreilläkin. 

Tähän viereiseen kuvaan olen nyt ruennut ihan vain lätkimään perusävyjä (tummempaa harmaata ja vaaleampaa harmaata, jotka muuten molemmat vivahtavat vähän siniseen) niihin kohtiin missä mallikuvan mukaan on. Hahmottelin turpaa luonnoslinejen mukaan ja samoin poskea, jotta sain ne erilleen kaulasta, jotta niitä on helpompi lähteä värittämään tarkemmin. Brushina oli 19-50px kokoinen teräväreunainen (hardness 100%), 50% opacitya omaava brushi, jolla lähdin laittelemaan noita värejä. Katsoin mallikuvasta vähän sitä suuntaa minne ne värit joutuvat, mitkä osat hevosesta tulevat tummillalla ja mitkä ei niin tummalla, mihin tulee kaikista vaaleimpia kohtia ja mihin ei niin vaaleita. Tässä vaiheessa ei ole mitään väliä miltä väritysjälki näyttää, sillä tämä on vain ja ainoastaan sitä perusvarjostusta ja 'valotusta', jonka päälle on sitten huomattavasti helpompi lähteä värittämään tarkempaa väritystä. Senkin takia helpompaa värittää näiden värien päälle, koska alla on jo suunnilleen haluttua sävyä, joten jos käytetään jatkossa 20% opacitya tai alle, niin joutuu kyllä moneen kertaan vetekemään brushia edestakaisin, ennen kuin väriä oikeasti alkaa tarttumaan. Se tarttuu helpommin, jos alla on jo samaa sävyä/sävyastetta :)

Elikkä tästä sitten jatkellaan eteenpäin! Stay tuned!

- nica