Viestinnän suunnittelu ja kehittäminen. Graafinen suunnittelu. Valokuvaus. Tekstit ja toimitustyö. Viestinnän koulutukset ja työpajat.

Transkriptio

1 Viestinnän suunnittelu ja kehittäminen. Graafinen suunnittelu. Valokuvaus. Tekstit ja toimitustyö. Viestinnän koulutukset ja työpajat.

2 LinkedIn: Marjukka Kähönen Kaikille eväät elämään -verkoston koulutus

3 1. GRAAFINEN SUUNNITTELU 2. MATERIAALI KANAVAN MUKAAN 3. VALOKUVA JA VIDEO MOBIILILLA 4. SOVELLUKSET AVUKSI + TREENIÄ!

4 MIKÄ KUVA JÄI MIELEEN?

5 1. GRAAFINEN SUUNNITTELU

6 ELEMENTIT A j Mm. viivat muodot värit typografia tyhjä tila

7 kuvapinta SOMMITTELU elementtien järjestäminen mielekkääksi kokonaisuudeksi koko, muoto, paikka, suunta sommitteluohjeita esim. rule of thirds ja kultainen leikkaus

8

9

10

11 Kesä 2019 varataan nyt Musa cor molori blaut am quat fuga. Nequi occus aut ipsam qui od quisci ulparunt, quati ullenimos eiur? Dam volorporepti simagni millabo ritionsequi dollicia sim quam illoribuscid et recto optatia volupta temquatis ma cum audit et acestotatur anduciameni coribus. Edigeni dolor sum nosantotatin commoluptat es mil moluptaecate vid magnis magnamus exeribus ra volluptas dolutem oluptiissunt experum sedit et am as autatem. Ebita vollest eaquas es everibus aut quatem volumquo tem esciliq uibusciam dit, cum etureic iatiiss impores tibusdae niscitas sinit excescilit perum ipsaper estrum rerferum quiae. Elicaepudae. Nam veniate corro conseque exerem fugitaectur arum quunt ma si dercia dolum il ea soluptae eum digni re, quibus explique nimolum quos natur, ant quiae consequo quam, sum volupti que re poremped estrum que con es ad que lab is et abo.

12 Musa cor molori blaut am quat fuga. Nequi occus aut ipsam qui od quisci ulparunt, quati ullenimos eiur? Dam volorporepti simagni millabo ritionsequi dollicia sim quam illoribuscid et recto optatia volupta temquatis ma cum audit et acestotatur anduciameni coribus. Edigeni dolor sum nosantotatin commoluptat es mil moluptaecate vid magnis magnamus exeribus ra volluptas dolutem oluptiissunt experum sedit et am as autatem. Elicaepudae. Nam veniate corro conseque exerem fugitaectur arum quunt ma si dercia dolum il ea soluptae eum digni re, quibus explique nimolum quos natur, ant quiae consequo quam, sum volupti que re poremped estrum que con es ad que lab is et abo.

13 KESÄ 2019 varataan nyt Musa cor molori blaut am quat fuga. Nequi occus aut ipsam qui od quisci ulparunt, quati ullenimos eiur? Dam volorporepti simagni millabo ritionsequi dollicia sim quam illoribuscid et recto optatia volupta temquatis ma cum audit et acestotatur anduciameni coribus. Edigeni dolor sum nosantotatin commoluptat es mil moluptaecate vid magnis magnamus exeribus ra volluptas dolutem oluptiissunt experum sedit et am as autatem. Elicaepudae. Nam veniate corro conseque exerem fugitaectur arum quunt ma si dercia dolum il ea soluptae eum digni re, quibus explique nimolum quos natur, ant quiae consequo quam, sum volupti que re poremped estrum que con es ad que lab is et abo.

14 KESÄ 2019 varataan nyt Musa cor molori blaut am quat fuga. Nequi occus aut ipsam qui od quisci ulparunt, quati ullenimos eiur? Dam volorporepti simagni millabo ritionsequi dollicia sim quam illoribuscid et recto optatia volupta temquatis ma cum audit et acestotatur anduciameni coribus. Edigeni dolor sum nosantotatin commoluptat es mil moluptaecate vid magnis magnamus exeribus ra volluptas dolutem oluptiissunt experum sedit et am as autatem. Elicaepudae. Nam veniate corro conseque exerem fugitaectur arum quunt ma si dercia dolum il ea soluptae eum digni re, quibus explique nimolum quos natur, ant quiae consequo quam, sum volupti que re poremped estrum que con es ad que lab is et abo.

15 KESÄ 2019 varataan nyt Musa cor molori blaut am quat fuga. Nequi occus aut ipsam qui od quisci ulparunt, quati ullenimos eiur? Dam volorporepti simagni millabo ritionsequi dollicia sim quam illoribuscid et recto optatia volupta temquatis ma cum audit et acestotatur anduciameni coribus. Edigeni dolor sum nosantotatin commoluptat es mil moluptaecate vid magnis magnamus exeribus ra volluptas dolutem oluptiissunt experum sedit et am as autatem. Elicaepudae. Nam veniate corro conseque exerem fugitaectur arum quunt ma si dercia dolum il ea soluptae eum digni re, quibus explique nimolum quos natur, ant quiae consequo quam, sum volupti que re poremped estrum que con es ad que lab is et abo.

