KUVANKÄSITTELYN TEORIAA

Samankaltaiset tiedostot
Juha-Pekka Ruuska BITTIKARTTAGRAFIIKKA, BITTIKARTTAKUVAT ELI RASTERIKUVAT...2

Kuvankäsi*ely 1. Digitaaliset kuvat ja niiden peruskäsi3eet. Kimmo Koskinen

Taulukkolaskennan edistyneempiä piirteitä, Kuvakäsittelystä

LUENTO 6 KUVANKÄSITTELY

Kuvassa on 18 * 20 pikseliä 133 * 149 pikseliä 266 * 298 pikseliä Tiedostokoko: 2 kb 19 kb 120 kb

Värijärjestelmät. Väritulostuksen esittely. Tulostaminen. Värien käyttäminen. Paperinkäsittely. Huolto. Vianmääritys. Ylläpito.

Ammattilaisten suosimat katseenvangitsijat

Hajautetut käyttöliittymät. Kuvat www-sivulla

Kuvankäsittely. DigiReWork Annamari Mäenhovi Kati Nieminen

MAASEUDUN SIVISTYSLIITON GRAAFINEN OHJEISTO 1.1. Maaseudun Sivistysliiton graafinen ohjeisto 1.1

HAAGA-HELIA ammattikorkeakoulu Photoshop ohje 59 Väritilat, kanavat

Erottuvuus. ICT01D Visuaalisuus. Ulkoasun tehtävät: 1. Erottuvuus 2. Informaation välittäminen 3. Kiinnostuksen herättäminen 4. Toiminnan motivointi

Gimp JA MUUT KUVANKÄSITTELYOHJELMAT

Tässä värilaatuoppaassa selitetään, miten tulostimen toiminnoilla voi säätää ja mukauttaa väritulosteita.

Kys /Kaarisairaala, Evoluutio julkisivuteos, 2015 Partanen & Lamusuo Oy DIGI PRINT. Aineistovaatimukset ja aineiston siirto

DIGI PRINT. Aineistovaatimukset ja aineiston siirto

Tehdään laadukas painotuote

JOKKY OSK. Logo ja graafinen ohjeistus. Jaana Salo. JEDU / Piippola, Media 15A

VÄRIT WWW-VISUALISOINTI - IIM VÄRIT

Muistio. Att:Videokerho Monitori ry:n jäsenet SUB: ÄÄNI-KUVA- JA VIDEOTIEDOSTOFORMAATIT. 1 Tiedostojärjestelmistä

Kuvankäsittely: Photoshop CS4 osa 1

VÄRI ON: Fysiikkaa: valon osatekijä (syntyy valosta, yhdistyy valoon)

Grafiikka julkaisuun. Tietohallintokeskus Markku Könkkölä Sisällys

TIEDOSTOFORMAATIT. Lyhyt selostus erilaisista tiedostoformaateista

Kuvankäsittelyn mahdollisuudet

Johdatus multimediaan harjoitukset: Kuvankäsittely 1. Porin yksikkö / Advanced Multimedia Center Johdatus multimediaan

8 Multimedian elementtejä: kuva

Kuvista ja väreistä Verkkomultimedia ICT1tn Elina Ulpovaara

Hämeenlinnan Offset-Kolmio Paino Oy:n aineisto-ohjeet

Etikettien suunnittelu. Kuka ja millä välineillä? Tiina Myllymäki

VERKOSTO GRAAFINEN OHJE

Suomen luontokeskus Haltia Graafinen ohjeisto Hahmo Design Oy

GRAAFINEN OHJEISTO. kesä 2017 / v.1.0

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti:

Luento 8 Kuvankäsittelyn periaatteita Aulikki Hyrskykari

Copyright 2015 ECDL Foundation ECDL Kuvankäsittely Sivu 2 / 7

Taulukkolaskennan edistyneempiä piirteitä, Kuvakäsittelystä

Melan graafinen ohje. Tämä ohjeisto esittelee Melan visuaalisen ilmeen peruselementit. Ohjeisto on yhdenmukaisen asiakasviestinnän työkalu.

PHOTOSHOP Sonja Sarsa

Lue tämä Kauniaisten kaupunki -tunnusoriginaalien käytöstä

Sisällys Yritystunnus...3 Tunnusvärit...4 Typografia...5 Lomakkeisto...6

Yhdistysten sähköisten asiakirjojen arkistointi Toimihenkilöarkistoon

