Kuvista ja väreistä Verkkomultimedia ICT1tn Elina Ulpovaara

Save this PDF as:
 WORD  PNG  TXT  JPG

Koko: px
Aloita esitys sivulta:

Download "Kuvista ja väreistä Verkkomultimedia ICT1tn004. 20.8.2009 Elina Ulpovaara"

Transkriptio

1 Kuvista ja väreistä Verkkomultimedia ICT1tn Elina Ulpovaara

2 Digitaalisen kuvan muodostus Kuvan muodostuksen perustana on valo. Sähkömagneettisen energiasäteilyn säteilylajit: gammasäteily ultraviolettisäteily valo radioaallot röntgensäteily infrapunasäteily 380 nm 780 nm Jotta ihminen voi astia ja nähdä värejä ja kohteita, tarvitaan ainakin kolme asiaa: valoa, valoa heijastava esine ja havainnoitsija. valonlähde + objekti + näköaisti = objektin näkeminen

3 Ihmisen verkkokalvolla on neljän tyyppisiä valoa aistivia soluja: kolmen tyyppisiä tappisoluja, joista punaiselle aallonpituudelle herkkiä on 64%, vihreälle 32 % ja siniselle n. 4%. sauvasoluja, jotka ovat erikoistuneet hämäränäkemiseen. Värit muodostuvat kolmen tappisolutyypin yhteissignaaleista -> värin havaitseminen on trikromaattista -> värin määrittely on kolmen komponentin avulla mahdollista. Siihen, minkä värisenä näemme kohteen, vaikuttaa Valaistusolosuhteet Kohteen pintarakenne Välittömästi kohteeseen rajautuva ympäristö Näkökentän alueelta välittyvä kokonaisuus

4 Värin kolme perusominaisuutta Värisävy (hue) Mikä väri? Värisävy on aallonpituuden ominaisuus. Kromaattiset värit, akromaattiset värit Valoisuus tai kirkkaus (brightness) Kuinka vaalea tai tumma väri on? Värikylläisyys eli saturaatio (saturation) Kuinka puhdas värin on?

5 Värikylläisyys, sinisen ja vihreän osuus pienenee Valoisuus, punaisen määrä vähenee Esimerkissä väriavaruutena RGB.

6 Kohteen väri määräytyy kohteen heijastaessa tiettyjä aallonpituuksia. Värin havainto syntyy aivoissa. -> Näkevätkö kaikki värit samanlaisena? Ihminen erottaa n. 2 miljoonaa eri väriä väriä näkyvän valon spektristä 450 kirkkaustasoa 20 värikylläisyystasoa Värisokeudet - 8% miehistä yleisin punavihersokeus Kreikkalainen Demokritos sanoi 2400 vuotta sitten: väri on vain ihmisen sielussa.

7 Väriavaruudet Digitaalisessa kuvassa bitit muodostavat informaation myös värit. Miten väri määritellään? Vaikuttaako ihmisen kyky havaita värit värin määrittämiseen? Mikä merkitys on toistolaitteella värin määrityksessä? Miten valitaan perusosat, joista muut värit sekoitetaan? RGB, CMYK, HSL, CIEXYZ, CIELUV, CIELAB

8 RGB laitteistosta riippuvainen värijärjestelmä Additiivinen eli lisäävä värijärjestelmä Värien esittäminen perustuu summaavaan eli additiiviseen värijärjestelmään. Värit määritellään kolmen päävärin (R-red, G-green ja B-blue) lukuarvolla. Värit määritellään 24-bitin avulla käyttäen jokaiselle päävärille kirkkausaste asteikkolla Jokaisesta kolmesta väristä on olemassa 256 sävyä, joten värisävyjä on yhteensä 16,7 miljoonaa. Harmaat sävyt syntyvät käyttämällä yhtä paljon punaista, vihreää ja sinistä. Yleisesti näytöllä käytetty värimalli.

9 CMYK - värijärjestelmä Subtraktiivinen eli vähentävä värijärjestelmä Värien esittäminen perustuu vähenevään eli subraktiiviseen värijärjestelmään. Värimalli perustuu painovärin valon absortio-ominaisuuksiin. Värit määritellään neljän värin (C-cyan, M-magenta, Y-yellow, K-black) avulla. Värit määritellään 32-bitin avulla. Painotuotteissa käytetty värimalli - neliväripainaminen

10 Kuvan muodostus 1. Samplaus, näytteenotto Mitataan kohteesta heijastuvan, taittuvan tai sen läpäisevän valon punainen, sininen ja vihreä arvo. 2. Kvantisointi Muutetaan näytteenotossa saadut luvut vastaamaan haluttua tarkkuutta eli bittisyvyyttä. Skannerit ja digitaaliset kamerat käyttävät CCD-kennoa tai vastaavan kuvasensoria. Mitatut tiedot muutetaan digitaaliseksi ja tallennetaan muistiin. RGB-arvojen kvantisointi 8- bittisiksi eli kaikkien näytteiden muuntaminen välille Lähde: Jussi Jokinen: Digikuva, IT Press, 2004

11 Kuvan rakenne Bittikarttagrafiikkakuva Bittikarttagrafiikkakuva muodostuu neliönmuotoisista kuvapisteistä eli pikseleistä. Jokaisesta pikselistä tallennetaan sekä sijainti x- ja y-koordinaattien mukaan että väriarvo. Kuvaa voi muokata vaikka yhden pikselin tarkkuudella. Kuvan koko on pikseleiden määrä (XxY) esim. 640x480= pikseliä.

12 Vektorigrafiikkakuva Vektorigrafiikkakuva muodostuu matemaattisista piirrustusalkioista: ympyröistä, janoista ja käyristä. Kuvasta ei tallenneta pikseleitä vaan kaava, jonka tulostin tai näyttö osaa tulkita. Esim. ympyrästä riittää tieto keskipisteestä, säteen pituudesta, täyttöväristä, kehän paksuudesta ja väristä. Vektorigrafiikka on itsestään erittäin tarkkaa, mutta tulostustarkkuus riippuu tulostuslaitteen tarkkuudesta.

13 Vektorikuvia voi skaalata vapaasti laadun kärsimättä. Vektorigrafiikka soveltuu teknisiin piirrustuksiin, kaavakuviin, karttoihin, logoihin jne. Monien ohjelmien fonttiteknologia perustuu vektorigrafiikkaan. Ohjelmia ovat mm. Illustrator, Freehand ja Corel Draw.

14 Kuvatyypit Viivakuva kuva-alkio on 1-bittinen, musta ja valkoinen sopii piirroksiin, tekstiin Harmaasävykuva kuva-alkio on 8-bittinen, 256 harmaasävyä (RGB: 0-musta, 255-valkoinen)

15 Värikuvat täysvärikuvat mm. RGB- ja CMYK-värijärjestelmät Indeksoitu värikuva Kuva-alkio esitetään 8-bittisenä eli kuvassa voi olla maksimissaan 256 väriä. Kuvaan liitetään indeksoituväripaletti. Exact: tarkka mahdollista käyttää vain, jos kuvassa on 256 tai vähemmän värejä System: käyttöjärjestelmän oletuspaletti, joka sisältää tasaisin välein RGBavaruudesta otettuja värejä

16 Web sisältää web-selainten tuntemat 216 väriä värit ovat yhteiset yleisimmille käyttöjärjestelmille Uniform: tasaisin välein RBG-paletista otetut värit Adaptive mukautettu muodostetaan kuvasta yleisimmin esiintyvistä väreistä Custom: räätälöity käyttäjä voi luoda itse paletin

17 Kuvan pakkaus Lähde: Jussi Jokinen: Digikuva, IT Press, 2004 Digikameralla otettu kuva sisältää n. 2200x1800 pikseliä. Jokainen pikseli määritellään 24 bitin avulla eli voi saada värisävyn 24- bittisen väriavaruuden n. 16,7 miljoonasta värisävystä. Kuvan koko on tavua eli 11Mt.

18 RLE - Run Length Encoding kuvan samankaltaisista pikseleistä ilmoitetaan vain lukumäärä LZW - Lempel Ziv Welsch GIF- ja TIFF-formaateissa käytetty sanakirjapakkaus JPEG - Joint Photographic Experts Group menestynein pakkausmenetelmä perustuu usean eri metodin summaan näyttöönotto -> diskreetti kosinimuunnos -> kvantisointi -> Huffman -koodaus

