Photoshop CS

1. Kuvankäsittelyn teoriaa

2. Tehtäviä osa 1

3. Tehtäviä osa 2

4. Tehtäviä osa 3

 

 

Tehtäviä osa 2

Harjoituskuvat voit ladata myös omatoimista harjoittelua varten zip-paketteina.
[ Osan 1 kuvat | Osan 2 kuvat | Osan 3 kuvat ]

1. Harjoitustehtävä
Monistetaan kuvasta henkilö omalle tasolle rajaamalla (pikamaskia apuna käyttäen), skaalataan, tehdään peilikuva, kopioidaan tasoissa oleva kuva yhdeksi tasoksi, säädetään kuvan sävyjä Levels-säätimellä).


1. Avaa kuva nimeltä ukko.jpg. Valitse normaali lassotyökalu (toiseksi ylin työkalu työkalupaletissa vasemmalla). Muista asettaa häivytys, eli feather arvo nollaksi ennen rajauksen aloittamista. Ympäröi kuvassa oleva mies mahdollisimman läheltä pitäen vasenta hiirennappulaa pohjassa. Pienet ohirajailut ja epätarkkuudet valintapiirissä eivät tässä vaiheessa haittaa. Nyt miehen ympärillä pitäisi olla valintareunus suurinpiirtein kohdallaan.

Voit kokeilla myös Magnetic Lassoa (magneettinen lasso). Tukipisteitä ja sitä kautta lisää tarkkuutta valinnalle saat lisättyä kasvattamalla Options-palkista frequency-lukua.

2. Tarkenna valinta:
Vaihda pikamaskitilaan (Quick Mask Mode) painamalla työkalupaletin alaosasta (piirto- ja taustavärineliöiden alapuolelta oikealta) löytyvää nappia. Nyt kuvaan pitäisi ilmestyä punainen läpikuultava väri valitun alueen ulkopuolelle. Nyt voit tarkentaa valintaa maalaamalla punaista väriä esim. kynä- tai sivellintyökalulla. Aseta piirtoväri mustaksi ja taustaväri valkoiseksi (jos ei jo ole) painamalla piirto- ja taustavärineliöiden alapuolella olevia pieniä mustaa ja valkoista neliötä. Musta väri maalaa punaista pikamaskia ja valkoinen vastaavasti poistaa sitä. Tarkasta vielä, että kynä- tai sivellintyökalun asetuksissa peittävyys (opacity) on 100%. Nyt voit maalata maskiväriä niin, että mies tulee tarkasti rajattua. Kannattaa myös zoomata lähemmäs, tarkempaa työskentelyä varten ja vaihdella siveltimen kokoa.

Vaihda lopuksi takaisin normaalitilaan (pikamaski-napin vasemmalla puolella olevasta napista) ja näet pikamaskitilassa tehdyn tarkan valintapiirin.

3. Kopioi valinnan rajaama alue (ctrl+c) ja sijoita uudeksi tasoksi (ctrl+v). Voit nyt siirtää uuden tason uuteen paikkaan siirtotyökalulla (Move Tool).

4. Muuta taso peilikuvaksi ja pienennä hieman:
Katso että taso, jolla uusi mies sijaitsee on valittuna ja valitse Edit/Transform/Flip Horizontal (Muokkaa/Muunna/Vaakapeilikuva), jolloin uusi mies muuttuu peilikuvaksi. Valitse sitten Edit/Transform/Scale (Muokkaa/Muunna/Skaalaus), jolloin voit kahvoista muuttaa kloonatun miehen kokoa. keskeltä neliötä voit liikuttaa miestä. Kun olet tyytyväinen paina Enter, jolloin muutokset tulevat voimaan (tai jos haluat perua paina Esc).

5. Tee miehelle varjo: Valitse Taustataso (Background) aktiiviseksi. Valitse työkalupaletista Burn Tool (Lisävalotus). Löytyy Maalikannu-työkalun alapuolelta, toinen vaihtoehto. Maalaa sitten varjoa miehen jalkojen juureen (voit säätää tummuutta työkalun asetuksista). Ei tarvitse paljoakaan laittaa varjoa, kun "levitoiva" mies tarttuu maahan. Varjostus tulee taustatasoon, koska tasolla, jolla mies sijaitsee, ei ole varjostettavaa sisältöä oikeassa kohdassa.

6. Kun kaikki on kohdallaan, ota kuvasta yhdistetty kopio - toimenpide kopioi kuvasta näkyvät tasot yhdeksi yhdistetyksi tasoksi. Näin voit säätää yhdessä tasossa olevaa kuvaa ja samalla säilyttää alkuperäiset tasot.

Valitse kaikki (Ctrl+a) ja valitse näkyvissä olevalla ja aktiivisella tasolla Edit/Copy Merged. Sijoita leikepöydän sisältö Layers-paletissa ylimmäiseksi. Mikäli yhdistynyt kopio ilmestyy Layers-palettiin muiden tasojen väliin, voit raahata hiirellä tämän uuden tason ylimmäiseksi. Koko kuvan sisältö on nyt kopioitu yhdeksi tasoksi, johon voit tehdä korjailuja. Muista kuitenkin, että säädöt koskevat vain aktiivisena olevaa tasoa ja alkuperäiset tasot eivät muutu, ellet käy niitä erikseen valitsemassa.