Tämän värilaatuoppaan tarkoitus on selittää, miten tulostimen toimintoja voidaan käyttää väritulosteiden säätämiseen ja mukauttamiseen.

L A TEX, pdfl A TEX ja grafiikka

INFRA RY:N GRAAFINEN OHJEISTO

Harjoitus 6b: Kuvankäsittely GIMP-ohjelmalla

DIGIKUVAN PERUSTEITA. 1. Grafiikkatyypit

Värilaatuopas. Laatu-valikko. Värilaatuopas. Sivu 1/6

Tunnuksen käyttö

6AIKA GRAAFINEN OHJEISTO V E RSI O 2. 0

AS-KARTTOJEN KÄSITTELY

Aulikki Hyrskykari. CSS valitsimista CSS sääntöjen kohditaminen CSS värit Kuvista verkkosivulla

TEEMA 2 TAULUKKODATAN KÄSITTELY JA TIEDON VISUALISOINTI LUENTO 4

PIKSELIT JA RESOLUUTIO

PHOTOSHOP AVAA. OLETUSASETUKSET EDIT/PREFERENCES esim. yksikkönä cm

Esipuhe. Ympäristöministeriön visuaalinen ilme on uudistettu vuonna Uudistuksen taustalla ovat uusittu strategia ja aluehallinnon muutokset.

Valmiustaitoja biokemisteille

Digikuvan peruskäsittelyn. sittelyn työnkulku. Soukan Kamerat Soukan Kamerat/SV

7 Multimedian elementtejä: kuva

Reiluus saapui työpaikalle -viestintäohje

GRAAFINEN OHJEISTO 2017

GRAAFINEN OHJEISTO 2.1

Jyrki Timonen - Perusteet

7 Multimedian elementtejä: kuva

Kuvat. 1. Selaimien tunnistamat kuvatyypit

Pro gradun kuvaluettelon tekemisen ohjeet

KYMENLAAKSON AMMATTIKORKEAKOULU Tietotekniikka TI10 / Tietoverkot. Jaska Kauppila. GIMP ja muut kuvankäsittelyohjelmat. Linux 2012 Seminaarityö

InDesign CS FreeHand MX. Painovalmis materiaali PDF

Muistitikut

Tunnus. Tunnuksen VÄRIVERSIOT. Min. 20 mm

ARTWEAVER:N ASENNUS JA PERUSKÄYTTÖ

Triangle Colorscale. Created for design CMYK GUIDE. Intuitiivinen, tarkka ja käytännöllinen

Mainoksen taittaminen Wordilla

Aineisto-ohje. Koko ja työpohjat. Leikkuuvarat. Kuvien värinmääritykset ja resoluutiot. Aineiston tallennusmuoto. Aineiston lähetys ja lisätietoja

Tiedostomuodon valitseminen kuville

Tunnus. Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita.

Muita kuvankäsittelyohjelmia on mm. Paint Shop Pro, Photoshop Elements, Microsoft Office Picture Manager

Adobe Photoshop Elements, kuvakäsittelyn perusteet

TEEMA 2 TAULUKKOLASKENTAA +, PIVOT- TAULUKOT, KAAVIOT, KUVISTA YLEISEMMIN

1. KUVANKÄSITTELYN TEORIAA

Kuvan pakkaus JPEG (Joint Photographic Experts Group)

CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia.

Digitaalisen median tekniikat css tyylimääritykset jatkuu

Digitaalisen median tekniikat css tyylimääritykset jatkuu Harri Laine 1

G R A A. Kaarinan Pojat ry:n graafinen ohjeistus

Painon hallintaopas 2017

Heikki Helin Metatiedot ja tiedostomuodot

GRAAFINEN OHJEISTO

Latuviitan Landsat-mosaiikki Itämeren alueelta

KUVAMUOKKAUS HARJOITUS

GRAAFINEN OHJEISTO

1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE VÄRILLINEN LOGO LOGO VÄRILLISELLÄ POHJALLA MUSTA LOGO 7 1.

LOGO 2. LOGO. Autokeskuksen yritystunnus on Autokeskus-logo.

Gimp alkeet XIII 9 luokan ATK-työt/HaJa Sivu 1 / 8. Tasot ja kanavat. Jynkänlahden koulu. Yleistä

Adobe Photoshop ATK Seniorit Mukanetti/ Kuvakerho. Elements tutuksi

Kauneimmat Joululaulut: Visuaalisen ilmeen ohjeisto

Johdanto. Kuvankäsittely: Kuva Kuva. Kuva. Mittauksia. Kuva-analyysi: Korkean tason kuvaus. Kuva. Kuvan ymmärtäminen:

