Perjantai 24.1.2020

• Kurssin sisältö ja tavoitteet.
• Typografia-asiaa.
• Havainnointi(ryhmä)työ.
• Kurssin lopputyöstä.
Diat: hennaraitala.com/julkaisunteko2020/Tunti1_Julkaisunteko_aloitus_ja_typografia.pdf

Leipätekstin mallipalstoja Indesignissa:
hennaraitala.com/julkaisunteko2020/Typografia_mallipalstoja_2020.idml

 

Torstai 30.1. ja perjantai 31.1.

Indesignissa aletaan käymään läpi perustoimintoja yhdessä.
Apuna Indesign-pikaopas: hennaraitala.com/julkaisunteko2020/IndesignCS5_opas.pdf

Pyrin etenemään niin että kaikki oppivat. Lisäohjeita saa/pitää kysyä! 🙂
Vastauksia ongelmiin löytyy myös helpx.adobe.com/fi/indesign/user-guide.html
Jos innostut aiheesta, erilaiset tutoriaalivideot ovat myös hyviä Youtubessa tai helpx.adobe.com/fi/indesign/tutorials.html

Eteneminen ja tavoitteet:
  1. Opitaan suunnitellusti luomaan dokumentti, jonka sivukoko, sivumäärä, marginaalit, palstaväli (Gutter) ja leikkausvarat (Bleed) on määritelty.
  2. Indesignin työtila: työkalut, paneelit, yläpalkki. Samaa ja erilaista kuin Illustratorissa!
  3. Tekstin oikeaoppinen tuominen dokumenttiin: File > Place. Myös tekstin kopioiminen ja liittäminen Indesigniin ja ohjelman sisällä. Tekstikehysten luominen ja muotoilu. Tekstikehysten ketjutus.
  4. Tekstin muotoilu: fontin valinta, leikkaus, pistekoko, riviväli, välistys jne. Opitaan käyttämään, muokkaamaan ja luomaan kappaletyylejä (Paragraph Styles) ja merkkityylejä (Character Styles).
  5. Kuvan tuominen dokumenttiin File > Place. Kuvan ja kehyksen erillisyys: kehys rajaa kuvaa Indesignissa
  6. Kuvalinkkien hallinta Links-paneelissa: Kuvan ominaisuudet. Kuvan voi vaihtaa eli linkittää toiseen kuvaan. Kuva ei (useimmiten) ole tallennettu INDD-tiedostoon (embedded), joten alkuperäinen kuva tallennetaan esim. samaan kansioon kuin taittodokumentti ja otetaan mukaan, kun siirrytään koneelta toiselle.
  7. Teksti kiertää kuvaa tai objektia (Text Wrap).
  8. Värit Indesignissa: Swatches. RGB vai CMYK?
  9. Pages-paneelissa Master-sivut ja varsinaiset sivut: Master-sivun marginaalit ja esimerkiksi sivunumerot näkyvät varsinaisilla sivuilla.
  10. Sivukokoa voi muuttaa File > Document Setup
  11. PDF-tiedoston luominen taitosta: esim. File > Adobe PDF Presets > High Quality Print tai Press Quality.
    High Quality Print ei muunna värejä automaattisesti cmykiksi, Press Quality muuntaa. Liittyy väriprofiileihin (Edit > Color Settings), joita käsitellään pitkin matkaa mutta vielä enemmän Photoshop-kerroilla.

Tavoitteena tehdä mallisivusta/aukeamasta ammentava taitto, joka on kuitenkin teidän omanne. HUOM! Voitte siis muokata taittoa omanlaiseksi: sivukoko, marginaalit, palstat yms. ovat vain lähtötilanne työllenne.
Voitte seurata opetusta mutta jos tahti on esimerkiksi liian hidas, työtä voi tehdä itsenäisesti eteenpäin. Asioita saatetaan käydä tunneilla läpi myös eri järjestyksessä esiin nousevien kysymysten mukaan.

PDF-palautus. Harjoituksen palausajasta ja läpikäymisestä sovitaan tunneilla: jos koen että töiden läpikäyminen palvelee teidän oppimista, katsotaan työt yhdessä läpi.

