IT3 JULKAISUN TAITTO

ITSEARVIOINTI

1. Mitä ajatuksia tai odotuksia sinulla oli ennen IT3-opintojakson alkua?
2. Mikä oli periodin aikana haastavinta?
3. Mikä oli työläintä?
4. Mistä nautit eniten?
5. Missä tietoteknisessä asiassa olet hyvä?
6. Missä asiassa onnistuit ylittämään itsesi opintojakson aikana?
7. Mitä olisit halunnut lisää IT3-opintojaksolle?
8. Minkä arvosanan antaisit itsellesi lopputyön (lehtinen) perusteella? Perustele.
9. Entä koko opintojakson töiden perusteella? Perustele.
10. Minkälaisen taiton tekisit seuraavaksi?
  • Palauta merkintä

Sinulla ei ole tarvittavia oikeuksia lähettää mitään.

ALKUKARTOITUS

Miksi valitsit Julkaisun taitto -opintojakson?
Mitä graafinen suunnittelu tuo mieleesi?
Oletko tehnyt taittoa aiemmin? Mitä olet taittanut? Millä ohjelmalla?
Oletko ennen käyttänyt Photoshop-ohjelmaa?
Entä Indesign-ohjelmaa?
Mitä odotat Julkaisun taitto -opintojaksolta? Mitä toiveita sinulla on?
  • Palauta merkintä

Sinulla ei ole tarvittavia oikeuksia lähettää mitään.

1. GRAAFISEN SUUNNITTELUN PERUSTEET

  1. Väriteoria
    • TEHTÄVÄ: Värin psykologia (luokan seinälle)
  2. Sommittelu ja asettelu (saa käyttää tekoälyä apuna)​
    • TEHTÄVÄ: Kuvalliset perustekijät (luokan seinälle)
      • piste
      • viiva
      • pinta
      • volyymi
      • rytmi
      • tasapaino
      • jännite ja dynamiikka
      • kuvalliset muuntujat (muodot)
      • väri ja muut sommittelutekijät
      • kolmanneksen sääntö ja kultainen leikkaus
  3. Typografia
  4. Typografian hierarkia​
    • TEHTÄVÄ: Lyriikat/sanat hierarkiaan Indesignissa
  5. Kuvat ja grafiikka​
  6. Hierarkia ja kontrasti​
  7. Yhtenäisyys ja johdonmukaisuus​
  8. Negatiivinen tila (white space)​
    • TEHTÄVÄ: Leikkaa paperista kirjaimet ANNA TILAA! Ota kirjaimet mukaan ja lähde ulos kuvaamaan. Sijoittele kirjaimet kuvaan niin, että käytät kuvassa negatiivista tilaa hyväksi. Voit leikata myös muita kuvallisia elementtejä paperista (esim. kehyksiä tai muotoja). https://www.canva.com/learn/white-space-design/
  9. Kohderyhmän ymmärtäminen​
  10. Käyttäjäkokemus (UX)​

Liitteet:

Sommittelu graafisessa suunnittelussa_.pdf

Palauta työsi PDF muodossa tähän ryhmäpalautuskansioon. Jokainen voi tarkastella toistensa taittoja.

TEHTÄVÄT

Typografian hierarkia
Valitse teksti, esimerkiksi laulun sanat. Korota tiettyjä/tärkeitä kohtia tekstistä fonteilla, fontin koolla tai lihavoinnilla/kursivoinnilla.

Negatiivinen tila
Leikkaa paperista kirjaimet ANNA TILAA! Ota kirjaimet mukaan ja lähde ulos kuvaamaan. Sijoittele kirjaimet kuvaan niin, että käytät kuvassa negatiivista tilaa hyväksi. Voit leikata myös muita kuvallisia elementtejä paperista (esim. kehyksiä tai muotoja). https://www.canva.com/learn/white-space-design/
  • Palauta kuva tai muu tiedosto
  • Palauta merkintä

Sinulla ei ole tarvittavia oikeuksia lähettää mitään.

2. TAITON MERKITYS JA KÄYTTÖALUEET

Merkitys:

  • Lukukokemus: Hyvin suunniteltu taitto parantaa lukukokemusta tekemällä sisällöstä helposti luettavaa ja visuaalisesti miellyttävää.
  • Viestin välittäminen: Taitto auttaa korostamaan tärkeitä osia ja ohjaa lukijan huomion oikeisiin kohtiin.
  • Brändäys: Yhtenäinen taitto tukee brändin visuaalista ilmettä ja tekee julkaisusta tunnistettavan.

