Photoshop

Photoshop CS

Tehtäviä osa 3

Avaa tästä omaan ikkunaan tulostettava versio!

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

1. Harjoitustehtävä
"Postikorttikuva". Tehdään kuvalle valkoiset reunukset ja sävytetään kuvan osia alla näkyvällä tavalla.

1. Avaa kuva rantanainen.jpg. Muuta kuvan koko: 72 dpi, leveys 500 pikseliä.

2. Käytä Rajaustyökalua ja rajaa kuva 350 pikseliä korkeaksi. Käytä apuna Info-palettia, josta näet rajausvalinnan koon reaaliaikaisesti muuttuvana.

3. Kuvan tilan muuttaminen:
Muuta harmaasävykuva RGB-tilaan, Image/Mode/RGB.

4. Toonaus eli sävytys:
Ota sivellintyökalu käyttöösi sävytystä varten. Valitse sivellintilaksi Color ja peittävyydeksi 100%. Piirtoväriä ja siveltimen kokoa vaihtelemalla saanet tulosta aikeiseksi. Zoomaa tiukoissa kohdissa reippaasti lähemmäksi.

5. Valkoiset reunukset:
Tee suorakulmion muotoinen valinta läheltä kuvan reunoja, voit koettaa muokata tartuntakahvoista valittua aluetta ottamalla ylävalikosta Select/Transform selection. Käännä valinta kääneiseksi, Select/Inverse. Luo uusi taso ja maalaa maalipurkilla valittu alue valkoisella värillä.

6. Tallenna Save for Web -toiminnolla jpg-kuvaksi.

2. Harjoitustehtävä
Pilalle mennyt lomakuva. Koitetaan säätää kuvan sävyjä ja valoisuutta vastaamaan mallikuvaa.

1. Avaa kuva nimeltä katukahvila.psd. Kuva on kahdessa tasossa. Alla on näkyvillä kuva sellaisena kuin sen pitäisi olla, ja päällä on pilalle mennyt skannaus. Yritä säätää pilalle mennyt skannaus vastaamaan alla olevaa kuvaa.

2. Käytä työkaluina Image/Adjustments/... -valikon alta löytyviä kirkkauden ja kontrastin säätöä sekä Levels-, Color Balance- ja Hue / Saturation -säätimiä. Näihin ei luonnollisestikaan ole ohjeen mukaista säätöä, vaan tyydyttävä lopputulos löytyy kokeilemalla.

3. Tallenna onnistunut lopputulos katukahvila2.psd nimellä.

3. Harjoitustehtävä

Mainosbanneri tekstityökalua käyttäen. Kahden kuvan "sulauttaminen" ja tekstin muokkaaminen tekstipaletin ja Warp-text -toimintojen avulla.

1. Avaa kuvat lumilautailija.jpg ja taivas.tif.

2. Pyyhitään "ylimääräistä" taustaa pois lumilautailija.jpg -kuvasta:
Monista taustataso omalle tasolleen, vaikkapa vetämällä taso Layers-paletissa uusi taso -ikonin päälle. Kytke taustataso pois näkyvistä ja huolehdi että näkyvä taso on aktiivinen. Ota pyyhekumityökalu ja määrittele siveltimen koko isoksi - Huomioi että siveltimen tulee olla myös pehmeäreunainen. Vedä lautailijaa myötäilleen pyyhekumilla taustaa pois, varo ettet pyyhi ainakaan kovin paljoa itse lautailijaa. Isosta siveltimestä johtuen lautailijan ympärille jää hieman "huntua".

3. Monistetaan taso toiseen kuvaan:
Raahaa muokattu lautailijataso siirtotyökalulla taivas.tif kuvan päälle. Mikäli kaikki meni nappiin, avoimeen kuvatiedostoon syntyi juuri raahaamasi kuvan sisältävä uusi taso automaattisesti. Siirrä kaveri oikeaan kohtaan ja skaalaa kokoa jos ei ole mielestäsi sopiva. Muista että skaalaus isommaksi heikentää kuvan laatua. Tässä vaiheessa luultavasti myös paljastuu, jos tuotuun tasoon on unohtunut pyyhkimisvaiheessa reunoja tai muuta ylimääräistä ainesta.

4. Tasoasetuksista muuta laskijan tason asetukseksi Hard Light. Jos tyyppi on kuvassa mielestäsi liian tumma, säädä vaaleutta Image/Adjust/Brightness and Contrast.

5. Ota käyttöön tekstityökalu ja kirjoita haluamallasi värillä slogan kuvan yläosaan (uuden tekstin oletusväri on sama kuin piirtoväri eli foreground color).

