4.8 Grafiikkaa sivustoille
Vektorigrafiikka
Verkkosivuille saatetaan luoda erilaisia piirrettyjä graafisia elementtejä sivujen kuvittamiseen. Paljon käytettyjä elementtejä ovat esimerkiksi logot, ikonit ja jakoviivat. Tekniikkana elementtien luomiseen on usein vektorigrafiikka, joka tallennetaan kuvamuotoon sivustoja varten.
Toisin kuin pikseligrafiikka vektorigrafiikan laatu ei muutu kuvaa suurennettaessa. Pikselikivat (jpg, png…) koostuvat pikseleistä ja suurennettaessa erilliset pikselit alkavat erottua kuvasta ja se ”pikselöityy”. Vektorigrafiikassa sen sijaan kuva muodostuu matemaattisista muodoista ja perustuu matemaattiseen laskentaan kahden pisteen välillä. Kuvaa suurennettaessa muoto ei muutu ja kuvan laatu pysyy veitsenterävänä loputtomasti.
Vektorigrafiikan piirtämisohjelmista ylivoimainen ykkönen on Adobe Illustrator. Ohjelmisto on kuukausimaksullinen ja melko kallis vaihtoehto peruskäyttäjälle ja siksi kannattaa valita jokin tarjolla olevista ilmaisohjelmistoista, joita löytyy verkko-ohjelmina. Sivuille joutuu usein kirjautumaan esimerkiksi Googlen tilin avulla. Käyttökelpoisia sivustoja ovat mm.:
Inkscape
BoxySVG
Vecteezy
Vectr
Vaihtoehtona Inkscape tai Krita
Käytän vektorikuvien kanssa työskentelyssä Adobe Illustrator -ohjelmistoa. Jos ei aio hankkia Adobe ohjelmistoja ja kaipaa vastaavia mahdollisuuksia luoda vektorigrafiikkaa, suosittelen Inkscape-ohjelmaa, joka asennetaan koneelle. Inkscape ohjelmasta löytyy kaikki tarpeelliset toiminnot peruskäyttöön.
Jos olet kiinnostunut syvällisemmin piirtämisestä vektori- tai pikseligrafiikalla suosittelen Inkscapen vaihtoehtona omalle koneelle asennettavaa ilmaista ohjelmistoa Krita. Ohjelmisto on toiminnoiltaan monipuolinen ja tarkoitettu ensisijaisesti pikseligrafiikkaan mutta myös vektorigrafiikka onnistuu hyvin. Kritaa voi käyttää tämän lisäksi myös kevyeen kuvankäsittelyyn.
Vektorigrafiikan tekniikat
Vektoripiirtämisessä voidaan luoda valmiita muotoja, kuten neliöitä, ympyröitä, kolmioita yms. mutta voidaan piirtää myös suoraan kynä (pencil) työkalulla, joka löytyy tavallisimmista vektoripiirto-ohjelmista. Harjoituksen kuvan ympyrät on luotu valmiilla muodoilla ja tekstistä ”Your” Y-kirjaimesta lähtevä viiva on luotu kynätyökalulla (Pen tool).
Myös tekstiä voi luonnollisesti luoda ja edistyksellisemmissä ohjelmissa (esim. Inkscape) myös tekstin kirjainten muotoa voidaan muokata, sillä myös kirjaimet koostuvat vektoripisteistä.