Käyttöalueet:

  • Kirjat ja lehdet: Taitto on erityisen tärkeää kirjoissa ja lehdissä, joissa tekstin ja kuvien tasapaino on olennaista.
  • Esitteet ja mainokset: Hyvä taitto voi tehdä esitteistä ja mainoksista houkuttelevampia ja informatiivisempia.
  • Verkkosivut: Digitaalinen taitto varmistaa, että verkkosivut ovat käyttäjäystävällisiä ja visuaalisesti miellyttäviä.


TEHTÄVÄ

Etsi yksi esimerkki hyvästä taitosta ja yksi esimerkki huonosta taitosta. Perustele lyhyesti palautuskansioon, miksi valitsit juuri nämä esimerkit.

3. TYPOGRAFIA

Typografia on keskeinen osa graafista suunnittelua, ja sen perusteiden ymmärtäminen auttaa luomaan visuaalisesti miellyttäviä ja toimivia suunnitelmia. Tässä muutamia perusasioita, jotka on hyvä tietää:

  1. Fontit ja kirjasintyypit: Fontit voidaan jakaa serif- ja sans-serif-fontteihin. Serif-fontit (esim. Times New Roman) ovat perinteisempiä ja niissä on pieniä koristeellisia viivoja kirjainten päissä. Sans-serif-fontit (esim. Arial) ovat modernimpia ja niissä ei ole näitä koristeita.

  2. Kontrasti: Hyvä kontrasti tekstin ja taustan välillä parantaa luettavuutta. Varmista, että tekstin väri erottuu selkeästi taustasta.

  3. Riviväli ja kirjasinkoko: Riviväli (leading) ja kirjasinkoko vaikuttavat tekstin luettavuuteen. Liian tiivis tai liian harva riviväli voi vaikeuttaa lukemista. Yleensä rivivälin tulisi olla noin 1,2–1,5 kertaa kirjasinkoko.

  4. Hierarkia: Typografinen hierarkia auttaa lukijaa hahmottamaan, mikä on tärkeää. Käytä erilaisia kirjasinkokoja, paksuuksia ja värejä korostamaan otsikoita, alaotsikoita ja leipätekstiä.

  5. Kohdistus: Tekstin kohdistus (vasen, oikea, keskitetty tai tasattu) vaikuttaa sivun tasapainoon ja luettavuuteen. Yleensä vasen kohdistus on helpoin lukea.

  6. Whitespace (tyhjä tila): Tyhjä tila tekstin ympärillä parantaa luettavuutta ja tekee suunnittelusta ilmavamman. Älä pelkää käyttää tyhjää tilaa.

  7. Yhtenäisyys: Pidä typografia yhtenäisenä koko suunnittelussa. Käytä enintään kahta tai kolmea eri fonttia ja varmista, että ne sopivat hyvin yhteen.




TEHTÄVÄ: Juliste

Juliste sisältää sinulle tärkeän viestin ja rakentuu pelkästään muodoista ja fonteista, käyttäen vain typografiaa. Juliste leikittelee tekstin kanssa.

  1. Avaa Adobe InDesign ja luo uusi dokumentti:
    • Valitse File > New > Document.
    • Aseta julisteen koko (A3, 297 x 420 mm).
    • Aseta marginaalit ja bleedit tarpeen mukaan.
  1. Valitse tai kirjoita itsellesi tärkeä teksti.
    • Jos lainaat jonkun toisen tekstiä, muista liittää mukaan viittaus.
  1. Valitse fontit:
    • Käytä enintään kahta tai kolmea erilaista fonttia, jotka täydentävät toisiaan.
    • Esimerkiksi: Sans-serif pääotsikoille ja serif leipätekstille.
  1. Luo muotoja:
    • Käytä Rectangle Tool (M), Ellipse Tool (L) ja Polygon Tool luodaksesi erilaisia muotoja.
    • Leikittele muotojen koon, värin ja asettelun kanssa.

  1. Lisää tekstiä:

    • Käytä Type Tool (T) lisätäksesi otsikot, alaotsikot ja muut tekstit.
    • Leikittele tekstin koon, värin ja asettelun kanssa.

  2. Typografian leikki:

    • Käytä Character ja Paragraph -paneeleja muokataksesi tekstin ominaisuuksia.
    • Kokeile erilaisia tekstin asetteluja, kuten kaarevia tekstejä, tekstin venyttämistä ja kutistamista.

  1. Viimeistele juliste:

    • Tarkista, että kaikki elementit ovat tasapainossa ja juliste on visuaalisesti houkutteleva.
    • Varmista, että teksti on luettavissa ja informatiivinen.

  2. Tallenna ja vie:

    • Tallenna työsi InDesign-muodossa (.indd).
    • Vie juliste PDF-muodossa (File > Export > Adobe PDF (Print)) tulostusta varten.