19 Kuvan koko Digitaalisen kuvan perusominaisuus on, ettei kuvalla ole fyysistä kokoa eli tarkkoja mittoja. Täytyy ymmärtää erilaisia mittaustapoja ja yksiköitä. Harvoin saadaan kuvaamalla tai skannaamalla täsmälleen sopivia kuvia suoraan käyttöön. Kuvaa suurentaessa/pienentäessä lisätään/poistetaan kuvasta pikseleitä olemassa olevan informaation perusteella. Kuinka suuria kuvia tarvitaan? Yleensä kuvan liian suuri koko ei ole ongelma vaan pienet kuvat tuottavat hankaluuksia. Pienentäminen onnistuu yleensä paremmin kuin suurentaminen. Vinkki: kuvaa tai skannaa käyttötarkoitusta suuremmalla resoluutiol

20 Tiedostokoko ilmoittaa kuvan sisältämän informaatio määrän tavuina. Resoluutio Resoluutio eli pistetiheys on yksi bittikarttakuvan keskeisimpiä käsitteitä. Resoluutio on luku, joka ilmoittaa pikseleiden suhdetta johonkin mittaan esim. tuumaa kohti (dpi = dots per inch). Kuvan resoluutio valitaan esittettävän laitteen mukaan. Yleensä näytön resoluutio on dpi.

21 Pistetiheyttä voidaan muuttaa kuvankäsittelyohjelmilla jälkikäteen. Kun kuvan resoluutio muuttuu (esim. kuvaa skaalataan) joudutaan interpoloimaan eli järjestetään kuvan pikselit uudelleen. Käytettävä algoritmi tutkii ympäröiviä pikseleitä ja antaa uusille pikseleille arvot. Näytölle eteenkin selaimen avulla katsottaviin kuviin tarvitsee kiinnittää huomiota vain kuvan pikselikokoon. Kuva tulostuu pikseli pikselille oli kuvan resoluutio mikä hyvänsä. Tulostuskoko ilmoitetaan yleensä senttimetreinä tai millimetreinä esim. 10x15cm. Tulostustarkkuudet vaihtelevat yleensä dpi:n välillä riippuen lopputuotteen käyttötarkoituksesta. Vektorikuvat Vektorikuvien tiedostokoko pysyy käyttökoosta riippumatta samana.

22 450x kt 4500x ,4 Mt 225x kt

23 x10 x0,5 Kymmenkertainen vektorigrafiikka suurennus

24 Tiedostomuodot Minkä tiedostomuodon työ vaatii? Mitkä ovat eri tiedostomuotojen ominaisuudet? Mitkä tiedostomuodot ovat luotettavia? - yleinen siis useissa sovelluksissa toimiva - tietyn sovelluksen tiedostomuoto - bittikartta- vai vektori-tiedostomuoto - häviöllinen vai häviötön

25 Tiedostomuodot: TIFF - Tagged Image File Format Hyvin suosittu, erittäin yhteensopiva bittikarttagrafiikka tiedostomuoto. Tallentaa kuvaan useilla eri bittisyvyyksillä Käytössä on useita eri väriavaruuksia. Periaatteessa pakkaamaton formaatti. JPG, LZW

26 Tiedostomuodot: GIF - Graphics Interchange Format Jo vuodesta GIF87a Nykyisin käytetään GIF89a-standardia LZW-pakkaus eli laajat väripinnat pieneen tilaan voidaan tallentaa useita kuvia samaan tiedostoon -> animaatiot Käytössä on maksimissaan 256-väriä. Tiedostomuoto vaatii väripaletin eli tekniikan, miten valitaan maks. 256 väriä. Osa kuvasta voidaan määrittää läpinäkyväksi, jolloin verkkoselaimet käsittelevät kyseiset värit läpinäkyvinä. Ei ole periaatteessa häviöllinen tiedostomuoto. Sopii grafiikkaan, teksteihin ja kuviin, joissa on suuria samanvärisiä pintoja Yksi väri voidaan tallentaa läpinäkyväksi

27 Photoshopissa/Elementsissä tallennus gif-muotoon onnistuu helpoiten valitsemalla File -> Save for web - paletin valinta - Ditherointi, rasterointi - miten korvataan häviävät ylimääräiset värit eli tekniikka, miten kahden värin rajapinta sekoitetaan

28

29 JPEG, JPG on yleisin kuvaformaatti. Tiedotostomuodot: JPG- Jiont Photographic Experts Group Vahvuutena on kyky pakata valokuvamaista eli monisävyistä materiaalia pieneen tilaan. Käytössä oleva värimäärä 16,7 milj. JPEG on aina häviöllinen. Vinkki: älä käytä välivaiheen tallennusmuotona vaan vasta julkaisumuotona. Pakatessa annetaan pakkauksen laatu. Etsi paras laatu/koko-suhde. Verkossa valokuvalle riittää hyvin 40-50%

30 Tiedostomuodot: PNG- Portable Network Graphics GIF-formaatin haltia esitti vaatimuksia GIF:n käytön lisensoinnista -> PNG syntyi vuonna 1995 Monipuolinen häviötön tiedosto muoto mm. verkkokäyttöön. Harmaasävy Palettikuva 48-bittinen true color Läpinäkyvyyden tueksi alfa-kanava Kaikki uusimmat selaimet tukevat.

31 Kuvista talteen 1. Alkuperäinen kuva - paperi, skannattu, valokuvattu 2. Kuvankäsittelyohjelman kuvaformaatti - kaikki käsittelyn osavaiheet mukana 3. Julkaisuformaatti

32 Kuvan käyttötarkoitus korvaamaton kuva sanallista esitystä tukeva kuva julkaisun kokonaisilmeen jäsentäminen kuva katseenvangitsijana, mielenkiinnon herättäjänä kuva tekstin tylsyyden katkaisijana kuva koristeena tunnuskuva kuva kiinnekohtana kuva tunnelman luojana Vanha sanonta yksi kuva kertoo enemmän kuin tuhat sanaa saa jatkoa mutta voi johtaa enemmän harhaan kuin tuhat sanaa.

33 Kuvan tehtävät Välittömät havainnot Luoda mielikuvia Jäsentää kokonaisuutta Parantaa muistettavuutta Sisällölliset tehtävät, välittää informaatiota Dokumentointi, auttaa ymmärtämään tekstin merkitystä Orientointi, kasvattaa käsitystämme asiasta Symboloi, kuvalla voi sanoa sellaista, mitä tekstillä ei voi

34 Kuvan toteuttaminen 1. Kuvan tarkoitus Miksi kuva tarvitaan? 2. Kuvan valinta Sisällön rinnalla myös kuvan tekotapa viestittää asioita. Taidevalokuva, reportaasikuva, piirroskuva, grafiikka. 3. Kuvan väritys Kun kuva on valittu, tarkista, että kuvan värimaailma aiheeseen sopiva. Värikuvat, mustavalkoiset kuvat, duotone-kuvat 4. Kuvan rajaus ja muoto Muista tekijänoikeudet! Mieti rajaus ja muoto sisällön, tyylin ja kuvan liikesuuntien mukaan. Yhtä tärkeää on miettiä, mitä rajataan pois kuin se, mitä jätetään jäljelle. Lähde: Pekka Loiri, Elise Juholin: Huom! Visuaalisen viestinnän käsikirja, Inforviestintä Oy, 1998

35 Väri havaintona Värivaikutelmia Ihmisen näköjärjestelmä käsittelee kokonaisuuksia. Värit koetaan eri tavoin riippuen värien ympäristöstä, käyttöyhteydestä ja toki myös havaitsijasta eli kokijasta. Värikontrasti Suunnittele tarpeeksi vahva kontrasti väreille. Vierekkäisten värien kontrastia voi muuttaa kaikilla kolmella värin ominaisuudella: muuttamalla värisävyä, kylläisyyttä tai kirkkautta. Muista: aina suurin kontrasti ei ole paras. Voimakkain sävykontrasti ilmenee vasta- eli komplementtivärien yhdistelmissä.

36 Simultaaninen kontrasti Havaitun värin muuttuminen vierekkäisen tai läheisen värin vaikutuksesta. Valkoinen ympäristö aiheuttaa kohdevärien tummumista. Musta ympäristö voimistaa värien valoisuutta. Värillisen pinnan lähin ympäristö värittyy aina sen komplementtisävyn suuntaan. Esim. punaisessa ympäristössä värit menettävät punaisuutta ja syaaninsininen korostuu. Tällöin sinistä ja vihreää valoa aistivien tapposolujen aktiivisuus lisääntyy.

37 Sameat värit puhtaiden värien kanssa Puhdas väri saa samean värin näyttämään entistä likaisemmalta. Sameiden värien ympäröimä puhdas väri loistaa. Lähisävyt heikentävät toisensa havaittavuutta rinnakkain asetettuna. Vaalea kuvio näyttää aina tummaa suuremmalta. Tiheä tasaraitainen kuvio saa aikaa jatkuvan näköaistimuksessa liikkeen.

