ww

w.h

amk.

fi

KuvankäsittelyDigiReWork 14.11.2017

Annamari Mäenhovi

Kati Nieminen

ww

w.h

amk.

fi

Työpajan sisältö

• Valokuvaamisen karkeat perusteet

• Kuvien ottamisen ja käyttämisen laillisuus

• Digitaalinen kuva

• Erityisvaatimukset alustoille

• Formaatit ja convertterit

• Ohjelmia

• Käytännössä kokeilu

ww

w.h

amk.

fi

Hyvä valokuva

• Hyvin otettu kuva vähentää käsittelyn tarvetta

• Rajaus

• Sommittelu

• Valaistus

• Käyttötarkoitus

• Hyvä kuva myy!

https://www.boredpanda.com/photography-behind-the-scenes/

ww

w.h

amk.

fi

Laillisuus

• Kuvaajalla aina oikeus omiin kuviinsa

• Lain mukaan kuvaaminen on lähtökohtaisesti sallittua, jollei sitä ole kielletty erikseen• Kotirauha

• Kuvan levittäminen

• Hyvillä tavoilla pääsee pitkälle!

• Creative Commons on yksi suosituimmista lisensointimalleista

ww

w.h

amk.

fi

ww

w.h

amk.

fi

• https://search.creativecommons.org/?lang=fi

• Ilmaisia kuvapankkeja

ww

w.h

amk.

fi

Digitaalinen valokuva

• Digitaalinen kuva koostuu pienistä kuvapisteistä, eli pikseleistä• Eräänlainen mosaiikki

• Pikselien määrä = resoluutio (tulostusresoluutio = dpi, dots per inch)

• Tallaisia kuvia sanotaan bittikarttakuviksi, pikselikuviksi tai rasterikuviksi

• Mustavalko- eli binäärikuva

• Harmaasävykuva

• Värikuva (RGB-kuva)

ww

w.h

amk.

fi

• Vektorigrafiikkakuva muodostuu graafisista piirtokomennoista• Zoomaus laadun kärsimättä

• Inkscape

ww

w.h

amk.

fi

Kuvaformaatit

• Formaatti sisältää tiedon siitä, miten tietokoneen tulisi tulkita tiedoston informaatio ja tuottaa kuva näytölle

• BMP• Raskas, pakkaamaton kuvaformaatti

• Ei sovellu WWW –julkaisuun

• JPG• Erityisen hyödyllinen valokuvien julkaisemisessa WWW –sivustolla

• Laatu yleensä huono, mutta se pakkautuu pieneen tilaan

• Pystyy esittämään paljon värejä, mutta ei sovellu kaavioiden esittämiseen

ww

w.h

amk.

fi

•GIF

•Näyttää värejä rajoitetusti, joten se ei oikein sovellu valokuvien esittämiseen

•Soveltuu paremmin kaavioiden esittämiseen

•Pystyy esittämään animaatioita

•PNG

•Mahdollistaa kuvien esittämisen läpinäkyvinä tai läpikuultavina

•Pystyy esittämään enemmän värejä kuin jpg –formaatti

•Soveltuu sekä valokuvien että kaavioiden esittämiseen

http://www.joutsi.com/gimp-ohjeet/kuvaformaatit/

ww

w.h

amk.

fi

Kuvaformaatin muuttaminen

• Kuva avataan kuvankäsittelyohjelmassa ja tallennetaan sitten toiseen formaattiin

• Internetissä on myös tarjolla ”converttereita”, muuntajia, joilla kuvan formaatin voi muuttaa toiseen muotoon• https://www.convertmyimage.com/

ww

w.h

amk.

fi

Kuvien koko sosiaalisessa mediassa

• Eri sosiaalisen median kanavaan kuuluu erikokoiset kuvat

• Facebook

• Profiilikuva 340 x 340px

• Kansikuva 1200 x 675px

• Twitter

• Profiilikuva 500 x 500px

• Header 1500 x 500px

• LinkedIn

• Profiilikuva 400 x 400px

• Banneri 1584 x 396px

Lähde: LouiseM.com bit.ly/SMsizes

ww

w.h

amk.

fi