Jos säädöt ovat peruuttamattomasti pielessä, voit heittää luomasi yhdistetyn tason roskikseen ja ottaa alkuperäistasoista uuden yhdistetyn kopion ja jatkaa taas siitä.

7. Säädä kuvan sävyt kohdalleen Levels-säätimellä: Image/Adjustments/Levels... Paina OK kun kuva miellyttää silmää.

8. Tallenna kuva Save for Web-toiminnolla jpg-muotoon ja laita nimeksi ukot. Katso esikatseluikkunasta sopiva pakkaussuhde, mutta ole erityisen varovainen liiallisen pakkaamisen kanssa, sillä kuvaoriginaali oli myös jpeg-kuva ja näinollen jo kertaalleen pakattu. Tallenna tasoissa oleva kuva nimellä ukko.psd.

2. Harjoitustehtävä
Tarkoituksena on tehdä "tekstilogo" tyhjästä.


1. Tehdään uusi kuvaikkuna: Valitse File/New (Arkisto/Uusi). Annetaan kuvalle nimi "logo" yläreunan Name (Nimi) kohtaan. Asetetaan kuvaikkunan leveydeksi 500 ja korkeudeksi 200 pikseliä. Resoluutioksi tulee 72dpi. Mode (Tila) kohtaan laitetaan RGB ja taustaväriksi valkoinen. Klikkaa OK, jolloin asetusten mukainen piirtoalue tulee näkyviin.

2. Kirjoitetaan teksti:
Valitse tekstityökalu (Työkalupaletissa T-kirjain). Klikkaa hiiren vasemmalla näppäimellä kuvan päällä, jolloin pääset syöttämään kuvaan tekstiä. Kirjoita teksti, esim. "Firma Oy" ja valitse se kursorilla maalaamalla. Options-palkista voit valita fontin ja sen koon. Määritä tekstin koko niin suureksi että kuvaikkunaan jää hieman tyhjää reunoihin. Valitse sitten väri klikkaamalla Color (Väri) suorakulmiota Options-palkista. Valitse tekstille myös jokin pehmennys (esim. Smooth vaihtoehto). Nyt tekstin pitäisi olla kuvassa uutena tekstitasona (Tunnistat tekstitason tasolla olevasta T-kirjaimesta).

3. Laitetaan tekstiin tehosteita:
Valitse tekstitaso aktiiviseksi, jollei jo ole, ja klikkaa sen päällä oikealla hiiren näppäimellä. Valitse alasvetovalikosta Blending Options (Tehosteet). Ensimmäiseksi voit laittaa kuvaan halutessasi heittovarjon. Kokeile muitakin efektejä valitsemalla yhden kerrallaan valikosta (ne tulevat näkyviin laittamalla rasti niiden eteen). Laitoin esimerkkilogoon käyttämiäni efektejä oletusarvoilla. Klikkaa OK kun olet tyytyväinen jolloin efektit jäävät tekstiin. (Huomaa, että efekteistä huolimatta voit vielä editoida tekstiä klikkaamalla tekstiä tekstityökalulla).

4. Muutetaan tekstitaso kuvatasoksi ja lisätään perspektiivi:
Koska taso on tekstitaso, et voi käyttää kaikkia mahdollisia kuvankäsittelytoimintoja siihen. Tekstitaso muutetaan bittikarttatasoksi valitsemalla Layers-paneelista kohdetason päällä hiiren oikean napin valikosta Rasterize Layer (Muodosta taso). Muunnos onnistuu myös Layer-ylävalikon kautta. Nyt voit valita Edit/Transform/Perspective (Muokkaa/Muunna/Perspektiivi). Tee tekstiin perspektiivimuunnos vetämällä kahvoista (esim. vasen reuna lähelle) ja hyväksy OK.

5. Viimeistellään:
Koska kyse on selvästikin värilliselle pohjalle sijoittuvasta logosta, väritetään taustataso liukuvärillä. Valitse taustataso (background) aktiiviseksi tasopaletissa. Valitse piirtovärisi ja työkaluksi liukuvärityökalu. Napsauta hiiren painike pohjaan missä tahansa kuvan alueella ja vedä liukuvärin suunta ja pituus ja vapauta, jolloin taustan pitäisi värjäytyä.

Tehdään vielä tähti taustalle heijastus-suotimella Filter/Render/Lens Flare (Suodin/Muodosta/Linssinheijastus). Voit siirtää välähdyksen avautuvassa ikkunassa haluamaasi paikkaan ja määritellä prosentteina sen kirkkauden ja valita linssityypin. Klikkaa OK, jolloin välähdys ilmestyy kuvaan.

