Kielletään kaikki (tvt-taitto/Luennot/Harjoitukset/)

ekaharkka

Tässä harjotuksessa käydään läpi taitto-ohjelman perusasiat:

 Malli

Lista 

  • uuden työn aloitus
  • kuvituksen ja tekstien valmistelu työtä varten
  • tekstien tuominen, kirjoittaminen ja muokkaaminen
    • fontin, koon yms. muokkaaminen
    • tekstialueiden linkittäminen
    • piilomerkit
  • kuvien hakeminen ja valmistelu taittoa varten
    • valokuvat ja vektoripiirrokset
  • elementtien järjestys
  • tallennus

 

Lopputehtävä – Taittokurssi 2011 (tvt-taitto/Luennot/Harjoitukset/)

Kurssin suorittamiseksi (1op.) vaaditaan aktiivista osallistumista harjoituksiin sekä lopputehtävän tekemistä hyväksytysti.

 Palauta tehtävä

  • PDF-muodossa 
  • perjantaihin 9.12.2011 mennessä 
  • s-postitse maritta.inkinen(ät)welho.com
  • Merkitse s-postin Aihe/subject-kohtaan TAITTO2011

 Lopputehtävän vaihtoehdot:

Valitse yksi seuraavista töistä. Kaikkiin yhteiset tiedot:

  • Tee lopullisesta työstä PDF
  • Pitää olla vähintään yksi kuva / vektoripiirros sekä tekstiä.
  • Voit käyttää tehtävän tekemiseen mitä tahansa sopivaa ohjelma, esim. Adobe InDesign, Adobe Illustrator, Inkscape, CorelDraw…
  • Käytä vain sellaisia kuvia, joihin sinulla on käyttöoikeus
  • Voit toteuttaa työn joko värillisenä tai musta-valkoisena (harmaasävyisenä) – jos käytät värejä, käytä niitä oikein.

1) Suunnittele ja toteuta 4-sivuinen kutsukortti
esim. väitöstilaisuuden karonkkaan, valmistujaisiin, muihin juhliin
Sivun koko:
max A5, neljä sivua

Käytä vähintään yhtä kuvaa tai vektoripiirrosta.

2) Tee posteri / seinälehti / juliste
jossa käytät joko seuraavaa tekstiä tai jotain omaa tekstiäsi ja vähintään yhtä vapaavalintaista kuvaa tai vektoripiirrosta..
Koko: max A3

Teksti (voit lyhentää ja tarvittaessa lisätä väli- tai huomio-otsikoita)

Typografialla luodaan illuusioita

Typografisin keinoin vedotaan näköaistiin. Yksi typografinen ulottuvuus, joka vetoaa myös tuntoaistiin, joskus jopa hajuaistiin, on paperin valinta. Eri paperilaaduilla on omat tekniset ja painatukselliset ominaisuutensa. Sanomalehtipaperi on halpaa mutta huokoista eikä tuota yhtä tarkkaa painoasua kuin päällystetty aikakauslehtipaperi. Paperit paitsi näyttävät erilaisilta ja ovat erisävyisiä niin myös tuntuvat erilaisilta. Juhlavan kutsukortin materiaaliksi valitaan (taloudellisen tilanteen mukaan) mahdollisimman näyttävä ja miellyttävän tuntuinen paperi (tai kartonki). Paperin valintaan vaikuttavat myös ympäristönsuojelulliset ja jopa poliittiset näkökannat.

Huokoiselle paperille ei voi painaa ohuenohuita linjoja, kellertävä paperi vaikuttaa painettavien kuvien sävyihin, ohuesta paperista kuultaa vastapuoli läpi, liian paksu ja jäykkä paperi ei taivu taitoskohdistaan toivotulla tavalla, vaan saattaa jopa murtua.

Kohopainatus vetoaa myös tuntoaistiin. Sitä käytetään esim. käyntikorteissa, kutsukorteissa, diplomeissa ja todistuksissa. Oma kohopainatusalueensa on pistekirjoitus heikkonäköisiä tai sokeita varten.

