Kuvankäsittely - Demo 6

• Vektorigrafiikka
• Kuvankäsittely (Bittikarttakuvat)
  • Kuvan kääntäminen
  • Kuvan rajaus
  • Valotus ja värit
  • Rakeisuus ja kohina
  • Kuvan fyysinen koko
  • Kuvan tulostuskoko
  • Terävöinti
• Tasot (Layers)
• Kuvaformaatit
  • Ruutukaappaukset
• Useiden kuvien muokkaaminen automaattisesti

Tämän kertaisissa tehtävissä tutustutaan vektorigrafiikkaan ja bittikarttakuviin, kuvankäsittelyyn ja kuvaformaatteihin.

Vektorigrafiikka

• Käynnistä OpenOffice Impress ja avaa edellisissä demoissa tekemäsi esitys
• Kopioi esitykseesi tekemäsi kaavio leikepöydälle. Ellet ole kaaviota tehnyt niin piirrä nopeasti yksinkertainen kaavio.
  • Automaattisilla muodoilla tehdyissä kaavioissa täytyy kaavion osat maalata valinta-alueen sisälle.
  • Ellei kopiointi toimi, niin valitse kaavion jokainen osa erikseen pitämällä SHIFT-painiketta pohjassa.
• Käynnistä OpenOffice Writer. Liitä leikepöydälle kopioimasi kuva uuteen tyhjään dokumenttiin.
• Liitä sama kuva vielä uudelleen mutta tällä kertaa valinnalla Edit|Paste Special. Älä hyväksy liitettävälle kuvalle oletusmuotoa vaan valitse muodoksi bitmap
  
• Nyt sinulla on dokumentissasi kaksi eri kuvaa eri muodoissa. Kokeile suurentaa kumpaakin kuvaa. Huomaatko eroa kuvien laadussa? Kumpi kuva suurenee hyvälaatuisena ja miksi?
• Toinen kuva on liitetty vektorimuodossa ja voit vapaasti muuttaa sen kokoa ilman pelkoa laadun heikkenemisestä. Bittikarttaversio kestää kuvan suurentamista huomattavasti huonommin.
• Jos haluat tuottaa vektorimuodossa olevaa grafiikkaa muutenkin kuin OpenOfficen piirtotyökaluilla voit käyttää Inkscape-piirto-ohjelmaa.
• Gimp on tarkoitettu bittikarttojen käsittelemiseen mutta osaa silti aukaista joitakin vektorikuvaformaattejakin. Kokeile avata gimpillä balalaika.svg. Gimp osaa avata tiedoston suoraan verkosta valinnalla File|Open Location
• Gimpin on pakko muuntaa vektorigrafiikkakuva bittikartaksi. Tätä varten Gimp kysyy muunnosasetuksia. Anna bittikarttakuvan leveydeksi 1024 pikseliä. Muihin asetuksiin ei tarvitse koskea. Jos haluaisit niin voisit nyt samalla säätää myös kuvan tulostustarkkuuden resolution-kohdasta.
  
• Jos haluat viedä balalaikan kuvan esim. OpenOffice Writeriin se kannattaisi aina tehdä vektorigrafiikkamuodossa jos vain mahdollista. Valitettavasti Writer ei tue .svg-tiedostomuotoa vaan kuva on joko Gimpissä muunnettava bittikarttakuvaksi tai sitten Inkscapella muunnettava .emf-tiedostomuotoon:
  • Avaa balalaika.svg Inkscapella
  • Tallenna balalaika .emf-muodossa File|Save As
  • Lisää .emf-tiedosto OpenOffice Writerissa uuteen dokumenttiin
  • Valitettavasti Inkscape ei osaa kunnolla muuntaa kaikkia .svg-tiedostoja .emf-muotoon ja balalaikan kuvasta jää osa puuttumaan. On siis tällä kertaa pakko tallentaa Gimpistä bittikartta ja käyttää sitä. Jos kuvan kokoa täytyy tekstinkäsittelyssä myöhemmin muuttaa suuremmaksi niin parhaan laadun saat kun avaat kuvan uudelleen Gimpissä ja määräät kuvan heti avausvaiheessa tarpeeksi suureksi (reilusti pikseleitä!)

Kuvankäsittely (Bittikarttakuvat)

Tutustutaan kuvankäsittelyn perusteisiin Gimp-ohjelmalla. Agoran koneista Gimp löytyy valmiina ja kotikoneeseen voit asentaa sen itse.