Leiskateksti ja -kuvat
Linkki esimerkkitaitto

 

Tiistai 4.2.

Tunnin tavoitteet: 
Kaikki pääsevät taitoissa alulle. Lehtitaittoaan jo pidemmälle/valmiiksi tehneille syventävä tehtävä.

Indesignissa käsitellään tänään ja tulevina tunteina uutena asiana mm.:

  1. Viivat (Strokes), moniste s. 6
  2. Monipalstainen tekstikehys (Object -> Text Frame Options), moniste s. 11
  3. Rivirekisteri. Asetukset ylävalikosta InDesign -> Preferences -> Grids). Sen jälkeen määritellään haluttuun tekstiin joko Paragraph Stylesiin tai ylä-Toolbarista “Align to Baseline Grid”. Ohjeita myös sivulla 4: hennaraitala.com/julkaisunteko2020/Lisaohjeita_Indesigniin_2020.pdf
    Mallitaitto, jossa on käytetty taulukoita ja rivirekisteriä: hennaraitala.com/julkaisunteko2020/Pyhajarvi_210x245_taulukko_rivirekisteri_2020_kuvatRGB.idml
  4. Taulukot
  5. InDesignin vektorityökalut (moniste s. 7) ja halutun muodon sisään kopiointi/maskaus (moniste s. 5)
  6. Efektit kuten läpinäkyvyys, heittovarjo yms, moniste s. 8
Syventävä tehtävä 1:

Taita itsellesi / haluamallesi taholle käyntikortti.

      • Pysty vai vaaka? Koko 90 x 50 mm vai 85 x 55 mm vai jokin muu? 1- vai 2-puoleinen? Millainen paperi? Onko muita jälkikäsittelyjä, esim. pyöristetyt kulmat tms.?
      • Mitä tietoja korttiin halutaan? Mitä värejä käytät? Tuleeko kuvaa?
      • Etsi ja vertaile netistä 2-3 painopaikkaa ja pyri selvittämään hinta 200 kpl painatukselle. Tämän voi tehdä ryhmissä. Esitellään luokalle tulokset tiistaina 11.2.

Tunnilla
Miksi valitaan jokin tietty koko, (taitto)formaatti: A4, A5, B5, tabloidi…
Lähtökohtana valitun tulostus/painotekniikan arkki tai sitä pienempi koko
kokotaulukko.com/paperikoot/

Paperinäytteitä painosta tai paperitukkureilta, mm.:
www.antalis.fi/business/catalog.htm
www.papyrus.com/fiFI/catalog/c/01/Graafiset-paperit-ja-kartongit/view.htm

Puhutaan hiukan työn aloituksesta ja sommittelusta:

  • Mitä ollaan tekemässä: esite, juliste, flyeri jne.? Onko tilaajalle (ja itselle) selvää mitä halutaan?
  • Valittu muoto ohjaa sommittelua. Jos muoto muuttuu, sommittelu voi muuttua.
  • Miten tasapainoinen kokonaisuus rakennetaan? Kultainen leikkaus, katseen (luku)suunnan ohjaaminen, mielenkiintoisuus ja mieleenjäävyys. Tyhjä tila vs. kaikki tila käytössä. Raskaat elementit vs. kevyemmät elementit. Kontrastit väreissä, muodoissa, typografiassa: liikaa vai liian vähän?

Lue&pohdi tunnilla tai kotiläksyksi:
www.graafinen.com/suunnittelu/yleista/taitto/
apilapepita.com/Miten-tehda-A4-sta-pienlehti
voima.fi/artikkeli/2019/zine-elaa-omakustanteinen-sarjakuva-rikkoo-saannot-ja-haastaa-markkinalogiikan/

Linkki diat

 

Tiistai 11.2. ja torstai 13.2.

Kuvien käsittely RGB-muodossa! Muutos CMYK-muotoon vasta ihan lopussa: joko itse tai värinhallinnan kautta.

