Vektorigrafiikka kuvituskuvana

Jos taitan julkaisua niin, että kuvamateriaalinani on valokuvia, voin tehdä kuville yhtä sun toista. Voin tietenkin skaalata – ainakin pienentää kuvaa, rajata sitä eri tavoin ja joskus tehdä syväyspolun kuvan jollekin osa-alueelle. Osien irrottaminen valokuvasta ja näiden osien hyväksikäyttö ei kuitenkaan ole kovin yksinkertaista – silloin tarvitaan jo kuvankäsittelyn melko hyvää tuntemusta.

Vektorigrafiikka kuvituskuvana, sen sijaan, saattaa olla riemastuttavan monikäyttöinen ja helppokäyttöisempi kuin valokuva. Jos vektorikuva on tehty fiksusti, voi luova käyttäjä saada aikaan peruskuvasta hyvin monia eri versioita. Edellytyksenä on, että kuvan osakuvat on tehty omiksi “ryhmikseen” (group) – ja kuvan luovuttaja/myyjä sallii, että voit järjestellä osaryhmiä uudella tavalla.  Ja tietenkin, sinulla tulee olla käytössäsi vektorigrafiikkaohjelma, jolla voit lähtökuvaa edelleen muokata.

Kaupungissa sataa

Osakuva1

Osakuva2

Teit siis uusia kuvia käyttämällä hyväksi ”gruupattuja” hahmoja. Uuden kuvan ”luominen” ei vaatinut kuin uudelleen sijoittelua ja vähän ehkä rotate-toimintoa.

Tiedät varmaan (vai tiesitkö?), että voit toki myös rasteroida vektoripiirroksen ja soveltaa siihen erilaisia filtteritoimintoja – siis näinkin päin!

Yllä oleva peruskuva ”Kaupungissa sataa” on hankittavissa PicmanShop-kuvapankista.

Envelope Distort – lippu liehumaan

Sen kunniaksi, että Chilen kaivosmiehet saatiin maan pinnalle, tehtäköön liehuva Chilen lippu. Työn vaiheet ovat hyvin yksinkertaiset ja nopeat. Eniten ”osaamista” tarvittaneen siinä, minkälaiset ovat liehuvan lipun ulkoiset rajaviivat – tässä siis peliin taiteellisuutta ja kauniita bezierin viivoja.

1. Tee lippu yksinkertaisilla muodoilla (make a simple flag with rectangles)

Basic flag

2. Piirrä liehuvan lipun reunaviivat (draw the lines of a waving flag)

The lines of the final flag

3. Aseta uudet ääriviivat alkuperäisen lipun päälle (set the line art on top of the basic flag)

Basic flag and the new outlines

 

4. Tee Illustratorissa ”Envelope Distort” valinnalla ”Make with Top object”. Molempien, sekä lipun että päällä olevan viivan,  tulee olla valittuina. Remember, both activated (flag and the line)

Almost ready

5. Tee vielä blendit sekä valkoiseen että punaiseen lipun osaan. Finish the flag with appropriate blends.

The flag of Chile

Thank You!

Blend-työkalun käytöstä

Olisi mukava tietää, kuinka erityyppisesti ja monella tavalla Illustrator-käyttäjät soveltavat Blend-työkalua. Itse en ainakaan aiemmissa Illustratoreissa ole turvautunut kuin Blendin suoraviivaiseen ja melko yksipuoliseen käyttöön. Ja joskus on tuntunut, että uusissa ohjelmaversioissa blendi toimi erilailla kuin aiemmin, eikä välttämättä yhtään paremmin. Aikoinaan innostuin käyttämään blendiä muodonmuutoksiin (elefantista kissaan), mutta en tainnut mitään erinomaista ja julkaistavaksi kelpaavaa saada aikaan.

Surffailin taannoin Illun kikkasivuilla ja etsin vinkkejä sekä lisätietoa omalle osaamiselleni. Löysin silloin useita jänniä blendin käyttötapoja, joita kannattaa pitää mielessä. Ehkä Blendin käyttöä ei sittenkään tunneta riittävästi!  Tässä muutama sivu, jolta löytyy runsaasti uusia näkökulmia blendin käyttöön (8.9.2010)

http://www.bittbox.com/illustrator/fun-with-illustrators-blend-tool

