Materiaalin koostanut ja taittanut © Essi Manni 2013

TIEDON VISUALISOINTI JA ADOBE ILLUSTRATOR: ILLUSTRATORIN PERUSTEET OSA 1: VEKTORIT JA VEKTOROINTI

Helpoiten kuvan voi vektoroida Live Trace-työkalulla. Sillä kuva voidaan vektoroida joko mustavalkoiseksi tai värilliseksi, ja valikoista pystyy valitsemaan kaikki haluamansa asetukset. Tosin käsin tehtävää vektorointia kannattaa kokeilla mikäli kuva on monimutkainen tai siinä on paljon yksityiskohtia. Alla yksinkertainen mustavalkoinen vektorikuva kissasta.

MIKÄ ON YKSINKERTAISIN KEINO VEKTOROIDA KUVA?

Keinoja Live Trace-työkalun käytöön on monia. Seuraava polku on kaikista kätevin: otetaan ”Object” ohjelmiston yläreunasta, valikosta kohta ”Live Trace” ja sieltä ”Tracing Options”. Tämä on helpoin kei-no, koska vaihtoehdot tulevat heti näkyviin.

Vaihtoehtoisesti voidaan painaa pientä nuolta Live Trace-napin oikealla puolel-la yläpalkissa (ks. punainen nuoli).

Vektorointi muuttaa kuvan tai tekstin graafiseen muotoon, jolloin sitä voi skaalata eli suurentaa ja pienentää käytännössä rajattomasti. Lisäksi esimerkiksi taittotiedostoa siirrettäessä vektoroimattomista objekteista saattaa kadota tietoa, jolloin tiedosto voi ns. korruptoitua tai muuttua työstökelvottomaksi. Teksti erityisesti kannattaa vektoroida mikäli sitä on vähän: yleisenä ongelmana on fonttien katoaminen tai väärät fonttitiedostot, jolloin teksti voi näyttää toisen ihmisen koneella erilaiselta.

Alla olen listannut helpoimmat keinot vektoroida kuvaa että tekstiä, sekä kerron perinteisestä että hieman työläämmästä vektorointityylistä Pen-työkalulla.

MIKSI KUVA TAI TEKSTI ON HYVÄ VEKTOROIDA?

Vektorigrafiikka on tietokoneella toteutettavaa grafiikkaa. Vektorigrafiikka eroaa pikseligrafiikasta siten, että vektorigrafiikkaa voi suurentaa ja pienentää eli skaalata melkein äärettömästi, toisin kuin pikseligrafiikassa työtä voi suurentaa n. 150% ilman että laatu kärsii. Vektorigrafiikka on siis hyvä vaihtoehto esimerkiksi logoille, yksinkertaisille kuville ja elementeille.

MITÄ ON VEKTORIGRAFIIKKA?

Materiaalin koostanut ja taittanut © Essi Manni 2013

Tekstin vektorointi on tehty Illustratorissa helpoksi. Yksinkertaisesti valitaan tekstityökalu, kirjoitetaan vapaavalintainen teksti ja klikataan hiiren oikealla näppäimellä tekstiä, jolloin avautuu valikko. Valikosta otetaan kohta ”Create Outlines” eli ääriviivojen luonti, jolloin teksti vektoroituu.

Mikäli halutaan esimerkiksi värittää vain yksi kirjain, valitaan ”Edit”-kohdasta valinta ”Ungroup”. Vaihtoehtoisesti kirjainten erottelu hoituu näppäinkomennolla Shift+Ctrl+G tai taas hiiren oikealla klikkauksella ja valitaan ”Ungroup” valikosta. Kirjaimet saa taas yhdistettyä ”Group”-toiminnolla (näppäinkomento Ctrl+G).

MITEN VEKTOROIDA TEKSTIÄ?

Pen-työkalu (suomennettuna tussikynä tai vain kynä) on vektoroinnin tärkeimpiä työkaluja. Aiemmin kerrottiin tuosta ”Live Trace”-työkalu, mutta Pen-työkalulla saa mielestäni parempaa jälkeä aikaiseksi. Työkalu tarvitsee harjoitusta ja aloittelijalle se saattaa olla työläs, mutta kokeilemalla oppii parhaiten.

Käyttö on seuraavanlaista: kun valitaan Pen-työkalu, klikataan yhden kerran työpöydälle, jolloin siihen tulee vektoripiste. Oikea termi on ”Anchor Point” eli ankkurpiste, mutta tässä käytän termiä vektoripiste, koska se auttaa hahmoittamaan asian paremmin. Jos klikataan kauemmas työpöydälle vektoripisteestä, muodostuu polku kahdesta vektoripisteestä. Kun valmis-tetaan tarpeeksi polkuja, voidaan klikata alkupisteeseen, jolloin muodostuu suljettu vektorikuvio.