38 Rajakontrasti-ilmiö TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ Molemmissa teksteissä on samat tummuusarvot väreissä. Ihmisen silmässä on sinisiä sävyjä aistivia tappisoluja n.2 % ja vihreitä sävyjä n. 34 %. sinistä sinistä Älä sijoita sinisiä kohteita mustalle taustalla tai päinvastoin -> näkyvät epätarkkoina. Ylemmässä on sinistä taitettu harmaalla -> teksti näkyy selvemmin.

39 Värit viestinnässä Väri ilmaisuna Värissä itsessään on viesti mukana. esteettisyys, symbolisuus punainen -> vaara Värillä voidaan ilmaista erilaisia tunnelmia. Väri kertoo aina kohteestaan jotain. Yksi värien tärkeistä tehtävistä on tehdä kohteiden erottuminen ja tunnistaminen helpoksi taustasta. Www-sivuilla ei kannata vaihtaa kesken kaiken taustaa, koska käyttäjän silmä tottuu nopeasti tiettyyn kirkkausasteeseen. Ihmisen suhde väreihin: Primäärinen: - oma pigmentti - luonne - ikä - sukupuoli Sekundäärinen: - kulttuuri - ympäristö - opitut väritavat - muoti Väri tunnuksena Viestinnässä on kysy merkityksien luomisesta. Jotkut värit tunnistetaan nopeasti ja liitetään johonkin tiettyyn sisältöön esim. tuttujen maiden liput, liikennemerkit jne.

40 Värit auttavat erottamaan tai yhdistämään samankaltaisia kohteita. Värin käyttö ryhmittelyssä ja muistin tukena Hahmolait samanlaisuus: kaksi visuaalista ärsykettä, joilla on jokin yhteinen ominaisuus, mielletään yhteenkuuluviksi Tunnistevärien pitäisi erottua toisistaan ja taustasta. teoria teoria tehtävä teoria teoria tehtävä samanlaisuus, erilaisuus, huomioitavaa kotitehtävä Lähde: Anja Hatva (toim): Verkkografiikka, IT Press, 2003

41 Huomioitavia asioita värisuunnitteluun Värien valinta lähteen aina kohderyhmästä ja tuotteen käyttötarkoituksesta. Huomioi värien valinnoissa aina käyttäjien yhteinen kokemustausta, värien tuttuus ja yleisen mielikuvat väreistä. Muista kuitenkin, että värien kokeminen on yksilöllistä. Muista värien muuntuminen näköaistimuksessa ympäröivien värien mukaan. Väriperspektiivi Tumma on lähempänä kuin vaalea. Lämmin sävy on lähempänä kuin kylmä sävy. Puhdas väri on lähempänä kuin likainen Tutkimuksia väreistä: Näkyvyys: 1) punainen, 2) vihreä, 3) keltainen, 4) valkoinen 5) sininen, 6) purppura Muistettavuus: 1) punainen, 2) oranssi, 3) keltainen, 4) purppura, 5) vihreä, 6) valkoinen

42 Vaaleat ja kirkkaat värit valtaavat tilaa Tunnista käyttäjän käytössä olevat värit. Värit voivat vaihdella laitteelta ja käyttöjärjestelmältä toiselle. Kirkkaat värit sopivat vaarasignaaleihin, huomionherättäjiin ja muistuttajiin. Älä luota pelkkään väriin suunnittelussa, vaan suunnittele myös mustavalkoisena. Vältä liiallista värien käyttöä. Luettavuus taustoilta Faber Birrin mukaan: musta keltaisella vihreä valkoisella punainen valkoisella valkoinen sinisellä musta valkoisella valkoinen mustalla

43 Värilinkkejä Suomen Heraldinen seura sisältää mm. vaakunoiden värin käyttösäännöt Seppo Rihlama: RA-värijärjestelmä Patrick J. Lynsc, Sarah Horton: Web Style Guide Web-sivujen suunnittelua käsittelevä kirjan 2. laitos nyt kokonaan verkossa Volantis Oy, Juha kaukoniemi: Värin havaitseminen

44 Lähteet Iiro Pohjanoksa, Eevi Kuokkanen, Timo Raaska: Digitaalisen viestinnän käsikirja: Viesti verkossa, Infor, 2007 Tapani Huovila: look Visuaalista viestisi, Inforviestintä Oy, 2006 Pekka Loiri, Elise Juholin: Huom! Visuaalisen viestinnän käsikirja, Inforviestintä Oy, 1998 Harald Arnkil: Värit havaintojen maailmassa, Gummerus Kirjapaino oy, 2007 Martti Huttunen: Värit pintaa syvemmältä, WSOY, 2005 Seppo Rihlama: Värioppi, Rakennustieto, 1997 Jussi Jokinen: Digikuva, IT Press, 2004 Anja Hatva (toim): Verkkografiikka, IT Press, 2003

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

Erottuvuus. ICT01D Visuaalisuus. Ulkoasun tehtävät: 1. Erottuvuus 2. Informaation välittäminen 3. Kiinnostuksen herättäminen 4. Toiminnan motivointi ICT01D Visuaalisuus Ulkoasun tehtävät: 1. Erottuvuus 2. Informaation välittäminen 3. Kiinnostuksen herättäminen 4. Toiminnan motivointi Erottuvuus Jotta viesti voidaan vastaanottaa eli aistia, niin sen

Lisätiedot

Juha-Pekka Ruuska 17.01.03 BITTIKARTTAGRAFIIKKA, BITTIKARTTAKUVAT ELI RASTERIKUVAT...2

Juha-Pekka Ruuska 17.01.03 BITTIKARTTAGRAFIIKKA, BITTIKARTTAKUVAT ELI RASTERIKUVAT...2 BITTIKARTTAGRAFIIKKA, BITTIKARTTAKUVAT ELI RASTERIKUVAT...2 VEKTORIGRAFIIKKA...2 BITTIKARTTAKUVAT...2 BITTIKARTTAKUVAN PIKSELIKOKO...2 BITTIKARTTAKUVAN RESOLUUTIO...2 RGB-KOLMIVÄRIMALLI...3 BITTIKARTTAKUVANVÄRISYVYYS

Lisätiedot

VÄRIT 12.2.2015 WWW-VISUALISOINTI - IIM60110 - VÄRIT

VÄRIT 12.2.2015 WWW-VISUALISOINTI - IIM60110 - VÄRIT VÄRIT 12.2.2015 Väri on silmään saapuvan valon aistittava ominaisuus, joka havaitaan näkö- ja väriaistilla. Värin aistiminen riippuu silmään saapuvan valon sisältämistä aallonpituuksista ja niiden voimakkuuksista.

Lisätiedot

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

Hajautetut käyttöliittymät. Kuvat www-sivulla Hajautetut käyttöliittymät Kuvat www-sivulla Perusteita Pikselien väri näytöllä muodostuu punaisesta, sinisestä ja vihreästä valosta, jotka erilaisina yhdistelminä muodostavat kaikki muut värit ja yhdessä

Lisätiedot

DIGI PRINT. Aineistovaatimukset ja aineiston siirto

DIGI PRINT. Aineistovaatimukset ja aineiston siirto DIGI PRINT Aineistovaatimukset ja aineiston siirto Glass Jet - Digitaalipainotekniikka Tulostettavan kuvan maksimikoko 2400 x 4000 mm. 6 perusväriä ja hiekkapuhallusta jäljittelevä etch-väri. Väreistä

Lisätiedot

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

Kuvassa on 18 * 20 pikseliä 133 * 149 pikseliä 266 * 298 pikseliä Tiedostokoko: 2 kb 19 kb 120 kb P E R U S T E E T LSET KUVAT Kuva muodostuu pikseleistä Vie paljon tilaa (Tiedostoon tallentuu jokaisen yksittäisen pisteen paikka ja väri) Kuvan laatu kärsii etenkin kuvaa suurennettaessa Ohjelmia: Photoshop,

Lisätiedot

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

Kuvankäsi*ely 1. Digitaaliset kuvat ja niiden peruskäsi3eet. Kimmo Koskinen Kuvankäsi*ely 1 Digitaaliset kuvat ja niiden peruskäsi3eet Kimmo Koskinen Mitä kuvankäsi3ely on? Digitaalisten kuvien monipuolista muokkausta: - korjailua: roskien poisto, punaiset silmät jne - muuntelua:

Lisätiedot

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

