Tietokonegrafiikan perusteet http://www.valt.helsinki.fi/blogs/tvt-taitto/ kuvankäsittely, vektorigrafiikka, taitto 2010-11-23T16:07+02:00 Neljäs harkkakerta http://www.valt.helsinki.fi/blogs/tvt-taitto/post-48.htm mallilehti

Teksti Wikipediasta.

 

]]> maritta inkinen 2010-11-21T12:38+02:00 http://www.valt.helsinki.fi/blogs/tvt-taitto/post-48.htm#comments Kolmas harjoituskerta http://www.valt.helsinki.fi/blogs/tvt-taitto/post-47.htm Kuvankäsittely

Säätöjä ja korjailuja:

 

Vektorit

Vektorointi:

 

 

 

 

 

]]> maritta inkinen 2010-11-15T10:18+02:00 http://www.valt.helsinki.fi/blogs/tvt-taitto/post-47.htm#comments Lumpeiden tasoja http://www.valt.helsinki.fi/blogs/tvt-taitto/post-46.htm lumpeet ]]> maritta inkinen 2010-11-02T10:01+02:00 http://www.valt.helsinki.fi/blogs/tvt-taitto/post-46.htm#comments Kurssin suorittaminen 2010 http://www.valt.helsinki.fi/blogs/tvt-taitto/post-44.htm Vaatimukset:

1. Kaikkiin neljään harjoituskertaan osallistuminen ja tehtävien tekeminen.

  • Jos joudut olemaan poissa harjoituksista, esittele kurssin opettajalle sen harjoituskerran tehtävät tehtyinä seuraavalla harkkakerralla.
  • Poikkeustapauksissa tehdyt tehtävät voi toimittaa s-postitse.  

2. Itsenäisen lopputyön tekeminen hyväksytysti. 

Tehtävä:

 

  1. Tee sähköpostikortti jossa
    • käytät sekä vektorigrafiikkaa että valokuvaa (-kuvia)
    • on vähintään parin sanan verran tekstiä
  2. Tallenna kortti sähköpostiin sopivassa muodossa.
  3. Kirjoita lyhyt selvitys tekoprosessistasi. Sisällytä mukaan käyttämiesi kuvien tekijänoikeustiedot.
  4. HUOM! Jos teet kortin CorelDrawssa, määrittele sivun koko pixeleinä ja valmiiksi oikeankokoisena, jolloin tallennus on helpompaa.

 

Tehtävän palautus 

Palauta työsi s-postitse Maritta Inkiselle

maritta.inkinen[ät]welho.com

10.12.2010 mennessä.

Viestiin otsikoksi: grafiikka10 

Viestissä pitää siis olla:

  • s-postikortti
  • lyhyt selvitys siitä miten toteutit työsi (teksti suoraan viestissä, EI liitteenä)
  • oma nimesi ja opiskelijanumerosi

 

 

 

 

]]> maritta inkinen 2009-11-22T15:37+02:00 http://www.valt.helsinki.fi/blogs/tvt-taitto/post-44.htm#comments Kolmas & neljäs luento http://www.valt.helsinki.fi/blogs/tvt-taitto/post-43.htm värejävärejä

Värit ja värijärjestelmät

  • Pikakatsaus värien näkemiseen
  • Kaksi erilaista värien esittämistapaa: valon avulla, pigmenttinä.
  • Kaksi värijärjestelmää: Näyttövärit, RGB - painovärit, CMYK

Tietokonegrafiikan värinhallinnan perusta

  •  on tiedettävä mitkä värit toimivat teknisesti parhaiten missäkin työssä
  •  on osattava säätää värien toimimista tarpeen mukaan

Sommittelun, suunnittelun, typografian perusta

Esimerkkinä elokuvajulisteita. 

Kuvia tai muita kaksiulotteisia esityksiä luodessamme  tärkeää on muistaa ihmisen halu nähdä edessään ymmärrettävä ja looginen kokonaisuus.

Ihminen pyrkii ymmärtämään näkyviä ilmiöitä aiempien kokemustensa ja oppimansa kautta.