Kuvien siirto mobiililaitteesta tietokoneelle

• Kuvien siirtäminen käyttämällä pilvipalveluita• iCloud, Google Photos, One Drive.

• Kuvakirjasto käytettävissä mistä vain.

• Vaivattomampi tapa verrattuna USBn kautta siirtämiseen

• Kuvien langaton suorasiirto tietokoneelle myös monissa digikameroissa

Atso Arat, kuvankäsittelyn perusteet

ww

w.h

amk.

fi

Ekosysteemit

Tehty Venngage-infographilla (https://venngage.com/) Tuukkanen

ww

w.h

amk.

fi

Kuvankäsittelyohjelmistoja

• Microsoft Paint• Ilmainen Windows käyttöjärjestelmän mukana tuleva yksinkertainen ohjelmisto.

• Paint.net• Ilmainen, mutta huomattavasti MS Paint ohjelmistosta kehittyneempi versio.

• GIMP• Ilmainen ja laaja kuvankäsittelyohjelmisto kokeneemmalle käyttäjälle.

• Adobe Photoshop• Kallis ja kehittynyt kuvankäsittelyohjelmisto, ammattilaisen vakiotyökalu.

• https://muro.deviantart.com/

Atso Arat, kuvankäsittelyn perusteet

ww

w.h

amk.

fi

MS Paint, rajaus ja koon muuttaminen

Kuvan rajaus:Tee valinta ”select” -työkalulla kuvasta, jonka jälkeen paina ”crop” –nappia.

Kuvan koon muuttamien:Kuvan koon muuttaminen onnistuu ”resize” –toiminnolla.Ikkunassa voit muuttaa kuvan kokoa suoraan pikseleissä tai prosentteja käyttäen

Atso Arat, kuvankäsittelyn perusteet

ww

w.h

amk.

fi

MS Paint, tekstin lisäys

• Tekstinlisäystyökalu on ”A” työkalurivillä• Seuraavaksi klikkaa tekstin aloituspaikkaa tai vedä

tekstille laatikko• Lisättyä tekstiä ei voi enää hyväksymisen jälkeen

muuttaa• Paint ei tunne tasojärjestelmää

Atso Arat, kuvankäsittelyn perusteet

ww

w.h

amk.

fi

Paint.net

• Tarjoaa paljon ominaisuuksia valokuvan korjailuun ja grafiikan luomiseen

• Käyttää tasojärjestelmää

• Huomattavasti kehittyneempi kuin MS Paint

Atso Arat, kuvankäsittelyn perusteet

ww

w.h

amk.

fi

GIMP, läpinäkyvän taustan tekeminen kuvaan

• Avaa haluttu .png –muotoinen kuva GIMP –työpöytäsovelluksessa• Valitaan valintanauhasta Taso

LäpinäkyvyysLisää alfakanava

• Seuraavaksi valitaan valintanauhasta TyökalutValintatyökalut

Sumea valinta

• Sumea valinta –työkalulla painetaan kuvan taustaa ja painetaan Delete -näppäintä, jolloin tausta katoaa ja jäljelle jää haluttu kuva harmaapikselisellä pohjalla

• Tallenna kuva .png –muotoon, jotta kuvan läpinäkyvyys säilyyTiedosto

Vie nimellä

ww

w.h

amk.

fi

Kuvankäsittelyä mobiilisti

• Mobiililaitteille on saatavilla paljon tasokkaita kuvankäsittelyohjelmistoja.

• Voit tehdä muutokset suoraan kuvan ottamisen jälkeen puhelimessa ja lähettää kuvan suoraan esim. sosiaaliseen mediaan.

• Voit hoitaa koko työnkulun ilman tietokonetta ja kuvia ei tarvitse siirrellä.

Atso Arat, kuvankäsittelyn perusteet

ww

w.h

amk.

fi

Kuvankäsittelyohjelmia mobiililaitteelle

• Snapseed• suomenkielinen

• Yksinkertainen käyttää

• Paljon ominaisuuksia, joilla muokata kuvaa

• Pixlr• Ei saatavilla suomeksi

• Voi käyttää sekä selaimella että mobiililaitteella