Inkscape koristi filetype .SVG prema zadanim postavkama, što znači Skalabilna vektorska grafika. Ovaj tip datoteke zadržava objekte i slojeve koje možete uređivati ​​u svojim skladbama, što vam omogućuje ponovno otvaranje datoteke kasnije i nastavak uređivanja izvornih elemenata skladbi.

Međutim, postoje mnogi slučajevi u kojima biste htjeli izvesti datoteke kao drugi tip datoteke, kao što je PNG, kako bi vaše skladbe bile dostupne ili lakše otvorile na uređaju (za osobe koje ne koriste Inkscape). Možda ćete također htjeti prenijeti svoj dizajn na web-lokaciju ili vaš pisač možda preferira PNG datoteku iznad SVG datoteke.

PNG je kratica za Portable Network Graphics i sadrži bitmapu indeksiranih boja i koristi kompresiju bez gubitaka, sličnu datoteci .GIF, ali bez ograničenja autorskih prava. PNG datoteke obično se koriste za pohranu grafike za web-slike. "(Prema FileInfo.com). PNG-ovi imaju tendenciju da budu nešto bolje kvalitete od JPEG-a, iako su zbog toga često nešto veći u veličini datoteke. PNG-ovi također podržavaju grafiku koja sadrži transparentnu pozadinu (dok JPEG datoteke nemaju).

Bez obzira na razlog zbog kojeg želite koristiti PNG, Inkscape vam omogućuje da lako izvozite u taj tip datoteke ako to ikada trebate. Evo kako.

Izometrijski dizajn pozadine telefona Skriven

Za ovaj članak, ja ću koristiti svoj Izometrijski dizajn telefona sam stvorio u nedavnom Inkscape video tutorialu, Sakrio sam svoj sloj pozadine u ploči slojeva (označen crvenom strelicom na slici gore), a također sam napravio i platno pozadinu šahovnice tako da možete vidjeti gdje je kompozicija transparentna (preporučujem da provjerite moj vodič na Kako napraviti Inkscape platna izgledaju kao Adobe Illustrator Artboard, gdje idem preko podešavanja svojstava dokumenta).

1. Izvezi stranicu u PNG sliku

Izvezi datoteku PNG slika Inkscape Tutorial

Nakon što je sve postavljeno i spremno za izvoz, mogu otići u Datoteka> Izvoz PNG slike (crvena strelica na slici iznad).

Izvezi PNG sliku Dijaloški okvir Inkscape

To će prikazati dijalog Izvoz PNG slike na desnoj strani mog platna (označeno crvenom bojom na fotografiji). Moja prva opcija je da odaberete karticu pod "Export Area", s četiri različite postavke koje možete izabrati. Ako želim eksportirati sve unutar granice mog platna (dakle, u suštini cijeli sastav), odabrat ću opciju "Page" Export Area (Zelena strelica). Vidjet ćete dva stupca i tri retka s numeričkim podacima u ovom odjeljku, kao i padajući okvir za odabir jedinice (slika / platno je trenutno u px ili pikselima).

x0 i y0 inkscape izvoz png slike

Prve dvije vrijednosti na vrhu ovog odjeljka su "x0" i "y0" (označene zelenom bojom iznad). Ove vrijednosti predstavljaju mjesto gdje će se nalaziti donja lijeva granica ili kut vaše slike (drugim riječima, početne koordinate vaše slike). Varijabla X uvijek predstavlja širinu, a Y uvijek predstavlja visinu. Budući da ćemo izvoziti cijelu stranicu, naša slika počinje s koordinatama 0 za x i 0 za y.

x1 i y1 inkscape izvoz png slike

Sljedeće vrijednosti su "x1" i "y1" (označene zelenom bojom iznad). Ove vrijednosti predstavljaju gdje će se nalaziti gornja desna granica ili kut vaše slike (drugim riječima, završne koordinate vašeg dokumenta). Moja ukupna veličina platna za tu kompoziciju bila je 1920 piksela po 1080 piksela, pa je moja x1 koordinata 1920 i moja y1 koordinata je 1080 (zapamtite, moje jedinice stranica su postavljene na piksele preko padajućih jedinica u ovom odjeljku).

Širina i visina inkscape izvoz png slika

