LUENTO 6 KUVANKÄSITTELY TIEY4 TIETOTEKNIIKKATAIDOT SYKSY 2017 JUHANI LINNA ANTTI SAND 17.10.2017
LUENTO 6 17.10.2017 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
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
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
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
560 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
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
DIGITAALINEN KUVA Vektorigrafiikkaa zuumataan Bittikarttagrafiikkaa zuumataan Esimerkki
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. 2272 1704 = n. 4 megapikseliä Alkuperäinen merkitys ensimmäinen, arkikielinen merkitys jälkimmäinen
KUVANKÄSITTELYOHJELMAT
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
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öä
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ä!
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
KUVANKÄSITTELYN PERUSTEITA Esimerkkejä
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.
YKSILÖHARJOITUS 3B Esimerkkejä
RYHMÄHARJOITUS 5 Esimerkkejä
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!