Kuvan kääntäminen

• Tallenna mallikuva editoitavaksi U:-asemalle tyovaline/demo6-kansioon.
• Käynnistä Gimp (Start | Programs | Gimp | Gimp 2).
• Avaa äsken tallentamasi kuva Gimpillä.
• Aseta kuva näkyviin siten, että se mahtuu kokonaisuudessaan näytölle. Sopivan suurennuksen/pienennyksen voit valita View|Zoom-valikosta. Yleensä hyvä valinta on Fit Image in Window
• Kuvan horisontti on pahasti vinossa ja kuva on liikaa vasemmalle kallellaan. Yritä saada horisontti suoraksi ja käännä kuva oikeaan asentoon. Käytä Toolboxissa olevaa Rotate Tool-työkalua tai paina CTRL-R, joka aktivoi saman työkalun.
• Tallenna kuva uudella nimellä! Älä missään tapauksessa tallenna alkuperäisen kuvan päälle.

Kuvan rajaus

• Kuvan kääntämisen jälkeen on kuvan rajaus pielessä koska kuva ei ole enää suorassa. Rajaa kuvaa siten, että jäljellä on suorakaiteen muotoinen alue. Rajaa siis kulmat pois.
• Käännetty kuva on nyt vielä omana erillisenä tasonaan ja voit ensin hieman liikutella kuvaa ja asetella sen sopivaan paikkaan canvaksella. Saatuasi kuvan sopivaan paikkaan valitse Layers|Anchor Layer niin kuva asettuu
• Voit kokeilla auttaako valinta Image|Autocrop Image mutta todennäköisesti joudut itse rajaamaan kuvasta käyttökelpoisen alueen Toolboxin Rectangle Select Toolilla.
• Rajattuasi alueen leikkaa kuva alueen muotoiseksi valinnalla Image|Crop to Selection
• Tallenna kuva samaan tiedostoon kuin aiemminkin (CTRL-S)

Valotus ja värit

Avaa gimpissä mallivalokuva 2. Huomaa, että voit avata kuvan suoraan verkosta, kun valitset Gimpissä File|Open Location

Kuvan valotus ei ole välttämättä osunut ihan nappiin. Kokeile mitä kuvaan vaikuttavat seuraavat toimenpiteet. Kokeile aina toimenpidettä ja jos se ei mielestäsi parantanut kuvaa niin peruuta toimenpide heti tekemällä Undo(CTRL-Z).

• Colors|Auto|Normalize - Korjaa alivalottuneita kuvia
• Colors|Auto|Equalize - Korjaa kuvan värejä
• Colors|Auto|Color Enhance - Parantaa värikylläisyyttä
• Colors|Auto|Stretch Contrast - Samantapainen kuin Normalize
• Colors|Auto|Stretch HSV - Vastaava kuin edellinen
• Colors|Auto|White balance- Yrittää korjata valkotasapainon

Kokeile onnistutko paremmin Levels- ja Curver-työkaluilla. Lue luentosivulta niiden lyhyt käyttöohje ja yritä saada valokuvassa lumi näyttämään enemmän valkoiselta kuin harmaalta.

Yritä samaan tapaan korjata Mallikuva 3 paremmaksi.

Entä miten käy jos yrität korjata Mallikuva 4:ssa ihmiset paremmin erottuviksi?

• Valitse Mallikuva 4:ssa pelkästään ikkuna-alue Scissors Select Toolin avulla eli rajaa valinnan ulkopuolella kaikki kuvan alivalottuneet (tummat) alueet.
• Muuta valintasi päinvastaiseksi Select|Invert
• Nyt sinulla on valittuna kaikki kuvan alivalottuneet osat. Kokeile nyt käyttää Levels-työkalua niin se vaikuttaa vain valittuun osaan kuvasta
• Yritä saada kuvassa erottumaan sekä henkilöt että maisema

Rakeisuus ja kohina

Hämärässä otetussa kuvassa on usein korkean ISO-arvon aiheuttamaa kohinaa ja rakeisuutta. Tämän vaikutusta kuvaan voi parhaiten korjata erillisillä ohjelmilla. Gimpissä rakeisuutta voi vähentää pehmentämällä kuvaa ennen kuin kuva pienennetään käytettävään kokoon.