Tämän värilaatuoppaan tarkoitus on selittää, miten tulostimen toimintoja voidaan käyttää väritulosteiden säätämiseen ja mukauttamiseen. Sivu 1/7 Värilaatuopas Tämän värilaatuoppaan tarkoitus on selittää, miten tulostimen toimintoja voidaan käyttää väritulosteiden säätämiseen ja mukauttamiseen. Laatu-valikko Tulostustila Väri Vain musta

Lisätiedot

8 Multimedian elementtejä: kuva

8 Multimedian elementtejä: kuva 8 Multimedian elementtejä: kuva Näyttävän hypermedian keskeinen elementti on kuva. Kuvankäsittelyyn liittyy sekä teknisiä (miten) että sisällöllisiä piirteitä (mitä ja kenelle). Seuraavassa käsitellään

Lisätiedot

Tehdään laadukas painotuote

Tehdään laadukas painotuote Tehdään laadukas painotuote 8 vinkkiä valokuvien ottamisesta ja toimittamiseen painotuotteisiin 1. Kuvaa kameran parhailla asetuksilla Kuvien tarkkuuden ja tiedostopakkauksen vaikutukset ovat korostuneet

Lisätiedot

TIEDOSTOFORMAATIT. Lyhyt selostus erilaisista tiedostoformaateista

TIEDOSTOFORMAATIT. Lyhyt selostus erilaisista tiedostoformaateista TIEDOSTOFORMAATIT Lyhyt selostus erilaisista tiedostoformaateista Herlokki Solmunen 0000000 31.1.2008 SISÄLLYSLUETTELO 1 Johdanto...1 2 Erilaiset toimistosovellusten formaatit...1 2.1 MS Office versioon

Lisätiedot

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

Värijärjestelmät. Väritulostuksen esittely. Tulostaminen. Värien käyttäminen. Paperinkäsittely. Huolto. Vianmääritys. Ylläpito. Tällä tulostimella voidaan tulostaa värillisiä asiakirjoja. Värituloste herättää huomiota, lisää arvostusta ja tulosteen tai tietojen arvoa. käyttö lisää lukijoiden määrää, sillä väritulosteet luetaan

Lisätiedot

LUENTO 6 KUVANKÄSITTELY

LUENTO 6 KUVANKÄSITTELY LUENTO 6 KUVANKÄSITTELY TIEY4 TIETOTEKNIIKKATAIDOT SYKSY 2017 JUHANI LINNA ANTTI SAND 17.10.2017 LUENTO 6 17.10.2017 Tällä luennolla Taustaa harjoitukseen YH3b Miksi? Digitaalinen kuva Kuvankäsittelyohjelmat

Lisätiedot

IHTE-2100 KaSuper 2007-2008 Luento 2: värit, kuvakkeet

IHTE-2100 KaSuper 2007-2008 Luento 2: värit, kuvakkeet IHTE-2100 KaSuper 2007-2008 Luento 2: värit, kuvakkeet Aiheet tänään Värit käyttöliittymäsuunnittelussa Kuvakkeiden suunnittelu Värit käyttöliittymässä Of all design elements, color most exemplifies the

Lisätiedot

Taulukkolaskennan edistyneempiä piirteitä, Kuvakäsittelystä

Taulukkolaskennan edistyneempiä piirteitä, Kuvakäsittelystä Taulukkolaskennan edistyneempiä piirteitä, Kuvakäsittelystä Taulukkolaskennasta käsitellään edistyneempiä piirteitä harjoituksen H7 pohjalta Kuvankäsittelystä pikselit, väriresoluutio ja kuvan koko resoluutio,

Lisätiedot

Gimp JA MUUT KUVANKÄSITTELYOHJELMAT

Gimp JA MUUT KUVANKÄSITTELYOHJELMAT Gimp JA MUUT KUVANKÄSITTELYOHJELMAT Daniela Lund Ti07 A241227 Linux-järjstelmät 01.12.2009 MIKÄ ON KUVANKÄSITTELYOHJELMA? Kuvankäsittelyohjelma on tietokoneohjelma, jolla muokataan digitaalisessa muodossa

Lisätiedot

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

Muita kuvankäsittelyohjelmia on mm. Paint Shop Pro, Photoshop Elements, Microsoft Office Picture Manager Missio: 1. Asentaminen 2. Valokuvien tarkastelu, tallennus/formaatit, koko, tarkkuus, korjaukset/suotimet, rajaus 3. Kuvan luonti/työkalut (grafiikka kuvat) 4. Tekstin/grafiikan lisääminen kuviin, kuvien/grafiikan

Lisätiedot

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

Johdanto. Kuvankäsittely: Kuva Kuva. Kuva. Mittauksia. Kuva-analyysi: Korkean tason kuvaus. Kuva. Kuvan ymmärtäminen: Johdanto Kuvankäsittely: Kuva Kuva Kuva-analyysi: Kuva Mittauksia Kuvan ymmärtäminen: Kuva Korkean tason kuvaus Kuvantamismenetelmien ominaisuuksia Digitaalinen kuva Näkö Laitetekniikkaa Digitaalinen kuva

Lisätiedot

Kuvankäsittelyn mahdollisuudet

Kuvankäsittelyn mahdollisuudet Kuvankäsittelyn mahdollisuudet Johdanto digikuvien käsittelyyn mikko.kaariainen@opisto.hel.fi Bittikartat ja vektorit Bittikarttagrafiikka Kuva muodostuu pikseleistä, joista jokaisella tietty väriarvo

Lisätiedot

Kuvankäsittely. DigiReWork Annamari Mäenhovi Kati Nieminen

Kuvankäsittely. DigiReWork Annamari Mäenhovi Kati Nieminen Kuvankäsittely DigiReWork 14.11.2017 Annamari Mäenhovi Kati Nieminen Työpajan sisältö Valokuvaamisen karkeat perusteet Kuvien ottamisen ja käyttämisen laillisuus Digitaalinen kuva Erityisvaatimukset alustoille

Lisätiedot

Lue ohjeet huolellisesti ennen laitteen käyttöä.

Lue ohjeet huolellisesti ennen laitteen käyttöä. 1 Valokuvien, diojen ja filminegatiivien skannaus ION PICS 2 PC Lue ohjeet huolellisesti ennen laitteen käyttöä. ION PICS 2 PC skannerilla voit skannata valokuvia, dioja ja filminegatiiveja tietokoneelle

Lisätiedot

PIKSELIT JA RESOLUUTIO

PIKSELIT JA RESOLUUTIO PIKSELIT JA RESOLUUTIO 22.2.2015 ATK Seniorit Mukanetti ry / Tuula P 2 Pikselit ja resoluutio Outoja sanoja Outoja käsitteitä Mikä resoluutio? Mikä pikseli? Mitä tarkoittavat? Miksi niitä on? Milloin tarvitaan?

Lisätiedot

VAPAASTI VALITTAVAT TUTKINNON OSAT. Liiketalouden perustutkinto

VAPAASTI VALITTAVAT TUTKINNON OSAT. Liiketalouden perustutkinto VAPAASTI VALITTAVAT TUTKINNON OSAT Liiketalouden perustutkinto Jokilaaksojen koulutuskuntayhtymä Oulaisten ammattiopisto Hyväksytty: 2 Sisällys JOHDANTO... 3 4. VAPAASTI VALITTAVAT TUTKINNON OSAT... 4

Lisätiedot

Värisuunnitteluopas. www.e-weber.fi

Värisuunnitteluopas. www.e-weber.fi okkelit kuntoon Värisuunnitteluopas Värien antamat mahdollisuudet rakennussuunnittelussa okkeliratkaisut kätevästi eberiltä www.e-weber.fi Värien antamat mahdollisuudet Tervetuloa eberin värimaailmaan.

Lisätiedot

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

Hämeenlinnan Offset-Kolmio Paino Oy:n aineisto-ohjeet Hämeenlinnan Offset-Kolmio Paino Oy:n aineisto-ohjeet Sivun koko Painotuotteen sivun koon tulee olla taitto-ohjelmassa määritetty sivun lopulliseksi kooksi. Tarvittavat leikkuuvarat (Bleed), vähintään

Lisätiedot

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

Grafiikka julkaisuun. Tietohallintokeskus Markku Könkkölä Sisällys Grafiikka julkaisuun Tietohallintokeskus Markku Könkkölä 7.4.2011 Sisällys Kuva tietokoneella Kaaviot ja piirrokset vektorimuodossa Vektorigrafiikan muokkaus (InkScape, Illustrator ) Valokuvat bittimuodossa

Lisätiedot

Tiedostomuodon valitseminen kuville

