Inkscape käyttää oletusarvoisesti tiedostotyyppiä .SVG, joka tarkoittaa skaalautuvaa vektorigrafiikkaa. Tämä tiedostotyyppi säilyttää muokattavat objektit ja kerrokset, jotka olet luonut sävellyksissä, jolloin voit avata tiedoston uudelleen myöhemmin ja muokata sävellysten alkuperäisiä osia.

On kuitenkin monia tapauksia, joissa haluat viedä tiedostot toiseen tiedostotyyppiin, kuten PNG-tiedostoon, jotta kokoonpanot olisivat helpommin avattavissa tai helpompi avata laitteessa (ihmisille, jotka eivät käytä Inkscape-tiedostoa). Saatat myös haluta ladata mallisi verkkosivustolle, tai tulostimesi saattaa mieluummin käyttää PNG-tiedostoa SVG-tiedoston kautta.

PNG on lyhenne sanoista Portable Network Graphics. Se sisältää indeksoitujen värien bittikartan ja käyttää häviöttömää pakkausta, joka on samanlainen kuin .GIF-tiedosto, mutta ilman tekijänoikeusrajoituksia. PNG-tiedostoja käytetään yleisesti verkkokuvien grafiikan tallentamiseen. " (mukaan FileInfo.com). PNG: t ovat yleensä parempaa laatua kuin JPEG, vaikka ne ovat usein hieman suurempia tiedostokokoon. PNG: t tukevat myös grafiikkaa, joka sisältää läpinäkyvän taustan (kun taas JPEGit eivät ole).

Mistä tahansa syystä haluatkin käyttää PNG: tä, Inkscape antaa sinun viedä helposti tähän tiedostotyyppiin, jos tarvitset sitä. Näin.

Isometrinen puhelinsuunnittelun tausta piilotettu

Tässä artikkelissa käytän omaa Isometrinen puhelinsuunnittelu, jonka olen luonut viimeisessä Inkscape-videoopetuksessa. Piilotin taustakerrokseni kerrosten paneelissa (merkitty punaisella nuolella kuvassa), ja myös kankaani oli valintaruutu, joten voit nähdä, missä koostumus on läpinäkyvä Kuinka tehdä Inkscape-kankaastasi näyttävän Adobe Illustratorin taululta, minne siirryt asiakirjan ominaisuuksien määrittämiseen).

1. Vie sivu PNG-kuvaan

Tiedosto Vie PNG-kuvan Inkscape-opetusohjelma

Kun kaikki on määritetty ja valmis vientiin, voin siirtyä kohtaan Tiedosto> Vie PNG-kuva (punainen nuoli yllä olevassa kuvassa).

Vie PNG-kuvien vuoropuhelun laatikko Inkscape

Tämä tuo PNG-kuvan vienti -valintaikkunan kankaani oikealle puolelle (korostettu punaisella kuvassa). Ensimmäinen vaihtoehto on valita "Vie alue" -välilehti ja valita neljä eri asetusta. Jos haluan viedä kaiken kankaani reunan sisäpuolelle (eli lähinnä koko sävellyksen), valitsen Sivun vientialue -vaihtoehdon (vihreä nuoli). Tässä osiossa näkyy kaksi saraketta ja kolme riviä, joissa on numeerisia tietoja, sekä avattava valintaruutu yksikön valitsemiseksi (kuva / kangas on tällä hetkellä pikselinä tai pikseleinä).

x0 ja y0 inkscape -vienti png-kuva

Kaksi ensimmäistä arvoa tämän osan yläosassa ovat ”x0” ja “y0” (korostettu vihreällä yllä). Nämä arvot kuvaavat kuvan kuvan vasemman alakulman tai kulman sijaintia (toisin sanoen kuvan aloituskoordinaatteja). X-muuttuja edustaa aina leveyttä ja Y aina korkeutta. Koska aiomme viedä koko sivun, kuvamme alkaa koordinaateista 0 x: lle ja 0 y: lle.

x1 ja y1 inkscape -vienti png-kuva

Seuraavat arvot ovat ”x1” ja “y1” (korostettu vihreällä yllä). Nämä arvot osoittavat kuvan oikean yläreunan tai kulman sijainnin (toisin sanoen asiakirjan loppukoordinaatit). Tämän sävellyksen koko kankaan koko oli 1920 pikseliä x 1080 pikseliä, joten x1-koordinaatini on 1920 ja y1-koordinaatini on 1080 (muista, että sivuyksikköni on asetettu pikseleiksi tämän osan avattavan Yksiköt-valikon kautta).