• Avaa gimpilla kuva
• Pehmennä kuvaa valinnalla Filters|Blur|Selective Gaussian Blur
• Suurenna dialogia ja siirrä esikatselukuvaa niin että näet kuvasta hyvän kohdan jossa rakeisuus erottuu
• Etsi kokeilemalla sopivat arvot jotka kadottavat rakeisuuden
• Voit kokeilla myös antaako Filters|Enhance|Despeckle paremman tuloksen kuin Gaussian Blur
• Lopullinen tulos nähdään vasta kuvan pienentämisen jälkeen

Kuvan fyysinen koko

• Käytä kuvaa mistä juuri poistit kohinaa pehmentämällä kuvaa
• Pienennä kuva esim. WWW-sivulle sopivaan kokoon Image|Scale Image
• Valitse kuvan leveydeksi 640 pikseliä ja annan Gimpin laskea oikea korkeus. Pidä siis korkeus ja leveys lukittuna jolloin kuvan suhteet säilyvät.
• Valitse Interpolation-kohtaan Sinc(Lanczos3), joka antaa parhaan laadun kuvaa pienentäessä
• Älä turhaan koske kuvan resoluutioon. Sitä tarvitsee muuttaa vain tulosteisiin.
• Huomaako pienennetyssä kuvassa rakeisuutta? Vertaa ja pienennä kuva jota et ole ensin pehmentänyt.

Kuvan tulostuskoko

Jos kuvaa on tarkoitus käyttää tulosteissa niin kuvan kokoa ei muuteta kuvan pikselimäärään vaikuttamalla vaan määrätään vain montako pistettä tuumalle kuvasta tulostetaan (pistetiheys).

• Tallenna edellä käyttämäsi kuva nimellä 72dpi.jpg. Kuvan tulostustarkkuus on 72 pistettä tuumalle (Dots Per Inch).
• Valitse Image|Scale Image
• Muuta kuvan resoluutioksi 300
• Huomannet, että kuvan pikselimäärä ei muutu mihinkään.
• Tallenna kuva uudella nimellä 300dpi.jpg
• Käynnistä OpenOffice Writer ja lisää tyhjään dokumenttiin kumpikin edellä luomistasi kuvista. Kuvien pitäisi ilmestyä dokumenttiin eri kokoisina.
• Nyt jos venytät tai kavennat kuvaa Writerissa niin se tarkoittaa samaa kuin kuvankäsittelyssä muuttaisit kuvan pistetiheyttä eli tulostustarkkuutta. Writer ei lisää tai vähennä kuvan pisteiden määrää vaan vain muuttaa kuvan DPI-arvoa.

Terävöinti

Aina bittikarttakuvan pienentämisen jälkeen pitää kuvaa terävöittää.

• Muuta kaikki edellä käyttämäsi mallikuvat 640 pistettä leveiksi.
• Terävöitä kaikki kuvat valinnalla Filters|Enhance|UnSharp Mask
• Huomannet, että samat asetukset eivät toimi suoraan kaikkien kuvien kanssa. Yritä säätää terävöitys sellaiseksi, että se ei tee kuvasta vielä liian räikeän terävää vaan terävöittää huomaamattomasti.
• Huomaatko mitään eroa lopputuloksessa kun terävöität alunperin rakeisen mutta pehmentämäsi kuvan verrattuna pehmentämättömään kuvaan?

Tasot (Layers)

Tasot ovat tärkeimpiä ominaisuuksia kuvankäsittelyohjelmassa. Monimutkaisempi kuvanmuokkaus ei ole järkevästi ja tehokkaasti mahdollista ilman tasoja. Tasojen avulla voidaan pitää kuvan eri osat irrallaan toisistaan ja muokata niitä erikseen.

