Ero sivun ”Inkscapen peruskäyttö” versioiden välillä

Siirry navigaatioon Siirry hakuun
178 merkkiä lisätty ,  31. heinäkuuta 2009
p
kh yms pientä, opetusmateriaaleihin
p (kh yms pientä, opetusmateriaaleihin)
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.
[[Inkscape]] on avoimen lähdekoodin ohjelma vektorigrafiikan piirtämiseen. Se sopii hyvin esimerkiksi logojen, nettigrafiikan tai teknisten kaavioiden piirtämiseen. Tämä ohje käsittelee Inscapen käyttöä ja perusominaisuuksia ohjeessa piirrettävän mallikuvan avulla.


== Yleistä ==
== Yleistä ==
[[Inkscape|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.
[[Inkscape|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 ja käsittelyyn.


== Perustoiminnot ==
== Perustoiminnot ==
Avautuessaan Inkscapen työtila näyttää tältä.
Avautuessaan Inkscapen työtila näyttää seuraavalta:


[[Kuva:1-Inkscape-perusikkuna.png]]  
[[Kuva:1-Inkscape-perusikkuna.png]]  
Rivi 11: Rivi 11:
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 tiedostojenkäsittelyyn sekä yleisimpiin objektien käsittelyä koskeviin toimintoihin, kuten objektin värien, fonttien ym. muokkaamiseen.
* ''Komentorivi'' - Sisältää pikanäppäimet tiedostojen kä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. Perusoletuksena suurennuslasi zoomaa lähemmäksi ja painamalla käytettäessä ''Shift''-näppäin pohjaan loitommaksi. Nopeampia Zoomauskeinoja ovat:
Perustyökalu zoomaukseen löytyy työkalupalkissa olevasta suurennuslasista. Oletuksena suurennuslasi zoomaa lähemmäksi ja painamalla käytettäessä ''Shift''-näppäin pohjaan loitommaksi. Nopeampia zoomauskeinoja ovat:
* ''Ctrl''-näppäimen painaminen pohjaan ja hiiren rullan pyörittäminen
* Näppäimistön '+''- ja ''–''-näppäimien painaminen


* Painamalla ''Ctrl''-pohjaan ja käyttämällä hiiren rullaa
Ikkunan vieritys onnistuu perinteisesti ikkunan vierityspalkeista. Lisäksi on mahdollista käyttää hiiren rullaa pystysuoraan vieritykseen ja ''Shift''-näppäintä pohjassa painaen vaakasuoraan vieritykseen.
* 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 29: Rivi 28:
[[Kuva:2-Inkscape-suorakulmio.png]]
[[Kuva:2-Inkscape-suorakulmio.png]]


Kokeile piirtää myös muita kuvioita kuten ympyrää tähteä ja spiraalia.
Kokeile piirtää myös muita kuvioita kuten ympyrää, tähteä ja spiraalia.


[[Kuva:3-Inkscape-kuvioita.png]]
[[Kuva:3-Inkscape-kuvioita.png]]
Rivi 37: Rivi 36:
[[Kuva:4-Inkscape-muodon-saataminen.png]]
[[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.
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 piirtäminen onnistuu seuraavasti:
 
* Valitse ”''Piirrä viivoja käsivaraisesti''” (''Draw freehand'')-toiminto.
* Valitse ”''Piirrä viivoja käsivaraisesti''” (Draw freehand)-toiminto.
* Napsauta kohtaa josta viiva alkaa
* Napsauta kohtaa josta viiva alkaa
* Napsauta kohtaa johon viiva päättyy
* Napsauta kohtaa johon viiva päättyy
Rivi 46: Rivi 44:


== 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 ''F1''. Tällä työkalulla voidaan valita useampia kuvioita yhtäaikaisesti, muuttaa kuvioiden kokoa ja pyörittää niitä haluttuun kulmaan.
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 asentoon.


=== Kuvioiden värit ===
=== Kuvioiden värit ===
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.
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 kuvioiden muokkaustyökalu työkalupalkista.
* Valitse kuvioiden muokkaustyökalu työkalupalkista.
* Napsauta suorakulmiota hiiren kakkospainikkeella ja valitse ''Täyttö ja rajaviiva'' (Fill and Stroke).
* 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.
* Aseta avautuneesta ikkunasta ''Täyttö'' (''Fill'')-välilehdeltä ''suora liukuväri'' (l''inear-gradient'') päälle.


[[Kuva:5-Inkscape-taytto ja reuna1.png]]
[[Kuva:5-Inkscape-taytto ja reuna1.png]]


* Alla olevasta ruudullisesta alueesta voidaan muuttaa väriliun suuntaa ja voimakkuutta. ''Peittävyys'' (Master opacity) -kohdasta säädetään koko kuvion läpinäkyvyyttä.
* Alla olevasta ruudullisesta alueesta voidaan muuttaa väriliu'un suuntaa ja voimakkuutta. ''Peittävyys'' (''Master opacity'') -kohdasta säädetään koko kuvion läpinäkyvyyttä.
* Siirry välilehdelle ''Viivan väritys'' (Stroke paint) ja napsauta se pois käytöstä painamalla x-kuviota.
* 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]]
Rivi 77: Rivi 74:


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.
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ää.
Rivi 89: Rivi 85:


=== Kuvion tason muokkaaminen ===
=== Kuvion tason muokkaaminen ===
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.
Kuviot sijaitsevat omilla tasoillaan, joka tarkoittaa sitä, 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 ''(Object) > ''Tuo päälimmäiseksi...'' (Raise to Top)
* 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'' (Object) > ''Vie alimmaiseksi... ''(Lower to Bottom)
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 ===
Rivi 100: Rivi 96:


=== 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'' (Object) > ''Ryhmitä'' (Group). Ryhmityksen purkaminen onnistuu valitsemalla haluttu kuvioryhmä ja valitsemalla ''Kohde'' (Object) > ''Pura ryhmitys'' (Ungroup).
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 106: Rivi 102:


* Valitse monistettava kuvio
* Valitse monistettava kuvio
* Valitse ''Muokkaa'' (Edit) > ''Kopioi'' (Copy) tai paina ''Ctrl'' ''+ c.''
* Valitse ''Muokkaa'' (''Edit'') > ''Kopioi'' (''Copy'') tai paina ''Ctrl'' ''+ c.''
* Valitsemalla ''Muokkaa'' (Edit) > ''Liitä'' (Paste) tai painamalla ''Ctrl'' ''+ v,'' kuvio kopioituu kohtaan johon hiiren kursori osoittaa.
* 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 yötaivaalta. Aluksi tehdään maastoa kuvan alareunaan, käyttäen ''Piirrä suoria ja Bezier-viivoja'' (Draw bezier curves)-työkalua.
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
Rivi 116: Rivi 112:
* 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 (''Fill and Stroke).
* Napsauta kuviota hiiren kakkospainikkeella ja valitse ''Täyttö ja rajaviiva'' (''Fill and Stroke'').
* Valitse ''Tasainen väri'' (Flat Color) asetuksista väriksi tumman vihreä.
* Valitse ''Tasainen väri'' (''Flat Color'') asetuksista väriksi tumman vihreä.
* Aseta ''Suora väriliuku'' (Linear Gradient) valikon asetukset seuraavan kuvan tavalla.
* Aseta ''Suora väriliuku'' (''Linear Gradient'') valikon asetukset seuraavan kuvan tavalla.
* Maaston tulisi olla vihreä väriliuku.
* Maaston tulisi olla vihreä väriliuku.


[[Kuva:11-Inkscape-valmis kuva.png]]
[[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.
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]]
[[Luokka:Opetusmateriaalit]]

Navigointivalikko