Tiedostomuodon valitseminen kuville Kuvan lisääminen sivulle Valitse työkaluriviltä Lisää Kuva tiedostosta painike 1. Ruudulle aukeaa sekä Kuva-ikkuna että Valitse tiedosto ikkuna 2. Selaa Valitse tiedosto ikkunassa esiin se kuva, jonka

Lisätiedot

VÄRISPEKTRIKUVIEN TEHOKAS SIIRTO TIETOVERKOISSA

VÄRISPEKTRIKUVIEN TEHOKAS SIIRTO TIETOVERKOISSA VÄRISPEKTRIKUVIEN TEHOKAS SIIRTO TIETOVERKOISSA Juha Lehtonen 20.3.2002 Joensuun yliopisto Tietojenkäsittelytiede Kandidaatintutkielma ESIPUHE Olen kirjoittanut tämän kandidaatintutkielman Joensuun yliopistossa

Lisätiedot

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen Ennen kuin aloitat: 1. Asenna tietokoneeseesi ilmainen Miso Regular fontti, jonka saat täältä: https://www.fontspring.com/fonts/marten- nettelbladt/miso

Lisätiedot

L A TEX, pdfl A TEX ja grafiikka

L A TEX, pdfl A TEX ja grafiikka L A TEX, pdfl A TEX ja grafiikka Ari Lehtonen Perinteinen TEXin tiedostotyyppien kulku on tex dvi ps pdf pdf PdfL A TEXissa välivaiheen dvi-tiedosto ohitetaan kokonaan, eli tex-tiedostosta tuotetaan suoraan

Lisätiedot

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

Digikuvan peruskäsittelyn. sittelyn työnkulku. Soukan Kamerat 22.1.2007. Soukan Kamerat/SV Digikuvan peruskäsittelyn sittelyn työnkulku Soukan Kamerat 22.1.2007 Sisält ltö Digikuvan siirtäminen kamerasta tietokoneelle Skannaus Kuvan kääntäminen Värien säätö Sävyjen säätö Kuvan koko ja resoluutio

Lisätiedot

ARVO - verkkomateriaalien arviointiin

ARVO - verkkomateriaalien arviointiin ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 3/8: Visuaalinen suunnittelu

Lisätiedot

Muistitikut 2010. www.bava.fi

Muistitikut 2010. www.bava.fi Muistitikut 2010 www.bava.fi BAVA-111 Tuotekoodi: BAVA-111 Nopeus: Luku: 5030KB/S Kirjoitus: 4010KB/S Värit: alumiini / musta, saatavana myös alumiini/keltainen, alumiini/punainen& alumiini/sininen BAVA-113

Lisätiedot

Ohjeita kirjan tekemiseen

Ohjeita kirjan tekemiseen Suomen Sukututkimustoimisto on yhdessä Omakirjan kanssa tehnyt internetiin uuden Perhekirja-sivuston. Se löytyy osoitteesta: www.omakirja.fi -> Kirjat -> Perhekirja tai http://www.omakirja.fi/perhekirja?product=6

Lisätiedot

SKANNAUSVINKKEJÄ. Skannausasetukset:

SKANNAUSVINKKEJÄ. Skannausasetukset: SKANNAUSVINKKEJÄ Tämä skannausohje on tarkoitettu täydentämään Yliopistopainon Xerox-käyttöohjetta (https://www.jyu.fi/palvelut/yopaino/opiskelija/print-it/xerox%20kayttoohje), ei korvaamaan sitä. Yliopistopainon

Lisätiedot

Ammattilaisten suosimat katseenvangitsijat

Ammattilaisten suosimat katseenvangitsijat Ammattilaisten suosimat katseenvangitsijat Copyright TETRIX 2006 All rights reserved Vältä ongelmia 1) Tee kuvasi oikean kokoiseksi Kotisivuilla, jokaisen painettavan tuotteen kohdalla mainitaan Kuvakoko

Lisätiedot

Kuvan pakkaus JPEG (Joint Photographic Experts Group)

Kuvan pakkaus JPEG (Joint Photographic Experts Group) Kuvan pakkaus JPEG (Joint Photographic Experts Group) Arne Broman Mikko Toivonen Syksy 2003 Historia 1840 1895 1920-luku 1930-luku Fotografinen filmi Louis J. M. Daguerre, Ranska Ensimmäinen julkinen elokuva

Lisätiedot

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

HAAGA-HELIA ammattikorkeakoulu Photoshop ohje 59 Väritilat, kanavat HAAGA-HELIA ammattikorkeakoulu Photoshop ohje 59 VÄRIT Värimuokkain-ikkuna Työkalupaletin tai Color-paletin Foreground tai Background Color kuvaketta napsauttamalla saadaan näkyviin Color Picker-valintaikkuna

Lisätiedot

Heikki Helin Metatiedot ja tiedostomuodot

Heikki Helin Metatiedot ja tiedostomuodot Heikki Helin 6.5.2013 Metatiedot ja tiedostomuodot KDK:n metatiedot ja tiedostomuodot KDK:n tekniset määritykset ja niiden väliset suhteet Aineistojen valmistelu ja paketointi on hyödyntäville organisaatioille

Lisätiedot

SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA

SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA Suomen Lions-liitto ry:n GRAAFINEN OHJEISTO SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA 2 3 4 5 6 Suomen Lions-liitto ry:n graafinen ohjeisto on tehty yhtenäistämään järjestön

Lisätiedot

SISÄLLYS JOHDANTO 5. KUVAT 1. TUNNUS - SANOMA 6. VERKKOSIVUT 2. TUNNUS - KÄYTTÖ 7. TUOTEKORTIT JA ESITTEET. 2.1 Suoja-alue. 7.

SISÄLLYS JOHDANTO 5. KUVAT 1. TUNNUS - SANOMA 6. VERKKOSIVUT 2. TUNNUS - KÄYTTÖ 7. TUOTEKORTIT JA ESITTEET. 2.1 Suoja-alue. 7. GRAAFINEN OHJEISTO SISÄLLYS JOHDANTO 1. TUNNUS - SANOMA 2. TUNNUS - KÄYTTÖ 2.1 Suoja-alue 2.2 Eri osien käyttö 2.3 Minimikoot 5. KUVAT 6. VERKKOSIVUT 7. TUOTEKORTIT JA ESITTEET 7.1 Tuotekortit 7.2 Esitteet

Lisätiedot

Mobiilitulostus-/- skannausopas Brother iprint&scanille (Android )

Mobiilitulostus-/- skannausopas Brother iprint&scanille (Android ) Mobiilitulostus-/- skannausopas Brother iprint&scanille (Android ) Ennen Brother-laitteen käyttöä Huomautusten määritelmät Tämä käyttöopas käyttää seuraavia symboleita ja merkintätapoja: Kuvakkeet sisältävät

Lisätiedot

ARVO - verkkomateriaalien arviointiin

ARVO - verkkomateriaalien arviointiin ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 5/8: Mediaelementit Edellinen

Lisätiedot

Akavan. graafinen ohjeistus 3.12.2015

Akavan. graafinen ohjeistus 3.12.2015 Akavan 3.12.2015 graafinen ohjeistus Esipuhe Tunnus Opiskelijoiden tunnus Akavalainen-tunnus Tunnuksen suoja-alue Tunnuksen käyttö Väripaletti Typografia Kuvat, muodot ja värit Akavan slogan ja strategiset

Lisätiedot

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

JOKKY OSK. Logo ja graafinen ohjeistus. Jaana Salo. JEDU / Piippola, Media 15A JOKKY OSK Logo ja graafinen ohjeistus Jaana Salo JEDU / Piippola, Media 15A 12.2.2016 JOKKY osuuskunnan logo TAUSTAA -Värit samat, kuin JEDU:n logossa -Osuuskunnan logo kuvastaa verkostoa ja osuuskunnan

Lisätiedot

7 Multimedian elementtejä: kuva

