Ero sivun ”Inkscapen peruskäyttö” versioiden välillä
Siirry navigaatioon
Siirry hakuun
p
→Tallentaminen png-muotoon
| (22 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
| Rivi 21: | Rivi 21: | ||
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. | 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. | ||
Kuvaa voi vierittää ylös ja alas suoraan hiiren rullasta. Painamalla näppäintä {{Näppäin|SHIFT}} ja vierittämällä hiiren rullaa ylös tai alas. Kuva vierittyy sivusuunnassa. | |||
== Kuvioiden piirtäminen ja muokkaus == | == Kuvioiden piirtäminen ja muokkaus == | ||
| Rivi 32: | Rivi 33: | ||
[[Kuva:3-Inkscape-kuvioita.png|450px]] | [[Kuva:3-Inkscape-kuvioita.png|450px]] | ||
Piirretyt kuviot ovat täysin itsenäisiä hallittavissa piirtämisen jälkeenkin. Piirrettäessä kuvioiden reunoihin ilmestyvät pienet | Piirretyt kuviot ovat täysin itsenäisiä hallittavissa piirtämisen jälkeenkin. Piirrettäessä kuvioiden reunoihin ilmestyvät pienet nuolet, joista vetämällä kuvion muoto muuttuu. | ||
[[Kuva:4-Inkscape-muodon-saataminen.png| | [[Kuva:4-Inkscape-muodon-saataminen.png|364px]] | ||
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: | 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: | ||
| Rivi 44: | Rivi 45: | ||
== 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 näppäintä {{Näppäin|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 | 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 viiva''” (''Fill and Stroke''). Seuraavaksi tehdään suorakulmiosta tummanpunainen väriliuku ilman rajaviivaa: | ||
* Valitse | * Valitse valintatyökalu eli nuoli työkalupalkista. | ||
* Napsauta | * Napsauta ympyrää hiiren kakkospainikkeella ja valitse ''Täyttö ja viiva'' (''Fill and Stroke''). | ||
* Aseta avautuneesta ikkunasta ''Täyttö'' (''Fill'')-välilehdeltä ''suora liukuväri'' (l''inear-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|450px]] | ||
* 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ä. | * 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ä. | ||
| Rivi 60: | Rivi 61: | ||
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|450px]] | ||
=== Kuvion koko ja kääntäminen === | === Kuvion koko ja kääntäminen === | ||
Kuvion kokoa muutetaan napsauttamalla kuviota | Kuvion kokoa muutetaan napsauttamalla kuviota valintatyö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ä {{Näppäin|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 73: | Rivi 74: | ||
[[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 {{Näppäin|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 '{{Näppäin|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|450px]] | ||
* 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|450px]] | ||
=== Kuvion tason muokkaaminen === | === Kuvion tason muokkaaminen === | ||
| Rivi 91: | Rivi 92: | ||
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'') | ||
[[Kuva:12-Inkscape-kuviot_eri_tasoilla.png|450px]] | |||
=== 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 {{Näppäin|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'' (''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''). Tai valitsemalla halutut kohteet. Oikean puoleisella näppäimellä valitse ''Ryhmitä''. Ryhmittäminen onnistuu vaikka kuviot olisivat eri tasoilla. | ||
=== Kuvion monistaminen === | === Kuvion monistaminen === | ||
| Rivi 102: | Rivi 105: | ||
* Valitse monistettava kuvio | * Valitse monistettava kuvio | ||
* Valitse ''Muokkaa'' (''Edit'') > ''Kopioi'' (''Copy'') tai paina | * Valitse ''Muokkaa'' (''Edit'') > ''Kopioi'' (''Copy'') tai paina {{Näppäin|CTRL|c}} | ||
* Valitsemalla ''Muokkaa'' (''Edit'') > ''Liitä'' (''Paste'') tai painamalla | * Valitsemalla ''Muokkaa'' (''Edit'') > ''Liitä'' (''Paste'') tai painamalla {{Näppäin|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 aamutaivaalta. 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. Voit valita Bezier-viivatyökalun painamalla näppäimiä {{Näppäin|SHIFT|F6}}. | ||
* 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. | ||
| Rivi 115: | Rivi 118: | ||
* 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ä | * Maaston tulisi olla vihreä. | ||
[[Kuva:11-Inkscape-valmis kuva.png|450px]] | |||
Lopuksi taivaan väri voidaan laittaa siniseksi väriliuksi, sekä taivaalla olevaa spiraalia voi monistaa leikkaa ja liimaa -tekniikalla, sekä muuttaa spiraalit eri kokoisiksi pilviksi. Ympyrästä väri voidaan muuttaa keltaiseksi ja asettaa se auringoksi yläreunaan. Tähden voi joko poistaa tai häivyttää se horisonttiin. | |||
== Kuvan tallentaminen bittikarttana == | == Kuvan tallentaminen bittikarttana == | ||
| Rivi 131: | Rivi 134: | ||
* Valitse tallennettava kuva/kuva-alue napsauttamalla kuvaa tai maalaamalla hiiren avulla alue jonka alla tallennettavat kuvat ovat. | * Valitse tallennettava kuva/kuva-alue napsauttamalla kuvaa tai maalaamalla hiiren avulla alue jonka alla tallennettavat kuvat ovat. | ||
[[Kuva:3-inkscape-siirto-tallenna-bittikartta-tiedosto.png | [[Kuva:3-inkscape-siirto-tallenna-bittikartta-tiedosto.png|250px]] | ||
* Valitse ''Tiedosto'' > '' | * Valitse ''Tiedosto'' > ''Export PNG image'' {{Näppäin|SHIFT|CTRL|E}} | ||
Avautuneeseen ikkunaan syötetään kuvan tallentamiseen tarvittavat tiedot ja asetukset. | Avautuneeseen ikkunaan syötetään kuvan tallentamiseen tarvittavat tiedot ja asetukset. | ||
* ''Tallenna alue'' - Valitaan tallennetaanko kuvaksi koko sivu, jokin piirros, itse valittu osa vai itse määritetty alue | * ''Tallenna alue'' - Valitaan tallennetaanko kuvaksi koko sivu, jokin piirros, itse valittu osa vai itse määritetty alue | ||