HAMK ppt-esitys (koko: 16:9)...Kuvankäsittely DigiReWork 14.11.2017 Annamari Mäenhovi Kati...
Transcript of HAMK ppt-esitys (koko: 16:9)...Kuvankäsittely DigiReWork 14.11.2017 Annamari Mäenhovi Kati...
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
• Profiilikuva 340 x 340px
• Kansikuva 1200 x 675px
• Profiilikuva 500 x 500px
• Header 1500 x 500px
• 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