Photoshop-tutoriaali

[sanhosee]

Elikkä, pyyntö kuului jonkinlaisesta photoshop-tutoriaalista. En nyt lähde kertomaan, miten saadaan minkäkin laista jälkeä, sitä varten on <a href='http://www.tutorialman.com' target='_blank'>Tutorialman</a>, <a href='http://www.pixel2life.com' target='_blank'>pixel2life</a> ja <a href='http://www.good-tutorials.com' target='_blank'>Good-Tutorials</a>. Käyn läpi pari tietämääni kikkaa ja vinkkiä. Kaikki muut saavat esitää korjauksia, omia versioitaan ja lisäyksiä. Käytämme esimerkkinä signaturea, koska sen teko kiinnostaa luultavasti useimpia.

OHJEET OVAT PHOTOSHOP 7.0:LLE TEHTYJÄ. Tosin ero muihin photoshoppeihin ei ole päätähuimaava. Coreliin tätä ei voi oikeastaan soveltaa, mutta Paint Shop prohon varmaankin. En ole kyllä ohjelmaan tutustunut.

Kuvan koko on omissa töissäni aina suurempi kuin mikä on lopputuloksessa. Tämä toimii kahdella tavalla. Olettakaamme, että käytämme signaturea (koko 400*110px) esimerkkinä. Ensimmäinen tapa on tehdä aloituskuvasta vaikkapa 800*220px, eli kaksi kertaa isompi, ja lopuksi pienentää se oikeaan kokoonsa. Toinen tyyli on ottaa vaikkapa 1024*768px kuva, ja tehdä siihen efektiä. Ideana on, että noin suureen alueseen tulee suuremmalla todennäköisyydellä mielenkiintoinen kohta, minkä voi kopioida signatureen.

Border on tärkeä osa signaturea. Itse hoidan tämän tekemällä lopuksi kaikkein päällimmäisen layerin päälle vielä yhden layerin, valitsemalla koko alueen valituksi (Ctrl+a), ja sen jälkeen menemällä Select>Modify>Border. Arvoksi vaikkapa 2px. Sitten vain väritetään alue vaikkapa mustaksi.


Gradient toolin käyttö on omien kuvieni perusta. Sillä on helppo tehdä mielenkiintoiselta näyttävä tausta. Valitset gradientin, mitä haluat käyttää, ja vaihdat valikkopalkin (ylhäällä oleva palkki, sama mistä vaihdetaan gradientin väriä) modea vaikkapa differenceksi. Sitten alat vain lätkiä ympäriinsä.


Clouds/Difference Clouds on toinen tapa tehdä nopea tausta kuvalleen. Menet Filter>Renderer ja valitset joka Clouds tai Difference clouds. Sitten toistat Difference Cloudsin pari kertaa.

Filttereiden käytön perusidea: Älä tyydy käyttämään esim. pelkkää gradient toolia, vaan jatka sen tekemisestä pidemmälle yhdistellen erilaisia filtereitä, layereitä jne. Pelkkä ylivedetty difference-gradient tool-sig on pahin virhe, mitä aloittelija voi tehdä. Hyvä lausahdus on, että jos signustasi näkee, millä se on tehty, niin se ei ole hyvä. Tämäkään ei tietenkään aina päde. Brushisignaturet yleensä paistavat joukosta, ja olenpa nähnyt ihan perus-clouds-siggejä, jotka kumminkin miellyttivät silmää.

Nyt olemme saaneet jo sinänsä mielenkiintoiselta näyttäviä, mutta oletusarvoilla mustavalkoisia kuvia. Miten saamme värit?

Vaihtoehtoina ovat joko Hue/Saturation (Ctrl+u) tai Gradient map, jotka löytvät molemmat Image>Adjustments-valikon alta. Hue/Saturationin kanssa tyyli on pistää ruksi "Colorisize"-kohtaan, ja valita väri. Gradient mapissa taas valitset vain minkä gradientin mukaan haluat kuvan värittyvän. Myös Color Balance (ctrl+B) toimii.

Noin, olemme taas askeleen pidemmällä, ja tällä kertaa käymme enää yhden asian läpi.

