Julkaisun taiton perusteet CS4 Indesign 26.1.2017 Kurssiharjoitukset 2017 Muotojen piirtäminen, monistaminen ja kohdistaminen Kirjan sivut 98,99 1
Julkaisun taiton perusteet CS4 Indesign 26.1.2017 Juliste, kuvan tuominen, tasojen käyttö, muodon piirtäminen ja väritys, värinpoiminta kuvasta 1) Luo uusi A4 tiedosto 3 mm leikkuuvaroilla: File New document, Page Size A4, Bleed 3 mm 2) Tuo valokuva tiedostoon: File Place 3) Maalaa kuvan kehys esitepohjaan siten, että sen reunat rajautuvat leikkuuvaroihin tai menevät jopa leikkuuvarojen yli. 4) Säädä kuvan kehyksen kahvojen avulla kuva rajautumaan tismalleen leikkuuvaroihin (mustalla valintanuolella) 5) Tee grafiikalle oma tasonsa : Create New Layer (Tasot-paletin painike) 6) Kaksoisklikkaa uuden tason nimeä ja kirjoita uudeksi nimeksi Grafiikka 7) Lukitse kuvataso klikkaamalla tason lukituspainiketta (silmäkuvakkeen vieressä) 8) Piirrä grafiikka tasolle pysty suorakulmio ja määritä sen täyttöväriksi kuvasta pipetillä otettu tumman vihreä väri. (Varmista ensin, että olet valinnut täyttövärin etkä reunviivan väriä) 9) Piirrä vaakatasossa oleva suorakulmio ja määritä sen täyttöväriksi pipetillä joku vaalea sävy valokuvasta. (Varmista ensin, että olet valinnut täyttövärin etkä reunviivan väriä) 10) Tee teksteille oma tasonsa ja nimeä se tekstit 11) Lukitse myös grafiikkataso 12) Kirjoita iso koristeellinen teksti: valitse tekstityökalu Maalaa tekstikehys, valitse fontti ja fontin koko, kirjoita teksti 13) Klikkaa mustaa nuolta (varmista, että tekstikehys on aktiivinen) 14) Vaihda tekstin väriksi joku kirkas/raikas sävy vihreästä: klikkaa ensin tekstin värivalinta päälle kaksoisklikkaa tekstin täyttövärin symbolia, valitse värisävy pipettityökalulla Tee tekstiin objektityyli- Inner Bevel: Object Effects Bevel and Emboss 17) Kirjoita loput tekstit omaan tekstikehykseensä 18) Keskitä osoiteteksti ja vaaleanvihreä laatikko toisiinsa nähden: valitse tekstikehykset vaihtonäppäin pohjassa klikkaamalla Align-paletti (ota näkyviin Windowvalikosta, jos ei ole näkyvissä) Align horizontal centers 2
Julkaisun taiton perusteet CS4 Indesign 26.1.2017 Värit, muotot, pathfinder, Bezier 1 Määritä uuden dokumentin koko (A4, täppä pois Facing pages kohdasta) ja leikkuuvarat (3 mm) 2 Piirrä pohjatasolle suoraidetyökalulla laatikko ja määritä sen täyttöväriksi harmaa (harmaan saat tinttaamalla mustaa eli pienentämällä mustan sävyä Tint-säädöllä) 3 Nimeä pohjataso taustaksi ja Lukitse pohjataso 4 Tee uusi taso 5 Piirrä tälle tasolle suorakaide (muoto tai kehys) ja sijoita se kuvan yläosaan, luo täyttöväri itse Colour-paletissa valikosta Add to Swathes 6 Tee Bezier-toiminnolla kaksi ankkuripistettä lisää: 7 Valitse Bezier-kynän kanssa samassa työkaluryhmässä oleva kulmanmuokkaustyökalu näkyviin painamalla pientä nuolta ko. työkalupainikkeen alakulmassa. Vedä sitten kahvat ulos lisättyjen pisteiden kohdalta ja käännä säätökahvoja, jotta saat aaltoileva muodon: 8 Leikataan Pathfinder-komennolla muodosta palasia: Tee ensin Kehys-työkalulla neliöitä (vaihtonäppäin pohjassa suorakulmiotyökalulla maalaamalla) Valitse kaikki neliöt ja sininen muokattu suorakaide mustalla nuolella maalaamalla 9 Valitse Object Pathfinder Subtract 3
Julkaisun taiton perusteet CS4 Indesign 26.1.2017 10 Tee yläosalle tehoste: Objektityyli Effects Bevel and Emboss 11 Piirrä pieniä eri kokoisia palloja (Vaihto-näppäin pohjassa) muokatun suorakulmion ympärille. 12 Valitse kaikki pallot ja tee niille liukuväri: Swatches New Gradient Swatch 13 Tee värilliset kirjaimet: Käytä värejä, jotka tuotiin väripalettitieodostona (Swatches-paletti Load Swathes valitaan.ase-tiedosto Värienhallintakansiosta Värit ovat rgb-profiilissa Muutetaan ne kaikki kerralla CMYK: valitaan kaikki tuodut värit-->paletin valikko Swatch Options CMYK--OK Haitariesitteen tekeminen TYÖVAIHEET: 1. Perusta kaksisivunen vaakasuuntainen 2-sivuinen A4-dokumentti 3 mm leikkuuvaroilla ja 7 mm marginaaleilla: 4
Julkaisun taiton perusteet CS4 Indesign 26.1.2017 2. Määritä apuviivat haitarin taittokohtiin: apuviivat vedetään esiin mittaasteikosta Ominaisuusvalikossa määritellä tarkka sijainti: esim. pystysuuntainen apuviiva 99 mm päässä nollapisteestä: 3. Määritä apuviivat (guides) haitarin osien sisälle (7 mm päähän taittokohdista kummallekin puolelle) 4. Lukitse apuviivat ja tarkista apuviivojen asetukset: Show Grids & Guides, ruksi kohtiin Lock Guides ja Snap to Guides 5. Suunnittele kuvien ja tekstikehysten paikat ja piirrä kehykset valmiiksi 6. Tuo tekstit ja kuvat kehyksiin 7. Suunnittele Kappaletyylit (Paragraph Styles) 8. Määritä grafiikan värit siten, että ne sointuvat valokuvan ja esim. yrityksen logon kanssa yhteen: ota väri valokuvasta tai suunnittele esim. Adobe Kulerin avulla 9. Etsi ilmaisia kuvia kuvapankeista 10. Käsittele kuvat taittoa varten 11. Sijoita kuva esitteeseen Taittosuunnitelma, jossa apuviivat, kehyksien paikat, logon sijainti: 5
Julkaisun taiton perusteet CS4 Indesign 26.1.2017 6
Eija Terävä Hiiden Opisto Photoshop 30.1.2017 Kappaletyylit ja master (malli)-sivujen luominen ja käyttäminen KOIRAT-JULKAISUN ALOITTAMINEN 1. Luodaan 10-sivuinen tiedosto, 3mm bleedit (eli leikkuuvarat) 2. Linkitetään tekstiä seuraavasti: Lisätään neljännelle ja seitsemännelle ja kahdeksannelle sivulle tekstikehys (ks. taittosuunnitelma seuraavalla sivulla) 3. Määritetään rivirekisterin kooksi 12pt; kirjan sivut 80-82 4. Luodaan kappaletyylit: o leipätekstin ekakappale: Font Family Myriad Pro, Size 12 pt, Leading 12 pt (= riviväli, jonka oltava sama kuin määritetty rivirekisteri = Grid), Language Finnish, Alignment Left Justify, Align to Grid: All Lines, o leipäteksti sisennetty: perustuu edelliseen tyyliin, poikkeus Indents and spacing: First Line Indent = 6 mm o Pääotsikko: perustuu leipäteksti ekakappale-tyyliin: Size 23 pt, Indents and Spacing: Space before 20 pt=, Space After=5 pt, Align to Grid= None o Väliotsikko perustuu Pääotsikkotyyliin: Size = 14 pt, Space before = 8 pt, Space After = 2 pt 5. Määritetään tekstille kappaletyylit: klikataan hiiri kappaleen sisälle, johonkin kohtaanja määritetään Paragraph Stylespaletista sille tyyli klikkaamalla 6. Neljännen ja seitsemännen sivun tekstipalstan leveydeksi määritetään 120 mm (yksi palsta sivulle) 7. Muilla sivuilla tekstikehys palstoitetaan kahteen palstaan, jotka rajataan sivun reunuksiin MASTER-SIVUJEN LUOMINEN (kirjan sivu 74) Masterit omalle layerille: tehdään uusi master nimeltä sivunumerot (sijoitetaan ylimmälle tasolle Layers-paletissa): Pages-paletissa klikkaa valikko auki New Master Tehdään toinen master omalle layerille alimmaiseksi (halutaan että tassut ovat aina alimpana, mutta sivunumero päällimmäisenä: nimetään taso tassut ja laitetaan periytymään sivunumerot masteriin) Kaksoisklikataan vasemman puoleinen sivu B- masterista muokkaustilaan Tuodaan koiran tassut sivulle Place-komennolla Skaalataan sopivaksi ja lisätään sen läpinäkyvyttää Kopioidaan tassuja sopiva määrä Alt vetämällä Määritetään sivut 2, 4, 6, 8 käyttämään B-master tassut Jos lehdessä ei ole kovin montaa sivua, yksi hyvä tapa nimetä tasot on aukeamittain esim. sivut 2-3, sivut 4-5 jne. 7
Eija Terävä Hiiden Opisto Photoshop 30.1.2017 JULKAISUN TAITTOSUUNNITELMA 8
Eija Terävä Hiiden Opisto Photoshop 30.1.2017 NUMEROIMATTOMAN LUETTELON TEKEMINEN (kirjan sivut 112-113) Listasta tehdään kappaletyyli luettelon ominaisuudet määritetään Bullets and Numbering-välilehdellä 9
Eija Terävä Hiiden Opisto Photoshop 30.1.2017 Photoshop Perussäädöt 1. Kuvan rajaus 2. Koon muutos: Image Image Size 3. Värisävyjen säätäminen: säätötaso Levels. Tämä on tärkein perustyökalu kuvankäsittelyssä. Tämän säätötason avulla saat palautettua vanhan valokuvan värisävyt ja lisättyä kuvaan kontrastia. Lisäksi Levelssäätötason avulla voi korjata kuvan valkotasapainon. Histogrammin kertoo kuvan värien eri värisävyjen jakaumasta: ääripäät valkoinen ja musta sekä näiden väliin jäävät värisävyt Onnistuneessa valokuvassa histogrammissa on mukana kaikkia värisävyjä eikä minkään sävyn määrä kasva piikiksi, joka ylittää histogrammin asteikon 4. Roskien tai muiden ei-toivottujen kohtien poistaminen kuvata 5. Terävöinti: Filter Sharpen Unsharp mask 6. Tallennus RGB-muodossa (kuvat ovat tässä muodossa kamerassa) 7. Värimuunnos CMYK (painotuotteita varten) Image Mode CMYK-color (väriprofiili on määritetty ennen tätä vaihetta: Edit Colour Settings CMYK: Uncoated Fogra 27 (29) 8. Tallennus CMYK-muodossa Terävöitys: Tulostettavista ja painettavista kuvista tehdään hiukan yliteräviä 100%:lla suurennoksella katsottuna. 50 % suurennoksella kuvan pitäisi näyttää alkeperäistä kuvaa selvemmältä ja hyvältä Terävöitys tehdään Filter-valikossa Sharpen Unsharp mask AMOUNT (määrä) arvo määrittelee terävöityksen yleisen määrän. Mitä suurempi arvo sitä voimakkaampi terävöitys normaalisti välillä 150-300% RADIUS (säde) säde määrittelee kuinka suurella alueella ääriviivoja terävöitetään tavallisesti arvo 1.0; tai välillä 0.8-1.5 THRESHOLD (kynnys) kynnys määrittelee kuvassa esiintyvän kohinan eli rakeisuuden määrän. Mitä suurempi arvo sitä vähemmän kohinaa kuvassa esiintyy normaalisti 2-10 sopiva arvo on pienin arvo, jolla kuvassa tasaiseksi tarkoitetut pinnat säilyvät tasaisina ja teräviksi tarkoitetut kohdat terävinä 10
Eija Terävä Hiiden Opisto Photoshop 30.1.2017 SYVÄYS ELI TAUSTAN POISTAMINEN KOHTEEN YMPÄRILTÄ Kukan syvääminen (tausta poistaminen) 1) Tähän kuvaan sopii hyvin pikavalintatyökalu (Quick Selection Tool) 2) Valitse siveltimen koko: alussa voi olla isompi; esim. 30px, lopuksi vielä viimeistele terälehtien liittymäkohdat 1px:in siveltimellä. 3) Maalaa pikavalintatyökalulla kukan terälehtien ulkopuolelta (tässä kuvassa olisi voinut aloittaa valinnan myös kukasta, jonka värisävyt ovat suht yhtenäiset) tee tämän jälkeen käänteinen valinta Select Inverse 4) Tee lopuksi reunan viimeistely Refine Edge-työkalulla 5) Kun olet tyytyväinen lopputulokseen, tee uudestaan käänteinen valinta ja paina Delete Valinnan reuna käsitelty. Refine Edgetilassa voit katsella syväystä eri värisillä taustoilla, jolloin lopputulos on selvemmin nähtävissä. 6) Rajaa kuva. 7) Tallenna kuva psd-muodossa. 8) Käytä kuvaa esimerkiksi kukkakoristeen luomisessa: - Vie kuva Indesign:iin Luo kukalle heittovarjo Monista kukkaa (Alt näppäin pohjassa hiirellä vetämällä) Muuta kukan koot erilaisiksi (muista pitää Ctrl ja Shift pohjassa nurkkakahvasta vetäessäsi) 11
Eija Terävä Hiiden Opisto Photoshop 30.1.2017 Valkoisen taustan poistaminen kuvasta TAIKASAUVAN OMINAISUUSVALIKKO JA VALINNAN TEHOKEINOT OMINAISUUS-VALIKKO (Options) Contiguous= ainoastaan klikkauskohdan yhteydessä olevat pikselit tulevat valituiksi Tolerance=tarkkuus, jolla valintatyökalu valitsee tietyn sävyisiä pikseleitä; tarkin arvo on 0 (yllä olevassa kuvassa käytetty syväämiseen arvoa 3) YLÄVALIKKO Arvot voivat olla välillä 0-150 Select Grow= valitun alueen reunoilta ulospäin lisätään samanlaisia värejä Select Similar=valitsee koko kuvan samanväriset pikselit 12
Julkaisun taiton perusteet CS4 Photoshop 26.1.2017 Eri valintatyökalujen käyttö taustan poistamisessa Valintatyökaluja ovat: 1. Lasso tool (lasso) a. tehdään vapaalla kädellä piirtäen suljettu alue 2. Polygonal lasso tool (suorakulmainen lasso) a. tekee suorakulmaisia valintoja b. kääntökohdassa klikataan hiirellä c. kaksoiklikkauksella suljetaan valinta-alue 3. Magnetic lasso tool (magneettinen lasso) a. Määritetään pisteitä hiirellä klikkaamalla kohdissa, joissa työkalu ei itse löydä valinnan reunaa b. Vääriä pisteitä poistetaan Delete-näppäimellä 4. Magic wand (taikasauva) a. valitaan hiirellä klikkaamalla tiettyjä värejä valintaan 5. Quick selection tool (pikavalinta) a. pensselimäinen valintatyökalu b. tarkoissa kohdissa pienennä siveltimen kokoa 6. QuickMask (pikamaski) a. Määritetään maskattava alue valinnaksi b. Käytetään valinnassa pensseliä 13