Photoshop-tutoriaali

Apua ja neuvoja piirtämiseen
Avatar
sanhosee
Torture Specialist
Torture Specialist
Viestit: 790
Liittynyt: To Touko 06, 2004 09:19
Paikkakunta: Right where you want me to be

Viesti Kirjoittaja 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.
Kuva
Avatar
Freyr
Ylläpitäjä
Ylläpitäjä
Viestit: 1298
Liittynyt: Ti Heinä 13, 2004 04:01

Viesti Kirjoittaja 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 :)
Kuva
Avatar
Zibe
ANBU
ANBU
Viestit: 471
Liittynyt: Ma Kesä 28, 2004 17:10
Paikkakunta: Oulu, Finland
Viesti:

Viesti Kirjoittaja Zibe »

Toinen erinomainen tutoriaali-saitti on <a href='http://www.good-tutorials.com' target='_blank'>http://www.good-tutorials.com</a>
**Kuva poistettu**
Jollu13
ANBU Squad Leader
ANBU Squad Leader
Viestit: 875
Liittynyt: Ti Kesä 15, 2004 23:12
Paikkakunta: Internet

Viesti Kirjoittaja 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. :)
<img src='http://koti.mbnet.fi/ninphai/Signatures ... otion2.png' border='0' alt='user posted image' />
Avatar
Zibe
ANBU
ANBU
Viestit: 471
Liittynyt: Ma Kesä 28, 2004 17:10
Paikkakunta: Oulu, Finland
Viesti:

Viesti Kirjoittaja Zibe »

Ne laitetaan ihan normaaliin fontti-kansioon eli ohjauspaneeli-> fontit.
**Kuva poistettu**
Jollu13
ANBU Squad Leader
ANBU Squad Leader
Viestit: 875
Liittynyt: Ti Kesä 15, 2004 23:12
Paikkakunta: Internet

Viesti Kirjoittaja Jollu13 »

Voi minua...=_= Sori ku vaivasin.
<img src='http://koti.mbnet.fi/ninphai/Signatures ... otion2.png' border='0' alt='user posted image' />
peach
Academy Teacher
Academy Teacher
Viestit: 331
Liittynyt: Pe Heinä 23, 2004 14:09
Paikkakunta: Oulu

Viesti Kirjoittaja 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 :)
Kuva
Avatar
Freyr
Ylläpitäjä
Ylläpitäjä
Viestit: 1298
Liittynyt: Ti Heinä 13, 2004 04:01

Viesti Kirjoittaja 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ä
Kuva
peach
Academy Teacher
Academy Teacher
Viestit: 331
Liittynyt: Pe Heinä 23, 2004 14:09
Paikkakunta: Oulu

Viesti Kirjoittaja peach »

varmaa tälle 7.0:lle.. parashan tämä on.. vaikka oha mulla tietty elements ja cssäki :D
Kuva
Avatar
Zibe
ANBU
ANBU
Viestit: 471
Liittynyt: Ma Kesä 28, 2004 17:10
Paikkakunta: Oulu, Finland
Viesti:

Viesti Kirjoittaja Zibe »

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

Mielenkiintoinen typo... Mitäköhän tarkoitin tuolla suolella?
**Kuva poistettu**
Avatar
sanhosee
Torture Specialist
Torture Specialist
Viestit: 790
Liittynyt: To Touko 06, 2004 09:19
Paikkakunta: Right where you want me to be

Viesti Kirjoittaja 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.
Kuva
Avatar
Darky
Academy Teacher
Academy Teacher
Viestit: 353
Liittynyt: Su Loka 03, 2004 00:34
Paikkakunta: Wonderland

Viesti Kirjoittaja 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?
Machinae uproar.

"Alright Alex..this is gonna.." "Sting a little? I know"
"No actually it's gonna hurt like a motherfucker"
Avatar
sanhosee
Torture Specialist
Torture Specialist
Viestit: 790
Liittynyt: To Touko 06, 2004 09:19
Paikkakunta: Right where you want me to be

Viesti Kirjoittaja sanhosee »

Layer>Merge down/Flatten Image/Merge Visible? Jos tuota jo kokeilit, niin en joko hahmottanut ongelmaasi, tai joku on pielessä.
Kuva
Avatar
Darky
Academy Teacher
Academy Teacher
Viestit: 353
Liittynyt: Su Loka 03, 2004 00:34
Paikkakunta: Wonderland

Viesti Kirjoittaja 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?
Machinae uproar.

"Alright Alex..this is gonna.." "Sting a little? I know"
"No actually it's gonna hurt like a motherfucker"
Avatar
Zibe
ANBU
ANBU
Viestit: 471
Liittynyt: Ma Kesä 28, 2004 17:10
Paikkakunta: Oulu, Finland
Viesti:

Viesti Kirjoittaja Zibe »

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