Photoshopin ja InDesignin värinhallinta (jos avataan ilman että kuvia auki, jää oletusasetukseksi!):
Edit -> Color Settings. Photoshopissa voit valita valmiista listasta “Europe Prepress 3” tai ladata esim. kirjapainon antamat väriprofiilit Load… (ladattava esimerkkiprofiili: Värinhallinta: .csf ja .joboptions -tiedostoja)
sRGB näytöille ja Adobe RGB painettaviin kuviin. Pro Photo RGB laajin Color Gamut
Video väriprofiileista: martinbaileyphotography.com/2014/05/27/why-use-the-prophoto-rgb-color-space-podcast-423

Tuntien tavoitteet ja perusasiat: 
Opitaan väriprofiileista, käsitellään Photoshopissa kuvien värejä käyttäen avuksi Layereita ja Camera Raw -filtteriä. Kuvien resoluutio ja sen muuttaminen. Kuvan rajaaminen. Kuvan tai sen osan syvääminen eri työkaluilla. Kuvan terävöitys. Roskien poistaminen ja muu kloonaaminen Stamp-työkalulla. Kuvan eri osien käsitteleminen eri tavoin käyttäen Layereita

Photoshop-ohjenippu: hennaraitala.com/julkaisunteko2020/TIEMA_Photoshop-ohjeita_2020.pdf

Käsiteltävät kuvat: hennaraitala.com/julkaisunteko2020/kuvankasittely_kuvat.zip

 

Työnkulku eri kuvissa:

  • Väriprofiili ylävalikosta: Edit -> Color Settings… (moniste s. 1-2)
  • Mahdollisesti kuvan värien säätö Camera Raw –tilassa (s. 4-5). Nykyään myös Lightroom-ohjelma, jota itse käytän.
  • Photoshopissa kuvan resoluutio ja koko (moniste s. 8)
  • Tehdään säätöjä rgb-tilassa, tallennetaan PSD-muodossa RGB-värisenä AdobeRGB-väriprofiililla.
  • Lopuksi yhdistetään layerit (paitsi jos kuvaan halutaan läpinäkyvä tausta), muutetaan kuva CMYK-väriseksi ja tallennetaan esim. TIF- tai JPG-muotoon (moniste s. 16)
  • Linkitetään Indesignissa oikeaan kuvamuotoon Links-paletin kautta (s. 18)

 

TEHTÄVÄ 1: Ilmapallo maisemakuvaan:

  • Säädä maisemakuvaa raw-tilassa (joko valmis raw-kuva tai avataan&tallennetaan Bridgen kautta .dng-muotoon)
  • Syvätään ilmapallo kuvasta Hahmo4_ilmapallo.jpg käyttäen layereita (tasoja) ja tasomaskia (moniste s. 11-13). Liitetään ilmapallo maisemaan.
  • Jatkosäädetään kummankin layerin värejä -> luonnollisuus (moniste s. 10).
  • Poista pallosta kloonaus- ja korjailutyökaluilla pienempi TE-merkki (s. 14).
  • Jos aikaa, monista ilmapallo kuvaan eri asentoon ja eri kokoon (s. 9 Edit -> Free Transform). Myös ilmapallon väriä voi kokeilla vaihtaa (s. 10 Adjustment layers -> esim. Hue/Saturation, efektin/maskin säädöt s. 13 Masks-paneeli).

TEHTÄVÄ 2: ihmisen syväys (voit käyttää myös omaa kuvaa ja muutakin kuin ihmistä)

  • Pikasyvää Quick Selection Toolilla Pregnant_Woman_(1).jpg.
  • Luo maski. Muokkaa maskia tarvittaessa eri työkaluilla. Pehmennä maskin reunoja
  • Liitä kuvaan yksivärinen värillinen tausta tai jokin valokuva/tekstuuri käyttäen Layereita.
  • Muuta kuvan (Canvas) kokoa siten, että se on neliö.
  • Muuta kuvan resoluutiota niin että se on 300 dpi. Kuinka leveä kuva on painokelpoisena?