Layereitten yhdistäminen on signaturen teon perusasioita. Itse en tosin huomannut sitä pitkään aikaan. Tarkista, että sinulla on Window-valikossa "Layers"-kohdassa ruksi. Jos on, niin sinulla pitäisi siis myös näkyä layers-valikko, jossa näet kaikki layerit. Valikon oikeassa yläkulmassa on "layer mode"-valikko (samanlainen kuin Gradient toolin valikossa). Sitä vaihtamalla päälimmäinen layer tulee jonkinasteisesti läpinäkyväksi.

Noh, editoin lisää sitten kun muistan. Nyt muutkin postaamaan omia vinkkejään!

Noniin, nyt tuli lisää. Tekstit ovat signaturessa kohtalaisen tärkeitä, ja niiden tulisi siis näyttää hyviltä. Hienoja fontteja saa<a href='http://www.dafont.com' target='_blank'>Dafont.comista</a>. Koska pelkkä musta teksti ei auta yleensä paljoa, käymme läpi Blending Optionssit: Ota "Layers"-valikko esiin ja klikkaa hiiren oikeallla korvalla jotain layeriä (tässä tapauksessa teksti-layeriä). Valitse valikosta "Blending Options" ja ala kokeilemaan. Muista kuitenkin, että yksinkertainen valkoinen teksti-musta stroke tai vastaava on usein parempi kuin monimutkaisemmat kehittelyt. Tämä voi joskus nimittäin unohtua allekirjoittaneeltakin.

Leikkaus. Koska suurin osa täällä haluaa varmaankin jonkun animehahmon taustaansa liittää, niin kerrotaanpa tästäkin. Leikkaukseen ei ole mitään taikakeinoja (edit: magic wandia voi kokeilla, ja joskus se toimii), vaan on vain mentävä pikselietäisyydelle, ja aloittaa kumittaminen ~2px kumilla/lasso toolilla. Mikäli reunoille jää jotain muuta väriä kuin pitäisi (kuten screenshotteihin yleensä jää), ne voi poistaa valitsemalla alueen ja käyttämällä Hue/Saturationia (Ctrl+u). Jotkut pitävät tyylinään "ylileikata" kuvan, (mm. peach), jolloin tulos on yleensä erittäin siisti. Itse en kumminkaan pahemmin ko. tyylistä välitä, joten en osaa neuvoa siinä.

Brushit: <a href='http://www.deviantart.com' target='_blank'>Deviantartista</a> saa erinomaisia brusheja, mitkä kannattaa ladata. Sitten vain sovitellaan näitä päällekkäin ja väritetään. Toki omia virityksiään saa pistää mm. filttereiden muodossa. peachin sigit käyttävät melkeimpä yksinomaan brusheja, mikäli olen ymmärtänyt oikein (Sen takia suurin osa sigeistämme näyttää erilaisilta. Minä käytän pohjana erilaisia toimintoja, peach brusheja). Itsekin olen tekemässä omaa settiäni, jonka julkistan sitten joskus vuonna keppi.

//edit: pieniä korjailuja sinne sun tänne. Lisään vielä lisää sitten joskus.

[Freyr]

Kiitoksia tähän astisista vinkeistä, nuo auttoivat paljon
En ole laiskuuttani lukenut aiemmin mitään tutoriaaleja, joten koko ohjelma on tuntunut aika sekavalta. Nyt sain kumminkin edes jonkun verran kiinni tästä hommasta

[Zibe]

Toinen erinomainen tutoriaali-saitti on <a href='http://www.good-tutorials.com' target='_blank'>http://www.good-tutorials.com</a>

[Jollu13]

Anteeksi mutta en tiedä sitä miten saan nuo fontit toimimaan tuossa photoshopissa. Oletan nyt kuitenkin että ne laitetaan photarin sisään mutta minne? Kiitos jo etukäteene tiedosta.

[Zibe]

Ne laitetaan ihan normaaliin fontti-kansioon eli ohjauspaneeli-> fontit.

[Jollu13]

Voi minua...=_= Sori ku vaivasin.

[peach]

