LUENTO 6 KUVANKÄSITTELY

Transkriptio

1 LUENTO 6 KUVANKÄSITTELY TIEY4 TIETOTEKNIIKKATAIDOT SYKSY 2017 JUHANI LINNA ANTTI SAND

2 LUENTO Tällä luennolla Taustaa harjoitukseen YH3b Miksi? Digitaalinen kuva Kuvankäsittelyohjelmat Kuvankäsittelyn perusteita Harjoituksen YH3b ja ryhmäharjoituksen 5 esittelyt ja käytännön esimerkit Kalvojen materiaali Antti Sand ja Juhani Linna

3 MIKSI? Kuvankäsittelyssä muokataan kuvista sopivampia johonkin tarkoitukseen Rajaus, koon muutos, kääntäminen Kallistus, vääntäminen Kontrasti, värikylläisyys, väritasapaino Efektit Kohteiden poistaminen tai lisääminen, kuvien yhdistely Arkista ammattityötä esim. markkinointi- ja mainosalalla ja julkaisutoiminnassa, mutta edistynyt kuvankäsittely tuttua myös esim. lukuisille amatöörikuvaajille

4 DIGITAALINEN KUVA Digitaaliset kuvat ovat joko bittikarttagrafiikkaa tai vektorigrafiikkaa Bittikarttagrafiikka (joskus rasterigrafiikka) Se yleisempi Digikamerat, skannerit Käytännössä kaikki valokuvat Vektorigrafiikka CAD-ohjelmat, 3D-grafiikka Voidaan kuvankäsittelyohjelmassa yhdistää samaan kuvaan vektoritaso ja rasteritaso Vektorointi = bittikarttagrafiikasta vektorigrafiikaksi Rasterointi = vektorigrafiikasta bittikarttagrafiikaksi

5 DIGITAALINEN KUVA / VEKTORIGRAFIIKKA Kuvainformaatio tallentuu oliopohjaisena muotoina ja muotojen ominaisuuksina koordinaatistoon Näiden kuvaolioiden kokoa ja muita ominaisuuksia voidaan myöhemmin muuttaa ilman, että kuvan tarkkuus kärsii Vektorigrafiikkakuvat tiedostoina (suhteellisesti) pienempiä ja tulostus on nopeaa Tiedostomuotoja esim..svg ja.ps Wordin/Writerin ja PowerPointin/Impressin piirtotyökalut tekevät vektorigrafiikkaa Piirrokset kuitenkin osana dokumenttia voidaan tallentaa erikseen kuvina, mutta muuttuvat tällöin bittikarttagrafiikaksi Edistyneempiä vektorigrafiikan piirtämiseen soveltuvia kuvankäsittelyohjelmia esim. Inkscape (ilmainen) ja Adobe Illustrator Maalaustyökalut puuttuvat

6 KUVANKÄSITTELY DIGITAALINEN KUVA / BITTIKARTTAGRAFIIKKA Myös: pikseligrafiikka, rasterigrafiikka Bittikarttakuva koostuu pikseleistä, jotka muodostavat ruudukon Kuva muodostuu kauempaa katsottuna Jokaisella pikselillä (vain) yksi väri 840 Kuvan/piirtoalueen koko = pikseleiden määrä leveyssuunnassa x pikseleiden määrä korkeussuunnassa; esim. 840 px x 560 px Bittikarttakuvan piirtäminen = pikseleiden väritystä Bittikarttagrafiikkakuvan kokoa muutettaessa pikselit joudutaan laskemaan uudestaan

7 DIGITAALINEN KUVA / BITTIKARTTAGRAFIIKKA Tiedostokoot (suhteellisesti) suurempia ja tulostus hitaampaa Tiedostotyyppejä Pakkaamattomia.bmp ja.tiff Häviöllisesti pakattu.jpeg (.jpg) Häviöttömästi pakattuja.png ja.gif Pakkaaminen? Ks. Luento 5 Bittikarttagrafiikan piirtämiseen / käsittelyyn soveltuvia ohjelmia ( maalausohjelmia ) esim. Microsoft Paint, Adobe PhotoShop, Corel Paint Shop Pro Kuin paperille piirtämistä, mukana piirtotyökaluja kuten pensseli, maalikannu, pyyhekumi PhotoShopilla ja PaintShopilla voidaan käsittelyvaiheessa luoda kuvaan myös vektorigrafiikkatasoja (vector layer), jos halutaan