TEHTÄVÄ 3: Ihmisen syväys 2:

  • Syvätään Elderly_Woman_Chalmers_Butterfield.jpg. Käytä useita valintatyökaluja vuorotellen. Luo maski, korjaile maskia. Onko rajaus helpompi tehdä maskilla vai pen-työkalulla?
  • Pen-työkalulla tehdyn polun tallennus ja muuttaminen valinnaksi Paths-paneelin nurkkanuolesta, joitain säätöjä mm. hiiren oikealla näppäimellä.
  • “Tavallisen” värinsäädön lisäksi kuvaa käsitellään usein lisää RGB-tilassa: poistetaan ihon epäpuhtauksia ja virheitä, hiuksia kasvoilla, ripsiä, tasoitetaan väriä, pehmennetään ihoa jne. Esim. Vanhan naisen kuvassa valkoinen täplä kädessä pois?
  • Jos kuvaan tallennetaan polku=Path, jota halutaan käyttää Indesignissa, tallennus PSD- tai EPS-muodossa.
  • Minkä kokoinen kuva on painoresoluutiolla 300 dpi?
  • Jos mustavalkoisen kuvan tallentaa TIF-muotoon, kuvan väriä voi muuttaa InDesignissa.

TEHTÄVÄ 4: Ilmoituksen teko

  1. n. 20 minuuttia: Kolmessa ryhmässä etsikään lehden mediakortti. Toimeksiantona tehdä viikon 8 lopulla ilmestyvä, n. 2 palstaa leveä ja 125 mm korkea ilmoitus. Älkää takertuko kokoon liikaa, sillä eri lehdillä on eri koot. Valitkaa koko, joka on teidän mielestä hyvä hinta–laatu-suhteeltaan, myös vaakakoko käy. Kirjatkaa ylös lehden aineistovaatimukset:
    – Ilmestymispäivä
    – Aineistopäivä ja kellonaika
    – Ilmoituksen koko ja värillisyys
    – Hinta. Alv. 0 % vai alv. 24 %
    – Miten ja mihin ilmoitus toimitetaan
    – Ilmoituksen toimitusmuoto ja muut ohjeet taittoon ja pdf:n tekoon
    – Ohjeet kuville
    – Muuta?
    Ryhmä 1 Forum24, Ryhmä 2 Oulu-lehti, Ryhmä 3 Kaleva
    x
  2. n. 5–10 min. / ryhmä: Esitelkää luokalle tulokset. Onko eri lehtien hinnoissa eroa? Entä ohjeissa?
    x
  3. Ilmoituksen toteutus Indesignissa, Illustratorissa ja Photoshopissa. Voitte jatkaa alkuperäisissä ryhmissä ja jakaa tehtäviä tai tehdä työn yksin/pareittain. Kaikki voivat kuitenkin testata Photoshopin uusia ominaisuuksia. Työvaiheet:x
    X
    – Taitto Indesignissa.     Määritellään sivun koko ja leikkausvarat lehden ohjeiden mukaan. Tuodaan käsittelemätön kuva ja logo taittoon ja skaalataan ja rajataan ne sopivaan kokoon. Kirjoitetaan tai tuodaan sekä muotoillaan teksti. Mitä värejä ja miten ilmoituksessa halutaan käyttää? Onko ilmoituksessa jokin kehys, taustaväri tms. Mitä logoja ilmoitukseen tulee?
    X
    – Kuvien käsittely Photoshopissa. Harjoitellaan samalla Mockup-kuvien käyttöä: Lisätään Mockup-kirjakuvaan oikea kansikuva tuplaklikkaamalla Layers-paneelin SmartObjectia. Avautuvaan näkymään voi kopioida a) “tavallisen kuvan” b) Illustratorista tai Indesignista mitä haluaa c) avata halutun pdf-tiedoston Photoshoppiin ja kopioida sen jälkeen ko. kuvan aiemmin avattuun näkymään tai d) tuottaa uutta kuvaa Photoshopin keinoin. Lopuksi tallenna ja sulje näkymä. Sen jälkeen Mockup-kuvaa muokataan muuten tarpeen mukaan, esim. varjoa ja taustaa. Voit myös valita toisen mockup-kuvan tai kokonaan eri kuvan ilmoitukseen. Entä tarvitseeko kuvan RGB-värejä säätää?  Tallenna kuva PSD-muodossa. Lopuksi pienennetään kuva sopivaan kokoon (mitat Indesignista). Terävöitetään kuvaa jos tarpeen (esim. Filter -> Sharpen -> Unsharp Mask, ohje s. 15). Kuva muutetaan CMYK-muotoon ylävalikosta Image -> Mode… (ohje s. 16). HUOM! Ennen CMYK-käännöstä varmista, että sinulla on oikea väriprofiili käytössä. Värejä muokatessa tarkastele niitä myös histogrammin avulla sekä numeraalisesti Info-paletin kautta (Window -> Histogram ja Window -> Info). Myös CMYK-käännöksen jälkeen värejä voi muokata, jos ne ovat esim. liian tummia/vaaleita (Esim. Curves / Levels / Brightness&Contrast / Hue&Saturation). Tallenna CMYK-kuva tiff-, eps-, psd- tai jpg-muodossa (ohje s. 17).
    Photoshopin näytöllä voi myös simuloida sitä, miltä kuva näyttää: ylävalikosta View -> Proof Setup -> Custom valitse paperiasi/näyttöäsi vastaava väriprofiili ja ruksi kohtaan Preview. Jos teet painokuvaa, laita ruksi lisäksi Simulate Paper Color. Huom! Vaikka kuva näyttää eriltä, se ei muuttunut miksikään vaan näyttö yrittää esittää, mitä painaessa tapahtuu. Ottamalla täpän pois View -> Proof Colors pääset takaisin siihen, miltä kuva alunperin näytti.
    X
    – Indesignissä linkitä kuva uuteen, muokattuun versioon (ohje s. 18). Jos Indesigniin on linkitetty psd-tiedosto, jota parhaillaan käsittelet Photoshopissa, voit aika ajoin tallentaa kuvan Photarissa ja päivittää linkin Indesignissa: Links-paneeli, Update Link. Voit myös Indesignissa piilottaa tai näyttää psd- ja tiff-kuvien Layereita sekä hyödyntää psd- tai eps-kuvaan tallennettuja Photoshopin polkuja, Paths.

    – Vektorigrafiikan kuten logojen tarkistaminen ja muokkaus Illustratorissa. Katso että kuvan värit ovat cmyk-muodossa. Poista tarvittaessa ylimääräiset elementit kuten valkoiset taustavärit. Vektorigrafiikkaa ei tarvitse skaalata oikeaan kokoon: se näkyy tarkkana kaikissa koissa.
    x
  4. Valmis ilmoitus palautetaan painokelpoisena pdf:nä Moodleen.

