1. harjoitukset: (tvt-graf/Kuvankäsittely/Grafiikkaharjoitukset/)

ekaurho

 

Ylläoleva kuva Urhosta keppinsä kanssa on rajattu ja viimeistelty sekä teksti lisätty ja muotoiltu GIMPissä. Kuvan alkuperäinen koko oli 4000 x 3000 pikseliä. Mikä sen koko nyt on? Kuvaa rakennettaessa valokuva on pikseleinä mutta tekstin perusta on vektoreina. Nettiin tallennettuna koko kuva on pikseleinä ja se asettuu näytölle niin että yksi pikseli vastaa yhtä näytön pistettä.

Luettavaa:

Tehtäviä

Tasoja ja häivytyksiä

    • Työkalut
    • Skaalaus
    • Sävytykset
    • Tasot
    • Maskitason käyttö

 

Tietokonegrafiikan perusteet (tvt-graf/Grafiikkaluennot/Grafiikkaharjoitukset/)

syksy09aloiitus

 

Tämä kurssi on johdanto tietokonegrafiikkaan, sen luomiseen ja käyttöön. Kurssilla käsittelemme kuvankäsittelyn ja vektorigrafiikan perusteita. Emme keskity tiettyjen ohjelmien opiskeluun vaan pyrimme ymmärtämään tietokoneella toteutetun kuvankäsittelyn, piirtämisen ja taiton perusperiaatteita. Ohjelmia käytämme työvälineinä perusteiden ymmärtämiseksi.

Kurssiin kuuluu neljä kahden tunnin luentoa ja neljät kolmen tunnin harjoitukset. 

Luennoilla keskitymme luomaan perustaa erityyppisille grafiikkatöille: valokuvien käyttöön netissä, piirrosten tekemiseen, gradun taittoon. Hyvän kuvan perusvaatimukset, luettavuus, tekniset perussäädöt käsitellään luennoilla. 

 Luennot maanantaisin 16-18 1.11.2010 alkaen, 4 kertaa.

Ensimmäinen kerta, maanantaina 1.11. klo 16-18, valtsikan sh 1 

Loput luennot ovat  Unioninkatu 38 – D112, eli Topelian D-rapun ensimmäisessä kerroksessa. 

http://www.helsinki.fi/hum/tdk/topelia/esittely.html 

Harjoituksissa toteutamme luennolla pohdittuja asioita: paneudumme kuvan koon ongelmatiikkaan, tutkimme vektoreiden käyttöä kuvituksessa, taitamme yksinkertaisen tekstikokonaisuuden. 

Harjoitusryhmiä on neljä: tiistaisin klo 12–16 ja 16-20 sekä keskiviikkoisin klo 12-16 ja 16-20. Kukin ryhmä kokoontuu kerran viikossa. Harkat pidetään U37 2.krs atk-luokassa.

 HUOM!! Iltaharkat alkavat TASAN klo 16!!!!!

Ohjelmia

Kaupallisia 

  • Adobe: PhotoShop ja PhotoShop Elements (kuvankäsittely), Corel Photo PaintShop Pro, (CorelPhotopaint)
  • Illustrator (vektorit), InDesign (sivuntaitto)
  • Microsoft: PowerPoint (esitysgrafiikka)
  • CorelDraw (vektorit)

Ilmaisia

  • GIMP (kuvankäsittely)
  • InkScape (vektorit)
  • Scribus (sivuntaitto)

KURSSIMME LUENNOT JA HARJOITUKSET

 Kurssin suorittaminen:

Kurssista saa yhden opintopisteen, jonka saamiseksi vaaditaan aktiivista osallistumista harjoituksiin (ei poissaoloja) sekä pienehkön harjoitustehtävän itsenäistä tekemistä.

Itsenäisen harjoitustyön aiheet ja palautustapa. 

 

Lopputehtävä – Taittokurssi 2009 (tvt-graf/)

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

 

Tehtävä palautetaan palautustilaisuudessa

  • Valmistaudu esittelemään työsi  ja työprosessisi.
  •  Palautustilaisuudessa voit esittää mielenjääneet ongelmat ja kysyä asioista jotka ovat jääneet epäselviksi.
  • Palautustilaisuudessa sinulla on viimeinen mahdollisuus näyttää poissaolojesi korvaustehtävät (eli vastaavalla kerralla tehty harjoitus).

Ilmoittaudu palautustilaisuuteen s-postitse keskiviikkoon 13.5.2009 mennessä

  • maritta.inkinen(ät)welho.com
  • Ilmoita haluamasi päivä sekä kellonaika 15 minuutin välein
    • esim. ma 18.5. klo 16:30
  • Merkitse s-postin Aihe/Subject-osioon Palautustilaisuus
  • Työn arviointiin menee 5-10 minuuttia 
  • Ilmoitan s-postitse (postilistalla) palautustilaisuuksiin osallistuvien varaukset viimeistään su 17.5.
  • Jos et jostain syystä kuulu postilistalle, ilmoita siitä varauksessasi!!!!