Tekstimme voi huutaa tai kuiskata. Se voi inhottaa, se voi tuskastuttaa. Se voi ilahduttaa tai vaikka masentaa. Kaikkea emme ilmaise välttämättä kirjallisesti vaan myös typografisesti. Sähköpostinkin tekstissä VERSAALIT HUUTAVAT. Tutkielmassa lihavointi korostaa, kursivointi viittaa termeihin. Tehostefonteilla, tyhjillä tiloilla, väreillä, kontrasteilla, liikkeen konflikteilla – siis kaikella sommittelulla – voimme luoda tunne- ja tuntoelämyksiä.

Nettisivuillamme emme voi vedota tuntoaistiin, mutta voimme luoda illuusioita katsojan kokemukseen perustuvasta tuntomuistista. Voimme käyttää väripohjia, skannattuja papereita ja muita tekstuureita sekä kohopainatusta jäljitteleviä kuvioita huomion herättämiseksi ja oman tyylin luomiseksi. Pehmeän kankaan pinnan voi miltei tuntea sitä ruudulta katsoessaan. Typografisin keinoin pyrimme vetoamaan näköaistin kautta kaikkiin aisteihin: luomme illuusioita aistikokemuksista.

3) Taita kuvitellun lehden aukeama edellisen tehtävän aineistosta.
Koko: max A4

Lisätietoja: maritta.inkinen(ät)welho.com

Luennot (vektori/Luennot, yhteenveto/)

luentobanneri07

1. luento:

Pikselit ja vektorit  – digitaalinen kuva

http://www.mv.helsinki.fi/mainkine/kuvista.htm 

http://www.valt.helsinki.fi/blogs/titta/key2.htm

 post10.htm

Lyhyt demo vektoripiirtämisestä

2. luento

"Ruusu on punainen."

Tarkoitanko:

  • Tuo ruusu heijastaa silmääni vain pitkiä valon aallonpituuksia; pääosin vain pitkänaallonpituuden tappisoluni reagoivat ruusun väriin tässä valossa
  • -Ruusu näyttää minusta punaiselta (ei keltaiselta tai vaaleanpunaiselta)
  • Muistini mukaan ideaali ruusu on yleensä punainen
  • "Punaisesta" mieleeni tulee ensimmäisenä "ruusu"
  • Crimson Alizarin! Ihana kuultava punaisuus! Ja varjostuksiin Sap Green ja Emerald  Green – ja sitruunakeltaista valoon lisäämiseen – unelmieni maalaamista, mahtavan tuntuiset maalit. Hiukan paksua ja peittävää Cadmiumia. Lopputuloksena täydellisen punaisena hohtava ruusu!
  • Miten saadaan punaisen ruusun sametinhohde ja syvä punaisuus aidon oloisina, luonnollisen näköisinä painetuksi paperille?

Väreistä ja värijärjestelmistä

Väri, värin näkeminen, värin kokeminen, värin tuottaminen – erilaisista näkökulmista on kehitetty erilaisia väriteorioita. Eri mediat vaativat erilaisia tapoja tuottaa mahdollisimman suuri määrä värejä. Kaikissa teorioissa ja käytännön sovelluksissa on kutenin paljon yhteistä, ja Isaac Newtonin hyvä kaveri Roy G. Biv auttaa edelleen.

  • Värien näkeminen
  • Väriteorioista
  • Väriympyrät
  • RGB, CMYK
  • Musta-valkokuva, harmaasävykuva, duotone-kuva, täysvärikuva

Joitain erityiskysymyksiä: Mitä on musta? Onko musta väri? minkävärinen on tumma keltainen?

Lyhyt demo:

  • Värien tutkiminen tietokoneen näytöllä: RGB, CMYK, Lab
  • Musta, keltainen

3. luento

Sommittelu

Kuvista 

Kuvan tekemisen perusteista 

Syvyysvaikutelmat

Kultaisen leikkauksen ruudukko ja spiraali – näillä voit tehdä omia kokeilujasi.

  • pinnanjako
  • havaitsemisen lainalaisuudet
  • värit ja sommittelu
  • pinta kuin tila

Lyhyt demo:

  • kultainen leikkaus leffajulisteissa
  • syvyysvaikutelma kuvaan

4. luento

Sommittelu ja typografia

Koostesivu aineistojeni typografia-osuuksista 