On olemassa joitain perussääntöjä joita me kaikki sovellamme näkyvään todellisuuteen hahmottaessamme sitä:

  • Lähellä toisiaan olevat asiat kuuluvat yhteen (välit!)
  • Pyrimme näkemään ja tulkitsemaan näkemäämme kolmiulotteisesti (haemme perspektiiviä tukevia elementtejä), esim. 
    • Viileät ja harmahtavat värit etäännyttävät, lämpimät ja voimakkaat värit tuovat lähemmäksi
    • Kooltaan isompi on pienempää lähempänä ja / tai on tärkeämpi
    • Peittävä elementti on peitettyä lähempänä
  • Haemme linjauksia tukemaan hahmotustamme (katseen kuljettaminen)
  • Haemme yhtä (tärkeintä) kohtaa josta voimme helpoimmin lähteä liikkeelle tutkimaan aluetta (katseen kiinnittäminen)

  

  • Symmetrinen rakenne pysähtyy paikalleen, epäsymmetrisen on mahdollista liikkua 
  • Vaihtuva rytmi toistoineen pitää kiinnostuksen yllä
  • Hyvinä apuina rytmiin, liikkeesen ja linjauksiin sekä katseen kiinnittämiseen ja kuljettamiseen  ovat kultainen leikkaus sekä perusgeometriset muodot

Kontrastit ja konfliktit

iso - pieni

makea - hapan

pehmeä - kova jne.

kaukana - lähellä

vaalea - tumma (värisommittelun perusta)

 

vastakkaiset linjaukset - samansuuntaiset linjaukset

 

Lisää aiheista:

http://www.valt.helsinki.fi/staff/mainkine/somm.htm  (sommittelusta)

http://www.valt.helsinki.fi/staff/mainkine/elok.htm (sommittelusta)

http://www.valt.helsinki.fi/blogs/titta/post39.htm (pinnanjaosta)

http://www.valt.helsinki.fi/blogs/titta/post36.htm (Kuvan tekemisen perusteita)

 

Väreistä ja typografiasta

Aineistojeni etusivulla voit hakukoneella  hakea aineistojeni sisällä  - käytä hakusanoja "väri" ja "typografia"

 

 

]]> maritta inkinen 2009-11-15T19:06+02:00 http://www.valt.helsinki.fi/blogs/tvt-taitto/post-43.htm#comments Kirjan päällyspaperi http://www.valt.helsinki.fi/blogs/tvt-taitto/post-41.htm päällyspaperi

 

 

Kovakantisen kirjan suojapäällys

Päällyksen koko: 448 x 214, josta

 

  • Lieve 75 (150)
  • Selkä 24

Työn aloitus:

  • Aseta uuden työn koko huolellisesti.
  • Painotyömäärittelyt.
  • Varmista (vaihda) myös väriprofiilit eurooppalaisiksi: Edit > Color Settings & Assign Profile.

Pohjatyö:

  • Tee apuviivat "paperiin" suorakaiteiden avulla:
    • Valitse suorakaidetyökalu ja klikkaa sillä paperille. 
    • Aseta liepeen koko. Siirrä suorakaide vasempaan laitaan. Monista ja siirrä oikeaan laitaan.
  • Keskitä selkämys"laatikko" paperille (View > Align-paletti)
  • Muunna suorakaiteet apuviivoiksi: Valitse suorakaiteet > View - Guides > Make

Kannen tekstit:

Tekijä: Titta Inkinen

Kirjan nimi: Typografia

Sarjan nimi: Graafisen suunnittelun perusteet

Kustantaja: Grasp

 

Kannen tekijöiden tiedot

ISBN 951-1-11111-1

Viivakoodi

Kanteen tulee myös 

  • valokuva
  • logo
  • kirjainkuvitusta

Takakannen mainosteksti:

Viestintätapahtuman näkökulmasta typografia asettuu tekijän ja kokijan väliin ja siinä kohdassa toimii (tasoittavana tai estävänä) viestinnän välineenä tekijän ja kokijan intersubjektiivisessa maailmassa. Ja koska typografia on ihmisen, graafisen suunnittelijan, typografin tekemää ja siten inhimillisen toiminnan tulosta, lukija ja kirjoittaja saavat lisäksi typografin mukaansa näiden kolmen yhteiseen intersubjektiiviseen maailmaan.

Kirja etenee typografian historiasta nykypäivään, syväluotaa typografiaa kulttuurin ja inhimillisen toiminnan merkittävänä osana, innostaa pohtimaan ja miettimään - ja antaa apuvälineitä suunnitteluun, jopa fontin valintaan.

Ulkoasu:

  • Fontit: AdobeCaslonPro & Myriad; lisäksi mahdollinen tehostefontti
  • Takakannen teksti: AdobeCaslonPro 12/15 pt, vasen linjaus, ei tavutusta

Logon suunnittelu ja piirtäminen 

Suunnittele ja toteuta logo kustannusyhtiölle - GRASP

Tuo kanteen vähintään yksi valokuva 

Perusohjeita ja  harjoituksia kuvan sävyjen yms. korjaamiseksi:

Värien ja sävyjen perussäädöt:

 

Painotyön / lehden taittamisen