• Avaa Gimpillä mallikuva
• Tallenna kuva heti Gimpin omassa tiedostomuodossa U:-asemalle. esim. nimellä Fuji.XCF. Tallenna jatkossa kuvaa usein.
• Lisää kuvaan teksti Fuji. Laita teksti tarpeeksi suurella kirjasimella.
• Tekstistä tuli automaattisesti uusi taso. Paina CTRL-L niin saat näkyviin tasodialogin
• Kokeile asettaa tasoja pois ja päälle
• Liikuta tasoa ja sen sisältöä. Valitse haluamasi taso aktiiviseksi ja valitse liikutustyökalu ja aseta sen optioista päälle move the active layer
• Aseta tasot eri järjestykseen raahaamalla niitä ylös ja alas tasodialogissa
• Muuta tekstin sisältävän tason läpinäkyvyyttä (Opacity)-liukusäätimellä
• Valitse sopivalla valintatyökalulla tekstisi kaikki kirjaimet sisältöineen. esim. Fuzzy Select Tool
• Lisää uusi taso tasodialogin kontekstivalikosta New Layer. Aseta uusi taso päällimmäiseksi tasoksi.
• Valitse uusi taso aktiiviseksi. Lisää uuteen tasoon jokin hieno liukuväri (Gradient) siten, että valittuna alueena on koko ajan tekstisi sisältöalue
• Liukuvärin pitäisi nyt sopivasti peittää tekstisi eikä muuta osia kuvasta
• Liikuta hieman alkuperäistä tekstitasoa sivuun sen yläpuolella olevasta liukuväritasosta. Saat aikaiseksi varjon tekstille.
• Säädä liukuväritason läpinäkyvyyttä hieman pienemmäksi
• Lisää vielä uusi taso suoraan pohjatason yläpuolelle
• Rajaa alue joka sisältää Fujin lumisen alueen. Valinta onnistuu helposti Fuzzy select toolilla, kun säädät sille tarpeeksi korkean Threshold-arvon.
• Täytä taso Fujin lumialueiden kohdalta punaisella liukuvärillä niin saat aikaan punaisen Fujin
• Pidä aktiivisena äsken värjäämäsi taso. Kokeile mitä vaikuttavat erilaiset tason moodit Mode-alasvetovalikosta. Voit samalla säädellä tason läpinäkyyttä. Kokeile erityisesti seuraavia vaihtoehtoja:
  • Multiply
  • Divide
  • Screen
  • Overlay
  • Dodge
  • Burn
  • Hard Light
  • Soft Light

  Eri moodit on tarkemmin selitetty Blend Modes -dokumentissa.

• Lisää kuvaan vielä uudelle tasolle japanilainen nainen
  • Avaa kuva valinnalla File|Open Location
  • Anna Gimpin muuntaa kuva bittikartaksi, jonka leveys on 200 pikseliä
  • Huomannet, että kuva on osittain läpinäkyvä ja sen takia kuvan läpi näkyy Gimpin pohjaruudukko
  • Kopio bittikarttakuva leikepöydälle ja liitä Fujikuvaan uutena tasona Edit|Paste as|New Layer
  • Käännä nainen katsomaan vasemmalle ja aseta Fujin oikealle puolelle
• Tallenna kuva. Älä seuraavien vaiheiden jälkeen tallenna enää kuvaa .XCF-tiedoston päälle.
• Tee kuvasta vielä myös esim. webbiin kelpaava pienennetty versio
  • Kuvasta on ensin hävitettävä tasot tasodialogin kontekstivalikon valinnalla Flatten Image
  • Pienennä kuva. Aseta leveydeksi 640 pikseliä.
  • Terävöi kuva. Huomaa, että terävöitystä ei välttämättä tarvitse tehdä kuin kuvan valokuva-alueelle.
  • Tallenna JPG-muodossa. Älä missään nimessä tallenna aiemmin käyttämäsi XCF-tiedoston päälle, koska XCF-muodossa ovat edelleen tallessa kaikki tasot yms. joita tarvitset jos haluat muokata kuvaa myöhemminkin.

Lisäohjeita tasoista: Opi Gimp - tasot ja

Kuvaformaatit

• Älä koskaan tallenna muokattua kuvaa suoraan alkuperäisen päälle!
• Käy kokeilemassa JPG-pakkauksen toimintaa JPG-optimizer -palvelulla, jonka avulla voit optimoida JPG-kuvan mahdollisimman pieneksi. JPG-optimizer (Avaa uuteen ikkunaan) näyttää pakkaustehon numerona ja kuvan kyseisellä pakkausteholla pakattuna.
  • Anna JPG-optimizerille käsiteltävän kuvan osoitteeksi jokin aiemmin käytetyistä mallikuvista
