Viivatyökalu

Piirtotyökaluista ehkä yleiskäyttöisin on viivatyökalu (Pen Tool), jolla voi piirtää avoimia tai suljettuja polkuja, jotka koostuvat suorista tai kaarevista viivoista.

Kukin käyrä, eli polku koostuu piirtoalueella olevista pisteistä, eli solmuista (node) ja niitä yhdistävistä viivoista, eli kaarista (edge). Viivat ovat aina kahden pisteen välillä ja samaan pisteeseen voi kytkeytyä korkeintaan kaksi viivaa.

Polku suorista janoista

Aloitetaan piirtämällä viiva-työkalulla polku, jonka kaikki viivat ovat suoria.

Valitaan viivatyökalu joko klikkaamalla työkalupalkista tai pikanäppäimellä B. Polun piirtäminen alkaa klikkaamalla hiiren napilla halutusta kohdasta piirtoaluetta ja jatkamalla klikkauksilla jokaisessa kohdassa, johon halutaan uusi solmu. Kun kaikki halutut solmut ovat paikoillaan, klikataan hiiren oikealla napilla tai painetaan Enter-näppäintä, mikä päättää polun piirtämisen.

Huomaa, että piirtämisen aikana lukitut viivat näkyvät sinisenä ja punaisena näkyvä viiva on vasta piirrettävänä oleva seuraava viiva.

Kun polun piirtäminen päätetään, sen täytöksi tulee valittuna oleva väri ja reunaviivan väriksi ja paksuudeksi vastaavasti valittuna olevat asetukset.

Polun piirtämisen voi päättää myös klikkaamalla sen viimeinen piste hiiren vasemmalla napilla samaan kohtaan kuin sen aloituspiste. Silloin lopputuloksena saadaan suljettu polku. Suljetun polun saa aikaiseksi myös päättämällä piirtämisen Shift-Enter -näppäinyhdistelmällä pelkän Enter-näppäimen sijaan. Silloin polun ensimmäinen ja viimeinen piste yhdistetään suoralla janalla.

On hyvä muistaa, että ikkunan alareunassa väripaletin alla oleva vihjepalkki antaa aina ajantasaisen ohjeen siitä, mitä ollaan tekemässä ja millä pikanäppäimillä voi muokata käytössä olevan työkalun toimitaa. Alla olevassa kuvassa vihjepalkissa kerrotaan, että ollaan piirtämässä janaa, jonka kulma on tällä hetkellä -9,29° ja pituus 7,04 mm. Lisäksi muistutetaan, että Ctrl-näppäintä painamalla kulma lukittuu tasavälein ja että polun piirtämisen voi päättää Enter- tai Shift-Enter-näppäilyillä.

Kaarevat polut

Polusta voi tehdä suorista janoista koostuvan sijaan kaarevaksi “venyttämällä” jokaisen välipisteen kohdalla. Kun välipiste luodaan hiirellä klikkaamalla, ei päästetäkään hiiren napista irti vaan pidetään se pohjassa ja venytetään esiin tulevaa pyöreästä kahvasta vetämällä polulle pyöristystä pisteen kohdalle.

Piirtotyökalulla polkua piirrettäessä pisteen molempien puolien kahvat toimivat symmetrisesti, eli pisteen kohdalle polkuun tulee samanlainen kaarevuus kumpaankin siitä lähtevään polun osaan. Myöhemmin opetellaan, miten näitä pyöristyskahvoja voidaan siirrellä jälkikäteen tarkemmin solmutyökalulla.

Polun jatkaminen

Kun viivatyökalulla on piirretty avoin polku, sitä on mahdollista jatkaa klikkaamalla työkalulla polun toista päätä ja jatkamalla uusien solmujen luomista. Piirtämisen voi päättää normaaliin tapaan joko jättämällä polun avoimeksi tai sulkemalla sen.

Solmujen kohdistaminen

Viivoja piirtäessä on toisinaan tarpeen saada uuden polun solmu osumaan täsmälleen samaan pisteeseen kuin aiemman polun solmu. Tässä auttaa, jos ominaisuus nimeltä tarttuminen (snap) on päällä. Tämän ominaisuuden voi kytkeä päälle Inkscapen oikeasta yläkulmasta.

Tämä toiminto on kuvakkeensa mukaisesti kuin magneetti, joka napauttaa piirtotyökalun kiinni jo olemassa olevaan solmuun, kun sellainen osuu lähelle hiiren kohdistinta. Solmujen lisäksi piirtotyökalu tarttuu myös solmujen välissä olevaan viivaan tai käyrään, mikä helpottaa siistien kuvien piirtämistä.

Asetuspalkki

Viivatyökalun asetuspalkista voi valita työkalun toimintatilan. Ensimmäinen tila on tavallinen bezier-polku. Sen jälkeen tulevat Spiro-polku, BSpline-polku, suorat viivalohkot sekä kohtisuorat janat.

Ensimmäinen tila toimii, kuten edellä on kuvattu. Spiro-tilassa polku muodostuu ympyrän kaarista, jotka kulkevat luotujen solmujen kautta.

BSpline-polut on toinen tapa piirtää polkuja pyöristetyillä kulmilla. Lisää bsplinestä voi kulea Wikipediasta. Parhaiten sen toiminta varmasti avautuu kokeilemalla.

Suorat viivalohkot toimivat muuten samoin samoin kuin tavallinen bezier-polku, mutta sen kulmia ja viivoja ei voi piirron aikana pyöristää vaan niistä tulee automaattisesti kärkiä ja suoria.

Kohtisuorilla janoilla piirtäminen on puolestaan rajoitettua niin, että kuhunkin solmuun muodostuu suora kulma.

Asetuspalkin Shape-valinnalla voi valita muodon, jota piirrettävälle viivalle käytetään. Scale-lukuarvo määrää käytettävänmuodon kokoskaalan.

Alla olevassa esimerkissä on piirrettynä kolme viivaa asetuksilla “Triangle in”, “Triangle out” ja “Ellipsi”.

Viivat ja käyrät SVG:ssä

Inkscapea käytettäessä ei ole välttämätöntä tietää, miten SVG-tiedostomuodossa polut esitetään, mutta joillekin lukijoille tämä tieto voi olla valaisevaa.

SVG-tiedostoissa vapaamuotoiset käyrät esitetään <path>-elementteinä joissa käyrän osat voivat olla suoria, kaaria tai bezier-käyriä. Käyrän kulku kuvataan sarjana komentoja, joilla polkua piirtävää “kynää” voi siirtää (m, M) tai piirtää suoria viivoja (vaaka: h, H, pysty: v, V, vino: l, L), kaaria (a, A) sekä bezier-käyriä (s, S, c, C). Komennoilla voi myös käskeä yhdistämään päätepiste piirron aloituspisteeseen (z).

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100" height="100" viewBox="0 0 100 100">
    <path stroke="black" fill="#ffcc00" stroke-width="1"
          d="M20 10
            h20
            v10
            l30 20
            s10 5 -20 10
            c-10 -10 -20 -10 -30 0
            a5 10 -20 1 1 -10 -30
            z">
    </path>
</svg>

Ylläoleva svg-kuva näyttää tältä:

Lisää SVG-kuvien piirtämisestä kirjoittamalla suoraan <path>-elementtejä voi opiskella Mozillan tutoriaalista. Bezier-käyrien teoriaan tutustumisen voi aloittaa Wikipediasta.