Kylänetti projektin sivustojen käyttöohjeita Dokumentin versio 2.10 Historia : 1.0, 1.2, 1.6 Tero Liljamo / Deserthouse, päivitetty 25.8.

Hyvät asiakkaat, valmistelkaa painotietonne tässä kuvattujen spesifikaatioiden mukaisesti.

Esite- ja kuvatelineet

Transkriptio:

KUVANKÄSITTELYN TEORIAA BITTIKARTTAKUVA Pikseli Resoluutio Bittisyys Värimallit RGB ja CMYK Kuvan tallennusmuotoja VEKTORIGRAFIIKKA

Pikseli Bittikarttakuva muodostuu pienistä vierekkäisistä neliöistä eli pikseleistä, joista jokaisella on oma värinsä. Pikseliä nimitetään myös kuvapisteeksi tai kuva-alkioksi. Bittikarttakuvan kaikkein pienin jakamaton alue on siis pikseli. Pikselit sijaitsevat toisiinsa nähden samalla periaatteella kuin ruutupaperin ruudut. Bittikarttakuvien käsittely tietokoneella on yksinkertaisesti näiden pikselien erilaista manipulointia ja muuntelua. Pikseleiden määrä tietyllä alalla määrittää kuvan tarkkuuden ja mahdollisten värien määrän ja siten myös kuvan tiedostokoon. Bittikarttakuvaa suurennettaessa tulee pikseliruudut näkyviin. Bittikarttakuvaa ei voi siis suurentaa ilman, että kuva muuttuu epätarkaksi. Kuvan täytyy siis olla riittävän suuri, jotta sitä ei tarvitse alkaa suurentaa. Bittikarttakuvaa voi taas pienentää vaikka kuinka monta kertaa.

Mikä on resoluutio? Kuvan resoluutio tarkoittaa pikseleiden suhdetta johonkin mittaan, pikselitiheyttä. Kuvan resoluutio voi ilmaista esimerkiksi pikseleinä tuumalle (pixels per inch, PPI tai dots per inch, dpi). Esimerkiksi kuva, jossa on 1200 x 1200 pikseliä, on tulostuskooltaan 10 x 10 cm ja tarkkuudeltaan 120 pikseliä / cm eli 300 pikseliä / tuuma. Näytön resoluutio on yhtä kuin näytön tarkkuus. Vaikka näytöt kykenevät ilmaisemaan paljon sävyjä, on niiden tarkkuus vaatimaton verrattuna vaikkapa lasertulostimeen. Kuvankäsittelyohjelmat lähtevät siitä, että näytön tarkkuus on 72 pikseliä / tuuma. PhotoShop-ohjelman ilmoittama suhde 1:1 tarkoittaa sitä, että tässä koossa jokainen kuvan pikseli vastaa näytön pikseliä. Fyysinen koko riippuu siitä, paljonko pikseleitä kuvassa on. Näyttökuvat suunnitellaan suoraan tarkkuudella 72 pistettä tuumalle ja niiden koko ilmoitetaan A x B pikseliä. Myös verkkokuvalle sopiva resoluutio on 72 pikseliä / tuuma. Kuvissa, jotka on tarkoitettu painettaviksi esimerkiksi esitteisiin tai muihin julkaisuihin, resoluution pitäisi olla vähintään 300 pikseliä / tuuma, joissakin tapaukisssa jopa 600 pikseliä / tuuma.

Bittisyys: Miten bittien määrä vaikuttaa kuvan tarkkuuteen? Kun jokaista pikseliä kohden käytetään yksi bitti, voidaan ilmaista kaksi väriä, valkoinen ja musta. Eli yhdellä binääriluvulla, 0/1 voidaan ikään kuin sanoa, onko pikseli päällä vai ei. Kun bittien määrää kasvatetaan, voidaan ilmaista enemmän värejä. Yleisimpiä värisyvyyksiä ovat 8-bittisyys (256 väriä) ja 24- bittisyys (16,7 miljoonaa väriä). Näyttökuva koostuu kolmesta 8-bittisestä osaväristä, kanavasta. Näytön RGBkuva syntyy yhdistämällä kolme osaväriä punainen (Red), vihreä (Green) ja sininen (Blue) (24-bittinen). Nelivärinen painokuva on 32-bittinen, jossa jokaista osaväriä kuvaa 8-bittinen kanava. Jokainen osaväri kuvataan erilaisena harmaasävykuvana, joiden yhdistelmästä nelivärikuva syntyy painoprosessissa. Neliväripainotyön osavärit ovat syaani, magenta, keltainen ja musta (CMYK).