Posljednje dvije vrijednosti u ovom odjeljku su širina i visina, a odražavaju ukupnu veličinu mog područja izvoza. Moja širina je prikazana kao 1920 i moja visina je 1080 jer je to veličina cijelog mog platna. Dakle, PNG će biti iste veličine kao i moje platno kada se izvozi.

Veličina slike i razlučivost inkscape izvoz png slika

Sljedeći dio dijaloga Izvoz PNG slike je "Veličina slike" (označena zelenom bojom iznad). Ovaj odjeljak omogućuje podešavanje ukupne širine i visine konačne veličine slike na temelju ukupne razlučivosti slike. Razlučivost ovisi o tome koliko piksela ili "točaka" želite prikazati na svaki centimetar vaše slike (pikseli i točkice su u suštini ista stvar - oni su najmanja jedinica slike. Iako dpi, ili točkice po inču, obično se koristi pri radu s pisačima, budući da pisači proizvode točkice, a pikseli se češće koriste za opisivanje slika prikazanih na računalu). Što je više piksela ili točaka prikazano u određenom području, to će slika biti veća razlučivost. Međutim, postoji kompromis s većom razlučivošću jer povećava ukupnu veličinu datoteke. Razlučivost možete podesiti pomoću okvira koji pokazuje crvena strelica na gornjoj fotografiji.

Povećanje razlučivosti slike u Inkscapeu

Tako, na primjer, ako znam da moja slika treba imati konačnu rezoluciju 300 dpi (točkica po inču), mogu postaviti rezoluciju upisivanjem "300" u dpi polje (crvena strelica). Ako pritisnem tipku Tab, primijetit ćete da će se moja slika i visina iznenada promijeniti (označeno zeleno područje). Budući da sam povećao razlučivost od 96 do 300, slika će sada biti slika veće razlučivosti (više točaka prikazanih na svakom inču slike). Kao rezultat toga, moja ukupna veličina slike sada je mnogo veća (širina i visina su se kretale od 1920 × 1080 do 6000 × 3375).

Smanjenje razlučivosti slike u Inkscapeu

Ako, s druge strane, smanjim razlučivost upisivanjem "72" u prvo polje dpi, vidjet ćete da će se moja veličina slike smanjiti na 1440 × 810. To je zato što sada imam sliku niže razlučivosti, s manje točaka prikazanih po svakom inču na mojoj slici.

Vratit ću vrijednost na zadanu vrijednost 96 dpi.

Filname Odjeljak Izvoz PNG slika dijalog

Ispod odjeljka Veličina slike je opcija za postavljanje naziva datoteke koju želite izvesti kao i mjesto na računalu na koje želite izvoziti (označeno zelenom bojom). Izvezit će vašu datoteku na posljednje mjesto koje ste koristili za spremanje bilo koje druge datoteke na Inkscapeu, ili na bilo koji drugi način koji je trenutno postavljen na vašem Inkscapeu ako datoteku još niste spremili.

Da biste promijenili naziv datoteke ili gdje se izvozi, kliknite gumb "Izvezi kao" (crvena strelica na slici iznad).

Inkscape File Explorer Izvoz u PNG

Ovdje ćete biti preusmjereni na prozor File Explorer ili Finder (ovisno o tome koji operativni sustav koristite) gdje možete pretraživati ​​mjesto na kojem želite spremiti datoteku. U mom slučaju, ja sam na svom (D :) disku, u mapi pod nazivom "Fotografije" iu drugoj mapi pod nazivom "Inkscape Photos" (možete vidjeti mjesto cijele mape u označenom zelenom području na slici iznad).

Izvezao sam ovu datoteku prije korištenja naziva "Phone Isometric Design Gen 3.png", stoga se moj naziv datoteke po zadanom prikazuje kao crvena strelica. Promijenit ću naziv u "Izometrijski dizajn telefona bez pozadine".

Spremi kao vrstu datoteke Izvoz Inkscape vodiča

Ako kliknem na padajući izbornik "Spremi kao vrstu", "PNG" će biti jedina dostupna opcija. Inkscape izvozi samo u PNG. Ako trebate izvesti u nešto poput JPEG datoteke ili druge vrste datoteke, morat ćete izvesti datoteku u PNG iz Inkscapea, a zatim otvoriti drugi program kao što je GIMP (još jedan strašan besplatan program, koji imam stotine tutorijala za) i izvoz u bilo koji tip datoteke koji želite.