16 KESÄ 2019 varataan nyt Musa cor molori blaut am quat fuga. Nequi occus aut ipsam qui od quisci ulparunt, quati ullenimos eiur? Dam volorporepti simagni millabo ritionsequi dollicia sim quam illoribuscid et recto optatia volupta temquatis ma cum audit et acestotatur anduciameni coribus. Edigeni dolor sum nosantotatin commoluptat es mil moluptaecate vid magnis magnamus exeribus ra volluptas dolutem oluptiissunt experum sedit et am as autatem. Elicaepudae. Nam veniate corro conseque exerem fugitaectur arum quunt ma si dercia dolum il ea soluptae eum digni re, quibus explique nimolum quos natur, ant quiae consequo quam, sum volupti que re poremped estrum que con es ad que lab is et abo.

17 VÄRIT väriharmonia symboliset merkitykset värimaailmat: RGB (näyttö), CMYK (paino)

18

19 a a ERIKOISEMPIKIN OTSIKKOON Ingressi vaikka boldattua antiikvaleipätekstiä ja isompaa fonttikokoa. Leipäteksti antiikvaa ja lorem ipsum ere, sam, cus rehende reperro il ea et doluptibus is quat occatum dolest omnihicil invel ipsam necturi sciasi tem doluptat. Gias cum rem abo. Ehent esequam, senimint perchillis nempell igenis et venisima dolendam quiandunt aut mi, oditat alibus magnis enihillabor rerum dolorum con rero eturit, se rempor ratem inimus nonsedis molorro molecta tionsed qui dolores estisserat volorecum derferf eriaspe nonsed magni ut acepe vel ma es am in nost aut aut voluptio quo doles di omnis re dolenis Ebit as dolupta niendignis paribea tiscideni ipiendi genihil luptatur, que volupta doluptatent, omniscid mint vel ea sit eaquibu sdandelic tem diossintia volorepe cullab ipsae. Itatur? Dollandia ne prepedi beariam natis et aut et laut et ommolor ehent. Dis voloribus modi natem. Nempore ribusci enetus, tem vent voloriatet debistia quisqui dis moluptaspiet andae repelectio. Am doluptibus is quat occatum dolest omnihicil invel ipsam necturi sciasi tem doluptat. TYPOGRAFIA tärkeä osa suunnittelua fonttivalinnat: max 2 3/työ fonttityypit: antiikva, groteski välistykset kappaleiden, rivien ja kirjainten välillä kontrastit

20

21 KONTRASTIT ohjaavat silmän liikettä > kiinnittävät huomion haluttuun elementtien välinen kokoero, hierarkia, värit, painoarvo tukevat ja kertovat tarinaa

22

23 YKSI KAKSI 3

24 ME SOME SOME SOM ME SOME SOME SOM ME SOME SOME SOM E SOME SOME SOME E SOME SOME SOME

25

26 TUTKI: linjoja, viivoja, sommittelua typografiaa muotoja ja värejä kuvakulmia, liikettä, suuntaa kontrastia, painoarvoa tasapainoa ja tyhjää tilaa (white space)

27 Visuaalinen ilme koostuu tyypillisesti typografiasta, väreistä, logosta, visuaalisista elementeistä, kuvamaailmasta, muotokielestä ja pinnanjaoista. Nämä osat muodostavat kokonaisuuden, jotka yhdessä ovat brändisi persoonan visuaalinen kuva. Mikko Nuuttila, Villivisio ORGANISAATION VISUAALINEN ILME rakentaa brändiä on johdonmukainen ja määritellään usein graafisella ohjeistolla

28 KUVAPANKKI, AMMATTI- KUVA, OMA KUVA Mieti kohderyhmää, käyttötarkoitusta ja viestiä: mikä tukisi ydinviestiä ja tavoitetta parhaiten? Riittääkö kuvitus/taustakuva? Satsaa laatuun: osta kuvaaja tarvittaessa

29 1. KENELLE KOHDERYHMÄ 2. MIKSI TAVOITE 3. MITÄ JA MITEN SISÄLTÖ 4. MISSÄ, MILLOIN VÄLINEET

30 Instagram: 1:1 Twitter: 16:9 2. KANAVA- KOHTAISET MATERIAALIT

31 KUVAN LAATU resoluutio ppi = pixel per inch, eli pikseliä (väripistettä) per tuuma näyttöresoluutio: 72 tai 96 ppi aikakauslehti 300 ppi kuvan koko esim. 1080x720 (leveys x korkeus)

32 HUOM! sama kuvakoko ei käy eri tuotteisiin Esim. nettibanneri 300x150 ppi > kuva aikakakauslehden resoluutiolla on vain 2,5x1,2 cm

