FLOSS Manuals

 English |  Español |  Français |  Italiano |  Português |  Русский |  Shqip

Inkscape suomeksi

KUVAKKEIDEN LUOMINEN

Luo yksinkertainen kuvake

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.

Kuvake

Tämän jälkeen avautuu uusi tyhjä tiedosto. Painamalla näppäintä # ilmestyy myös myös ruudukko:

Kuvake

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

Kuvake

Tämä avaa ikkunan, jonka ulkoasu riippuu käyttöjärjestelmästä:

Kuvake 

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ä > iconpreviewer.pngKuvakkeiden 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ä:

Kuvake

Tehdäänpä ensin taustan ympyrä. Valitse ympyrätyökalu Inkscapen vasemmalla puolella olevasta työkalupalkista:

Kuvake

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

Kuvake

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:

Kuvake

Seuraavan ikkunan pitäisi ilmestyä:

Kuvake

Tiedän että HTML-värikoodi vastaa RGB-koodia, jonka loppuun lisätään "ff". Niinpä kirjoitan "ff7f00ff" RGBA-laatikkoon pohjan lähellä:

Kuvake

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

Kuvake

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:


Kuvake

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:

Kuvake

Palaa nyt Täyttö ja reuna -ikkunaan ja muuta RGBA-laatikon arvo (Täyttö-välilehdessä) arvoon "000000ff":

rgbbox2

Nyt neliön pitäisi näyttää mustalle:

Kuvake

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:

Kuvake

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: 

Kuvake

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. 

Kuvake

Nyt tahdomme oikeaan yläosaan antennin. Käytämme Piirrä viivoja käsivaraisesti -työkalua, jonka löydät vasemmasta työkalupalkista: 

Kuvake

Piirtääksesi suoran viivan, napsauta tahtomastasi viivan alkamiskohdasta ja napsauta uudestaan sen päättymiskohdasta:

Kuvake

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:

Kuvake

Napsauta Pääty-osan keskimmäistä laatikkoa ja antennisi pyöristetään heti:

Kuvake 

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...

Kuvake

Näet tällaisen ikkunan ilmestyvän:

Kuvake

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.