Inkscape on loistava työkalu kuvakkeiden luomiseen. Yleisesti ottaen kuvakkeita tarvitaan erilaisissa formaateissa, joten SVG on loistava formaatti, sillä se on skaalattava grafiikkaformaatti. Tämän vuoksi voit kutistaa tai laajentaa kuvakkeen sopivaan kokoon sen menettämättä laatuaan.
Luo uusi kuvaketiedosto
Luodaan kuvake! Avaa ensin Inkscape ja luo uusi tiedosto. Napsauta Tiedosto-valikkoa, valitse Uusi ja sitten icon_32x32.
Tämän jälkeen avautuu uusi tyhjä tiedosto. Painamalla näppäintä # ilmestyy myös myös ruudukko:
Ruudukko on 32x32 kuutioristikko, samaa kokoa kuin monet koneeltasi löytyvät kuvakkeet. Viivat tässä ruudukossa eivät tule olemaan näkyvillä, kun lopullinen kuva siirretään toiseen muotoon, kuten JPEG tai GIF. Ruudukko on olemassa vain auttaakseen sinua luomaan neliömäisen kuvakkeen tavanomaisilla 32x32 pikselin ulottuvuuksilla. On mahdollista lisätä tai poistaa ruudukko käyttäen Näytä > Ruudukko -valikkoa.
Tallenna tiedosto
Ennen kuin aloitat työn on hyvä idea tallentaa tiedosto. Vaikka tiedoston sisältö on tyhjä, on hyvä tapa tallentaa tiedosto ennen kuin aloitat työskentelyn, jotta voit tallentaa muutokset helposti työskennellessäsi. Tekemällä näin suojaat itsesi työn menettämiseltä, mikäli tietokoneesi kaatuu tai sammuu vahingossa. Tallenna tiedosto napsauttamalla Tiedosto > Tallenna nimellä...
Tämä avaa ikkunan, jonka ulkoasu riippuu käyttöjärjestelmästä:
Voit muuttaa tiedoston nimen miksi tahansa, joka auttaa sinua löytämään sen (esimerkissä se on "piirros"). Varmista, että tallentaessasi sen tiedoston nimen lopussa on loppupääte .svg. Voit napsautella tietokoneesi kansioiden läpi käyttäen tätä ikkunaa, kunnes löydät kansion, johon tahdot tallentaa tiedoston. Kun olet löytänyt oikean sijainnin, napsauta Tallenna.
Kuvakkeen esikatseluikkunan käyttö
Jos siirrät kuvan bittikarttaversioon ja käytät sitä useampiin eri tarkoituksiin, voi olla tärkeää tietää luomisprosessin aikana, millainen kuvake siitä tulee. Niinpä Inkscapeen on lisätty bittikartan esikatselutila. Tämä ikkuna näyttää kuvakkeen ulkoasun yleisissä 16x16, 24x24, 32x32, 48x48 ja 128x128 kokotiloissa. Valikosta voit valita: Näytä > 
Kuvakkeiden esikatselu...
Aloita työskentely
Nyt piirrämme kuvakkeen. Voit valita minkä tahansa työkaluista luodaksesi muotoja ja värejä. Nykyisin kolmiulotteisen näköiset kuvakkeet ovat hyvin suosittuja, mutta tässä opettelemme vain hyvin kaksiulotteisen kuvakkeen tekemistä. Se tulee näyttämään suunnilleen tältä:
Tehdäänpä ensin taustan ympyrä. Valitse ympyrätyökalu Inkscapen vasemmalla puolella olevasta työkalupalkista:
Valittuasi tämän työkalun, voit napsauttaa yhtä ruudukon reunoista ja vetää vastapäiseen kulmaan poikittaissuunnassa. Joudut ehkä harjoittelemaan hetken saadaksesi tämän tehtyä oikein. Lopputulos näyttää suunnilleen tältä:
Ympyrän ulkopuolella voi olla musta viiva. Katsomme kohta miten tämä poistetaan. Nyt muutamme ympyrän värin halutuksi. Valitsen HTML-värikoodin "#ff7f00". Voit valita toisen värin. Muuttaaksesi ympyrän värin, voit naksauttaa ympyrää hiiren oikealla napilla ja valita Täyttö ja reunaviiva:
Seuraavan ikkunan pitäisi ilmestyä:
Tiedän että HTML-värikoodi vastaa RGB-koodia, jonka loppuun lisätään "ff". Niinpä kirjoitan "ff7f00ff" RGBA-laatikkoon pohjan lähellä:
Jos tiedät HTML-värikoodisi, voit lisätä sen tähän. Muuten voit käyttää RGB-liukusäädintä valitaksesi värin. Kun muutat arvoja, näet ympyrän värin muuttuvan samalla. Jos ympyrän ulkopuolella oli viiva, voit nyt poistaa sen valitsemalla Viivan tyyli -välilehden ja asettamalla Leveys -laatikon (välilehden yläosassa) arvoon 0 (nolla) pikseliä. Kun olet tyytyväinen ympyrän väriin, siirrä vain Täyttö ja reuna -ikkuna sivulle (jos ikkunassa on tarpeeksi tilaa) tai sulje se. Käytämme sitä uudestaan hieman myöhemmin.
Värillinen ympyräni näyttää nyt tältä:
Nyt lisäämme radion ympyrämme keskelle Lisäämme ensin ympyrämme keskelle mustan laatikon, jossa on pyöristetyt kulmat. Napsauta Luo suorakulmioita ja neliöitä -työkalua vasemmalla:
Naksauta nyt jostain kohdasta ympyrää ja vedä hiiri sivusuunnassa sivun alaosaa kohti. Luot nyt neliön, mutta et näe mitään ruudulla, joten joudut arvaamaan vetämäsi etäisyyden suunnilleen ennen kuin päästät hiiren. Näet jotain tällaista:
Palaa nyt Täyttö ja reuna -ikkunaan ja muuta RGBA-laatikon arvo (Täyttö-välilehdessä) arvoon "000000ff":
Nyt neliön pitäisi näyttää mustalle:
Olisit voinut valita värin myös vierityspalkin avulla.
Nyt tahdomme tehdä mustalle laatikolle kauniit pyöreät reunat. Tee tämä vie hiiri mustan laatikon oikeassa ylänurkassa olevan pienen ympyrän päälle. Sen pitäisi muuttua punaiseksi:
Napsauta ympyrää sen ollessa punainen ja vedä sitä korkeussuunnassa alaspäin, kunnes näet kaikkien mustan laatikon kulmien muuttuvan pyöristetyiksi. Kun olet tyytyväinen pyöristyksen määrään, vapauta hiiren nappi:
Nyt tarvitaan kolme valkoista ympyrää "taajuussäädintä" ja muita radion "nappeja" varten. Tee tämä käyttäen samaa menetelmää, jolla teit ensimmäisen suuren ympyrän, mutta yritä tehdä ne oikeaan paikkaan mustan laatikon sisälle.
Nyt tahdomme oikeaan yläosaan antennin. Käytämme Piirrä viivoja käsivaraisesti -työkalua, jonka löydät vasemmasta työkalupalkista:
Piirtääksesi suoran viivan, napsauta tahtomastasi viivan alkamiskohdasta ja napsauta uudestaan sen päättymiskohdasta:
Nyt tahdomme laittaa kuvakkeen antennille kauniin pyöreän kärjen, joten palaamme Täyttö ja reuna -ikkunaan ja katsomme Viivan tyyli -välilehteä. Havaitset, että tässä on Pääty-osa:
Napsauta Pääty-osan keskimmäistä laatikkoa ja antennisi pyöristetään heti:
Vieminen PNG-muodossa
Nyt tallennamme tämän PNG-muotoon. Tahdot ehkä käyttää toista grafiikkatiedostomuotoa, mutta Inkscape tukee kuvakkeen viemistä vain PNG-muodossa. Muuttaaksesi kuvan toiseen muotoon tahdot ehkä käyttää GIMPiä tai vastaavaa ohjelmaa.
Valitse Tiedosto ja Tallenna bittikartta...
Näet tällaisen ikkunan ilmestyvän:
Jos painat nyt Vie, tallennat 32x32 -kokoisen PNG-tiedoston käyttöjärjestelmäsi kotihakemistoon. Voit muuttaa mitä tahansa näistä asetuksista. Muuttaaksesi kuvakkeen ulottuvuuksia, napsauta nuolia Leveyden ja Korkeuden vieressä. Muuttaaksesi tiedostonimeä ja tallennuspaikkaa, voit napsauttaa Selaa-nappia.