33 VIDEON LAATU DVD/SD: 720x576 Blu-ray, HD: 1280x720 Full HD: 1920x1080 4K: 3840x2160 Yleisin kuvasuhde nykyään 16:9

34 HD-video: 16:9 Linkkijaot: 2:1 Instagram: 1:1 Instagram Stories 9:16 16:9 TSEKKAA: kuvakoot videoasetukset mainoskuvien rajoitukset sisällöllinen sopivuus (Facebook/Instagram/Twitter) 2:1

35 3. VALOKUVA JA VIDEO MOBIILILLA

36

37

38 ENNAKKOON 1. Selvitä ja mieti kuvan käyttö Tavoite, kohderyhmä, kanava, kuvan muoto?

39 ENNAKKOON 1. Selvitä ja mieti kuvan käyttö Tavoite, kohderyhmä, kanava, kuvan muoto? 2. Missä otat kuvan? Ulkokuva vai sisäkuva, tausta, valo, kuvaussuunnitelma

40 ENNAKKOON 1. Selvitä ja mieti kuvan käyttö Tavoite, kohderyhmä, kanava, kuvan muoto? 2. Missä otat kuvan? Ulkokuva vai sisäkuva, tausta, valo, kuvaussuunnitelma 3. Välineiden huolto Akku täynnä, muistikortti tyhjä, linssi puhdas

41

42 Juha Sipilä HS:lle: Hallitus leikkasi ehkä liikaa

43

44 Urpilainen sähähti Kiviniemelle

45

46 Sauli Niinistö nähtiin yllättävissä puuhissa BBC ihmettelee

47

48 1/2015 Nopeaa ja pikkuisen piikikästä, kuvailee Tarja Halonen huumorintajuaan Pentin kanssa.

49 KUVAUSPAIKALLA 1. Ole ajoissa ja tutustu kuvauspaikkaan Tutki tilaa, tutustu ihmisiin. Sammakko/lintuperspektiivi?

50 KUVAUSPAIKALLA 1. Ole ajoissa ja tutustu kuvauspaikkaan Tutki tilaa, tutustu ihmisiin. Sammakko/lintuperspektiivi? 2. VALOkuvaus vaatii valoa Siristä silmiä: näet valo/varjoalueet

51 KUVAUSPAIKALLA 1. Ole ajoissa ja tutustu kuvauspaikkaan Tutki tilaa, tutustu ihmisiin. Sammakko/lintuperspektiivi? 2. VALOkuvaus vaatii valoa Siristä silmiä: näet valo/varjoalueet 3. Ota testikuvia Valotus, sommittelu, värilämpötila

52

53

54

55 RAJAUS erikoislähikuva... yleiskuva huomioi tausta kuvaan mahdutetaan usein liikaa älä rajaa nivelten kohdasta

56 KOHDE ESIIN tarkenna täppäämäällä syvyysterävyys > laatu! kuvakulmat: etuala/taka-ala valon suunta: minne varjot?

57 RAUHASSA! ota ensin kuvia kauempaa älä panikoi: kiire pilaa kuvat keskity kuvattavaan, juttele, ole rauhallinen ja kiinnostunut kuvattavasta toiminnalliset kuvat

58 KOKEILE metaforat, aasinsillat, herättely yksityiskohdat kertovat tarinan kun kuvaat ryhmää: tarvittaessa lavasta esim. läheisyys näkyväksi rekvisiittaa kuvattaville

59 MILLOIN VIDEO? toiminnan kuvaus ihmiset: ääni ja tarina esiin HUOM! tekstityksen tärkeys somessa lyhyttä: 2 min ok, alle min yes!

60 SUUNNITTELE 1. Synopsis: miksi, mitä, kenelle, miten 2. Storyboard: visualisoi + mieti äänët 2. Tee planssit ennakkoon 3. Suunnittele kuvaustilanne 4. Kuvaa, editoi + julkaise

61 VIDEOKUVAUS 1. Tue kamera johonkin 2. Liiku itse vain vähän asteen sääntö 180 astetta 4. Äänenlaatu tärkeä, mikki? 5. Kuvaa liikaa alkuun ja loppuun

62 EDITOINTI + JULKAISU hyvää editointia ei huomaa Huomaa: musiikki + äänet kuvakulmat tarinankerronta videon nimi (tekijätaho häivytetty) vähemmän on enemmän: ei täyteen efektejä! hyvä nimi videolle + saate somepostaukseen

63 SOVELLUKSIA TÄNÄÄN ILMAISIA KUVIA: ILMAINEN KUVANKÄSITTELYOHJELMA: ILMAINEN TAITTO-OHJELMA: VIDEOEDITOINTI MOBIILILLA: FilmoraGo

64 TREENITEHTÄVÄT 1. Joulu/tapahtuma/muu organisaatiopostaus Canvalla 2. Sitaattipohja omalle hankkeelle Canvalla 3. Infograafipostaus Canvalla 4. Henkilökuvaus: 3 erilaista kuvaa 5. Lyhyt pitchaus -video parin kanssa + editointi

65 KIITOS!