Lisäävä RGB RGB (Red, Green, Blue) on additiivinen eli lisäävä värijärjestelmä. Tämä tarkoittaa sitä, että osavärien punainen, vihreä ja sininen summa on valkoinen. RGB värit ovat valkoisen valon osia, aallonpituuksia. RGB on saapuvan valon värijärjestelmä, jossa voidaan luoda eri väriyhdistelmiä sekoittamalla valoja keskenään. Mustana näemme ne kohdat, joista mitään näkyvää säteilyä eli valoa ei saavu. Lisäävää värijärjestelmää käyttävät kaikki valonlähteet: aurinko, tähdet, valaisimet kuten myös televisio ja tietokoneen näyttö. Kaikki käytännössä tarvittavat värit voidaan määritellä kolmen päävärin intensiteetin lukuarvoilla. Eri värisävyt saadaan aikaan sekoittamalla kolmea pääväriä erilaisissa suhteissa ja kirkkauksissa. Päävärien kirkkaudet määritellään 24-bitin värisyvyyttä käytettäessä asteikolla 0-255. Harmaat sävyt syntyvät yhdistämällä yhtä paljon punaista, vihreää ja sinistä pääväriä. Täysin mustan kuvapisteen arvot ovat 0,0,0 (Eli R:n arvoksi nolla, G:n arvoksi nolla ja B:n arvoksi nolla) ja valkoisen taas 255,255,255. Katso RGB-värikartta: http://www.jyrkinen.fi/asioita/varikartta.html#sininen

RGB-värikoodit sivustolla http://www.hameenkyronsarastus.net/ Esimerkki-CSS-tyylitiedosto (Cascading Style Sheet) ylläolevalla nettisivustolla: main { width: 75%; height: 550px; padding-left: 2.5%; padding-right: 2.5%; background-color: rgba(250,190,40,0.50); float: right; color: rgba(36,51,77,1.00); }

RGBA? RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity for a color. An RGBA color value is specified with: rgba(red, green, blue, alpha). background-color: rgba(250,190,40,0.50); color: rgba(36,51,77,1.00);

aside { width: 15%; height: 550px; padding-left: 2.5%; padding-right: 2.5%; background-color: rgba(250,190,40,0.50); float: left; }

footer { height: 70px; background-color: rgba(253,255,156,0.70); clear: left; font-size: medium; text-align: left; color: rgba(5,54,154,1.00); }

#main_header { height: 300px; background-color: rgba(240,240,255,0.50); }

Vähentävä CMYK Painotöissä käytettävä CMYK-värijärjestelmä (Cyan, Magenta, Yellow, Black) on subtraktiivinen eli vähentävä värijärjestelmä. Se perustuu heijastuvaan valoon ja CMY-osavärien syaanin, magentan ja keltaisen summa on valkoisen sijasta musta. Koska CMY-yhdistelmä ei kuitenkaan tuota täysin puhdasta mustaa osavärien epäpuhtauksien takia, käytetään painotyössä lisäksi erillistä mustaa (K) väriä. Myös painettavat kuvat käsitellään ensin RGBmuotoisina, ja muunnetaan lopuksi painoprosessia varten väriavaruudeltaan suppeampaan CMYK-tilaan.

Tärkeimpiä kuvien tallennusmuotoja Pelkästään bittikarttakuvien tallennukseen tarkoitettuja tiedostomuotoja ja niiden variaatioita on olemassa useita kymmeniä. Käytännön työssä niitä tarvitaan yleensä vain muutamia. Tiedostomuodosta käytetään myös nimityksiä tiedostoformaatti tai tallennusformaatti. BMP Windows Bitmap. Windowsin oma bittikarttamuoto. Tiedostonimi on muotoa nimi.bmp. Värisyvyys 1-24 bittiä. Vie reilusti levytilaa. GIF CompuServe Graphics Interchange Format. Tiedostonimi on muotoa nimi.gif. Käyttää indekstoituja värejä - kuva voi sisältää enintään 256 erilaista väriä. Käyttää häviötöntä pakkausmenetelmää, mutta väritietoa häviää rutkasti muutettaessa TrueColor -kuva GIFmuotoon. Nykyään käyttökohteena on lähinnä internet ja web-sivut.

