Kuvankäsittelyn alkeet Digitaaliset portfoliot oppimisen tukena -taitotyöpajat 15.02.2010 Harto Pönkä Learning and Educati...
Bittikarttagrafiikka <ul><li>Bittikarttagrafiikassa  kuvat esitetään  pikseleiden  eli neliöiden taulukkona.  </li></ul><u...
Vektorigrafiikka <ul><li>Vektorigrafiikassa  kuvan elementit ovat koordinaatein ja matemaattisin funktioin esitettäviä  pe...
Tavallisimpia  kuvatiedostomuotoja <ul><li>GIF ( Graphic Interchange Format ) </li></ul><ul><ul><li>Häviötön bittikarttafo...
Kuvankäsittelyohjelmia <ul><li>Adobe Photoshop ,  http://www.adobe.com/fi/photoshop/   </li></ul><ul><ul><li>Ammattilaista...
Kuvankäsittelyn käsitteitä <ul><li>Kuvakoko/Image size  = leveys x korkeus </li></ul><ul><li>Piirtoalueen koko/Canvas size...
Photoshop-harjoituksia 1 <ul><li>Tuo Photoshopiin kuvia: </li></ul><ul><ul><li>Ruutukaappauksesta (Print Screen –nappi) </...
Photoshop-harjoituksia 2 <ul><li>Kokeile eri työkaluja! </li></ul><ul><li>Valitse vain osa kuvasta (neliö, ympyrä tai muu ...
Photoshop-harjoituksia 3 <ul><li>Tee kuvasta 200x300 px:n kokoinen </li></ul><ul><ul><li>Rajaa kuvaa haluamallasi tavalla ...
Photoshop-harjoituksia 4 <ul><li>Tee kuvakollaasi </li></ul><ul><ul><li>Luo uusi kuva, jonka koko on 1024x768 px ja resolu...
SumoPaint <ul><li>http ://www.sumopaint.com/   </li></ul><ul><li>Www-selaimesa toimiva Photoshopin kaltainen kuvankäsittel...
Upcoming SlideShare
Loading in …5
×

Kuvankäsittelyn alkeet

3,511 views

Published on

Digitaaliset portfoliot oppimisen tukena -taitotyöpajat 15.02.2010, Harto Pönkä, Learning and Educational Technology Research Unit (LET), http://let.oulu.fi/

1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
3,511
On SlideShare
0
From Embeds
0
Number of Embeds
87
Actions
Shares
0
Downloads
12
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Kuvankäsittelyn alkeet

  1. 1. Kuvankäsittelyn alkeet Digitaaliset portfoliot oppimisen tukena -taitotyöpajat 15.02.2010 Harto Pönkä Learning and Educational Technology Research Unit (LET)
  2. 2. Bittikarttagrafiikka <ul><li>Bittikarttagrafiikassa kuvat esitetään pikseleiden eli neliöiden taulukkona. </li></ul><ul><li>Suurennettaessa neliöt tulevat näkyviin ja reunaviivan sahalaitaisuus ilmaantuu näkyviin. </li></ul><ul><li>Bittikarttagrafiikka sopii parhaiten valokuviin. </li></ul><ul><li>Kuvatiedostoja käsitellään yleensä RGB-väreissä , jossa jokaisen pikselin väri muodostuu punaisen, vihreän ja sinisen sekoituksena. </li></ul>http://fi.wikipedia.org/wiki/Bittikarttagrafiikka
  3. 3. Vektorigrafiikka <ul><li>Vektorigrafiikassa kuvan elementit ovat koordinaatein ja matemaattisin funktioin esitettäviä perusmuotoja , joita yhdistelemällä muodostetaan monimutkaisempia kuvia. </li></ul><ul><li>Suurennettaessa vektorikuva säilyy aina terävänä. </li></ul><ul><li>Vektorigrafiikka soveltuu erityisesti logoihin, piirroksiin, ja tekstigrafiikkoihin. </li></ul>Suurennettu vektorikuva (vas.) ja bittikarttakuva (oik.) http://fi.wikipedia.org/wiki/Vektorigrafiikka
  4. 4. Tavallisimpia kuvatiedostomuotoja <ul><li>GIF ( Graphic Interchange Format ) </li></ul><ul><ul><li>Häviötön bittikarttaformaatti </li></ul></ul><ul><ul><li>256 värin paletti, taustan läpinäkyvyys </li></ul></ul><ul><ul><li>Piirrokset, logot, tekstiä sisältävät kuvat, painikkeet, GIF-animaatiot </li></ul></ul><ul><li>JPEG ( Joint Photographic Experts Group ) </li></ul><ul><ul><li>Häviöllinen pakattu bittikarttaformaatti </li></ul></ul><ul><ul><li>24-bittinen väripaletti (2 24 eli 16 777 216 värisävyä), ei läpinäkyvyyttä </li></ul></ul><ul><ul><li>Valokuvat ja muut monisävyiset kuvat </li></ul></ul><ul><li>PNG ( Portable Network Graphics) </li></ul><ul><ul><li>Häviötön bittikarttaformaatti </li></ul></ul><ul><ul><li>48-bittinen väripaletti (2 48 värisävyä), 16-bittinen läpinäkyvyys (alpha-kanava) </li></ul></ul><ul><ul><li>Ei ole suojattu patentilla, vapaasti käytettävissä </li></ul></ul><ul><ul><li>Piirrokset, logot, tekstiä sisältävät kuvat, painikkeet, valokuvat </li></ul></ul><ul><li>SVG: avoin bittikartta-/vektorigrafiikkaformaatti, voidaan käyttää www-sivustoilla </li></ul><ul><li>PDF: PostScript-tiedostomuoto, tulostamista, painatusta ja sähköisiä julkaisuja varten </li></ul><ul><li>TIFF: häviötön bittikarttaformaatti, kuvankäsittelyä, taittamista ja tulostamista varten </li></ul><ul><li>EPS: PostScript-tiedostomuoto, tulostamista, taittamista ja painatusta varten </li></ul><ul><li>PSD: Adobe Photoshopin tallennusmuoto </li></ul><ul><li>SWF: Flash-ohjelman tallennusmuoto, vektorigrafiikkaformaatti kuville ja animaatioille </li></ul>
  5. 5. Kuvankäsittelyohjelmia <ul><li>Adobe Photoshop , http://www.adobe.com/fi/photoshop/ </li></ul><ul><ul><li>Ammattilaistason ohjelma etenkin bittikarttakuville, esim. valokuvien käsittelyyn </li></ul></ul><ul><li>Paint Shop Pro Photo , http://www.jasc.com/products/paintshoppro/ </li></ul><ul><ul><li>Vaihtoehto Photoshopille, bittikartta- ja vektorigrafiikka </li></ul></ul><ul><li>GIMP , http://www.gimp.org/ </li></ul><ul><ul><li>Ilmainen ja monipuolinen kuvankäsittelyohjelma Linuxille </li></ul></ul><ul><li>Adobe Illustrator , http://www.adobe.com/fi/illustrator/ </li></ul><ul><ul><li>Ammattilaistason ohjelma vektorigrafiikan tuottamiseen </li></ul></ul><ul><li>Inkscape , http://www.inkscape.org/ </li></ul><ul><ul><li>Ilmainen vektorigrafiikkaohjelma, saatavana useille käyttöjärjestelmille </li></ul></ul><ul><li>Picasa , http://picasa.google.com/ </li></ul><ul><ul><li>Valokuvien käsittely-, arkistointi- ja verkkojulkaisuohjelma </li></ul></ul><ul><li>SumoPaint , http://www.sumopaint.com/ </li></ul><ul><ul><li>Www-selaimessa toimiva kuvankäsittelyohjelma </li></ul></ul>
  6. 6. Kuvankäsittelyn käsitteitä <ul><li>Kuvakoko/Image size = leveys x korkeus </li></ul><ul><li>Piirtoalueen koko/Canvas size = piirtoalue, kuvasta näkyvä alue </li></ul><ul><li>Kuvan rajaaminen/Crop = piirtoalueen pienentäminen </li></ul><ul><li>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ä. </li></ul><ul><li>Kuvasuhde/Aspect ratio = kuvan sivujen suhde, esim. 4:3 ja 5:3 </li></ul><ul><li>Valkotasapaino/Brightness = valkoisen värisävyn säätäminen </li></ul><ul><li>Kontrasti/Contrast = värien välinen visuaalinen ero, sävykkyys </li></ul><ul><li>Värikylläisyys/Saturation = värien puhtaus, värikylläisyyden ollessa huono, kuva on harmaasävyinen </li></ul>
  7. 7. Photoshop-harjoituksia 1 <ul><li>Tuo Photoshopiin kuvia: </li></ul><ul><ul><li>Ruutukaappauksesta (Print Screen –nappi) </li></ul></ul><ul><ul><li>Www-selaimesta </li></ul></ul><ul><ul><li>Muista ohjelmista, esim. Wordista </li></ul></ul><ul><ul><li>M:Pictures -kansiosta </li></ul></ul><ul><ul><li>Oma kuvasi </li></ul></ul>
  8. 8. Photoshop-harjoituksia 2 <ul><li>Kokeile eri työkaluja! </li></ul><ul><li>Valitse vain osa kuvasta (neliö, ympyrä tai muu alue) ja muokkaa sitä </li></ul><ul><li>Valitse vain tietty värialue (taikasauvalla) ja muokkaa sitä </li></ul><ul><li>Valitse vain tietty väri (Select  Color Range) ja muokkaa sitä </li></ul><ul><li>Tee vastakkainen valinta ja muokkaa sitä (Select  Inverse) </li></ul><ul><li>Lisää siivuja (Slices) ja apuviivoja (Rulers). Voit käyttää niitä apuna valintojen tekemisessä. </li></ul>
  9. 9. Photoshop-harjoituksia 3 <ul><li>Tee kuvasta 200x300 px:n kokoinen </li></ul><ul><ul><li>Rajaa kuvaa haluamallasi tavalla leveys- ja korkeussuunnassa </li></ul></ul><ul><ul><li>Muuta kuvakoko leveyden tai korkeuden mukaan </li></ul></ul><ul><ul><li>Rajaa ylimääräinen osa kuvasta pois </li></ul></ul><ul><li>Säädä kuvan värejä </li></ul><ul><ul><li>Säädä kuvan väritasot manuaalisesti / manuaalisesti </li></ul></ul><ul><ul><li>Säädä kuvan kontrasti manuaalisesti / automaattisesti </li></ul></ul><ul><ul><li>Muuta kuvan paletti 256-väriseksi </li></ul></ul><ul><ul><li>Muuta kuva mustavalkoiseksi </li></ul></ul>
  10. 10. Photoshop-harjoituksia 4 <ul><li>Tee kuvakollaasi </li></ul><ul><ul><li>Luo uusi kuva, jonka koko on 1024x768 px ja resoluutio 72 dpi </li></ul></ul><ul><ul><li>Avaa kollaasiin haluamasi kuvat Photoshopiin </li></ul></ul><ul><ul><li>Valitse kustakin kuvasta haluamasi osa ja tuo ne (kopioi-liitä) ensin luomaasi uuteen kuvaan omille tasoilleen. </li></ul></ul><ul><ul><li>Säädä kuvatasojen läpinäkyvyyksiä </li></ul></ul><ul><ul><li>Muuta kuvatasojen päällekkäisyyttä (järjestystä) </li></ul></ul><ul><ul><li>Käytä syväystyökalua (Select  Feather) </li></ul></ul><ul><ul><li>Käytä maskia vähintään yhdessä kuvassa </li></ul></ul><ul><ul><li>Käännä ainakin yhtä kuvaa </li></ul></ul><ul><ul><li>Muuta ainakin yhden kuvan kokoa </li></ul></ul><ul><ul><li>Lisää kuvaan tekstiä ja määritä sille tehosteita </li></ul></ul>
  11. 11. SumoPaint <ul><li>http ://www.sumopaint.com/ </li></ul><ul><li>Www-selaimesa toimiva Photoshopin kaltainen kuvankäsittelyohjelma </li></ul><ul><li>Sopii parhaiten piirtämiseen ja valokuvien käsittelyyn </li></ul><ul><li>Mahdollistaa omien kuvien jakamisen käyttäjäyhteisössä </li></ul><ul><li>Suomalaisen Snap Group Oy:n tekemä, mutta käyttäjiä on jo yli 200 maasta </li></ul><ul><li>Kokeile itse! </li></ul>

×