• Pakkaustehon vaikutuksen kuvaan voit itse kokeilla tallentamalla uudelleen jonkin aiemmin muokkaamistasi kuvista:
  • Kokeile tallentaa pari eri versiota kuvasta. Valitse ensin tallennuslaaduksi 10.
  • Tee tallennus uudelleen mutta valitse nyt tallennuslaaduksi 70 ja tallenna kuva eri nimellä.
  • Avaa kumpikin kuva uudelleen Gimpiin vierekkäin ja vertaile niitä. Muista asettaa kummankin kuvan kooksi 100% koska muuten Gimp saattaa pienentää kuvaa näytöllä eivätkä kaikki pakkauksesta johtuvat ongelmat erotu niin helposti.

Ruutukaappaukset

Erilaisia ohjeita varten saatat tarvita kuvaruutukaappauskuvan tietokoneen työpöydästäsi. Voit kaapata minkä tahansa näytöllä olevan ikkunan sisällön tai koko työpöydän sisällön kuvana leikepöydälle seuraavilla ohjeilla:

1. Aktivoi haluamasi ohjelman ikkuna.
2. Paina Alt + Print Scrn
3. Aktivoi Gimp ja liitä (Edit|Paste As|New Image) leikepöydältä edellä kaappaamasi kuva muokattavaksi.
4. Pudota kuvan värimäärä pienemmäksi. Kokeile mikä on oikea määrä
5. Tallenna kuva PNG-muodossa. Ruutukaappauksia ei pidä koskaan tallentaa jpg-muodossa.
6. Kokeile vielä kaapata koko työpöytä painamalla pelkästään Print Scrn -näppäintä ja viedä kuva Gimpiin.

Useiden kuvien muokkaaminen automaattisesti

Monesti kuvia on satoja ja niiden käsittely yksitellen on vaivalloista. Joskus riittää, kun vain pienentää kuvat sopivaan kokoon, jonka jälkeen ne on helpompi laittaa verkkoon tai kopioida kaverille katsottavaksi.

Gimpissä ei valmiina ole tukea monen kuvan automaattiselle yhtäaikaiselle käsittelylle mutta ominaisuus on saatavilla,kun asentaa gimpiin DBP (David's Batch Processor) -laajennoksen.

1. Avaa dpb-1.1.8.zip-paketti
2. Kopioi paketissa oleva dbp.exe-tiedosto U:\config\gimp2\plug-ins-kansioon.
   • Kotikoneissa oikea kohdekansio selviää Gimpin asetuksista kohdasta Edit|Preferences|Folders|Plug-Ins. Todennäköinen kansio kotikoneilla on C:\Program Files\Gimp-2.0\lib\gimp\2.0\plug-ins
3. Käynnistä Gimp uudelleen

Käsitellään seuraavaksi iso satsi kuva kerralla.

1. Tallenna seuraava digitaalisella kameralla otettuja kuvia sisältävä zip-paketti C:\Mytemp-hakemistoon.
2. Pura zip-paketti Mytemp-hakemiston alihakemistoon Tommin_digikuvia.
3. Käynnistä Gimp ja valitse Filters|Batch Process...
4. Lisää Input-välilehdellä Add Files-painikkeella kaikki edellä puretut kuvat Images-listaukseen.
5. Aseta ensimmäisenä kohdehakemistoksi c:\mytemp\testi valitsemalla Rename-välilehdeltä Select Dir. Ilman tätä on vaarana, että kirjoitat suoraan alkuperäisten tiedostojen päälle uudet versiot eikä se ole kovin järkevää.
6. Valitse Resize-välilehdeltä Enable
7. Tehdään kuville suhteellinen (relative) pienennys eli ei määrätä tuloskokoa pikseleinä vaan prosentteina alkuperäisestä koosta. Aseta X Scale ja Y Scale kohtiin arvoksi 50.
8. Valitse Sharpen-välilehdeltä Enable
9. Aseta terävöinnin asetuksiksi esim. radius: 1.3, Amount: 1,8 ja threshold: 2. Jos kuvista tulee näillä asetuksilla rumia niin voit aina ajaa saman operaation uudelleen eri asetuksilla.
10. Aseta Output-välilehdeltä tiedostomuodoksi JPG. Oletusarvot kelpaavat.
11. Nyt paina Start-painiketta niin Gimp prosessoi kuvat
12. Käy resurssienhallinnan kautta tarkistamassa mitä c:\mytemp\testi-kansioon ilmestyi. Katso miltä kuvat näyttävät. Jos terävöinti ei ole kohdallaan niin muuta sen asetuksia ja prosessoi kuvat uudelleen.