6. Tekstin ulkoasun muokkaaminen:
Muokkaa tekstiä tekstipaletin astuksilla ja Warp Text -toiminnoilla. Warp Textin ja tekstipaletin saat esiin Options paletista tekstityökalun ja tekstitason ollessa aktiivisia. Vaikka tekstiä vääristetään, säilyy se silti muokkauskelpoisena ja voit jatkaa kirjoittamista.

7. Viimeistely:
Laita tekstille Outer Glow tehoste. Muuta kuvan koko sovieliaammaksi nettibannerille. Eli resoluutioksi 72 pikseliä tuumalle ja pikselimitoiksi 400 x 175. Tallenna webia varten haluamassasi muodossa. Koita saada mahdollisimman pieni tiedostokoko ja hyvä laatu. Tarkkaile laatua Save for Web esikatseluikkunassa suurennuslasin kanssa.

4. Harjoitustehtävä
Bittikarttakuvana toimitetun kuvaajan muokkaaminen webiin. Korjataan kuvaa "päällepiirtomenetelmällä".

1. Avaa kuva kappyra.tif.

2. Muunna kuva bittikarttatilasta harnaasävykuvaksi ja edelleen värikuvaksi, Image/Mode/Grayscale ja Image/Mode/RGB.

3. Tee kuvan päälle uusia tasoja ja piirrä kuvaajan osat uudelleen. Voit piirtää havainnollisuuden takia eri värillä kuin mustalla, värin voi tehtävän lopuksi säätää mustaksi.

4. Kuvassa olevan käyrän voi piirtää kynällä tai siveltimellä napsauttamalla lähtöpistettä kuva-alueella ja sen jälkeen Shift-näppäintä apuna käyttäen lukuisia jatkopisteitä klikkailemalla, joiden välille piirtyy suoraa viivaa.

Toinen oiva vaihtoehto tehdä työ on käyttää Pen-työkalua eli reittikynää, jolla luodaan vektorikäyrä, joka sitten edelleen piirretään bittikarttagrafiikaksi. Opettaja neuvoo -->

5. Suorat linjat viivatyökalulla ja kirjaimet tekstityökalulla...

6. Tallenna lopputulos sekä psd-muodossa että gif-kuvana, joka on 374 px leveä ja 284 px korkea.

Lisäharjoitus ahkerille
Skannatun taulukon uudelleenpiirtäminen webiin.

1. Avaa kuva kaaviokuva1.tif ja käännä kuva oikeinpäin, Image/Rotate Canvas/90° CW.

2. Zoomaa lähelle kuvan valkoista aluetta, näet sen olevan täynnä epämääräistä kohinaa. Poista kohina lisäämällä kuvaan kirkkautta ja kontrastia, Image/Adjustments/BrightnessContrast.

3. Ota kuva kokonaan kerralla ruudulle näkyviin. Tämä onnistuu kätevimmin tuplaklikkaamalla käpälän kuvaa työkalupaletista. Rajaa kuvasta Crop- eli rajaustyökalulla liiat valkoiset reunoilta pois.

4. Muuta kuvan koko Image/Image Size... -asetuksista: 72 dpi, 750 pikseliä leveä (pidä huoli, että Constrain Proportions ruksi on päällä). Nyt kuva on sopivan kokoinen oletettua 800x600 tarkkuudella toimivaa monitoria ajatellen.

5. Nyt kun katsot kuvaa, huomaat ettei kokomuunnos tehnyt kovin hyvää kuvan laadulle. Joudut nyt korjaamaan kokomuunnnoksesta aiheutuneet virheet. Eli käytä edellisestä tehtävästä tuttua omille tasoilleen tapahtuvaa päällepiirto ja -kirjoitusmetodia.

6. Ole kärsivällinen :) Muunna kuva värejä varten RGB-tilaan.

Suosittelen laatikoiden ym. piirtoon työkaluiksi mm. muototyökaluja, joilla saat suoraan tehtyä pyöreäkulmaisia laatikoita ja nuolia.

Esim. laatikon reunoihin voit piirtää reunat kätevästi tasotehosteista löytyvällä Strokella.

7. Tasoja tulee luultavasti todella iso määrä, voit järjestellä tasoja Layers-paletissa myös kansioihin. Uuden kansion Layers-palettiin luot paletin alalaidasta löytyvällä kansioikonilla. Myös tasojen nimeäminen helpottaa hommaa. Aktiivisena olevan tason nimeä pääsee vaihtamaan mm. ylävalikon kautta, Layer/Layer Properties... Valmiita tasoja voi myös yhdistää keskenään: Linkitä haluamasi tasot keskenään ja valitse yhden linkitetyistä tasoista ollessa aktiivisena Layer/Merge Linked.

8. Kysy opettajalta :D

Avaa tästä omaan ikkunaan tulostettava versio!