Vinkkejä

  • Värit: Käytä rajoitettua väripalettia, joka tukee julisteen teemaa.
  • Hierarkia: Varmista, että tärkeimmät tiedot erottuvat selkeästi.
  • Kokeile rohkeasti: Typografian ja muotojen kanssa leikkiminen voi tuottaa yllättäviä ja mielenkiintoisia tuloksia.



FONTTIYHDISTELMIÄ


1. Klassinen ja selkeä

  • Otsikot: Helvetica Neue Bold
  • Leipäteksti: Garamond

2. Moderni ja tyylikäs

  • Otsikot: Futura Bold
  • Leipäteksti: Baskerville

3. Leikkisä ja energinen

  • Otsikot: Bebas Neue
  • Leipäteksti: Montserrat

4. Elegantti ja hienostunut

  • Otsikot: Playfair Display
  • Leipäteksti: Lora

5. Minimalistinen ja puhdas

  • Otsikot: Avenir Next
  • Leipäteksti: Open Sans

6. Rohkea ja dynaaminen

  • Otsikot: Impact
  • Leipäteksti: Roboto

7. Retro ja vintage

  • Otsikot: Pacifico
  • Leipäteksti: Raleway

8. Tekninen ja futuristinen

  • Otsikot: Orbitron
  • Leipäteksti: Source Sans Pro

9. Käsinkirjoitettu ja persoonallinen

  • Otsikot: Amatic SC
  • Leipäteksti: PT Sans

10. Yksinkertainen ja selkeä

  • Otsikot: Oswald
  • Leipäteksti: Lato

4. VÄRIT SUUNNITTELUSSA

Värien valinta graafisessa suunnittelussa on monivaiheinen prosessi, joka vaatii huolellista harkintaa ja ymmärrystä värien vaikutuksista. Tässä muutamia keskeisiä periaatteita:

  1. Väripsykologia: Värit herättävät tunteita ja mielleyhtymiä. Esimerkiksi punainen voi symboloida intohimoa ja energiaa, kun taas sininen viestii luotettavuutta ja rauhallisuutta.

  2. Brändipersoona: Mieti, millaisen persoonan haluat brändillesi luoda. Värivalinnat voivat tukea tätä imagoa ja auttaa erottumaan kilpailijoista.

  3. Kohderyhmä: Eri värit vetoavat eri kohderyhmiin. On tärkeää ymmärtää, millaisia tunteita ja reaktioita haluat herättää kohdeyleisössäsi.

  4. Kulttuuriset merkitykset: Värit voivat merkitä eri asioita eri kulttuureissa. Esimerkiksi valkoinen on länsimaissa usein puhtauden ja viattomuuden symboli, mutta Kiinassa se yhdistetään suruun.

  5. Väritrendit: Seuraa ajankohtaisia väritrendejä, mutta älä unohda klassisia yhdistelmiä, jotka toimivat aina. Vuonna 2024 suosittuja ovat esimerkiksi eloisat ja kylläiset värit sekä pastellit.

  6. Kontrasti ja harmonia: Hyvä väripaletti sisältää sekä kontrastia että harmoniaa. Kontrastivärit, kuten sininen ja oranssi, voivat luoda dynaamisuutta, kun taas harmoniset värit, kuten eri sävyt vihreää, tuovat tasapainoa.