Kad budem spreman za izvoz, kliknite gumb "Spremi".

Inkscape Izvezi u PNG gumb

Ali čekaj! Još niste učinili - postoji još jedan ključni korak prije nego se vaša slika stvarno izvozi. Morate kliknuti na gumb "Izvezi" s zelenom kvačicom da biste zaista izvezli datoteku (crvena strelica na slici iznad). Ako ne kliknete ovaj gumb, datoteka se neće izvesti, Nakon što sam kliknuo ovaj gumb, moja SVG datoteka će se sada izvesti u PNG datoteku.

Bilješka: ako označite opciju "Zatvori kada je dovršen" lijevo od gumba Izvoz (prikazano plavom bojom na gornjoj slici), dijaloški okvir Izvoz PNG slike će se zatvoriti nakon dovršetka izvoza.

2. Izvezi crtanje u PNG sliku

U posljednjem odjeljku raspravljalo se o mogućnosti izvoza cijele stranice u PNG datoteku, ali što ako želite izvesti crtež samo na stranici, a ne prazan prostor oko nje?

Crtanje područja izvoza u Inkscapeu

Pa, druga kartica u odjeljku Izvozna zona omogućuje upravo to. Nakon odlaska na Datoteka> Izvezi PNG sliku da bi se otvorio dijaloški okvir Izvoz PNG slike (pod uvjetom da ga već niste otvorili iz prethodnog koraka), možete kliknuti na karticu s oznakom "Crtanje" u odjeljku Izvozno područje (crvena) strijela).

Ova opcija će izvesti samo područje naše slike koje sadrži crtež. Dakle, u ovom slučaju, on će izvesti samo područje koje ima dizajn telefona u njemu. Sav prazan prostor između dizajna telefona i granice platna neće stići do konačnog izvezenog PNG-a. To se odražava u našim vrijednostima za naše koordinate slika, koje su se sada promijenile u odnosu na ono što su bile pod postavkom "Stranica".

x0 i y0 područje izvoza crteža inkscape

Sada je moja x0 vrijednost 317.278 piksela, a moja vrijednost y0 je 121.273 piksela (označena zelenom bojom). Ovo je novo mjesto za donji lijevi kut moje slike (ili početne koordinate).

x1 i y1 područje izvoza crteža inkscape

Osim toga, moja x1 vrijednost sada je 1602.722 piksela, a moja vrijednost y1 je 911.076. Ovo je novo mjesto u gornjem desnom kutu moje slike (ili završnih koordinata).

širina i visina crtanje izvozno područje inkscape

Dakle, moje područje za izvoz slika sada više neće pokrivati ​​cijelu dužinu platna (1920 × 1080 piksela). Bit će manji jer se oslobađa praznog prostora oko crteža. To potvrđuju nove širine i visine (označene zelenom bojom). Moja širina je sada 1285.444 i moja nova visina je sada 789.803 (obje vrijednosti u pikselima).

Područje za crtanje veličine slike u izvoznom području inkscape

U odjeljku Veličina slike (prikazan zelenom bojom na slici iznad), mogu ponovno promijeniti razlučivost svoje slike, koja će ili povećati ili smanjiti konačnu širinu i visinu izvoznog PNG-a. Širina i visina prikazuju se kao 1285 × 790 piksela jer su vrijednosti iz prethodnog odjeljka zaokružene. Inkscape ne može izvesti dio piksela, tako da se vrijednosti moraju zaokružiti na najbliži cijeli broj.

Izvezi kao crtež za izvozno područje inkscape

Kada ste spremni za izvoz crteža, možete ponovno kliknuti na opciju "Izvezi kao" (crvena strelica) kako biste promijenili naziv datoteke i lokaciju (promijenio sam naziv datoteke u "Isometric Phone Drawing"), a zatim kliknite gumb "Izvezi" za izvoz SVG-a u PNG (plava strelica).

Izometrički crtež telefona

Iznad je konačni izvozni crtež. Ako označite fotografiju mišem, primijetit ćete da se granica slike završava tamo gdje crtanje završava (napomena: malo je smanjeno za ovaj članak).

