kuvankasittelyn perusteet
TRANSCRIPT
![Page 1: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/1.jpg)
Kuvankäsittelyn perusteet
Arto Tommiska
Mediamaja
2011
![Page 2: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/2.jpg)
Sisältö
Työskentelyn luonne
Ohjelmat
Peruskäsitteitä
Internetin resurssit
![Page 3: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/3.jpg)
Työskentelyn luonne
• Kollaasimaista työskentelyä
• Kuvamanipulaatiot
• Elementtien yhdistely useista eri kuvista
• Vaihtoehtojen kokeilu helppoa!
• Katso animaatio
![Page 4: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/4.jpg)
Lähde: http://www.flickr.com/photos/tucia/4287493250/
![Page 5: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/5.jpg)
Tekniikasta
Läpinäkyvyydet Tekstuurit Monta valotusta samassa ruudussa Perinteisten välineiden jäljittely
Siveltimet, värit, väripaletit, kynäruisku,... Hiiren sijaan työskennellään piirtopöydällä tai
kosketusnäytöllä
![Page 6: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/6.jpg)
Breaking Silence - photo manipulation / illustration by Olli-Pekka Jauhiainenwww.ouwenz.com
![Page 7: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/7.jpg)
Escape from reality
By Olli-Pekka Jauhiainen
Yhdistetty maalaus/valokuvamanipulaatio
Katso tarkempi selostus työvaiheista http://www.behance.net/gallery/Escape-from-Reality/443579
![Page 8: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/8.jpg)
![Page 9: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/9.jpg)
Kuvankäsittelyohjelmat
Kaupalliset Adobe Photoshop Corel Painter
Ilmaiset Gimp Paint Shop Pro 6 Picnik Paint.net
![Page 10: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/10.jpg)
Peruskäsitteitä (1/5) - Pikseli
• Pieniä vierekkäisiä neliöitä
• Kuvittele ruutuvihko
• Jokaisella ruudulla omat ominaisuutensa (väri, peittävyys, …)
• Pikselipohjainen kuvankäsittely on näiden ruutujen ominaisuuksien muuntelua
Lähde: www.hackney.co.uk
![Page 11: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/11.jpg)
Peruskäsitteitä (2/5) – koko ja resoluutio
• Resoluutio määrittää kuva tarkkuuden(px/cm tai px/tuuma)
• Näytön resoluutio72 tai 96 dpi
• Painotyöt 300 dpi(silmän erottelukyky 30 cm etäisyydeltä)
• Kuvan koko ilmaistaan pikseleissä
• Esim. 800 x 600 px
• Resoluutio (pikselitiheys) vaikuttaa myös kuvan kokoon Lähde: http://commons.wikimedia.org/
![Page 12: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/12.jpg)
Peruskäsitteitä (3/5) - Värit
Kuvaruudulle RGB
• Lyhenne sanoista Red,Green,Blue
Painotöihin CMYK
• Lyhenne sanoistaCyan, Magenta, Yellow, Key color
![Page 13: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/13.jpg)
lähde: www.hackney.co.uk
![Page 14: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/14.jpg)
Lähde: http://commons.wikimedia.org/
![Page 15: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/15.jpg)
Peruskäsitteitä (4/5) -Tiedostomuodot
Tiedostomuodon valinta riippuu työvaiheesta ja lopullisen kuvan käyttötarkoituksesta!!!
Työskentely
Ohjelman oma
.psd, .xcf,...
Arkistointi
Häviötön
.tiff, .psd, .dng, …
Julkaisu
Pakkaus / optimointi
.jpg, .gif, .png.pdf, .eps…
Icons: Glaze icon set by Marco Martin http://www.notmart.org/
![Page 16: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/16.jpg)
Peruskäsitteitä (4/5) – Tiedostomuodot 2
Työvaiheessa häviötön tallennus
ohjelman omaan tiedostomuoto
.psd , .psp, …
Tallennus julkaisua varten
Pakkaus ja tallennus
.jpg, .gif, .png
Tallenus kamerassa
RAW-kuvat
jpg-kuvat
Häviötön tallennus arkistointiinvalokuvat, julisteet
.tiff
![Page 17: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/17.jpg)
Peruskäsitteitä (5/5) - Pakkaus
Lähde: http://upload.wikimedia.org/wikipedia/commons/c/ce/Quality_comparison_jpg_vs_saveforweb.jpg
![Page 18: Kuvankasittelyn perusteet](https://reader035.vdocuments.net/reader035/viewer/2022062319/55843300d8b42a77068b4797/html5/thumbnails/18.jpg)
Internetin resurssit
Photoshop tutoriaalit
http://tv.adobe.com/product/photoshop/
http://psd.tutsplus.com/
http://www.sxc.hu ilmainen kuvapankki
http://www.iconfinder.com ikoneita ja symboleja
http://www.dafont.com fontteja
http://www.picnik.com helppoa valokuvien käsittelyä