kuvankäsittelyn alkeet

Harto Pönkä, [email protected]

Kuvankäsittelyn alkeetKuvankäsittelyn alkeetDigitaaliset portfoliot oppimisen tukena -taitotyöpajat

15.02.2010

Harto Pönkä

Learning and Educational Technology Research Unit (LET)


Bittikarttagrafiikka• Bittikarttagrafiikassa kuvat

esitetään pikseleiden eli neliöiden taulukkona.

• Suurennettaessa neliöt tulevat näkyviin ja reunaviivan sahalaitaisuus ilmaantuu näkyviin.

• Bittikarttagrafiikka sopii parhaiten valokuviin.

• Kuvatiedostoja käsitellään yleensä RGB-väreissä, jossa jokaisen pikselin väri muodostuu punaisen, vihreän ja sinisen sekoituksena.

http://fi.wikipedia.org/wiki/Bittikarttagrafiikka


Vektorigrafiikka• Vektorigrafiikassa kuvan

elementit ovat koordinaatein ja matemaattisin funktioin esitettäviä perusmuotoja, joita yhdistelemällä muodostetaan monimutkaisempia kuvia.

• Suurennettaessa vektorikuva säilyy aina terävänä.

• Vektorigrafiikka soveltuu erityisesti logoihin, piirroksiin, ja tekstigrafiikkoihin. Suurennettu vektorikuva

(vas.) ja bittikarttakuva (oik.)

http://fi.wikipedia.org/wiki/Vektorigrafiikka


Tavallisimpia kuvatiedostomuotoja• GIF (Graphic Interchange Format)

– Häviötön bittikarttaformaatti– 256 värin paletti, taustan läpinäkyvyys– Piirrokset, logot, tekstiä sisältävät kuvat, painikkeet, GIF-animaatiot

• JPEG (Joint Photographic Experts Group)– Häviöllinen pakattu bittikarttaformaatti– 24-bittinen väripaletti (224 eli 16 777 216 värisävyä), ei läpinäkyvyyttä– Valokuvat ja muut monisävyiset kuvat

• PNG (Portable Network Graphics)– Häviötön bittikarttaformaatti– 48-bittinen väripaletti (248 värisävyä), 16-bittinen läpinäkyvyys (alpha-kanava)– Ei ole suojattu patentilla, vapaasti käytettävissä– Piirrokset, logot, tekstiä sisältävät kuvat, painikkeet, valokuvat

• SVG: avoin bittikartta-/vektorigrafiikkaformaatti, voidaan käyttää www-sivustoilla• PDF: PostScript-tiedostomuoto, tulostamista, painatusta ja sähköisiä julkaisuja varten• TIFF: häviötön bittikarttaformaatti, kuvankäsittelyä, taittamista ja tulostamista varten• EPS: PostScript-tiedostomuoto, tulostamista, taittamista ja painatusta varten• PSD: Adobe Photoshopin tallennusmuoto• SWF: Flash-ohjelman tallennusmuoto, vektorigrafiikkaformaatti kuville ja animaatioille


Kuvankäsittelyohjelmia• Adobe Photoshop, http://www.adobe.com/fi/photoshop/

– Ammattilaistason ohjelma etenkin bittikarttakuville, esim. valokuvien käsittelyyn

• Paint Shop Pro Photo, http://www.jasc.com/products/paintshoppro/ – Vaihtoehto Photoshopille, bittikartta- ja vektorigrafiikka

• GIMP, http://www.gimp.org/ – Ilmainen ja monipuolinen kuvankäsittelyohjelma Linuxille

• Adobe Illustrator, http://www.adobe.com/fi/illustrator/ – Ammattilaistason ohjelma vektorigrafiikan tuottamiseen

• Inkscape, http://www.inkscape.org/ – Ilmainen vektorigrafiikkaohjelma, saatavana useille käyttöjärjestelmille

• Picasa, http://picasa.google.com/ – Valokuvien käsittely-, arkistointi- ja verkkojulkaisuohjelma

• SumoPaint, http://www.sumopaint.com/ – Www-selaimessa toimiva kuvankäsittelyohjelma


Kuvankäsittelyn käsitteitä• Kuvakoko/Image size = leveys x korkeus• Piirtoalueen koko/Canvas size = piirtoalue, kuvasta näkyvä alue• Kuvan rajaaminen/Crop = piirtoalueen pienentäminen• Resoluutio/Resolution = bittikarttakuvan, tulostimen tms.

erotuskyky, esim. tietokoneen näytöllä 72 dpi ja 96 dpi (dots per inch). Käytetään arkikielessä myös kuvakoon merkityksessä.

• Kuvasuhde/Aspect ratio = kuvan sivujen suhde, esim. 4:3 ja 5:3 • Valkotasapaino/Brightness = valkoisen värisävyn säätäminen• Kontrasti/Contrast = värien välinen visuaalinen ero, sävykkyys• Värikylläisyys/Saturation = värien puhtaus, värikylläisyyden ollessa

huono, kuva on harmaasävyinen


Photoshop-harjoituksia 1

• Tuo Photoshopiin kuvia:– Ruutukaappauksesta (Print Screen –nappi)– Www-selaimesta– Muista ohjelmista, esim. Wordista– M:\Pictures\ -kansiosta– Oma kuvasi



• Kokeile eri työkaluja!• Valitse vain osa kuvasta (neliö, ympyrä tai muu alue) ja

muokkaa sitä• Valitse vain tietty värialue (taikasauvalla) ja muokkaa sitä• Valitse vain tietty väri (Select Color Range) ja muokkaa sitä• Tee vastakkainen valinta ja muokkaa sitä

(Select Inverse)• Lisää siivuja (Slices) ja apuviivoja (Rulers). Voit käyttää niitä

apuna valintojen tekemisessä.



• Tee kuvasta 200x300 px:n kokoinen– Rajaa kuvaa haluamallasi tavalla leveys- ja korkeussuunnassa– Muuta kuvakoko leveyden tai korkeuden mukaan– Rajaa ylimääräinen osa kuvasta pois

• Säädä kuvan värejä– Säädä kuvan väritasot manuaalisesti / manuaalisesti– Säädä kuvan kontrasti manuaalisesti / automaattisesti– Muuta kuvan paletti 256-väriseksi– Muuta kuva mustavalkoiseksi


Photoshop-harjoituksia 4• Tee kuvakollaasi

– Luo uusi kuva, jonka koko on 1024x768 px ja resoluutio 72 dpi– Avaa kollaasiin haluamasi kuvat Photoshopiin– Valitse kustakin kuvasta haluamasi osa ja tuo ne (kopioi-liitä)

ensin luomaasi uuteen kuvaan omille tasoilleen. – Säädä kuvatasojen läpinäkyvyyksiä– Muuta kuvatasojen päällekkäisyyttä (järjestystä)– Käytä syväystyökalua (Select Feather) – Käytä maskia vähintään yhdessä kuvassa– Käännä ainakin yhtä kuvaa– Muuta ainakin yhden kuvan kokoa– Lisää kuvaan tekstiä ja määritä sille tehosteita


SumoPaint• http://www.sumopaint.com/ • Www-selaimesa toimiva

Photoshopin kaltainen kuvankäsittelyohjelma

• Sopii parhaiten piirtämiseen ja valokuvien käsittelyyn

• Mahdollistaa omien kuvien jakamisen käyttäjäyhteisössä

• Suomalaisen Snap Group Oy:n tekemä, mutta käyttäjiä on jo yli 200 maasta

• Kokeile itse!

kuvankäsittelyn alkeet

Documents