Ero sivun ”Inkscapen peruskäyttö” versioiden välillä
Siirry navigaatioon
Siirry hakuun
p
→Tallentaminen png-muotoon
| (15 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|364px]] | [[Kuva:4-Inkscape-muodon-saataminen.png|364px]] | ||
| Rivi 48: | Rivi 49: | ||
=== 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 viiva''” (''Fill and Stroke''). Seuraavaksi tehdään suorakulmiosta tummanpunainen 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 viiva''” (''Fill and Stroke''). Seuraavaksi tehdään suorakulmiosta tummanpunainen väriliuku ilman rajaviivaa: | ||
* Valitse | * Valitse valintatyökalu eli nuoli työkalupalkista. | ||
* Napsauta ympyrää hiiren kakkospainikkeella ja valitse ''Täyttö ja viiva'' (''Fill and Stroke''). | * 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. | ||
| Rivi 67: | Rivi 68: | ||
[[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 | ||