perusteellisemman opastuksen löydät edellisiltä taittokursseilta, esim. http://www.valt.helsinki.fi/blogs/tvt-taitto/index.htm 

Kuvia käytettäväksi: 

kuvat käsittelemättömiä, vain pienennettyjä 

Haamukoski

Kalliokoski

Mustat puut

Viherkoski 

 

 

 

 

 

]]> maritta inkinen 2009-11-15T11:55+02:00 http://www.valt.helsinki.fi/blogs/tvt-taitto/post-41.htm#comments Vektorit ja pikselit http://www.valt.helsinki.fi/blogs/tvt-taitto/post-40.htm otusolio

 Lisäesimerkkejä vektoreiden ja pikseleiden vertailuun

 

  • Kuvan rakenne: Valokuva ja sama kuva vektoroituna
  • Skaalaus: Otus ja Olio 

 


]]> maritta inkinen 2009-11-09T00:11+02:00 http://www.valt.helsinki.fi/blogs/tvt-taitto/post-40.htm#comments 2. harjoituskerta: vektorit http://www.valt.helsinki.fi/blogs/tvt-taitto/post-39.htm vektharkka

 

Vektorigrafiikan aineistoja  

 Kaksi piirtämistapaa

...ja kolmas vielä 

Tehtäviä yms. Vektorit. 

Tehtävä: Kissat kylmällä katolla

 

]]> maritta inkinen 2009-11-05T18:11+02:00 http://www.valt.helsinki.fi/blogs/tvt-taitto/post-39.htm#comments Esimerkkeinä kuvia peleistä http://www.valt.helsinki.fi/blogs/tvt-taitto/post-38.htm FTscarecorner

Kuva on miljoonien pelaamasta SlashKeyn  FarmTown-farmipelistä. Vektoriperustainen kuvitus on selkeä sekä pienenä että suurena. Pelintekijöiden on mahdollista muokata ja kehittää pelin grafiikkaa jatkuvasti.

Pelin pohja on tasaisen vihreä. Pohjan päälle pelaaja kokoaa elementtejä: talo, puu, laatikko, kissa, polkulaatta jne.  

  • Pelit ovat ikään kuin tietokoneelle siirrettyjä lautapelejä
  • Pelit vaativat toimiakseen Flash-playerin eli ne on tallennettu Flash-muotoon
  • Pelin kulussa tarvitaan animointia 
  • Lisäksi peli"laudalla" voi nähdä eläinten liikkuvan, lippujen liehuvan ja kasvien kasvun muutoksia
  • Pelin elementit ovat itsensä muotoisia - ne peittävät vain värillisten osiensa verran takana olevia elementtejä
  • Elementit ovat tarkkareunaisia
  • Elementit ovat kohtalaisen yksinkertaisia, myös väritykseltään; tasaisia väripintoja on mahdollisimman paljon.
  • Zoomaus ei juurikaan vaikuta näkymän laatuun
  • Kuva FarmVille-farmipelistä
    • FarmVille on Zyngan farmipeli
  • Kuva FarmTown-farmipelistä

 

 

]]> maritta inkinen 2009-10-30T10:52+02:00 1 http://www.valt.helsinki.fi/blogs/tvt-taitto/post-38.htm#comments Syksyn 2009 / 2010 ohjelma http://www.valt.helsinki.fi/blogs/tvt-taitto/post-36.htm ohj09

Luentojen aiheet:

1. aihe:  Johdanto kurssiin.

2. Pikselit: mikä on pikseli? Minkälainen on pikselikuva?

3. aihe: Vektorit. Mitä vektorit ovat? Mihin vektorgrafiikkaa käytetään?

Esimerkkejä vektoreiden käytöstä

Kolmas luento 

4. aihe: Värit, erityisesti tietokonegrafiikan värit.  
5. aihe: Typografia
6. aihe: Sommittelu 
7. aihe: Taitto 

Neljännellä luennolla

jatkamme sommittelun, värien ja typografian käsittelyä..

Harjoitukset 

1. harjoitukset:

  • kuvan koko -harjoituksia
  • ilmaisten kuvapankkien käyttö
  • kuvan haku
  • kuvan koko
  • pikseleiden peruskäsittely
  • tekstin lisäys
  • tallennus 

2. harjoitus: 

  • Peruspiirtäminen vektoreilla 

3. harjoitus:

  •  Vektoreita ja pikseleitä.

 

4. harkat 

  • Vektoreita ja pikseleitä
  •  Työn koostaminen
]]> maritta inkinen 2009-10-30T09:10+02:00 http://www.valt.helsinki.fi/blogs/tvt-taitto/post-36.htm#comments