Kuvankäsittely  (Adobe Photoshop CS) Harto Pönkä http://edtech.oulu.fi/ Department of Educational Sciences and Teacher Edu...
Kuvamuodot <ul><li>Bittikarttagrafiikassa  kuvat esitetään pikseleiden eli neliömäisten alkioiden taulukkona. Suurennettae...
Tavallisimpia kuvatiedostomuotoja <ul><li>GIF ( Graphic Interchange Format ) </li></ul><ul><ul><li>Häviötön bittikarttafor...
Kuvankäsittelyohjelmia <ul><li>Adobe Photoshop </li></ul><ul><ul><li>Ammattilaistason bittikartta- ja vektorigrafiikan kuv...
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...
Photoshop-harjoituksia 5 <ul><li>Mitä muuta haluatte kokeilla? </li></ul>
Upcoming SlideShare
Loading in …5
×

Kuvankäsittely (Photoshop)

3,996 views

Published on

Opiskeluympäristöt ja digitaalinen media -kurssin harjoituksia 8.9.2008.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,996
On SlideShare
0
From Embeds
0
Number of Embeds
37
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Kuvankäsittely (Photoshop)

  1. 1. Kuvankäsittely (Adobe Photoshop CS) Harto Pönkä http://edtech.oulu.fi/ Department of Educational Sciences and Teacher Education University of Oulu
  2. 2. Kuvamuodot <ul><li>Bittikarttagrafiikassa kuvat esitetään pikseleiden eli neliömäisten alkioiden taulukkona. Suurennettaessa neliöt tulevat näkyviin ja reunaviivan sahalaitaisuus ilmaantuu näkyviin. </li></ul><ul><li>Vektorigrafiikassa kuvan elementit ovat koordinaatein ja matemaattisin funktioin esitettäviä peruselementtejä, joita yhdistelemällä muodostetaan monimutkaisempia kuvia. Suurennettaessa reunaviiva säilyy aina viivamaisena ja terävänä. </li></ul>
  3. 3. 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 (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>
  4. 4. Kuvankäsittelyohjelmia <ul><li>Adobe Photoshop </li></ul><ul><ul><li>Ammattilaistason bittikartta- ja vektorigrafiikan kuvankäsittely </li></ul></ul><ul><li>Paint Shop Pro (Corel) </li></ul><ul><ul><li>Vaihtoehto Photoshopille, bittikartta- ja vektorigrafiikka </li></ul></ul><ul><li>The GIMP </li></ul><ul><ul><li>Ilmainen ja monipuolinen kuvankäsittelyohjelma Linuxille </li></ul></ul><ul><li>Macromedia Freehand (Adobe) </li></ul><ul><ul><li>Vektorigrafiikan tuottamiseen, esim. logot ja piirrokset </li></ul></ul><ul><li>Picasa (Google) </li></ul><ul><ul><li>Kuvankäsittely-, arkistointi- ja verkkojulkaisuohjelma valokuville </li></ul></ul>
  5. 5. Kuvankäsittelyn käsitteitä <ul><li>Kuvakoko/Image size = leveys x korkeus </li></ul><ul><li>Piirtoalueen koko/Canvas size = kuvasta näkyvä alue </li></ul><ul><li>Kuvan rajaaminen = piirtoalueen pienentäminen </li></ul><ul><li>Resoluutio = bittikarttakuvan tai tulostimen erotuskyky, esim. tietokoneen näytöllä 72 dpi. Käytetään myös kuvakoon merkityksessä. </li></ul><ul><li>Kuvasuhde = sivujen suhde, esim. 4:3 ja 5:3 (laajakuva) </li></ul><ul><li>Valkotasapaino, kontrasti ja värikylläisyys </li></ul>
  6. 6. 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>Oma kuvasi (muistitikulta, sähköpostitse tms.) </li></ul></ul><ul><ul><li>D:materialsimages -kansiosta </li></ul></ul>
  7. 7. 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>
  8. 8. Photoshop-harjoituksia 3 <ul><li>Tee kuvasta 200x300 px:n kokoinen </li></ul><ul><ul><li>Rajaa kuvaa haluamallasi tavalla leveys tai 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 automaattisesti / manuaalisesti </li></ul></ul><ul><ul><li>Säädä kuvan kontrasti automaattisesti / manuaalisesti </li></ul></ul><ul><ul><li>Muuta kuvan paletti 256-väriseksi </li></ul></ul><ul><ul><li>Muuta kuva mustavalkoiseksi </li></ul></ul>
  9. 9. 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 koosta niistä kollaasi luomaasi uuteen kuvaan. Tuo jokainen kuva omalle tasolleen. </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) vähintään yhdessä kollaasin kuvassa. </li></ul></ul><ul><ul><li>Käytä maskia vähintään yhdessä kollaasin kuvassa. </li></ul></ul><ul><ul><li>Käännä ainakin yhtä kollaasin kuvaa. </li></ul></ul><ul><ul><li>Muuta ainakin yhden kollaasin kuvan kokoa. </li></ul></ul><ul><ul><li>Lisää kuvaan tekstiä ja määritä sille tehosteita </li></ul></ul>
  10. 10. Photoshop-harjoituksia 5 <ul><li>Mitä muuta haluatte kokeilla? </li></ul>

×