Kuvankasittelyn perusteet

Kuvankäsittelyn perusteet

Arto Tommiska

Mediamaja

2011

Sisältö

Työskentelyn luonne

Ohjelmat

Peruskäsitteitä

Internetin resurssit

Työskentelyn luonne

• Kollaasimaista työskentelyä

• Kuvamanipulaatiot

• Elementtien yhdistely useista eri kuvista

• Vaihtoehtojen kokeilu helppoa!

• Katso animaatio

Lähde: http://www.flickr.com/photos/tucia/4287493250/

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ä

Breaking Silence - photo manipulation / illustration by Olli-Pekka Jauhiainenwww.ouwenz.com

Escape from reality

By Olli-Pekka Jauhiainen

Yhdistetty maalaus/valokuvamanipulaatio

Katso tarkempi selostus työvaiheista http://www.behance.net/gallery/Escape-from-Reality/443579

Kuvankäsittelyohjelmat

Kaupalliset Adobe Photoshop Corel Painter

Ilmaiset Gimp Paint Shop Pro 6 Picnik Paint.net

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

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/

Peruskäsitteitä (3/5) - Värit

Kuvaruudulle RGB

• Lyhenne sanoista Red,Green,Blue

Painotöihin CMYK

• Lyhenne sanoistaCyan, Magenta, Yellow, Key color

lähde: www.hackney.co.uk

Lähde: http://commons.wikimedia.org/

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/

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

Peruskäsitteitä (5/5) - Pakkaus

Lähde: http://upload.wikimedia.org/wikipedia/commons/c/ce/Quality_comparison_jpg_vs_saveforweb.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ä