Leveys ja korkeus inkscape-viennin png-kuva

Kaksi viimeistä arvoa tässä osassa ovat Leveys ja Korkeus, ja ne heijastavat vientialueen kokoa. Oma leveys näkyy 1920ina ja korkeus on 1080, koska tämä on koko kankaani koko. Niinpä PNG on saman kokoinen kuin kankaani, kun se viedään.

Kuvan koko ja tarkkuus inkscape -vienti png-kuva

Vie PNG-kuva -valintaikkunan seuraava osa on “Kuvan koko” (korostettu vihreällä yllä). Tämän osan avulla voit säätää lopullisen kuvakoon kokonaisleveyttä ja korkeutta kuvan tarkkuuden perusteella. Tarkkuus määräytyy sen mukaan, kuinka monta pikseliä tai pistettä haluat näyttää jokaista kuvan tuumaa kohti (pikselit ja pisteet ovat olennaisesti sama asia - ne ovat kuvan pienin yksikkö. Vaikka dpi tai pistettä tuumalla, käytetään yleisesti työskenneltäessä tulostimien kanssa, koska tulostimet tuottavat pisteitä, ja pikseleitä käytetään yleisemmin kuvattaessa tietokoneella näkyviä kuvia). Mitä enemmän pikseleitä tai pisteitä näytät alueella, sitä korkeampi resoluutio kuva on. Suuremmalla tarkkuudella on kuitenkin kompromissi, koska se lisää tiedostosi kokoa. Voit säätää tarkkuutta yllä olevan kuvan punaisen nuolen osoittamalla ruudulla.

Kuvan tarkkuuden lisääminen Inkscapessa

Joten esimerkiksi, jos tiedän, että kuvan lopullisen resoluution on oltava 300 dpi (pistettä tuumalla), voin asettaa tarkkuuden kirjoittamalla dpi-kenttään ”300” (punainen nuoli). Jos painan sarkainnäppäintä, huomaat, että kuvan leveys ja korkeus muuttuvat yhtäkkiä (korostettu vihreä alue). Koska korotin tarkkuutta 96: sta 300: een, kuva on nyt korkeamman resoluution kuva (enemmän pisteitä näkyy kuvan joka tuumalla). Tämän seurauksena kuvani koko on nyt paljon suurempi (leveys ja korkeus nousivat 1920 × 1080: stä 6000 × 3375: een).

Kuvan tarkkuuden vähentäminen Inkscapessa

Jos taas pienennän tarkkuutta kirjoittamalla "72" ensimmäiseen dpi-kenttään, huomaat, että kuvani koko pienenee 1440 × 810: een. Tämä johtuu siitä, että minulla on nyt pienemmän resoluution kuva ja vähemmän pisteitä näytetään jokaista kuvan tuumaa kohti.

Muutan arvon takaisin 96 dpi: n oletusarvoon.

Tiedostonimen osio Vie PNG-kuvien vuoropuhelu

Kuvakoko-osan alla on mahdollisuus asettaa tiedoston nimi, jona haluat viedä kuvasi, sekä sijainti tietokoneellasi, johon haluat viedä sen (korostettu vihreällä). Se vie tiedostosi viimeiseen sijaintiin, jota käytit minkä tahansa muun tiedoston tallentamiseen Inkscapeen, tai mikä tahansa oletussijainti on, joka on tällä hetkellä asetettu Inkscapeen, jos et ole vielä tallentanut tiedostoa.

Voit muuttaa tiedoston nimeä tai sitä, mihin se viedään, napsauttamalla Vie nimellä -painiketta (punainen nuoli yllä olevassa kuvassa).

Inkscape File Explorer Vienti PNG: hen

Täällä sinut ohjataan tiedostojen etsintä- tai etsintäikkunaan (riippuen käyttämästäsi käyttöjärjestelmästä), jossa voit etsiä tietokoneeltasi tiedoston sijaintia tallennettavaksi. Minun tapauksessani olen (D :) -asemalla, kansiossa nimeltä "Kuvat" ja toisessa kansiossa "Inkscape Photos" (näet koko kansion sijainnin korostetulla vihreällä alueella yllä olevassa kuvassa).

Olen vienyt tämän tiedoston ennen nimen "Phone Isometric Design Gen 3.png" käyttöä, joten miksi tiedostonimi näkyy oletusarvoisesti (punainen nuoli). Vaihdan nimeksi "Isometrinen puhelimen suunnittelu Ei taustaa".

Tallenna nimellä Tiedosto Vie Inkscape-opetusohjelma