Ohje Smart Objects = Älykkäät objektit: helpx.adobe.com/fi/photoshop/using/create-smart-objects.html

Laitan yllä olevan kirjankansi-mockup-kuvan M-levylle ennen tunnin alkua. Kopioikaa se sieltä omiin kansioihinne ennen muokkausta. Kansikuva on poimittu harjoitukseen täältä: covervault.com. Googlaamalla Mockup löytyy paljon ilmaisiakin kuvia, joita saa laillisesti käyttää apuna suunnittelu- ja presentointityössä.

 

Perjantai 14.2., torstai ja perjantai 20.–21.2.

Muistilista:
– Ilmoitusaineiston sivu aineisto-ohjeen mukainen. Ilmoitus koko sivun kokoinen. Voit tarkistaa tämän helposti Indesignissa Edit -> Select All: mitkä ovat valittujen objektien yhteisleveys (W) ja korkeus (H)? Entä onko ilmoitus sivun reunoissa kiinni (X- ja Y-koordinaatit). Tarvittaessa poista ylimääräiset elementit ja muotoile oikeita elementtejä mustalla nuolityökalulla.
X
– Photoshopissa SmartObjectin muuttaminen “tavalliseksi” Layeriksi: Layer-paneelin nurkkanuoli > Rasterize
X
– Ilmoitustehtävien palautus. Samoin ensimmäinen harjoitustaitto: tein sillekin nyt kuitenkin palautuspostilaatikon Moodleen. Palautus pdf-muodossa. 1. harjoitustöissä pieni keskeneräisyys ei haittaa!