GRAAFISEN SUUNNITTELIJAN VÄRIKARTAT JA -JÄRJESTELMÄT


  1. Pantone Matching System (PMS): Tämä on yksi tunnetuimmista värijärjestelmistä, joka tarjoaa laajan valikoiman valmiiksi sekoitettuja värejä. PMS-värejä käytetään erityisesti silloin, kun tarvitaan tarkkaa värientoistoa, kuten logojen ja brändimateriaalien suunnittelussa.
  2. CMYK-värijärjestelmä: Tämä järjestelmä perustuu neljään väriin (syaani, magenta, keltainen ja musta) ja sitä käytetään yleisesti painotuotteissa. CMYK-värejä käytetään erityisesti silloin, kun tarvitaan laajaa värivalikoimaa.
  3. RGB-värijärjestelmä: Tämä järjestelmä perustuu kolmeen väriin (punainen, vihreä ja sininen) ja sitä käytetään digitaalisissa näytöissä, kuten tietokoneissa ja televisioissa.
  4. HEX-värikoodit: Nämä ovat kuusinumeroisia koodeja, joita käytetään erityisesti verkkosuunnittelussa. HEX-koodit ovat käteviä, koska ne voidaan helposti kopioida ja liittää eri ohjelmistoihin.


Seuraavia väriyhdistelmiä käytetään paljon, sillä ne luovat kontrastia ja luovat mielleyhtymiä:

  • Vaaleanpunainen ja vihreä
  • Sininen ja vaaleanpunainen
  • Laivastonsininen ja oranssi
  • Keltainen ja oranssi
  • Sininen ja punainen
  • Sininen ja keltainen
  • Haalean vaaleanpunainen ja sinapinkeltainen
  • Pinkki ja keltainen
  • Pinkki ja vihreä
  • Punainen ja kulta
  • Lila ja sininen
  • Tumma violetti ja vaalea violetti
  • Vihreä ja punainen
  • Tummanvihreä ja vaaleanvihreä
  • Violetti ja sininen

TEHTÄVÄ

Hae jokaiseen värijärjestelmään (PMS, CMYK, RGB, HEX) liittyvä kuva. Liitä kuvat tekstinkäsittelynohjelmaan ja selitä jokaisen värijärjestelmän periaate omin sanoin kuvan alle.

5. KUVITUS JA KUVAAMINEN (ei palautettavaa tehtävää)

KUVITUSTA PAPERILLE 
paperi 1: kuvioita ja viivoja tusseilla
paperi 2: kolme eläintä vesiväreillä

KUVIA PUHELIMELLA ULKOVALOSSA
2 eri maisemaa
2 tasaista pintaa
2 eri pintarakennetta
1 esine osana ympäristöä




Tee pilveen KUVAPANKKI-niminen kansio. Vie kaikki kuvat sinne. Luo KUVAPANKKI-kansion sisälle uusi kansio nimellä MUOKATUT KUVAT.

6. KUVIEN MUOKKAUS PHOTOSHOPILLA (ei palautettavaa tehtävää)

Vaihe 1: Kuvan Rajaus

  1. Avaa kuva Photoshopissa.
  2. Valitse Rajaus-työkalu (Crop Tool) työkalupalkista.
  3. Vedä rajauskehystä niin, että se sisältää haluamasi osan kuvasta.
  4. Paina Enter hyväksyäksesi rajauksen.

Vaihe 2: Sävyjen Säätö Tasojen Kautta

  1. Valitse Tasot (Levels) säätökerros: Layer > New Adjustment Layer > Levels.
  2. Säädä mustan, harmaan ja valkoisen liukusäätimiä histogrammin alla parantaaksesi kuvan kontrastia ja sävyjä.
  3. Voit myös käyttää Curves-säätökerrosta (Layer > New Adjustment Layer > Curves) hienosäätääksesi sävyjä tarkemmin.

Vaihe 3: Kuvan Koon Muuttaminen

  1. Valitse Image > Image Size.
  2. Varmista, että Resolution on asetettu 300 ppi.
  3. Säädä kuvan leveys ja korkeus tarpeen mukaan. Varmista, että Resample Image on valittuna, jotta kuvan laatu säilyy.
  4. Paina OK.


Vaihe 4: Taustan poistaminen (jollei halua laatikon mallisia kuvia)

Vaihe 5: Väritilan muuttaminen RGB-->CMYK (jos printataan paperille)