Typografian perusteet (artikkeleita) 

  • Kirjaimet osana kuvitusta
  • Fonteista ja niiden ominaisuuksista
    • True Type, PS, Open Type, muut
    • Otsikkofontit, leipisfontit
    • Luettavuus
  • Tekstit nettikuviin / painokuviin
    • värillinen teksti
    • tekstiefektit

Lyhyt demo:

  • Juliste (painotyö) (vektorit + pikselit) tai
  • s-postikortti (pikselit)

HUOM!
Demot vain jos luentosalin koneella onnistuu (ohjelmat, koneen teho).

Luennot (tvt-graf07/Luennot, yhteenveto/)

luentobanneri07

1. luento:

Digitaalinen kuva, Pikselit ja vektorit

http://www.mv.helsinki.fi/mainkine/kuvista.htm 

post7.htm

Lyhyt demo:

  • logon puhtaaksipiirtäminen vektoreilla
  • liskokalan toteutus pikseleinä

2. luento

"Ruusu on punainen."

Tarkoitanko:

  • Tuo ruusu heijastaa silmääni vain pitkiä valon aallonpituuksia; pääosin vain pitkänaallonpituuden tappisoluni reagoivat ruusun väriin tässä valossa
  • -Ruusu näyttää minusta punaiselta (ei keltaiselta tai vaaleanpunaiselta)
  • Muistini mukaan ideaali ruusu on yleensä punainen
  • "Punaisesta" mieleeni tulee ensimmäisenä "ruusu"
  • Crimson Alizarin! Ihana kuultava punaisuus! Ja varjostuksiin Sap Green ja Emerald  Green – ja sitruunakeltaista valoon lisäämiseen – unelmieni maalaamista, mahtavan tuntuiset maalit. Hiukan paksua ja peittävää Cadmiumia. Lopputuloksena täydellisen punaisena hohtava ruusu!
  • Miten saadaan punaisen ruusun sametinhohde ja syvä punaisuus aidon oloisina, luonnollisen näköisinä painetuksi paperille?

Väreistä ja värijärjestelmistä

Väri, värin näkeminen, värin kokeminen, värin tuottaminen – erilaisista näkökulmista on kehitetty erilaisia väriteorioita. Eri mediat vaativat erilaisia tapoja tuottaa mahdollisimman suuri määrä värejä. Kaikissa teorioissa ja käytännön sovelluksissa on kutenin paljon yhteistä, ja Isaac Newtonin hyvä kaveri Roy G. Biv auttaa edelleen.

  • Värien näkeminen
  • Väriteorioista
  • Väriympyrät
  • RGB, CMYK
  • Musta-valkokuva, harmaasävykuva, duotone-kuva, täysvärikuva

Joitain erityiskysymyksiä: Mitä on musta? Onko musta väri? minkävärinen on tumma keltainen?

Lyhyt demo:

  • Värien tutkiminen tietokoneen näytöllä: RGB, CMYK, Lab
  • Musta

3. luento

Sommittelu

Kuvista 

Kuvan tekemisen perusteista 

Syvyysvaikutelmat

Kultaisen leikkauksen ruudukko ja spiraali – näillä voit tehdä omia kokeilujasi.

  • pinnanjako
  • havaitsemisen lainalaisuudet
  • värit ja sommittelu
  • pinta kuin tila

Lyhyt demo:

  • kultainen leikkaus leffajulisteissa
  • syvyysvaikutelma kuvaan

4. luento

Sommittelu ja typografia

Koostesivu aineistojeni typografia-osuuksista 

Typografian perusteet (artikkeleita) 

  • Kirjaimet osana kuvitusta
  • Fonteista ja niiden ominaisuuksista
    • True Type, PS, Open Type, muut
    • Otsikkofontit, leipisfontit
    • Luettavuus
  • Tekstit nettikuviin / painokuviin
    • värillinen teksti
    • tekstiefektit

Lyhyt demo:

  • Juliste (painotyö) (vektorit + pikselit) tai
  • s-postikortti (pikselit)

HUOM!
Demot vain jos luentosalin koneella onnistuu (ohjelmat, koneen teho).

Pinta kuin tila (tvt-taitto/Luennot/Harjoitukset/)