8 DIGITAALINEN KUVA Vektorigrafiikkaa zuumataan Bittikarttagrafiikkaa zuumataan Esimerkki

9 DIGITAALINEN KUVA Värisyvyys Kuinka monen bitin avulla pikselin väri ilmaistaan Enemmän bittejä, enemmän mahdollisia värejä Esim. värisyvyydeltään 24 bittinen kuva (tyypillinen.jpg-kuva) = n. 16 miljoonaa väriä ja 8 bittinen kuva (.gif-kuva) = 256 väriä Resoluutio Kuvan tarkkuus (pikseleiden määrä jotain pituusyksikköä kohden, esim. 300 dpi) ja montako pikseliä on käytetty muodostamaan kuvatiedosto Pikseleiden määrä vaakasuunnassa x pystysuunnassa Esim = n. 4 megapikseliä Alkuperäinen merkitys ensimmäinen, arkikielinen merkitys jälkimmäinen

10 KUVANKÄSITTELYOHJELMAT

11 KUVANKÄSITTELYOHJELMAT Tallennusmuodot! Edistyneemmillä kuvankäsittelyohjelmilla on omat tallennusmuotonsa, jotta kuvia voidaan tallentaa myös muokkausvaiheessa PaintShop Pro: *.pspimage GIMP: *. xcf PhotoShop: *.psd Tallenna kuvasi aluksi ohjelman natiivimuotoon

12 KUVANKÄSITTELYN PERUSTEITA Opettelemme mm. Työkalurivien ja palettien käyttöä, työkalujen löytämistä Edusta- ja taustavärin merkityksen Kuvien suodattamista Alueiden valintaa, ja valitun alueen muokkausta Kahdennusta, ts. kloonausta Piirtotasojen (layers) käyttöä

13 KUVANKÄSITTELYN PERUSTEITA Edusta- ja taustaväri Valinta Käytössä on kaksi nämä kaksi täyttöväriä Merkitys vaihtelee työkalun mukaan; esim. reunus- ja täyttöväri tai korvattava ja korvaava väri Keskeistä tässäkin valitse muokattava alue & valitse työkalu! Valintatyökaluja on toimenpiteen keskeisyyden vuoksi useita, pääosin ryhmiteltynä Geometrisiin valintatyökaluihin (valitaan jonkun muodon mukainen alue) Kuvapisteiden väriarvoihin perustuviin valintatyökaluihin (analysoidaan automaattisesti eroja kuvassa, ja valitaan samankaltainen alue) Taikasauva on kätevä!

14 KUVANKÄSITTELYN PERUSTEITA Piirtotasot (myös kuvatasot).jpg,.png,.bmp ym. kuvassa on vain yksi taso; taustataso eli background Suurin osa yksinkertaisista muokkauksista voidaan tehdä samaan tasoon, mutta monimutkaisemmissa muokkauksissa on syytä käyttää tasoja Tasot ovat ikään kuin päällekkäisiä piirtoalustoja, jotka yhdistämällä luodaan lopullinen kuva Tasoa voidaan muokata itsenäisesti ilman, että muilla tasoilla oleva kuvainformaatio muuttuu

15 KUVANKÄSITTELYN PERUSTEITA Esimerkkejä

16 YKSILÖHARJOITUS 3B Harjoituksen jälkeen opiskelija osaa korjata kuvan kirkkautta ja kontrastia, osaa kallistaa kuvaa, osaa leikata kuvasta haluamani osan uudeksi kuvaksi, osaa käyttää suodattimia kuvan muokkaamiseksi, osaa määritellä edusta- ja taustavärin (ts. piirtovärin, foreground/background color), osaa koostaa uuden kuvan paloista muita kuvia, osaa kloonata alueita, osaa tehdä kuvassa monimutkaisia alueiden valintoja (maskeja), osaa käyttää piirtotasoja (layers) ja ymmärrän niiden käyttölogiikan.

17 YKSILÖHARJOITUS 3B Esimerkkejä

18 RYHMÄHARJOITUS 5 Esimerkkejä

19 KIITOS Seuraavaksi kurssilla lähiopetusta Erityistuki harjoitukseen YH3b keskiviikkona klo 16:15 Ryhmäharjoitus (Draw.io eli piirtelyä) torstaina klo 16:15 Mikroluokkatuki harjoitusten tekemiseen perjantaina 10:15-13:45 ja maanantaina klo 10:00 16:00 Seuraava luento tiistaina klo 8:15 aiheena taulukkolaskenta Seuraava dedis!