Vaihe 6: Kuvan Vieminen InDesigniin

  1. Tallenna muokattu kuva Photoshopissa: File > Save As ja valitse tiedostomuodoksi JPEG, PNG tai TIFF.
  2. Avaa InDesign ja luo uusi dokumentti tai avaa olemassa oleva.
  3. Valitse File > Place ja valitse tallentamasi kuva.
  4. Sijoita kuva haluamaasi kohtaan dokumentissa.



Kuvia käytetään Indesignissa ja vasta taittoharjoitus palautetaan.

7. INDESIGNIN TYÖKALUT

Harjoittele työkaluja opettajan johdolla. Palauta harjoitus PDF-muodossa.

  • Tee muokatuille kuville OMA KANSIO (Indesign linkittää kuvat sinne)
  • Sijoita-vaihtoehdolla voi lisätä grafiikkaa (kuvia). Se tarjoaa korkeimman tason tuen resoluutiolle, tiedostomuodoille, monisivuisille PDF- ja INDD-tiedostoille ja väreille.​
  • Sijoita useita kuvia: Ctrl + valitse (Windows) tai Command + valitse (macOS) kuvat, jotka haluat lisätä.​

  • Sijoita kuvat ilman kehyksiä
  • Sijoita kuvat kehyksiin
  • Kuvien sovittaminen kehyksiin
  • Kuvien siirtely kehyksien sisällä

  • Kuvien sijoittaminen leikkuvaroille saakka

9. FLAT-LAY RESEPTI

Flat-lay-kuvaus on valokuvaustyyli, jossa esineet asetellaan tasaiselle pinnalle ja kuvataan ylhäältä päin. Tämä tyyli on erityisen suosittu sosiaalisessa mediassa ja blogeissa, koska se tarjoaa selkeän ja esteettisesti miellyttävän tavan esitellä tuotteita, ruokia, vaatteita tai muita esineitä. Flat-lay-kuvauksessa korostetaan sommittelua, värejä ja tekstuureja, ja se vaatii usein huolellista suunnittelua ja tarkkaa asettelua, jotta lopputulos olisi visuaalisesti houkutteleva.

TEHTÄVÄ

Rakenna annetuista ruuista ja tavaroista mielenkiintoinen sommitelma pöydälle. Ota mukaan harkittuja värejä ja tekstuureja (pintarakenteita). Lopuksi valikoi sommitelmaan sopiva taustaväri (väripaperit, kankaat). 

Käytä hyödyksi tekoälyä ja pyydä sitä kehittämään resepti antamistasi aineosista. 

Käsittele flat-lay kuva ensin Photoshopissa. Tarkista kuvan koko ja värisävyt. 

Tuo flat-lay kuva Indesigniin taustalle ja lähde taittamaan reseptitekstiä kuvan ympärille.

Palauta resepti PDF-muodossa - muuta värit CMYK-muotoon

Tiedosto - Vie - Tallennusmuoto: Adobe PDF (tulostus)

Adobe PDF:n oletusarvo: Laadukas tuloste (painoon Painolaatu)

Yleiset: Standardi - PDF/X-4:2010

(Ei tarvita nyt, mutta jos menee painoon: Merkit ja leikkausvarat - Leikkausvara 3mm)

Tuloste: Väri: Värimuunnos: Muunna kohteeksi (säilytä numerot)
Kohde: CMYK-työtila - Coated FOGRA39

Tuloste: PDF/X - Tulosteen perusteprofiilin nimi: CMYK-julkaisu Coated FOGRA39

Vie
  • Palauta kuva tai muu tiedosto
  • Palauta merkintä

Sinulla ei ole tarvittavia oikeuksia lähettää mitään.

10. LOPPUTYÖ: LEHTINEN

Näytä mitä osaat, käytä kaikkea oppimaasi ja taita lehtinen! 

Tee lehtinen valitsemallesi henkilölle/henkilöille. Lehtisessä tulee olla vähintään neljä sivua (etukansi, takakansi ja aukeama). Jos haluat, voit lisätä sivuja. Se voi toimia vaikka aineettomana lahjana.

Sisältö voi olla esimerkiksi 
  • yhteiset muistot
  • jotain, mitä olet aina halunnut sanoa jollekin
  • kokoelma ajatuksistasi
  • matkakuvien kollaasi
  • runokokoelma
  • jotain ihan muuta

Muista muokata kuvat (sävyt, resoluutio, rajaus) ennen Indesigniin tuomista!

Arviointi painottuu tähän lopputyöhön.