etäisyyksiä

Syvyysvaikutelman kuvaan voi saada

  • valoilla ja varjoilla
  • värien voimakkuutta vähentämällä kohti oletettua horisonttia (saturation)
  • sävyjen viilentämisellä kohti horisonttia (hue): viileät värit (sinertävät) etäännyttävät, lämpimät (punaiset, keltaiset) lähentävät
  • toisiaan osittain peittävät elementit antavat vaikutelman etäisyydestä
  • elementtien koko: elementit pienenevät kohti oletettua horisonttia
  • linjaukset: esim. kapeneva tie, lamppukuja, ojat; sommittelulliset linjat
  • kaukana näkyvät elementit hämärtyvät (blur)
  • perspektiivioppi katoamispisteineen ja linjauksineen on hyödyllistä opiskella. Hyödynnä myös ohjelmien perspektiiviapuvälineitä, esim. FreeHand ja PhotoShop

Linkkejä:

Kurssin suorittaminen (tvt-taitto/Luennot/Harjoitukset/)

Kurssin suorittamisen vaatimukset:

  • aktiivinen osallistuminen kaikkiin harjoituksiin
  • lopputyön huolellinen tekeminen ja sen palauttaminen sovitusti

Lopputyö:

  • aikakauslehden kansi ja vähintään yhden artikkelin / aukeaman taitto
  • kannessa kuva ja lehden nimi sekä muut tarvittavat tiedot
  • aukeaman / artikkelin taitossa pitkähkö juokseva teksti, otsikoinnit ja kuvatekstit sekä vähintään yksi kuva
  • mastersivut
  • vähintään kolme kappaletyyliä
  • juokseva sivunumerointi
  • kuvien resoluutio noin 100 ppi

Työn palautus:

  • Työ palautetaan palautustilaisuudessa, jossa kukin esittelee luhyesti työnsä, se arvioidaan. Jos on tarvetta korjauksiin, ne voi tehdä heti, ja työ tarkastetaan saman tien uudelleen.
  • Työ tallennetaan sekä InDesign-muodossa että vedostasoisena PDF.nä omalle verkkolevylle.

Palautustilaisuudet

ilmoitetaan myöhemmin 

Kaikissa työhön ja kurssin sisältöön liittyvissä ongelmissa ota yhteyttä s-postitse Maritta Inkiseen. maritta.inkinen@welho.com, aihe/subject-osioon merkintä "taittokurssi 2009".

Luennot (tvt-taitto/Luennot/)

InDesign

Taittokurssin ohjelma

1. luento:

Johdanto

  • Taittotyön suunnittelun perusteet
    • sisältö – rakenne – muoto
    • kuvan perusrakenne

2. luento 

  • pikselikuva – vektorikuva
  • typografian perusteet

3. luento

  • Värit ja värijärjestelmät

4. luento

  • Sommittelun perusteet

Luentojen aiheet voivat limittyä, koska taittotyö on kokonaisuus, jossa kaikki osiot liittyvät toisiinsa ja ovat vuorovaikutuksessa keskenään. 

 

ks vuoden 2005 taittokurssia

 Suunnittelu & sommittelu

ks. vuoden 2005 taittokurssin vastaava osio

Myös Kuvan tekemisen perusteet on hyödyllinen opiskeluosio.

Suunnittelu

Ks. pdf-tiedosto, jossa etenkin loppuosa on hiukan vanhentunutta tietoa mutta varsinainen suunnitteluosuus on aivan kelvollinen.

  • aineiston kokoaminen
  • aineistoon ja aiheeseen perehtyminen
  • tehtävän rakenteistaminen
  • kuvien valmistaminen
  • tekstien valmistaminen

Sommittelu

Luettavuus

  • Kiinnostavuus
  • Helppo lähestyminen
  • Katseen kulun helpottaminen jokaiseen haluttuun alueeseen
  • Lukijan / katsojan johdattaminen kohti tarinoita, kokemuksia, mielikuvia, haluttua vaikutelmaa ja vaikutusta
  • Lukija / katsoja voi paneutua asiaan ei tekniikkaan tai kikkailuun
  • Houkuttelun pitäisi tuottaa palkinto
  • Artikkelitaitossa houkuttimia ovat otsikko, ingressi, kuvat ja kuvatekstit – palkinto odottaa leipätekstin yhdistymisessä niihin.