6. Tallennetaan Save For Web -komennolla alle 30 kt:n kokoiseksi kuvatiedostoksi:
valitse File/Save For Web (Arkisto/Tallenna webiä varten). Valitse yläreunasta 4-Up (4-kuva). Vasemmalla ylhäällä näet originaalin kuvan. Klikkaa kuvaa joka on oikeassa yläreunassa ja valitse sen formaatiksi GIF. Valitse sitten seuraaville kuville formaateiksi JPG ja PNG-8. Valitse taas Oikea yläkuva ja klikkaa oikealla ylhäällä olevaa nuolta (Optimize Menu eli Optimointivalikko) ja valitse Optimize to File Size (Optimoi tiedostokokoon). Valitse Current Settings (Nykyiset asetukset) ja laita Desired File Size (Haluttu tiedostokoko) arvoksi 30 kt. Kone kokeilee kohdekuvaan erilaisia optimointiasetuksia, kuten värimääriä ja pakkaussuhteita, kunnes asetettu tiedostokoko saavutetaan. Toista sama JPG ja PNG-kuville. Katso mikä kuvista on mielestäsi parhaan näköinen ja valitse se aktiiviseksi ja klikkaa OK. Jos, niin kuin luulen, valitsit JPG:n, ohjelma ehdottaa kuvalle nimeksi logo.jpg, valitse paikka jonne haluat kuvan tallentaa ja tallenna (kuvasta tallentuu kopio). Tallenna vielä originaali psd:nä.

3. Harjoitustehtävä
Tehdään seuraavaksi nuolipainikkeita nettisivuille.

1. Aloita uusi kuva, anna sille kooksi 150x50 ja tee taustasta valkoinen.

2. Tee kuvaan uusi taso (Layer-paletissa). Tee uudelle tasolle vaakasuuntaisen ellipsin muotoinen valinta ja täytä se haluamallasi värillä.

3. Nuolen piirtäminen:
Tee uusi taso ja piirrä nuoli vasemmalle muototyökaluista löytyvällä Line Toolilla (viiva). Aseta nuoli viivan alkupäähän Options-paletista, nuoliasetukset löytyvät pienen alaspäin osoittavan mustan kolmion takaa. Nuolen koko vaihtuu viivan leveysasetusten mukaan. Lopuksi nuolta voi kevyesti vielä muotoilla, Edit/Free Transform.

4. Tee nuolelle kohokuva-efekti valitsemalla tason Blending Options tai vaihtoehtoisesti valikon kautta Layer/Layer Style/Bevel and Emboss.

5. Tee ovaalille taustalle pieni sininen varjo. Varjon väriä pääsee muuttamaan varjoasetuksista.

6. Rajaa ylimääräiset valkoiset reunukset pois ja talleta kuva jpg-formaattiin Save for Web -toiminnolla.

7. Tee kuvasta nyt vaakapeilikuva, Image/Rotate Canvas/Flip Canvas Horizontal. Toimenpide kääntää kaikki kuvan tasot kerralla. Talleta kuva jpg-formaattiin Save for Web -toiminnolla, mutta tietenkin eri nimellä.

Tasot sisältävän kuvan voit tallentaa taas psd-muodossa vaikkapa nuolet.psd nimellä.

4. Harjoitustehtävä

1. Luo uusi dokumentti, kooltaan 500 pikseliä korkea ja 200 leveä.

2. Väritä tausta harmaaksi.

3. Ota tekstiyökalu ja kirjoita kuvan ylälaidan tuntumaan nimesi, mielellään jollakin jämerällä fontilla, jotta tehosteet näkyvät kirjaimista. Laita tekstin väriksi esim. sininen. Tällä taustan ja tekstin väriyhdistelmällä saamme esiin kaikki tasotehosteet, mutta tämä ei tarkoita etteikö muitakin värivaihtoehtoja olisi tarjolla.

4. Tekstin asemointia:
Monista tekstiä siten, että tekstitasoja on esim. yhteensä 9 - kaikki samassa nipussa päällekkäin. Älä siirrä tasoja, ennen kuin olet saanut viimeisen tason valmiiksi. Siirrä viimeiseksi tuottamasi taso kuvan alalaitaan ja linkitä kaikki muut tekstitasot siihen Layers-paletissa. Ota ylävalikosta Layer/Distribute Linked/Vertical Centers ja tekstit levittyvät tasaisesti alueelle. Tarvittaessa tasaa tekstit samaan linjaan valitsemalla Layer/Align Linked/Left Edges.

5. Laitetaan tekstiin tehosteita:
Valitse ensimmäisen tason päällä hiiren oikealla korvalla Blending Options > Inner Shadow. Valitse toisen tason päällä hiiren oikealla korvalla Blending Options > Outer Glow. Jatka taso tasolta ja käy kaikki seuraavat tehosteet läpi: Inner Glow, Bevel and Emboss, Satin, Color Overlay, Gradient Overlay, Pattern Overlay ja Stroke.

Kokeile vaihtoehtoja ja tutki miten asetukset vaikuttavat. Muista, että sinun tulee valita ko. efekti (klikkaa efektin nimen päällä), jotta sen asetusikkuna aktivoituu.

6. Tallenna kuva lopuksi nimellä omanimi.psd.

 

©Joensuun yliopiston opetusteknologiakeskus 2004