http://vector.tutsplus.com/tutorials/tools-tips/illustrators-blend-tool-a-comprehensive-guide/

Seuraavana oma vihjeeni sinulle, kun tutustut Blend-työkaluun syvällisemmin. Kun teet uuden spine-viivan, huomaa, että sillä ei saa olla väriä:

Kahden pallon välille tehty suoraviivainen blendi

Pallot ja uusi "spine"

Pallojen blendi uudella ohjaussuoralla (spine)

Muuntele vektoripiirrosta

Vektoripiirros on erityisen soveltuva asiatyylin oppi- ja tietokirjakuvituksessa. Piirrokseen on melko helppoa tehdä muutoksia – toisin kuin pikselipohjaisiin kuvituksiin so. käsin piirretyt ja skannatut piirrokset tai valokuvat. Toki vektorigrafiikalla voi tuottaa myös hauskoja ja humoristisia piirroksia. Vektoripiirroskin edellyttää usein jonkinlaista käsin tehtyä luonnosta, jonka voit viedä esim. Adobe Illustrator -ohjelmassa ns. template-kuvaksi.

Vektoripiirroksen ei tarvitse näyttää tietokoneella tehdyltä. Aika pitkään on Illustratorin käyttäjä voinut valita erityyppisiä ääriviivoja, joiden käytöllä saa elävyyttä piirrokseen. Valittavana on myös erilaisia täyttökuvioita. Niitä on ohjelmissa vakiona, mutta netistä löydät runsaasti ilmaiseksi ladattavia täyttökuvioita, patterneja. Miten itse piirrän hahmon vektorigrafiikalla? Suosin lähes aina teräkynän (pen tool) käyttöä, jota voi hallita täsmällisesti. Kun ”perusviiva” on tehty, tämän jälkeen voi harkita viivan luonteen muuttamista. Bezier-tekniikka on myös suureksi avuksi valokuvien ”syväämisessä”.

Hieman flunssaisena päätin piristää itseäni ja aloin värkätä eräästä tekemästäni hahmosta eri muunnelmia. Vektoripiirros muuntui nopeasti aivan toiseksi. Alla olevat kuvat kuuluvat Picman Shop -kuvituskuviin. Ethän siis käytä kuvia luvatta.

Seniori kotona. Picman Shop -kuvituskuva

Vektorigrafiikan keinoja

Seniori kotona muunnelma

Vinjet-kuvasta on moneksi

Hyvät vektorigrafiikkaohjelmat tulivat markkinoille ja pöytätietokoneisiin jo 1980-luvun lopuilla. Yksi ensimmäisistä tämän kategorian ohjelmista oli Adoben Illustrator. Aloitin itse noihin aikoihin graafisen suunnittelijan ja kuvittajan uraani opettajan työn ja atk-työtehtävieni jälkeen – ja ihastuin hetimmiten Illustratorin selkeyteen.

Vektorigrafiikan mahdollisuudet ovat jääneet, uskoisin niin, suurelle yleisölle ja käyttögrafiikan tarvitsijoille  jonkin verran epäselviksi ja hyväksikäyttämättä. Tässä blogissani yritän osaltani kertoa vektorigrafiikan mahdollisuuksista.

Otetaanpa käsittelyyn Picmanin kuvakaupan Vinjet-kuva Ravut ET66. Seuraavassa kuvasarjassa tulee esille jo melko monta vektorigrafiikan hyvää ominaisuutta silloin, kun kuva on tehty huolella ja luovaa tarvitsijaa ajatellen. Lähdetään siis liikkeelle alkuperäisestä Vinjet-kuvasta ja työstetään melko helpoin konstein kuvan alla olevat eri muunnokset. Vektorigrafiikalla se onnistuu kätevästi.

Vinjet-kuva Ravut ET 66 (Picman Oy:n kuvakauppa)

Rapukuvan osat

Muunnelma 1 (sakset eri asennossa)

Muunnelma 2 (vektoripiirros asettuu ongelmitta eri taustoille)

Muunnelma3 (unite-filtteri ja ink-kynä)

Kaikki ylläesitellyt kuvamuunnokset Picman Shopin Vinjet-kuvasta Ravut ET66 sisältyvät seuraaviin kuvahankintoihin
• kaikki Vinjet-kuvat
• Vinjet-osion Elintarvikekuvat

Picman Shopin osoite
http://www.picman.fi/shoppi/cat/