JPG Joint Photographic Experts Group. Tiedostonimi on muotoa nimi.jpg. Valokuva voidaan tallentaa 24-bittisenä TrueColor -muodossa 16,7 miljoonalla värillä. Käyttää häviöllistä, käyttäjän säädettävissä olevaa pakkausmenetelmää (Lossy compression). Valokuvamaisten kuvien laatu on sopivalla pakkausasetuksella korkea, ja soveltuu jopa laatuvaatimuksiltaan korkeaan printtimediaan. Myös resoluutioarvo ja muita kuvaan liittyviä lisätietoja voidaan tallentaa varsinaisen kuvatiedoston mukaan. Hyvä yhteensopivuus eri ohjelmien välillä. Digitaalisten valokuvien paras lopputallennusmuoto web-käyttöön. Kun kuva on tallennettuna JPG-muodossa, niin sitä ei kannata montaa kertaa tallentaa JPGmuodossa, koska kuva pakkautuu jokaisella tallennuskerralla ja kuvasta häviää tietoa (pikseleitä) joka tallennuskerralla.

PNG Portable Network Graphics. Tiedostonimi muotoa nimi.png. Kehitetty wwwkäyttöön. PNG-8 on kilpailija gif-kuville ja PNG-24 jpegille. Ominaisuuksien perusteella se on parempi nettikäyttöön kuin GIF ja JPEG. Kuva voidaan tallentaa 24-bittisenä ja pakkausmenetelmä on häviötön. PNGkuvassa voi olla osittainen tai täydellinen läpinäkyvyys, eli kuva vapautuu neliömuodon kahleista ja voi olla myös osin läpikuultava.

PSD Photoshop Format. Photoshop-kuvankäsittelyohjelman oma tiedostomuoto. Tiedostonimi muotoa nimi.psd. Värisyvyys voi olla 1-64 bittiä. Kuvatiedostoon tallentuvat itse bittikarttagrafiikan lisäksi esimerkiksi vektorigrafiikka, tasot, maskit, kanavat ja kuvan resoluutiotieto. PSD-tiedostomuotoa kannattaa käyttää kuvan muokkausvaiheessa ja työkopioissa. Loppukäyttöä varten kuva tallennetaan tai viedään haluttuun muotoon.

TIF Tagged Image File Format. Tiedostonimi on muotoa nimi.tif. Kuva voidaan tallentaa 24-bittisenä. Tiedosto voi olla pakkaamaton tai pakattu häviöttömällä LZW-pakkauksella. Pakkaamattomana hyvin yhteensopiva eri ohjelmien kanssa.

XCF Gimp-ohjelman oma tallennusformaatti (nimi.xcf). XCF, short for experimental Computing Facility, is the native image format of the GIMP image-editing program. It saves all of the data the program handles related to the image, including, among others, each layer, the current selection, channels, transparency, paths and guides.

VEKTORIGRAFIIKKA Vektorigrafiikalla tehty kuva muodostuu matemaattisista laskukaavoista, jotka määrittelevät objektin paikan, muodon ja värin. Kuvan koko on tällöin pienempi ja kuvan skaalautuvuus lähes rajatonta. Vektorigraafisia kuvia käytetään selkeisiin objekteihin ja ne ovatkin yleensä piirrosmaisia (esim. logot ja muut vastaavat tunnukset). Vaikka valokuvien digitaalisessa käsittelyssä ei yleensä tarvitse kajota vektorigrafiikkaan, on se eteen sattuessa kuitenkin hyvä tuntea ja tunnistaa - ainakin päällisin puolin. Vektorikuvat eivät perustu yksittäisiin pisteisiin kuten bittikarttakuva. Vektorigrafiikassa kuva muodostuu matemaattisesta kaavasta, joka tulkitaan. Matematiikka on kuitenkin piirtäjältä piilossa, eikä sitä tarvitse osata. Vektorigrafiikan tarkkuus on aina sama kuin tulostuksen (myös näytön) resoluutio. Tämä merkitsee myös sitä, että vektorigrafiikkaa voidaan vapaasti suurentaa ja pienentää, mikä taas ei onnistu bittikarttagrafiikassa. Vektorikuva muodostuu erillisistä objekteista, joita voivat olla esimerkiksi suorat, kaaret, ympyrät ja värilliset pinnat. Vaikka vektorigrafiikan tuottamiseen yleensä käytetään erityisiä vektoripiirtoohjelmia, kuten Illustratoria ja Freehandia, sisältää myös PhotoShop joitakin työkaluja vektorimuotojen piirtelyyn.