– Kurssin lopputyön aloitus/jatkaminen. Hengitä syvään, rentoudu ja muistele tämän kurssin alkua: Suunnittelutyö lähtee liikkeelle ideasta. Mitä ollaan tekemässä? Ota paperi mukaan suunnitteluun, leikkaa/taittele/revi paperia oikeaan kokoon ja lähde hahmottelemaan ja mittaamaan marginaaleja. Mikä on sivukoko, mitkä marginaalit? Montako sivua? Missä on kuva/kuvia? Missä tekstiä – ja millaista tekstiä: otsikoita, ingresseitä, leipätekstiä, listoja, faktalaatikoita, karttatekstejä, yhteystietoja jne. Entä millä fonteilla ja koolla tekstit ovat? Voit hyödyntää aiemmissa harjoituksissa tehtyjä tyylejä ja luoda uusia. Suosittelen ottamaan välitulosteen sivusta tai parista, kun työ on hieman alulla. Vinkki: jos sivusi on erikokoinen kuin A4/A3, tee tulostuksen ajaksi sivujen reunaan ohut musta kehys. Poista kehys tulostuksen jälkeen. Voit tehdä em. kehyksen myös Master-sivuille. Näin sivun reunat näkyvät tulostuksessa.
X
Indesignissa katsotaan ja kerrataan asioita toiveiden mukaan.
Tässä joitain asioita jotka mun mielestä vielä aika vähällä käsittelyllä tai joita ei vielä ole katsottu. Voitte esittää toiveita näidenkin käsittelystä ja voin neuvoa yleisesti tai henk.koht. niiden käyttöä.

– Kuvien linkitys/linkin päivittäminen Indesignissa (ohje s. 18).
– PSD-kuvien eri Layereiden käyttö Indesignissa (ohje s. 18).
– Monipalstainen tekstikehys (Object -> Text Frame Options) (ohje s. 11)
– Rivirekisteri. Asetukset ylävalikosta InDesign -> Preferences -> Grids). Sen jälkeen määritellään haluttuun tekstiin joko Paragraph Stylesiin tai ylä-Toolbarista “Align to Baseline Grid”. Ohjeita myös sivulla 4: hennaraitala.com/julkaisunteko2020/Lisaohjeita_Indesigniin_2020.pdf
Mallitaitto, jossa on käytetty taulukoita ja rivirekisteriä: hennaraitala.com/julkaisunteko2020/Pyhajarvi_210x245_taulukko_rivirekisteri_2020_kuvatRGB.idml
– Align-paletin ohjeet edellisen palluran Lisäohje-pdf:n sivulla 4.
– InDesignin vektorityökalut (moniste s. 7) ja halutun muodon sisään kopiointi/maskaus (moniste s. 5)
– Efektit kuten läpinäkyvyys, heittovarjo yms, moniste s. 8


Onko halua/tarvetta katsoa Word- ja PowerPoint-pohjien tekoa?


 

Tarjouspyynnön kysyminen
hennaraitala.com/julkaisunteko2020/Tarjouspyynto_ja_painoja_2_2020.docx

 

Yleisesti ohjeita painotyön tarkistukseen ennen painoonlaittoa
(kaikki ohjeet eivät koske ilmoituksia, sillä eri lehdillä on eri vaatimuksia):
hennaraitala.com/julkaisunteko2020/Ohjeita_painotyon_teko_tarkistus_2020.pdf

 

Värinhallinta
Värinhallinta- ja pdf-tulostusohje InDesigniin
Värinhallinta: .csf ja .joboptions -tiedostoja

Kirjapainojen/kustantajien ohjeita mm.:
otavankirjapaino.fi/ohjeet-ja-merkit/
www.punamusta.com/aineisto-ohjeet/aineisto-heatset-tuotantoon/
www.free-barcode-generator.net/isbn/