7 Multimedian elementtejä: kuva 7 Multimedian elementtejä: kuva 7 Multimedian elementtejä: kuva Näyttävän hypermedian keskeinen elementti on kuva. Kuvan käsittelyyn liittyy sekä teknisiä (miten) että sisällöllisiä piirteitä (mitä ja

Lisätiedot

Kuvat. 1. Selaimien tunnistamat kuvatyypit

Kuvat. 1. Selaimien tunnistamat kuvatyypit Kuvat Kuvia voi liittää xhtml-sivulle -elementillä -elementillä -elementillä lomakkeiden yhteydessä lähinnä painikenappeja taustakuvina -elementin background-attribuutilla tai

Lisätiedot

Kauneimmat Joululaulut: Visuaalisen ilmeen ohjeisto

Kauneimmat Joululaulut: Visuaalisen ilmeen ohjeisto Kauneimmat Joululaulut: Visuaalisen ilmeen ohjeisto 7.3.2017 Tämä on vuonna 2017 uusitun Kauneimpien Joululaulujen visuaalisen ilmeen ohjeisto. Ohjeiston mukana toimitetaan alkuperäiset logotiedostot,

Lisätiedot

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

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti: HENKILÖKORTTIEN SUUNNITTELUSOVELLUS SOVELLUKSEN KÄYTTÖOHJE Voit kokeilla korttien suunnittelemista valmiiden korttipohjien avulla ilman rekisteröitymistä. Rekisteröityminen vaaditaan vasta, kun olet valmis

Lisätiedot

7 Multimedian elementtejä: kuva

7 Multimedian elementtejä: kuva 7 Multimedian elementtejä: kuva Näyttävän hypermedian keskeinen elementti on kuva. Kuvankäsittelyyn liittyy sekä teknisiä (miten) että sisällöllisiä piirteitä (mitä ja kenelle). Seuraavassa käsitellään

Lisätiedot

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen 27.5.2005

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen 27.5.2005 Opetusmateriaalin visuaalinen suunnittelu Kirsi Nousiainen 27.5.2005 Visuaalinen suunnittelu Ei ole koristelua Visuaalinen ilme vaikuttaa vastaanottokykyyn rauhallista jaksaa katsoa pitempään ja keskittyä

Lisätiedot

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

Muistio. Att:Videokerho Monitori ry:n jäsenet SUB: ÄÄNI-KUVA- JA VIDEOTIEDOSTOFORMAATIT. 1 Tiedostojärjestelmistä Pvm:01.03.2011 Att:Videokerho Monitori ry:n jäsenet SUB: ÄÄNI-KUVA- JA VIDEOTIEDOSTOFORMAATIT 1 Tiedostojärjestelmistä Tietokoneiden sisäisessä tietojenkäsittelyssä ja tietojen hallinnassa on käytössä

Lisätiedot

Kuvan pehmennys. Tulosteiden hallinta. Tulostaminen. Värien käyttäminen. Paperinkäsittely. Huolto. Vianmääritys. Ylläpito.

Kuvan pehmennys. Tulosteiden hallinta. Tulostaminen. Värien käyttäminen. Paperinkäsittely. Huolto. Vianmääritys. Ylläpito. Tulostinajuri tuottaa parhaan mahdollisen tulostuslaadun erilaisiin tulostustarpeisiin. Joskus saattaa kuitenkin olla tarpeen muuttaa tulostettavan asiakirjan ulkonäköä enemmän kuin tulostinajuri sallii.

Lisätiedot

LAITTEEMME NOUDATTAVAT SEURAAVIA VÄRIASETUKSIA: Euroopan PMS-kirjastot Coated FOGRA39 ja Uncoated FOGRA29 Mustavalko Gray Gamma 2.

LAITTEEMME NOUDATTAVAT SEURAAVIA VÄRIASETUKSIA: Euroopan PMS-kirjastot Coated FOGRA39 ja Uncoated FOGRA29 Mustavalko Gray Gamma 2. LAITTEISTOMME M&P PAINOSSA KÄYTÖSSÄMME OVAT SEURAAVAT OHJELMAT: Adobe Photoshop CS6 Adobe InDesign CS6 Adobe Illustrator CS6 Adobe Acrobat Pro Adobe Distiller Microsoft Word Microsoft Excel Microsoft Powerpoint

Lisätiedot

Aineisto-Ohje. Bussimedia

Aineisto-Ohje. Bussimedia Aineisto-Ohje Bussimedia Vinkkejä suunnitteluun Isompi on aina parempi ja vähemmän on enemmän. Käytä isoja selkeitä fontteja ja selkeitä kuvia. Mitä vähemmän tekstiä, sitä helpompi luettavuus. Määritä

Lisätiedot

Väitöskirjan kansien suunnittelu

Väitöskirjan kansien suunnittelu Väitöskirjan kansien suunnittelu Ohje koskee Lapin Yliopistopainossa painettavia julkaisuja. Väittelijä toimittaa tarvittavat tiedot tekijälle sähköisenä: - julkaisun nimi - acta sarjan numero sekä ISBN

Lisätiedot

Kuvat Web-sivuilla. Keskitie:

Kuvat Web-sivuilla. Keskitie: Kuvat Web-sivuilla Nielsen: Web-sivun kuvitus on pyrittävä minimoimaan vasteajan takia. Kaikki perusteeton kuvitus on karsittava. Yksi kuva vastaa tuhatta sanaa vs Latausajassa yksi kuva vastaa kahta tuhatta

Lisätiedot

1. ALKUSANAT... 3 2. TUNNUS... 3 3. VÄRIT... 3 4. MERKKI JA LOGOTYYPPI... 4 5. SUOJA-ALUE... 5 6. TUNNUKSEN KÄYTTÖ... 5 7. MONIVÄRI...

1. ALKUSANAT... 3 2. TUNNUS... 3 3. VÄRIT... 3 4. MERKKI JA LOGOTYYPPI... 4 5. SUOJA-ALUE... 5 6. TUNNUKSEN KÄYTTÖ... 5 7. MONIVÄRI... GRAAFINEN OHJEISTO 1. ALKUSANAT... 3 2. TUNNUS... 3 3. VÄRIT... 3 4. MERKKI JA LOGOTYYPPI... 4 PÄÄLLEKKÄISVERSIO... 4 RINNAKKAISVERSIO... 4 5. SUOJA-ALUE... 5 6. TUNNUKSEN KÄYTTÖ... 5 7. MONIVÄRI... 5

Lisätiedot

Visuaalinen identiteetti. Graafinen ohjeistus

Visuaalinen identiteetti. Graafinen ohjeistus Visuaalinen identiteetti Graafinen ohjeistus MEDRIAN OY SISÄLTÖ 01 VÄRIT 04 02 03 3... CMYK ja RGB 4... HELPien värit TYPOGRAFIA 5... Ensisijainen fontti 6... Toissijainen fontti 7... WWW-sivut LOGO 8...

Lisätiedot

Kuvat ja taustat ICT1TN004. Elina Ulpovaara

Kuvat ja taustat ICT1TN004. Elina Ulpovaara Kuvat ja taustat Elina Ulpovaara Sisältö Kuvan toteuttaminen Kuvan käyttötarkoitus Tiedostomuodot Img-elementti Figure- ja caption elementit Kuvan sijoittelu www-sivulla Kuvan keskitys Tekstin tasaus pystysuorassa

Lisätiedot

Adobe Photoshop. 12.2.2015 ATK Seniorit Mukanetti/ Kuvakerho. Elements tutuksi

Adobe Photoshop. 12.2.2015 ATK Seniorit Mukanetti/ Kuvakerho. Elements tutuksi Adobe Photoshop Elements tutuksi 1 Adobe Photoshop Elements tutuksi 1.Puhekuplan lisääminen 2.Kuvan koon muutos (Esimerkkinä Elements V6) 12.2.2015 ATK Seniorit Mukanetti/ Kuvakerho 2 Photoshop Elements

Lisätiedot

KUVAMUOKKAUS HARJOITUS

KUVAMUOKKAUS HARJOITUS KUVAMUOKKAUS HARJOITUS PUNASILMÄISYYS, VÄRI, KUVAKOKO, RAJAUS PUNASILMÄISYYS Kuvien punasilmäisyyden joutuu kohtaamaan usein huolimatta kameroiden hyvistä ominaisuuksista. Ohjelma tarjoaa hyvän työvälineen

Lisätiedot

Tilkkuilijan värit. Saana Karlsson

Tilkkuilijan värit. Saana Karlsson Tilkkuilijan värit Saana Karlsson Tilkkutöissä erivärisiä kangaspaloja ommellaan yhteen ja siten muodostetaan erilaisia kuvioita. Värien valinta vaikuttaa siihen miten suunnitellut kuviot tulevat tilkkutyössä

Lisätiedot

Tunnuksen päivitys 19.9.2012

Tunnuksen päivitys 19.9.2012 Tunnuksen päivitys 19.9.2012 2 Tampereen yliopiston tunnus Tampereen yliopiston tunnus Tuhannet ihmiset näkevät Tampereen yliopiston tunnuksen päivittäin lomakkeissa, nettisivuilla, raporteissa, esitteissä.

Lisätiedot

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

Värilaatuopas. Laatu-valikko. Värilaatuopas. Sivu 1/6 Sivu 1/6 Värilaatuopas Tämän värilaatuoppaan tarkoitus on auttaa käyttäjiä ymmärtämään, miten tulostimen toimintoja voidaan käyttää väritulosteiden säätämiseen ja mukauttamiseen. Laatu-valikko Valikkokohta

Lisätiedot

AV-muotojen migraatiotyöpaja - ääni. KDK-pitkäaikaissäilytys 2013 -seminaari 6.5.2013 / Juha Lehtonen

AV-muotojen migraatiotyöpaja - ääni. KDK-pitkäaikaissäilytys 2013 -seminaari 6.5.2013 / Juha Lehtonen AV-muotojen migraatiotyöpaja - ääni KDK-pitkäaikaissäilytys 2013 -seminaari 6.5.2013 / Juha Lehtonen Äänimuodot Ääneen vaikuttavia asioita Taajuudet Äänen voimakkuus Kanavien määrä Näytteistys Bittisyvyys

Lisätiedot

vuodesta 1957 ROOMAN SOPIMUSTEN 50-VUOTISJUHLA GRAAFISET OHJEET Logo Typografia Värit

vuodesta 1957 ROOMAN SOPIMUSTEN 50-VUOTISJUHLA GRAAFISET OHJEET Logo Typografia Värit ROOMAN SOPIMUSTEN 50-VUOTISJUHLA GRAAFISET OHJEET Logo Logo Logon koko Suoja-alue Värillinen logo Logon kielikohtaiset versiot Mitä ei saa tehdä Typografia Värit November Marraskuu 2006 Grafikhandbuch

Lisätiedot

Esite- ja kuvatelineet

Esite- ja kuvatelineet Esite- ja kuvatelineet Roll-upit D10 D11 D12A D13 D110 UUTUUS! D14 D15 Roll-upit Nimike Kuvakoko Hinta D10 Roll-up Style, sis. tulostuksen ja kuljetuskassin 840 x 2000 mm 139,00 D11 Roll-up Elite, sis.

Lisätiedot

DIGIKUVAN PERUSTEITA. 1. Grafiikkatyypit

DIGIKUVAN PERUSTEITA. 1. Grafiikkatyypit DIGIKUVAN PERUSTEITA 1. Grafiikkatyypit Tietokoneella tuotettu grafiikka voidaan jakaa kahteen pääryhmään, vektorigrafiikkaan ja bittikarttagrafiikkaan. Kun vektorigrafiikka kuvaa kohteen matemaattisesti

Lisätiedot

Digi-TV:n käytettöliittymät

Digi-TV:n käytettöliittymät Digi-TV:n käytettöliittymät Helppokäyttöisyys Tehokkuus Luotettavuus Virheettömyys Käyttäjän tyytyväisyys Käytettävyys Käyttäjäkeskeinen suunnittelu 19.11.2001 Sofia Digital Oy sivu 3 Käyttäjä, katsoja

Lisätiedot

Graafinen ohjeisto 21.01.2013

Graafinen ohjeisto 21.01.2013 Graafinen ohjeisto 21.01.2013 Tunnus Kansallisen digitaalisen kirjaston asiakasliittymä Finna on arkistojen, kirjastojen ja museoiden yhteinen helppokäyttöinen verkkopalvelu. Finna-palvelu auttaa käyttäjiä

Lisätiedot

Kuvankäsittely klo Ulla Lehtonen,

Kuvankäsittely klo Ulla Lehtonen, Kuvankäsittely 25.11.2010 klo 8.30-11.30 Ulla, ulla.m.lehtonen@helsinki.fi 23.11.2010 1 Koulutuksen sisältö Paint Shop Pron käyttöliittymä Peruskäsitteitä Kuvan korjailu Kuva- ja tekstitasot Kuvan tallentaminen

Lisätiedot

Sami Hirvonen. Ulkoasut Media Works sivustolle

Sami Hirvonen. Ulkoasut Media Works sivustolle Metropolia ammattikorkeakoulu Mediatekniikan koulutusohjelma VBP07S Sami Hirvonen Ulkoasut Media Works sivustolle Loppuraportti 14.10.2010 Visuaalinen suunnittelu 2 Sisällys 1 Johdanto 3 2 Oppimisteknologiat

Lisätiedot

InDesign CS FreeHand MX. Painovalmis materiaali PDF

InDesign CS FreeHand MX. Painovalmis materiaali PDF InDesign CS FreeHand MX Painovalmis materiaali PDF Miksi PDF? 1. Työnkulku nopeutuu 2. Työn tulostus toimii varmemmin 3. Fontit ovat tiedostossa mukana 4. Kuvat ovat tiedostossa mukana 5. Usein tiedostokoko

Lisätiedot

6. Värikuvanprosessointi 6.1. Värien periaatteet

6. Värikuvanprosessointi 6.1. Värien periaatteet 6. Värikuvanprosessointi 6.1. Värien periaatteet Värien käyttö kuvissa on hyödyllistä kahdesta syystä. Väri on tehokas kuvaaja kohteiden tunnistamiseksi ja erottamiseksi näkymästä. Toiseksi normaalilla

Lisätiedot

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

Etikettien suunnittelu. Kuka ja millä välineillä? Tiina Myllymäki Etikettien suunnittelu Kuka ja millä välineillä? Tiina Myllymäki Myyvä etiketti syntyy tilaajan ja suunnittelijan yhteistyönä Toimeksiannon sisällön määrittelyä varten käydään keskustelu työn taustasta

Lisätiedot

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

Johdatus multimediaan harjoitukset: Kuvankäsittely 1. Porin yksikkö / Advanced Multimedia Center Johdatus multimediaan Johdatus multimediaan harjoitukset: Kuvankäsittely 1 1 2 Kuvankäsittely - Kuvankäsittelyohjelmia: - Bittikarttakuvat - Adobe Photoshop - Corel Photopaint - Gimp, - Vektorigrafiikka - Macromedia Freehand

Lisätiedot

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

VÄRI ON: Fysiikkaa: valon osatekijä (syntyy valosta, yhdistyy valoon) VÄRI VÄRI ON: Fysiikkaa: valon osatekijä (syntyy valosta, yhdistyy valoon) VÄRI ON: Biologiaa: näköaistimus (solut ja aivot) Kemiaa: pigmentti (väriaine, materiaali) VÄRI ON: VÄRI ON: Psykologiaa: havainto

Lisätiedot

Graafinen ohje. Tunnuksen käyttöohje Kouluruokadiplomin ansainneelle koululle 24.4.2014

Graafinen ohje. Tunnuksen käyttöohje Kouluruokadiplomin ansainneelle koululle 24.4.2014 Graafinen ohje Tunnuksen käyttöohje Kouluruokadiplomin ansainneelle koululle 24.4.2014 2 Sisällysluettelo Johdanto... 3 Graafinen tunnus... 4 Tunnuksen käyttö... 5 Värinumerot... 6 Tiedostot... 7 Kouluruokadiplomi-TUNNUKSEN

Lisätiedot

Suomen Tekstiili ja Muoti ry:n uudistuneen ilmeen graafinen ohjeistus on käytännön työkalu kaikille viestinnän kanssa tekemisissä oleville.

Suomen Tekstiili ja Muoti ry:n uudistuneen ilmeen graafinen ohjeistus on käytännön työkalu kaikille viestinnän kanssa tekemisissä oleville. Graafinen ohjeisto Miten graafisilla sovelluksilla viestitään ja opastetaan? Toimiva graafinen ilme sovelluksineen kiteyttää yrityksen imagon, yhtenäistää yrityskulttuuria ja vapauttaa tärkeitä resursseja

Lisätiedot

Suomen luontokeskus Haltia Graafinen ohjeisto 1.0. 2.2.2012 Hahmo Design Oy

Suomen luontokeskus Haltia Graafinen ohjeisto 1.0. 2.2.2012 Hahmo Design Oy Suomen luontokeskus Haltia Graafinen ohjeisto 1.0 Haltia / Graafinen ohjeisto 1.0 Sisällysluettelo 1 tunnus JA YDINILME 1.1 Tunnus, värillinen 1.2 Tunnus, mustavalkoinen 1.3 Tunnuksen käyttö 1.4 Tunnus,

Lisätiedot

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

Tässä värilaatuoppaassa selitetään, miten tulostimen toiminnoilla voi säätää ja mukauttaa väritulosteita. Sivu 1/5 Värilaatuopas Tässä värilaatuoppaassa selitetään, miten tulostimen toiminnoilla voi säätää ja mukauttaa väritulosteita. Laatu-valikko Tulostustila Väri Black Only (Vain musta) Värinkorjaus Auto

Lisätiedot

HEIKKINEN YHTIÖT YRITYSILME 071212

HEIKKINEN YHTIÖT YRITYSILME 071212 LOGON PERUSVERSIO PERUSVERSIO Ensisijaisesti käytettävä versio logosta. Käytetään valkoisella tai hyvin vaalealla pinnalla. PERUSVERSIO PUNAINEN NEGA Käytetään tässä ohjeistossa määritellyllä punaisella

Lisätiedot

E U : n L U O M U T U N N U S

E U : n L U O M U T U N N U S EU:n LUOMUTUNNUS EU:n LUOMUTUNNUS JOHDANTO EU:n luomutunnuksen muodostaa kaksi tuttua symbolia: Euroopan lippu Euroopan unionin virallinen tunnuskuva jo vuodesta 1986 ja monimuotoisesti käytetty lehti,

Lisätiedot

GRAAFINEN OHJEISTUS. YHTEISTYÖKUMPPANEILLE.

GRAAFINEN OHJEISTUS. YHTEISTYÖKUMPPANEILLE. GRAAFINEN OHJEISTUS. YHTEISTYÖKUMPPANEILLE. HINTATIETOJEN ILMOITTAMINEN SUOMEN LAIN MUKAAN Tapahtumien markkinoinnissa ilmoitetaan tapahtuman hinta selkeällä ja helposti havaittavalla tavalla ja että tapahtuman

Lisätiedot

Ohje 13.1.2016. Ohjeessa käydään läpi tilastotietokannan peruskäyttöohjeet.

Ohje 13.1.2016. Ohjeessa käydään läpi tilastotietokannan peruskäyttöohjeet. Ohje 1/8 13.1.2016 Tilastotietokannan käyttö Ohjeessa käydään läpi tilastotietokannan peruskäyttöohjeet. Luonnonvarakeskuksen PX-Web tilastotietokanta on osoitteessa: http://statdb.luke.fi/pxweb/pxweb/fi/luke/

Lisätiedot

GRAAFINEN OHJEISTO. kesä 2017 / v.1.0

GRAAFINEN OHJEISTO. kesä 2017 / v.1.0 GRAAFINEN OHJEISTO kesä 2017 / v.1.0 JOHDANTO Tämän graafisen ohjeiston tarkoitus on ohjeistaa Eläinterapeutin visuaalisen ilmeen käyttöä ja määritellä ulkoasua, sekä visuaalista viestiä. Graafisen ohjeistoon

Lisätiedot

Oiva Akatemia Graafinen ohje 2008

Oiva Akatemia Graafinen ohje 2008 Oiva Akatemia Graafinen ohje 2008 Alustava 19.11.2008 Oiva Akatemia Graafinen ohje 2008 2 (10) 1 Markkinointitunnus Oiva Akatemian markkinointitunnus muodostuu tyylitellyistä oranssista O- ja harmaasta

Lisätiedot

Tarvikkeet: A5-kokoisia papereita, valmiiksi piirrettyjä yksinkertaisia kuvioita, kyniä

Tarvikkeet: A5-kokoisia papereita, valmiiksi piirrettyjä yksinkertaisia kuvioita, kyniä LUMATE-tiedekerhokerta, suunnitelma AIHE: OHJELMOINTI 1. Alkupohdinta: Mitä ohjelmointi on? Keskustellaan siitä, mitä ohjelmointi on (käskyjen antamista tietokoneelle). Miten käskyjen antaminen tietokoneelle

Lisätiedot

GRAAFINEN OHJEISTUS. YHTEISTYÖKUMPPANEILLE.

GRAAFINEN OHJEISTUS. YHTEISTYÖKUMPPANEILLE. GRAAFINEN OHJEISTUS. YHTEISTYÖKUMPPANEILLE. HINTATIETOJEN ILMOITTAMINEN SUOMEN LAIN MUKAAN Tapahtumien markkinoinnissa ilmoitetaan tapahtuman hinta selkeällä ja helposti havaittavalla tavalla ja että tapahtuman

Lisätiedot

KOLLAASI Kaari-ikkuna

KOLLAASI Kaari-ikkuna KOLLAASI Kaari-ikkuna Aloitetaan luomalla uusi valkoinen arkki A4 Copyright Hannu Räisänen 2010 2 Aloitetaan luomalla uusi valkoinen arkki A4, joka käännetään vaakaan. Copyright Hannu Räisänen 2010 3 Pienennetään

Lisätiedot

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta.

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta. Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta. Sisäänkirjauduttuasi näet palvelun etusivulla helppokäyttöisen hallintapaneelin. Vasemmassa reunassa on esillä viimeisimmät tehdyt muutokset

Lisätiedot

HTML5 video, audio, canvas. Mirja Jaakkola

HTML5 video, audio, canvas. Mirja Jaakkola HTML5 video, audio, canvas Mirja Jaakkola Video webbisivulla HTML5 mahdollistaa videon lisäämisen webbi-sivuille ilman plugineja. Yleisimmät videoformaatit webissä: Mpeg-4 eli H.264 Ogg Flash Perustuu

Lisätiedot

GRAAFINEN OHJEISTUS. YHTEISTYÖKUMPPANEILLE.

GRAAFINEN OHJEISTUS. YHTEISTYÖKUMPPANEILLE. GRAAFINEN OHJEISTUS. YHTEISTYÖKUMPPANEILLE. HINTATIETOJEN ILMOITTAMINEN SUOMEN LAIN MUKAAN Tapahtumien markkinoinnissa ilmoitetaan tapahtuman hinta selkeällä ja helposti havaittavalla tavalla ja että tapahtuman

Lisätiedot

Harjoitus 6b: Kuvankäsittely GIMP-ohjelmalla

Harjoitus 6b: Kuvankäsittely GIMP-ohjelmalla HTKP103 Johdatus tieto- ja viestintätekniikkaan 1(7) : Kuvankäsittely GIMP-ohjelmalla 1 Kuvatiedostot... 2 2 Kuvan koko ja tarkkuus... 2 3 Kuvankäsittely... 3 3.1 Kuvan koon muuttaminen... 3 3.2 Kuvan

Lisätiedot

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

Melan graafinen ohje. Tämä ohjeisto esittelee Melan visuaalisen ilmeen peruselementit. Ohjeisto on yhdenmukaisen asiakasviestinnän työkalu. Melan graafinen ohje Tämä ohjeisto esittelee Melan visuaalisen ilmeen peruselementit. Ohjeisto on yhdenmukaisen asiakasviestinnän työkalu. Selkeä ja yhtenäinen ilme vahvistaa positiivista mielikuvaa Melasta.

Lisätiedot

Tiedon esitys tietokoneessa. Jyry Suvilehto T-110.1100 Johdatus tietoliikenteeseen ja multimediatekniikkaan kevät 2010

Tiedon esitys tietokoneessa. Jyry Suvilehto T-110.1100 Johdatus tietoliikenteeseen ja multimediatekniikkaan kevät 2010 Tiedon esitys tietokoneessa Jyry Suvilehto T-110.1100 Johdatus tietoliikenteeseen ja multimediatekniikkaan kevät 2010 Luennon sisältö 1. Kurssin loppupuolen rakenne 2. Tiedon binääriluonne AD-muunnos 3.

Lisätiedot

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

PHOTOSHOP AVAA. OLETUSASETUKSET EDIT/PREFERENCES esim. yksikkönä cm PHOTOSHOP AVAA TALLENNUS Tärkeää säilyttää alkuperäinen kuva SAVE AS heti toiseksi kuvaksi Photoshopin tallenusmuoto PSD (sis. Fotarin informaation) Painotuotteisiin TIF Näytön kuviin GIF (kuvia, joissa

Lisätiedot

esittely Tunnusta ei saa skaalata eikä mittasuhteita vääristää.

esittely Tunnusta ei saa skaalata eikä mittasuhteita vääristää. GRAAFINEN OHJEISTO Päivitys: maaliskuu 2017 TUNNUS esittely Muistiliiton tunnus muodostuu punaisesta ympyrä- ja kaari-teemasta (liikemerkki) sekä Muistiliittotekstiosuudesta (logo) täydennettynä ruotsinkielisellä

Lisätiedot

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

Copyright 2015 ECDL Foundation ECDL Kuvankäsittely Sivu 2 / 7 ECDL Kuvankäsittely Tavoite Tässä esitellään tutkintovaatimukset moduulille ECDL Kuvankäsittely, joka määrittelee tarvittavat tiedot ja taidot näyttökokeen suorittamiseen. Tämä dokumentti kuvaa tiedot

Lisätiedot