Muokataan sivua Inkscapen peruskäyttö
Siirry navigaatioon
Siirry hakuun
Kumoaminen voidaan suorittaa. Varmista alla olevasta vertailusta, että haluat saada aikaan tämän lopputuloksen, ja sen jälkeen julkaise alla näkyvät muutokset.
Nykyinen versio | Oma tekstisi | ||
Rivi 1: | Rivi 1: | ||
Inkscape on avoimen lähdekoodin piirto-ohjelma, joka sopii hyvin esimerkiksi logojen, nettigrafiikan tai teknisten kaavioiden piirtämiseen. Tämä ohje käsittelee Inkscape -vektorigrafiikkaohjelman käyttöä ja perusominaisuuksia ohjeessa piirettävän mallikuvan avulla. | |||
== Yleistä == | == Yleistä == | ||
Inkscapen käytössä pätee ajattelutapa, jossa tavallisen työpöydän päälle asetetaan paperista tai läpinäkyvästä kalvosta leikattuja kuvioita ja sijoitella niitä pohjapaperille tiettyyn järjestykseen. Kuvioiden fyysinen luonne ei kuitenkaan ole kuin paperilla, vaan niiden kokoa, muotoa ja väriä voidaan loputtomasti muokata. Inkscapen vastakohtana voidaan pitää ns. bittikarttapiirto-ohjelmia kuten ''Gimp'', joissa käsitellään tiettyjen muokattavien kohteiden ja muotojen sijasta yksittäisiä kuvapisteitä. Inkscape ei siis sovellu Gimpin tapaan esimerkiksi valokuvien muokkaamiseen/käsittelyyn. | |||
== Perustoiminnot == | == Perustoiminnot == | ||
Avautuessaan Inkscapen työtila näyttää | Avautuessaan Inkscapen työtila näyttää tältä. | ||
[[Kuva:1-Inkscape-perusikkuna.png | [[Kuva:1-Inkscape-perusikkuna.png]] | ||
Ikkunaruutu koostuu työtilasta ja sitä ympäröivistä tehtäväpalkeista, joita ovat: | Ikkunaruutu koostuu työtilasta ja sitä ympäröivistä tehtäväpalkeista, joita ovat: | ||
* ''Komentorivi'' - Sisältää pikanäppäimet | * ''Komentorivi'' - Sisältää pikanäppäimet tiedostojenkäsittelyyn sekä yleisimpiin objektien käsittelyä koskeviin toimintoihin, kuten objektin värien, fonttien ym. muokkaamiseen. | ||
* ''Ominaisuusrivi'' - Sisältää työkalukohtaisia toimintoja esimerkiksi objektin peilaamiseen ja kääntämiseen. | * ''Ominaisuusrivi'' - Sisältää työkalukohtaisia toimintoja esimerkiksi objektin peilaamiseen ja kääntämiseen. | ||
* ''Työkalurivi'' - Työkalut objektien piirtämiseen, asetteluun ja muokkaamiseen. | * ''Työkalurivi'' - Työkalut objektien piirtämiseen, asetteluun ja muokkaamiseen. | ||
== Zoomaus ja ikkunan vieritys == | == Zoomaus ja ikkunan vieritys == | ||
Perustyökalu zoomaukseen löytyy työkalupalkissa olevasta suurennuslasista. | Perustyökalu zoomaukseen löytyy työkalupalkissa olevasta suurennuslasista. Perusoletuksena suurennuslasi zoomaa lähemmäksi ja painamalla käytettäessä ''Shift''-näppäin pohjaan loitommaksi. Nopeampia Zoomauskeinoja ovat: | ||
Ikkunan vieritys onnistuu perinteisesti ikkunan vierityspalkeista. Lisäksi on mahdollista käyttää hiiren rullaa pystysuoraan vieritykseen ja ''Shift''- | * Painamalla ''Ctrl''-pohjaan ja käyttämällä hiiren rullaa | ||
* Käyttämällä näppäimistön ''+'' ja ''–'' näppäimiä | |||
Ikkunan vieritys onnistuu perinteisesti ikkunan vierityspalkeista. Lisäksi on mahdollista käyttää hiiren rullaa pystysuoraan vieritykseen ja ''Shift''-näppäinpohjassa vaakasuoraan vieritykseen. | |||
== Kuvioiden piirtäminen ja muokkaus == | == Kuvioiden piirtäminen ja muokkaus == | ||
Rivi 27: | Rivi 27: | ||
Valitse työkalupalkista suorakulmio ja kokeile piirtää hiiren avulla työtilaan mallin mukainen kuvio. Piirtäminen tapahtuu painamalla hiiren näppäin pohjaan ja liikuttamalla hiirtä, jolloin suorakulmion koko alkaa hahmottua. | Valitse työkalupalkista suorakulmio ja kokeile piirtää hiiren avulla työtilaan mallin mukainen kuvio. Piirtäminen tapahtuu painamalla hiiren näppäin pohjaan ja liikuttamalla hiirtä, jolloin suorakulmion koko alkaa hahmottua. | ||
[[Kuva:2-Inkscape-suorakulmio.png | [[Kuva:2-Inkscape-suorakulmio.png]] | ||
Kokeile piirtää myös muita kuvioita kuten ympyrää tähteä ja spiraalia. | |||
[[Kuva:3-Inkscape-kuvioita.png]] | |||
Piirretyt kuviot ovat täysin itsenäisiä hallittavissa piirtämisen jälkeenkin. Piirrettäessä kuvioiden reunoihin ilmestyvät pienet timantinmuotoiset kahvat, joista vetämällä kuvion muoto muuttuu. | |||
[[Kuva:4-Inkscape-muodon-saataminen.png]] | |||
Viivojen piirtämiseen on useita eri työkaluja. Tavallisen viivan piirtäminen onnistuu parhaiten työkalupalkista löytyvällä ”''Piirrä viivoja käsivaraisesti''” (Draw freehand) -toiminnolla. Sillä voi piirtää ns. vapaalla kädellä sekä tehdä helposti myös suoria viivoja. Suoran viivan teko onnistuu seuraavasti. | |||
* Valitse ”''Piirrä viivoja käsivaraisesti''” (Draw freehand)-toiminto. | |||
* Valitse ”''Piirrä viivoja käsivaraisesti''” ( | |||
* Napsauta kohtaa josta viiva alkaa | * Napsauta kohtaa josta viiva alkaa | ||
* Napsauta kohtaa johon viiva päättyy | * Napsauta kohtaa johon viiva päättyy | ||
Rivi 45: | Rivi 46: | ||
== Kuvioiden muokkaus == | == Kuvioiden muokkaus == | ||
Kuvioiden valitsemista ja muokkausta varten käytettävissä on oma työkalu, joka löytyy työkalupalkista ylimpänä olevasta nuolen kuvasta tai painamalla | Kuvioiden valitsemista ja muokkausta varten käytettävissä on oma työkalu, joka löytyy työkalupalkista ylimpänä olevasta nuolen kuvasta tai painamalla ''F1''. Tällä työkalulla voidaan valita useampia kuvioita yhtäaikaisesti, muuttaa kuvioiden kokoa ja pyörittää niitä haluttuun kulmaan. | ||
=== Kuvioiden värit === | === Kuvioiden värit === | ||
Kuviot koostuvat pääasiallisesti kahdesta osasta, rajaviivasta ( | Kuviot koostuvat pääasiallisesti kahdesta osasta, rajaviivasta (stroke) ja täytteestä (fill). Molemmille voidaan määrittää väri, läpinäkyvyys paksuus tai ottaa ne kokonaan pois. Kuvion värejä muokataan napsauttamalla kuviota hiiren kakkospainikkeella ja valitsemalla ”''Täyttö ja rajaviiva''” (Fill and Stroke). Seuraavaksi tehdään suorakulmiosta tummansininen väriliuku ilman rajaviivaa. | ||
* Valitse | |||
* Napsauta | * Valitse kuvioiden muokkaustyökalu työkalupalkista. | ||
* Aseta avautuneesta ikkunasta | * Napsauta suorakulmiota hiiren kakkospainikkeella ja valitse ''Täyttö ja rajaviiva'' (Fill and Stroke). | ||
* Aseta avautuneesta ikkunasta ''Täyttö'' (Fill)-välilehdeltä ''suora liukuväri'' (linear-gradient) päälle. | |||
[[Kuva:5-Inkscape-taytto ja reuna1.png | [[Kuva:5-Inkscape-taytto ja reuna1.png]] | ||
* Alla olevasta ruudullisesta alueesta voidaan muuttaa | * Alla olevasta ruudullisesta alueesta voidaan muuttaa väriliun suuntaa ja voimakkuutta. ''Peittävyys'' (Master opacity) -kohdasta säädetään koko kuvion läpinäkyvyyttä. | ||
* Siirry välilehdelle ''Viivan väritys'' ( | * Siirry välilehdelle ''Viivan väritys'' (Stroke paint) ja napsauta se pois käytöstä painamalla x-kuviota. | ||
* Sulje ikkuna | * Sulje ikkuna | ||
Kuvion pitäisi nyt näyttää seuraavalta | Kuvion pitäisi nyt näyttää seuraavalta. | ||
[[Kuva:6-Inkscape-taytto ja reuna2.png | [[Kuva:6-Inkscape-taytto ja reuna2.png]] | ||
=== Kuvion koko ja kääntäminen === | === Kuvion koko ja kääntäminen === | ||
Kuvion kokoa muutetaan napsauttamalla kuviota | Kuvion kokoa muutetaan napsauttamalla kuviota kuvioiden muokkaustyökalulla. Tällöin kuvion ympärille ilmestyy nuolet, joista kuvion kokoa voidaan muuttaa vetämällä. | ||
[[Kuva:7-Inkscape-kuvion koko.png]] | [[Kuva:7-Inkscape-kuvion koko.png]] | ||
Jos haluaa säilyttää kuva suhteen kokoa muutettaessa se onnistuu pitämällä | Jos haluaa säilyttää kuva suhteen kokoa muutettaessa se onnistuu pitämällä ''Ctrl''-näppäintä pohjassa samalla kun vetää nuolista. | ||
Kuvion kääntäminen onnistuu napsauttamalla kuviota toistamiseen, jolloin ympärillä olevat nuolet vaihtavat suuntaansa ja keskelle kuviota ilmestyy pyörimisen keskiakseli. | Kuvion kääntäminen onnistuu napsauttamalla kuviota toistamiseen, jolloin ympärillä olevat nuolet vaihtavat suuntaansa ja keskelle kuviota ilmestyy pyörimisen keskiakseli. | ||
Rivi 74: | Rivi 76: | ||
[[Kuva:8-Inkscape-kuvion kaanto.png]] | [[Kuva:8-Inkscape-kuvion kaanto.png]] | ||
Kuviota voidaan nyt pyörittää vetämällä kulmanuolista haluttuihin suuntiin tai taivuttaa keskinuolista. Pyöriminen tapahtuu kuvion keskellä olevan raksin suhteen, jonka paikkaa voidaan vapaasti muuttaa sitä raahaamalla. Kuvion pyörittämisessä kätevänä apuna toimii jälleen | Kuviota voidaan nyt pyörittää vetämällä kulmanuolista haluttuihin suuntiin tai taivuttaa keskinuolista. Pyöriminen tapahtuu kuvion keskellä olevan raksin suhteen, jonka paikkaa voidaan vapaasti muuttaa sitä raahaamalla. Kuvion pyörittämisessä kätevänä apuna toimii jälleen ''Ctrl''-näppäin, joka pyöritettäessä pohjaan painettuna kääntää kuviota 15 asteen kulmissa. Seuraavaksi käännetään sininen suorakulmio ja kasvatetaan sen kokoa. | ||
* Valitse suorakulmio kuvionmuokkaustyökalulla. | * Valitse suorakulmio kuvionmuokkaustyökalulla. | ||
* Napsauta kuviota toistamiseen, niin että kuviota voidaan pyörittää. | * Napsauta kuviota toistamiseen, niin että kuviota voidaan pyörittää. | ||
* Paina ' | * Paina ''Ctrl''-näppäin pohjaan ja pyöritä kuviota, niin että tumma osa tulee ylöspäin. | ||
[[Kuva:9-Inkscape-kuviot ikkunassa.png | [[Kuva:9-Inkscape-kuviot ikkunassa.png]] | ||
* Napsauta kuviota uudestaan ja venytä se suuremmaksi, esimerkiksi koko sivualueen kokoiseksi. | * Napsauta kuviota uudestaan ja venytä se suuremmaksi, esimerkiksi koko sivualueen kokoiseksi. | ||
[[Kuva:10-Inkscape-kuviot pohjalla.png | [[Kuva:10-Inkscape-kuviot pohjalla.png]] | ||
=== Kuvion tason muokkaaminen === | === Kuvion tason muokkaaminen === | ||
Kuviot sijaitsevat omilla tasoillaan, joka tarkoittaa | Kuviot sijaitsevat omilla tasoillaan, joka tarkoittaa että ne voivat olla toistensa päällä ja alla aivan kuten esimerkiksi paperinpalat pöydällä. Kuvion tasoa voidaan muuttaa napsauttamalla kuvio aktiiviseksi ja valitsemalla ''Kohde ''(Object)'' ''> ''Nosta ''(Raise) tai'' Laske ''(Lower). Tason muuttaminen onnistuu myös työkalujen hallintapalkissa olevilla kuvakkeilla. Kokeile esimerkiksi taustana olevan sinisen suorakulmion tuomista muiden kuvioiden eteen ja sen jälkeen sen viemistä taaimmaksi. | ||
* Valitse sininen suorakulmio. | * Valitse sininen suorakulmio. | ||
* Valitse ''Kohde ''( | * Valitse ''Kohde ''(Object) > ''Tuo päälimmäiseksi...'' (Raise to Top) | ||
Nyt suorakulmio on kaikkien muiden kuvioiden yläpuolella. Kuviot näkyvät yhä alta koska suorakulmion värit on määritetty osittain läpinäkyväksi. Tilannetta voi verrata esimerkiksi piirtoheitinkalvojen päällekkäisyyteen. Asetetaan suorakulmio takaisin alimmaksi.Valitse ''Kohde'' ( | Nyt suorakulmio on kaikkien muiden kuvioiden yläpuolella. Kuviot näkyvät yhä alta koska suorakulmion värit on määritetty osittain läpinäkyväksi. Tilannetta voi verrata esimerkiksi piirtoheitinkalvojen päällekkäisyyteen. Asetetaan suorakulmio takaisin alimmaksi.Valitse ''Kohde'' (Object) > ''Vie alimmaiseksi... ''(Lower to Bottom) | ||
=== Monen kuvion samanaikainen valitseminen === | === Monen kuvion samanaikainen valitseminen === | ||
Tarvittaessa on mahdollista siirtää useita kuvioita samanaikaisesti. Tämä onnistuu painamalla | Tarvittaessa on mahdollista siirtää useita kuvioita samanaikaisesti. Tämä onnistuu painamalla ''Shift''-näppäin pohjaan ja valitsemalla hiirellä samanaikaisesti halutut kuviot. Monta kuviota voidaan myös valita rajaamalla hiiren avulla alue jonka sisällä olevat kuviot halutaan valita. Tämä onnistuu valitsemalla muokkaustyökalu ja vetämällä hiirtä näppäin pohjassa halutulta alueelta. | ||
=== Kuvioiden ryhmittäminen === | === Kuvioiden ryhmittäminen === | ||
Pelkän usean kuvion valitsemisen lisäksi erillisistä kuvioista voidaan tehdä ryhmiä, jolloin valitut kuviot käyttäytyvät kuin ne olisivat vain yksi ja sama kuvio. Tämä onnistuu valitsemalla edellisen kappaleen mukaisesti halutut kuviot ja valitsemalla ''Kohde'' ( | Pelkän usean kuvion valitsemisen lisäksi erillisistä kuvioista voidaan tehdä ryhmiä, jolloin valitut kuviot käyttäytyvät kuin ne olisivat vain yksi ja sama kuvio. Tämä onnistuu valitsemalla edellisen kappaleen mukaisesti halutut kuviot ja valitsemalla ''Kohde'' (Object) > ''Ryhmitä'' (Group). Ryhmityksen purkaminen onnistuu valitsemalla haluttu kuvioryhmä ja valitsemalla ''Kohde'' (Object) > ''Pura ryhmitys'' (Ungroup). | ||
=== Kuvion monistaminen === | === Kuvion monistaminen === | ||
Rivi 105: | Rivi 106: | ||
* Valitse monistettava kuvio | * Valitse monistettava kuvio | ||
* Valitse ''Muokkaa'' ( | * Valitse ''Muokkaa'' (Edit) > ''Kopioi'' (Copy) tai paina ''Ctrl'' ''+ c.'' | ||
* Valitsemalla ''Muokkaa'' ( | * Valitsemalla ''Muokkaa'' (Edit) > ''Liitä'' (Paste) tai painamalla ''Ctrl'' ''+ v,'' kuvio kopioituu kohtaan johon hiiren kursori osoittaa. | ||
== Toimintojen kokeilu ja mallikuvan viimeistely. == | == Toimintojen kokeilu ja mallikuvan viimeistely. == | ||
Lopuksi kokeilemme muutamia toimintoja eri käytännöissä ja viimeistelemme mallikuvaa näyttämään yksinkertaiselta | Lopuksi kokeilemme muutamia toimintoja eri käytännöissä ja viimeistelemme mallikuvaa näyttämään yksinkertaiselta yötaivaalta. Aluksi tehdään maastoa kuvan alareunaan, käyttäen ''Piirrä suoria ja Bezier-viivoja'' (Draw bezier curves)-työkalua. | ||
* Valitse ''Piirrä suoria ja Bezier-viivoja'' -työkalu | * Valitse ''Piirrä suoria ja Bezier-viivoja'' -työkalu | ||
* Piirrä hiirellä napsutellen ensin maaston yläosa vasemmalta oikealle. Oikeassa reunassa vedä suora viiva reunaa myöten alas ja jatka samalla tavalla alareunassa ja vasemmalla sivustalla. | * Piirrä hiirellä napsutellen ensin maaston yläosa vasemmalta oikealle. Oikeassa reunassa vedä suora viiva reunaa myöten alas ja jatka samalla tavalla alareunassa ja vasemmalla sivustalla. | ||
* Lopulta kun viivat kohtaavat alku- ja loppupisteessä napsauta hiiren kakkospainiketta. | * Lopulta kun viivat kohtaavat alku- ja loppupisteessä napsauta hiiren kakkospainiketta. | ||
* Aktivoi uusi kuvio jossa tällä hetkellä on pelkät ääriviivat. | * Aktivoi uusi kuvio jossa tällä hetkellä on pelkät ääriviivat. | ||
* Napsauta kuviota hiiren kakkospainikkeella ja valitse ''Täyttö ja rajaviiva | * Napsauta kuviota hiiren kakkospainikkeella ja valitse ''Täyttö ja rajaviiva (''Fill and Stroke). | ||
* Valitse ''Tasainen väri'' ( | * Valitse ''Tasainen väri'' (Flat Color) asetuksista väriksi tumman vihreä. | ||
* Aseta ''Suora väriliuku'' ( | * Aseta ''Suora väriliuku'' (Linear Gradient) valikon asetukset seuraavan kuvan tavalla. | ||
* Maaston tulisi olla vihreä | * Maaston tulisi olla vihreä väriliuku. | ||
[[Kuva:11-Inkscape-valmis kuva.png]] | |||
Lopuksi taivaalla olevaa tähteä voi monistaa leikkaa ja liimaa tekniikalla, sekä muuttaa tähdet eri kokoisiksi. Ympyrästä väri voidaan muuttaa keltaiseksi ja asettaa se kuuksi yläreunaan. Spiraalin voi joko poistaa tai asettaa vaikka kuun sisään. | |||
[[Luokka: Oppaat]] | [[Luokka: Oppaat]] | ||
[[Luokka: Kuvankäsittelyohjelmat]] | [[Luokka: Kuvankäsittelyohjelmat]] | ||