Pinnanjako

Muodot

  • Kaarevat
  • Kulmat

Värit

  • Lämpimät
  • Viileät
  • Vastavärit
  • Sävyt
  • Kontrastit

Linjaukset

  • Lukusuunta

Havaitsemisen lainalaisuuksien hyödyntäminen

Katseenvangitsija

  • ihminen, elävä olento, silmät
  • värillisyys, lämmin väri
  • terävä kulma
  • kontrasti
  • koko
  • tyhjä tila
  • luonteva katseen hakeutuminen

Kirjaintypografia

Värit

  • Tarkoituksenmukaisen värijärjestelmän käyttö
  • Värien merkityksestä
  • Värit sommittelun osana
  • Värit ja kirjaintypografia

 ————————

Muita aiheita:

Kuvista:

  • Värikuvan muuttaminen musta-valkoiseksi
  • Musta-valkokuvan säädöt
  • Duotone-kuva

Tekstitypografiaa

Merkkivälit:

  • tasapalstan säädöt
  • tekstipalstojen viimeistely
  • Otsikoiden merkkivälit – Tälläytynyt Taavetti Vauhkonen vuoden 2001 sankari

Fontin valinnasta:
Numerot

  • tekstin sisällä
  • taulukoissa
  • ykkösen ongelma

Muita fonttien erityispiirteitä

  • x-koko, fontin koko
  • ylä- ja alapidennykset
  • ligatuurit

———————————

Linkkejä

Taittotyön tietokoneohjelmia

Painotyön vaatimuksista

Väreistä – luennon aiheita

Taittokurssi 2011 (tvt-taitto/Luennot/)

2011banneri

Luennot

Neljä luentoa maanantaisin klo 10-12  31.10.2011 alkaen.

Paikka: U37, sh4 

 

Harjoitukset (alk. 1.11.2011,  4 kertaa / viikkoa)

Harjoitusryhmät Aleksandian kellarin K133-luokassa 

Harjoituksissa käytetään Adoben InDesign-ohjelmaa.

  • alkaa 1.11.2011 Neljä neljän tunnin harkkakertaa.
    1. ryhmä ti klo 12:15 – 16
    2. ryhmä ti klo 16:00 – 20 
    3. ryhmä ke 8:30 – 12
    4. ryhmä ke 12:15 – 16

HUOM! päivitetty 18.10.2011

 

Lopputehtävä ja sen palautus
 

Linkki kaikkien aineistojeni pääsivulle

Vuoden 2005 taittokurssi

4. luento: Tallennusmuodot ja -koot (graf/Luennot/)

4. luennon palkki

Kullakin ohjelmalla on oma sisäinen tallennusmuotonsa, joka ei yleensä sellaisenaan siirry toisiin ohjelmiin tai se on syystä tai toisesta epäkäytännöllinen.

PhotoShopin oman tallennusmuodon lyhenne on .psd. Uusimpiin taitto-ohjelmiin .psd-muotoisen kuvan voi siirtää sellaisenaan – mutta se on useimmiten turhan raskas.

Kuvan siirtomuodot taitto-ohjelmiin:

  • .tif – tietoa hukkaamaton pakkaustapa. Paras painotöihin.
  • .jpg – tietoa hukkaava pakkaustapa; painotöihin pakataan mahdollisimman vähän. (PhotoShopissa Save as… -tallennus)
  • .eps – vain tietyissä tapauksissa painotöihin

Kuvan siirtomuodot verkkoon

(PhotoShopissa Save for web… -tallennus). Pakkausmäärä ja -laatu hyvin säädettävissä.

  • .jpg – kuvien tavallisin tallennusmuoto webiin. Tietoa hukkaava pakkaus.
  • .gif – harmaasävykuville ja läpinäkyvyyksiä vaativiin kuviin. Tietoa hukkaamaton pakkaustapa 256:n sävyn rajoissa. Oma värisysteemi: indeksoidut värit.
  • png – saadaan kauniitaa läpinäkyyksiä rgb-kuviin. Kaikki selaimet eivät tue.