Alla yksinkertaistetusti vektoripolku. Vasen valkoinen piste on lähtöpiste (1), keskellä yksi välipiste (2) ja oikealla taivutettu polku. Loppupiste on viimeisin vektoripiste joka on tehty, ja siinä näkyvät suuntakahvat. Suuntakahvoilla voi liikuttaa itse taivutettua vektoripolkua (2-3). Esimerkkikuvion alla ovat pikakomennot suuntakahvojen käyttöön.

MIKÄ PEN-TYÖKALU?

(1)

(2)

(3)

Vektoripisteen lisäys: klikkaa Pen-työkalulla työpöydälle

Vektoripisteen lisäys, joka muodostaa taivutetun polun ja jossa on mukana suuntakahvat: klikkaa ja vedä polkua Pen-työkalulla.

Molempien suuntakahvojen kääntäminen samaan aikaan: Pidetään Ctrl pohjassa, sitten otetaan kiinni kahvan päässä olevasta pienestä pisteestä ja käännetään.

Yksittäisen suuntakahvan pienentäminen tai suurentaminen: Pidetään Ctrl pohjassa, otetaan kiinni kahvan päässä olevasta pienestä pisteestä ja vedä ylös tai alas.

Yksittäisen suuntakahvan kääntäminen: Pidetään Alt pohjassa, otetaan hiirellä kiinni kahvan päässä olevasta pisteestä ja käännetään.

Materiaalin koostanut ja taittanut © Essi Manni 2013

Kelluvat paletit ovat ominaisuus Adoben CS-ohjelmistoissa (Illustratorin ohella myös Photoshopissa että InDesignissa), niistä löytyy tietoa materiaalin osasta 2: Pikakomennot ja valikot. Erityisen hyödyllisenä paleteista pidän juuri tätä ”Pathfin-deria” eli vapaasti suomennettuna polkujen etsijää. Sen avulla voidaan leikata elementtejä, yhdistää niitä ja leikata reikiä objekteihin.

MIKÄ ON PATHFINDER?

Pathfinderissa on käytännössä neljä ominaisuutta:

Eri elementtien yhdistäminen (”Unite”)

Etualalla olevalla elementillä reiän leikkaus alimmaiseen elementtiin (”Minus Front”)

Etummaisella elementillä taka-alalla olevan elementin leikkaus (”Intersect”) sekä

Toiminto, jossa elementit yhdistyvät, mutta päällekkäisistä kohdista tulee reikiä (”Exclude”)

Edellä olevat toiminnot toimivat tapauskohtaisesti, ja yleensä vaan kahden elementin kanssa. Jos esimerkiksi halutaan lei-kata useampaa elementtiä tietyllä elementillä, niin kannattaa kopioida molemmat elementit itselleen syrjään. Tämä sen takia että Pathfinderin toiminnoilla elementit yhdistyvät ja ns. katoavat samanaikaisesti. Alla myös selventäviä esimerkkejä Pathfinderin käytöstä.

Eri elementtien yhdistäminen (”Unite”)

Vasemmalla on yksittäinen vektoripolku, jota ei ole suljettu (1), ja se on kopioitu oikealle ja reflektoitu vaakasuuntaisesti. (Joko pikakomennoilla tai ”Object”-kohdasta, lisää infoa muista materiaaleista).

Oikealla on taas valmis elementti, jossa kaksi eri elementtia on raahattu vierekkäin, jolloin niiden polut yhdistyvät, ja painettu tuota punaisen nuolen osoitta-maa yhdistys-näppäintä.

Etualalla olevalla elementillä reiän leikkaus alimmaiseen elementtiin (”Minus Front”)

Vihreän lehden alapuolelle on tehty punainen neliö, jolloin punaisen nuo-len osoittamaa nappulaa painamalla lehden malli leikkaantuu punaiseen neliöön. Punainen nuoli osoittaa näp-päimen paikan.

Etummaisella elementillä taka-alalla olevan elementin leikkaus (”Intersect”)

Ylempi elementti eli lehti leikkaa punaisesta neliöstä lehden mallisen uuden elementin. Myös neliön väri ja mahdollinen tekstuuri siirtyvät lehdelle. Hyödyllinen toiminto jos haluaa leikata jonkin kuvan tiettyyn muotoon.

Toiminto, jossa elementit yhdistyvät, mutta päällekkäisistä kohdista tulee reikiä (”Exclude”)

Vihreä lehti-elementti on päällim-mäisenä, jolloin punainen neliö vaihtaa väriä päällimmäisen objektin väriseksi. Kaikki päällekkäiset kohdat muodostavat reiät.