Jos napsautan Tallenna tyyppi -valikkoa, PNG on ainoa käytettävissä oleva vaihtoehto. Inkscape vie vain PNG: hen. Jos sinun on vietävä johonkin JPEG-tiedostoon tai muuhun tiedostotyyppiin, sinun on vietävä tiedosto PNG-tiedostoon Inkscape-ohjelmasta ja avattava toinen ohjelma, kuten GIMP (toinen mahtava ilmainen ohjelma, joka minulla on satoja opetusohjelmia for) ja vie haluamaasi tiedostotyyppiin.

Kun olen valmis vientiin, napsautan Tallenna-painiketta.

Inkscape Vie PNG-painikkeeseen

Mutta odota! Et ole vielä valmis - on vielä yksi viimeinen tärkeä askel ennen kuin kuvasi todella viedään. Sinun täytyy napsauttaa painiketta "Vie" vihreällä valintamerkillä viedäksesi tiedoston (punainen nuoli yllä olevassa kuvassa). Jos et napsauta tätä painiketta, tiedostoa ei viedä. Kun olet napsauttanut tätä painiketta, SVG-tiedosto viedään nyt PNG-tiedostoon.

Huomautus: Jos valitset "Sulje, kun valmis" -vaihtoehdon Vie-painikkeen vasemmalla puolella (sinisellä kuvattuna yllä olevassa kuvassa), Vie PNG-kuva -valintaikkuna sulkeutuu, kun olet suorittanut viennin.

2. Vie piirustus PNG-kuvaan

Viimeisessä osassa keskusteltiin mahdollisuudesta viedä koko sivu PNG-tiedostoon, mutta mitä jos haluat vain viedä piirustuksen sivulle eikä tyhjän tilan ympärille?

Piirrä vientialue alueelle Inkscape

No, Vientialue-osan toisen välilehden avulla voit tehdä juuri sen. Kun olet siirtynyt kohtaan Tiedosto> Vie PNG-kuva avataksesi Vie PNG-kuva -valintaikkuna (olettaen, että sinulla ei ole sitä jo auki edellisestä vaiheesta), voit napsauttaa Vie alue -osiossa olevaa "Piirustus" -välilehteä (punainen nuoli).

Tämä vaihtoehto vie vain kuvan alueemme, joka sisältää piirustuksen. Joten tässä tapauksessa se vie vain alueen, jossa on puhelimen muotoilu. Puhelinrakenteen ja kangasrajan välinen tyhjä tila ei pääse lopulliseen vietyyn PNG: hen. Tämä heijastuu kuvakoordinaattiemme arvoihin, jotka ovat nyt muuttuneet verrattuna "Sivu" -asetukseen.

x0 ja y0 piirtävät vientialueen inkscape

Nyt x0-arvo on 317.278-pikseliä ja y0-arvo on 121.273-pikseliä (korostettu vihreällä). Tämä on kuvan sijainnin vasemman alakulman uusi sijainti (tai aloituskoordinaatit).

x1 ja y1 piirtävät vientialueen inkscape

Lisäksi x1-arvo on nyt 1602.722-pikseliä ja y1-arvo on 911.076. Tämä on uuden sijaintini kuvani oikeassa yläkulmassa (tai loppukoordinaatissa).

leveys ja korkeus piirustus vientialueen inkscape

Joten kuvan vienti-alueeni ei enää kata kankaani koko pituutta (1920 × 1080 pikseliä). Se on pienempi, koska se on pääsemässä eroon piirustuksen ympärillä olevasta tyhjästä tilasta. Tämän vahvistaa uusi leveys ja korkeus (merkitty vihreällä). Oma leveys on nyt 1285.444 ja uusi korkeus on nyt 789.803 (molemmat arvot pikseleinä).

Kuvan koko piirustus viennin alue inkscape

Kuvan koko -osiossa (joka on esitetty vihreänä yllä olevassa kuvassa) voin jälleen muuttaa kuvan tarkkuutta, mikä joko lisää tai vähentää viennin PNG: n lopullista leveyttä ja korkeutta. Leveys ja korkeus näkyvät 1285 × 790 pikselinä, koska edellisen osan arvot on pyöristetty. Inkscape ei voi viedä murto-osaa pikselistä, joten arvot on pyöristettävä lähimpään kokonaislukuun.

Vie viennin alueena inkscape

Kun olet valmis viemään piirustuksen, voit vielä kerran napsauttaa "Vie nimellä" -vaihtoehtoa (punainen nuoli) vaihtaaksesi tiedostonimen ja sijainnin (muutin tiedostonimen nimeksi "Isometrinen puhelinpiirustus") ja napsauta sitten "Vie" -painiketta viedä SVG PNG: hen (sininen nuoli).

