Neljäs harkkakerta (tvt-graf/Vektorit/Grafiikkaluennot/Grafiikkaharjoitukset/)

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ä:

Tee sähköpostikortti jossa
- käytät sekä vektorigrafiikkaa että valokuvaa (-kuvia)
- on vähintään parin sanan verran tekstiä
Tallenna kortti sähköpostiin sopivassa muodossa.
Kirjoita lyhyt selvitys tekoprosessistasi. Sisällytä mukaan käyttämiesi kuvien tekijänoikeustiedot.
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

Kolmas & neljäs luento (tvt-graf/Grafiikkaluennot/)

Posted on 15.11.2009 by

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.mv.helsinki.fi/mainkine/somm.htm (sommittelusta)

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

post39.htm (pinnanjaosta)

post36.htm (Kuvan tekemisen perusteita)

Väreistä ja typografiasta

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

Kirjan päällyspaperi (tvt-graf/Vektorit/Taitto/Kuvankäsittely/Grafiikkaluennot/Grafiikkaharjoitukset/)

Posted on 15.11.2009 by

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:

Hue – Saturation – Lightness: post-3

Värikorjaus: http://www.valt.helsinki.fi/blogs/graf/post12.htm

Terävyys: http://www.valt.helsinki.fi/blogs/graf/post14.htm
Talvisia sävyjä
Muistiinpanoja

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ä

Vektorit ja pikselit (tvt-graf/Grafiikkaluennot/Grafiikkaharjoitukset/)

Posted on 9.11.2009 by

otusolio

Lisäesimerkkejä vektoreiden ja pikseleiden vertailuun

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

2. harjoituskerta: vektorit (tvt-graf/Grafiikkaharjoitukset/)

Posted on 5.11.2009 by

vektharkka

Vektorigrafiikan aineistoja

Kaksi piirtämistapaa

…ja kolmas vielä

Tehtäviä yms. Vektorit.

Tehtävä: Kissat kylmällä katolla

Esimerkkeinä kuvia peleistä (tvt-graf/Grafiikkaluennot/)

Posted on 30.10.2009 by

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ä