Leikkaus. Koska suurin osa täällä haluaa varmaankin jonkun animehahmon taustaansa liittää, niin kerrotaanpa tästäkin. Leikkaukseen ei ole mitään taikakeinoja (älkääkä edes koittako käyttää Magic Wandia!), vaan on vain mentävä pikselietäisyydelle, ja aloittaa kumittaminen ~2px kumilla/lasso toolilla. Mikäli reunoille jää jotain muuta väriä kuin pitäisi (kuten screenshotteihin yleensä jää), ne voi poistaa valitsemalla alueen ja käyttämällä Hue/Saturationia (Ctrl+u).

mitäs ihmettä? meikä ainaki leikkaa polygonal lasso/norm. lasso toolilla kaikki stockini.. tulee tositarkkaa jälkeä ^^

Zibe:
ööö, ohjauspaneeli>fontit?
meikä o laittanu ainaki jokaikisen windows>fonts
mutta kaippa se tuolleenki onnistuu

[Freyr]

<!--QuoteBegin-peach+Oct 12 2004, 04:56 PM--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE (peach @ Oct 12 2004, 04:56 PM)</td></tr><tr><td id='QUOTE'><!--QuoteEBegin--> ööö, ohjauspaneeli>fontit?
meikä o laittanu ainaki jokaikisen windows>fonts
mutta kaippa se tuolleenki onnistuu [/quote]
sama juttu täällä. Itse edes älynnyt mitään ohjauspaneelin kautta laittamista. Suoraan windows/fonts kansioon ne on laitettu ainakin viimeiset 6-7 vuotta

Ja mikä noihin SanHoseen jelppeihin tulee, niin millekkäs PS:lle noi onkaan tehty? Meinaan ainakaan minun CS versiossa ei kaikki mene ihan samoin... tai sitten oon tavalliseen tapaan ihan jäässä

[peach]

varmaa tälle 7.0:lle.. parashan tämä on.. vaikka oha mulla tietty elements ja cssäki

[Zibe]

Tiesin kyllä windows kansiossa sijaitsevan fontit kansion, mutta selvyyden vuoksi laitoin tuon. Aloittelevilla olisi vaikeampi löytää sitä suolta windows-kansiosta.

Mielenkiintoinen typo... Mitäköhän tarkoitin tuolla suolella?

[sanhosee]

<!--QuoteBegin-peach+Oct 12 2004, 04:56 PM--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE (peach @ Oct 12 2004, 04:56 PM)</td></tr><tr><td id='QUOTE'><!--QuoteEBegin--> mitäs ihmettä? meikä ainaki leikkaa polygonal lasso/norm. lasso toolilla kaikki stockini.. tulee tositarkkaa jälkeä ^^
[/quote]
Itsekkin kokeilin normaalia lassoa... En kyllä saantu mielestäni parempaa jälkeä aikaiseksi, kuin mitä kumilla. Mutta koska tiesin, että se on joidenkin mielestä parempi vaihtoehto, niin siinä lukee 2pxkumi/lasso tool.

[Darky]

Tämä saattaa olla tosi tyhmä kysymys mutta miten saan kuvan liitettyä backgroundiin. Minulla on siis background, ja kuva, mutta neon kokonaan eri "juttunsa" eli niitä ei saa yhteen vaan yhdistämällä layereitä. Eli avaan backgroundin, avaan kuvan, mitä sitten? Miten ne saa yhteen?

[sanhosee]

Layer>Merge down/Flatten Image/Merge Visible? Jos tuota jo kokeilit, niin en joko hahmottanut ongelmaasi, tai joku on pielessä.

[Darky]

No siis ne on niikun eri "konseptit" ei niitä voi layereinä yhdistää koska ne ei tavallaan ole samassa layer jutussa, eli kun esim klikkaan kuvaa näkyy eri layerit kun klikkaan taustaa. Vai onko jotain muuta tavaa lisätä se kuva backgroundiin kun file->open?

[Zibe]

Valitset sen kuvan, painat ctrl+a, painat ctrl+c, avaat toisen kuvan, painat ctrl+v. Kuva tulee uuteen layeriin.