PALAUTUSTILAISUUDET

  • U37, 2. krs, tietokoneluokka
  • maanantaina 18.5.2009 klo 16 – 19
  • tiistaina 19.5.2005 klo 11 – 14

 

Lopputehtävä:

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

  • Painotapa: offset, arkkipaino, kuvat 300 ppi
  • Tee lopullisesta työstä painokelpoinen PDF

1) Suunnittele ja toteuta InDesignissa 4-sivuinen kutsukortti
esim. väitöstilaisuuden karonkkaan, valmistujaisiin, muihin juhliin

Värillisyys: värillinen (CMYK) tai musta-valkoinen (harmaasävyt) tai 2-värinen (musta + 1 PMS-väri)
Sivun koko: max A5, neljä sivua

2) Tee posteri / seinälehti
jossa käytät seuraavaa tekstiä ja vähintään yhtä vapaavalintaista kuvaa.
Koko: max A3
Värit: CMYK tai kaksivärinen (musta + yksi PMS-väri)

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
Värit: kuten edellä

 

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

Värikuva painoon (tvt-graf/)

Värikuva painotyöhön

Vaiheet:

Kuvan resoluutio

(ks. myös post7.htm

  • PhotoShopissa Image size -taulu, josta kohtaan Resolution merkitään painotyön vaatima luku (julisteeseen ja aikakauslehteen yleensä 300 ppi). Muista napsauttaa Resample image pois (ettei pikselimäärä muutu).

Kuvan koko

(ks. myös post7.htm

  • Taitto-ohjelmaan viedään kuva oikeankokoisena. Tarkista että Resample image on ruksattuna ja merkitse kuvan tuleva leveys TAI korkeus Document size -alueeseen (mittayksiköt! mm tai cm)

Kuvan väriasetukset

  • PhotoShopissa Edit – Color settings:
  • Valitse CMYKiin eurooppalainen erottelutapa (Euroscale / FOGRA)
  • Muista myös paperin laatu, päällystetty tai päällystämätön (coated / uncoated)
  • Muista samat väriasetukset myös mahdolliseen vastaanottavaan ohjelmaan, esim. InDesign ja Illustrator.

Kuvan värijärjestelmä:

  • PhotoShopissa Image – Mode – CMYK

Tallenna kuva

  • Jos kuva on suorakaiteen muotoinen – .jpg (korkea, high)
  • Jos kuva on syvätty (tausta poistettu) – .psd (jossa mielellään vain yksi taso ilman taustaa, "shakkiruudutus" näkyvissä)
  • Nimeen kannattaa sisällyttää CMYK jotta painokuvat on helppo löytää.
  • CMYK-kuviin ei enää muutoksia – kaikki kuvankäsittely RGB-muotoisissa kuvissa

 

Mustavalkokuvasta

post24.htm

Kanavat ja syväys (tvt-graf/)

köysistön syväys

Kanavat apuun syväyksessä

Mitä enemmän kontrastia on poistettavan taustan ja halutun kohteen välillä, sitä helpommin kaikki automaatiotiminnot toimivat.  Jokaisessa syväystehtävässä kannattaa ensin tutkailla, mikä keino sopisi kulloiseenkin tapaukseen parhaiten. Jos tehtävä on hyvin hankala eli siinä on paljon yksityiskohtia, esim. polkupyörän pinnat, köysistöt, hiukset, lintuhäkit …, niin yksi helpotus saattaa olla värikanavien hyödyntäminen (Channels).

RGB-kuvassa on kolme värikanavaa, punainen, vihreä ja sininen. Kanavat (Channels) -paletissa voit katsoa kutakin eri värikanavaa harmaasävyisenä eli näet kuinka paljon kyseistä väriä kuvassa on ja kuinka korkeat kontrastit kussakin värissä on. Kontrastia säädetään helpoimmin Levels-toiminnolla (Image – Adjustments).

Pieni perusohje kanavien hyödyntämiseksi syväyksessä: 

 

  • Ota esiin Channels-paletti (Värikanavat).  
  • Klikkaamalla osavärikanvavaan (R, G tai B), saat sen näkyviin harmaasävyisenä,  Tutki kanava kerrallaan.
  • Valitse se värikanava jossa on korkein kontrasti niin että kohteesi jää selkeästi näkyviin. Monista kanava.
  • Säädä monistetun kanavan kontrastia lisää Levels-toiminnolla. Tarkoituksena on saada näkyviin mahdollisimman puhtaasti vain kohde tai tausta.
  • Lopuksi klikkaa Kanavan symbolia CTRL/CMD-nappi alhaalla, jolloin tulee valinta-alue. Voit korjailla valinta-aluetta tarvittaessa millä tahansa valintatyökalulla, esim. lassolla.
  • Klikkaa kopioitu kanava pois näkyvistä ja  kaikki muut kanavat näkyviin.
  • Käytä valinta-aluetta tasomaskin tekemiseen: Siirry Layers-palettiin (vaihda valinta-alue tarvittaessa toisinpäin!)  ja osoita paletin alareunan Add layer mask -symbolia. 
  • Korjaile maskia tarvittaessa mustalla/valkoisella värillä. 

Ylhäällä oleva kuva:

Kuvassa on käytetty taustanvaihdon apuna vektoreita, kanavia ja tasomaskeja sekä sävynsäätöjä.

1. Lippu on syvätty erikseen, jotta siitä saataisiin mahdollisimman siisti ja sen sävyjä voitaisiin korjata erikseen.  Vektorikynällä haetusta polusta on tehty valinta-alue ja siitä Tasomaski.

2. Taustan vaihtamiseksi  on otettu kanavat apuun, jolloin köysistö on saatu tarkasti erotetuksi alkuperäisestä taivaasta. Köysistön ja mastojen sävyjä on säädetty. Köysistöstä yms. on tehty Tasomaski, jolloin joitain valokohtia on voitu palauttaa kuvaan pensselin ja valkoisen värin avulla.

 

Lippukuvan originaali:

http://www.public-domain-photos.com/miscellaneous/american-flag-4.htm 

Taivaskuvia voit hakea esim. http://www.imageafter.com 

 

  

 

 

Miten syväät? (tvt-graf/)

syv_kooste

Syvää kuvat (tai ainakin osa kuvista) ja rakenna niistä kuvakooste, jonka aiheena on "aika". Etsi koosteeseesi sopiva taustakuva. Kuvakoosteen tyylilajin voit valita itse.

 

  • Kuvan pidempi sivu on 800 pikseliä, Kuvan muodon voit päättää itse.
  • Mieti tarkasti, mikä syväystapa on paras kussakin kuvassa.
  • Tarkastele valoja ja varjoja, ja rakenna valaistukseltaan johdonmukainen koostekuva. 

 Kuvat:

http://www.imageafter.com/image.php?image=b7objects012.jpg

http://www.morguefile.com/archive/?display=222944&

http://www.morguefile.com/archive/?display=220027&

http://www.morguefile.com/archive/?display=80062& 

http://www.morguefile.com/archive/?display=132163&

http://www.morguefile.com/archive/?display=128312&

http://www.morguefile.com/archive/?display=222750& 

 

Kuvan häivytys maskin avulla (tvt-graf/)

liukukuva

Tässä kuvassa on yksivärillinen taso syvätyn omenankuvan alla. Kun omenaa häivytetään liukuvasti, värillinen taso paljastuu yhä enemmän. Tasomaskia kannattaa käyttää, koska silloin liukuvaa häivytystä voidaan säätää Levels-toiminnon avulla (Image – Adjustments – Levels).

1. Paina Layers-paletin alareunan Tasomaskin (Layer Mask) nappia.

2. Valitse Liukuvärityökalu ja vedä sillä läpi kuvan. Vedon suunta vaikuttaa läpinäkyyden suuntaan.

3. Kun haluat säätää läpinäkyvää osaa, käytä Levels-toimintoa (osoita ensin Layers-paletissa halutun tason tasomaski-symbolia.)

Hakusanoja:

kuvan häivytys, kuvan liukuva häivytys,liuku, häivytys, kuvan osittainen läpinäkyyvys, maski, tasomaski

Tallennusmuodot taittoa varten (tvt-graf/)

Tekstit:

  • muotoilematon pelkkä teksti; kaikki muotoilut haittaavat taitto-ohjelman omien tyylimäärittelyiden toimintaa
  • .txt tai .rtf
  • voit myös kopioida ja sijoittaa muotoilemattoman tekstin tekstinkäsittelyohjelmasta
  • Jos tarvitset taittotekstin muotoiluja (esim. lihavointeja, kursivointeja) malliksi, printtaa teksti paperille ja katso siitä.

Kuvat:

.tif

  • ei hukkaa tietoa joten isokokoisia
  • voi sisältää syväyspokuja eli tukee läpinäkyviä osia kunhan ne on tehty vektoreiden avulla

.jpg

  • pakkaa kuvat pieneen tiedostokokoon – älä pakkaa liikaa!
  • vain suorakaiteen muotoisia kuvia

.psd (PhotoShop-tiedosto)

  • InDesigniin
  • tasot ja läpinäkyvyydet kulkevat mukana
  • isoja tiedostoja

.eps

  • tallentaa syväyspolut
  • duotone-kuvien tallennusmuoto PhotoShopista; tallentaa halutut spottivärit omina kanavinaan

Vektorigrafiikka (tehty esim. Illustratorissa, FreeHandissä tai CorelDrawssa)

  • .eps
  • logot, merkit, vektoripiirrokset, graafit