3. Izvezi odabir u PNG

Osim izvoza cijele kompozicije i izvoza samo crteža, izvezeno područje možete suziti samo na odabir.

Odabir područja izvoza Inkscape 2019

Recimo hipotetički da želim izvoziti samo prednju stranu telefona. Mogu uzeti alat za odabir iz svog alata (crvena strelica na slici gore), a zatim pomaknuti sve elemente koje želim odabrati za izvoz (kliknuo sam na sve oblike koji čine prednju stranu telefona) , Nakon odabira svih ovih elemenata, vidjet ćete da se u dijalogu Izvoz PNG slike kartica za izvozno područje automatski mijenja u karticu „Odabir“ (zelena strelica na fotografiji).

Odabir Izvoz izvozi SVG u PNG Inkscape

Moje početne i završne koordinate sada odražavaju početnu i završnu točku mojih odabranih područja, a širina i visina moje slike promijenile su se kako bi odgovarale dimenzijama ovog područja (označene zelenom bojom na gornjoj fotografiji).

Mogu ponovno promijeniti razlučivost svoje slike u odjeljku Veličina slike (označen crvenom bojom), što će povećati ili smanjiti ukupnu veličinu slike ovisno o postavljenoj rezoluciji.



Mogu promijeniti i naziv moje datoteke (ovaj put sam je promijenio u "Isometric Phone Front Face") i mjesto gdje ga želim spremiti pomoću gumba "Izvezi kao" u odjeljku Naziv datoteke (opisano plavom bojom), a zatim kliknite "Izvezi" Da biste izvezli odabir u PNG. Tu je i nekoliko drugih opcija koje vrijedi spomenuti. Prvo, mogu "izvesti skupne" objekte koje sam odabrao, što znači da će svaki objekt biti izvezen kao zasebni PNG. Ispod toga, imam opciju "Sakrij sve osim odabranih", što znači da ono što nisam odabrao neće se pojaviti u konačnom sastavu. Ako ne označim ovu opciju, stavke koje nisam odabrao i dalje će se prikazivati ​​tako dugo dok se uklapaju u područje okvira u koje izvozim.

Područja odabira ekspota su skrivena i otkrivena

Iznad su dva različita rezultata izvoza selekcije - lijevo je rezultat s opcijom "Sakrij sve osim odabira" koja nije označena, a rezultat na desnoj strani je s tom opcijom označenom.

4. Izvezi prilagođeno područje u PNG

Posljednji odjeljak dijaloškog okvira Izvoz u PNG sliku je opcija za izvoz prilagođenog područja sastava. Ovdje se primjenjuju sva ista pravila iz ostalih postavki (x0 i y0 su početne koordinate, x1 i y1 su vaše završne koordinate, a širina i visina će biti ukupna veličina vašeg sastava).

Glavna razlika je u tome što će područje koje ste postavili pomoću tih vrijednosti biti područje izvezeno - bez obzira na to postoji li crtež u tom području ili ne. Dakle, to je gotovo kao da postavljate obrezivanje jer obrezujete bilo što izvan vrijednosti koje ste postavili.

Prilagođeno područje izvoza 2019 Inkscape vodič

Da bi pokazali ovu postavku u akciji, postavit ću x0 i y0 vrijednosti na 250, a moje x1 i y1 vrijednosti na 1250. To će stvoriti sliku s širinom i visinom 1000 piksela. Promijenit ću naziv slike u "Isometric Phone Custom Area" i kliknuti na "Export".

izometrijska prilagođena površina telefona

Moj konačni sastav bit će 1000 x 1000 kvadrat piksela, s dijelovima granice dizajna gdje god je dizajn bio izvan područja izvoza.

To je to za ovaj tutorial! Ako ste uživali, možete provjeriti bilo koji od mojih drugih Članci pomoći za Inkscape, Video vodiči za Inkscape, ili Vodiči za GIMP.

Pretplatite se na naš GIMP Newsletter

Pridružite se našoj mailing listi za primanje novih tutorijala, ažuriranja GIMP tečajeva i najnovije vijesti.

Uspješno ste se pretplatili!

Pin It on Pinterest

Podijeli ovo