Isometrinen puhelin piirustus

Yllä on lopullinen viety piirustus. Jos korostat valokuvan hiirellä, huomaat, että kuvan raja päättyy, kun piirustus päättyy (huomaa: se on pienennetty hieman tämän artikkelin kohdalla).

3. Vie valinta PNG: hen

Koko kokoonpanon viemisen ja vain piirustuksen viennin lisäksi voit myös kaventaa vietyä aluetta vain valintaan.

Valinta Vie alue Inkscape 2019

Joten sanotaan hypoteettisesti, että haluan viedä vain puhelimeni etupinnan. Voin tarttua valintatyökaluun työkaluruudustani (punainen nuoli yllä olevassa kuvassa) ja siirtää sitten napsauttamalla kaikkia elementtejä, jotka haluan valita vietäviksi (napsautin kaikkia muotoja, jotka muodostavat puhelimen etupinnan) . Kun kaikki nämä elementit on valittu, näet nyt, että Vie PNG-kuva -valintaikkunassa Vie alue -välilehti on muuttunut automaattisesti "Valinta" -välilehdeksi (vihreä nuoli valokuvassa).

Valinta Vienti Vie SVG PNG Inkscape

Aloitus- ja lopetuskoordinaatit heijastavat nyt valittujen alueiden aloitus- ja loppupisteitä, ja kuvan leveys ja korkeus on muuttunut tämän alueen mittojen mukaan (kuvassa on esitetty vihreänä edellä).

Voin jälleen muuttaa kuvani tarkkuutta Kuvan koko -kohdan alla (piirretty punaisena), mikä lisää tai pienentää kuvan kokoa riippuen resoluution joukosta.



Voin myös muuttaa tiedostoni nimen (vaihdoin tällä kertaa "Isometric Phone Front Face") ja sijainnin, johon haluan tallentaa tiedoston, käyttämällä Tiedostonimi-osiossa olevaa Vie nimellä -painiketta (sininen). Napsauta sitten "Vie" ”Viedä valinta PNG: hen. Täällä on myös muutama muu mainitsemisen arvoinen vaihtoehto. Ensinnäkin voin "erä viedä" valitsemani objektit, mikä tarkoittaa, että kukin objekti viedään erillisenä PNG: nä. Sen alapuolella minulla on mahdollisuus "Piilota kaikki paitsi valitut", mikä tarkoittaa, että mitä en valinnut, ei näy lopullisessa kokoonpanossa. Jos en tarkista tätä vaihtoehtoa, kohteet, joita en valinnut, näkyvät edelleen, kunhan ne sopivat kehysalueelle, johon viet.

Expot Selection Areas (piilotetut ja peittämättömät alueet)

Yllä on kaksi erilaista valinnan vientitulosta - vasemmalla on tulos, jossa "Piilota kaikki paitsi valinta" -vaihtoehto ei ole valittuna, ja oikealla oleva tulos on valittuna.

 

4. Vie mukautettu alue PNG: hen

Viimeisen osan vienti PNG-kuvaan -valintaikkunassa on vaihtoehto, jolla voit viedä muokatun alueen muokattavaksi. Tässä kaikki samat säännöt koskevat muita asetuksia (x0 ja y0 ovat aloituskoordinaatit, x1 ja y1 ovat päätekoordinaatit, ja leveys ja korkeus ovat koko kokoonpanon koko).

Tärkein ero tässä on se, että näillä arvoilla määrittämäsi alue on viety alue riippumatta siitä, onko tällä alueella piirros. Joten se on melkein kuin rajaus, koska rajaat mitään asettamiesi arvojen ulkopuolella.

Mukautettu viennin alue 2019 Inkscape-opetusohjelma

Tämän asetuksen osoittamiseksi toiminnassa asetan x0- ja y0-arvoiksi 250 ja x1- ja y1-arvoiksi 1250. Tämä luo kuvan, jonka leveys ja korkeus on 1000 pikseliä. Vaihdan kuvan nimeksi "Isometric Phone Custom Area" ja napsautan "Export".

isometrinen puhelinkohtainen alue

Viimeinen kokoonpanoni on 1000 x 1000-pikselin neliö, jossa on osa suunnittelun katkaisua missä tahansa muotoilun ulkopuolella vientialueen ulkopuolella.

Siinä se tässä oppaassa! Jos nautit siitä, voit tarkistaa minkä tahansa muun Inkscape Help -artikkelit, Inkscape-videotutkimuksettai GIMP-oppaat.

Pin Se Pinterest