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 skraćenica od Portable Network Graphics (Grafička prijenosna mrežna grafika) i “sadrži bitmapu indeksiranih boja i koristi kompresiju bez gubitaka, slično kao .GIF datoteka, ali bez ograničenja autorskih prava. PNG datoteke obično se koriste za pohranu grafika 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 lak izvoz u ovaj tip datoteke ako vam ikada zatreba. Evo kako.

Izometrijski dizajn pozadine telefona Skriven

Za ovaj ću članak 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 da vaše platno Inkscape izgleda poput umjetničke ploče Adobe Illustrator, 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 prijeći na Datoteka> Izvoz PNG slike (crvena strelica na gornjoj slici).

Izvezi PNG sliku Dijaloški okvir Inkscape

To će otvoriti dijalog Izvoz PNG slike na desnoj strani mog platna (označeno crvenom bojom na fotografiji). Moja prva opcija je odabrati karticu ispod "Izvoznog područja" s četiri različite postavke koje možete odabrati. Ako želim izvesti sve unutar okvira svog platna (dakle, u osnovi cijelu kompoziciju), odabrat ću opciju izvoza „Stranica“ (zelena strelica). U ovom ćete odjeljku vidjeti dva stupca i tri retka s numeričkim podacima, kao i padajući okvir za odabir jedinice (moja slika / platno trenutno je u px ili pikselima).

x0 i y0 inkscape izvoz png slike

Prve dvije vrijednosti na vrhu ovog odjeljka su "x0" i "y0" (gore označene zelenom bojom). Te 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 visinu. Budući da ćemo izvesti cijelu stranicu, naša slika počinje na koordinatama 0 za x i 0 za y.

x1 i y1 inkscape izvoz png slike

Sljedeće su vrijednosti "x1" i "y1" (gore označene zelenom bojom). Te vrijednosti predstavljaju mjesto 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 ovaj sastav bila je 1920 piksela sa 1080 piksela, tako da je moja x1 koordinata 1920, a moja y1 koordinacija 1080 (sjetite se, moje stranice su postavljene na piksele putem padajućeg izbornika Jedinice 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 odjeljak dijaloga Izvezi PNG sliku je „Veličina slike“ (istaknuto zelenom bojom gore). Ovaj vam odjeljak omogućuje podešavanje ukupne širine i visine vaše konačne veličine slike na temelju ukupne razlučivosti slike. Rezolucija se određuje prema tome koliko piksela ili "točkica" želite prikazati na svakom centimetru vaše slike (pikseli i točkice u osnovi su ista stvar - najmanja su jedinica slike. Iako dpi ili točkice po inču, obično se koristi u radu s pisačima, jer pisači proizvode točke, a pikseli se češće koriste pri opisivanju slika prikazanih na računalu). Što više piksela ili točaka prikažete na nekom području, to će slika biti veće razlučivosti. Međutim, postoji kompromis za veću rezoluciju jer ona povećava vašu ukupnu veličinu datoteke. Rezoluciju možete prilagoditi putem okvira istaknutog crvenom strelicom na gornjoj fotografiji.

Povećanje razlučivosti slike u Inkscapeu

Tako, na primjer, ako znam da mi je potrebna moja slika da ima konačnu razlučivost od 300 dpi (točkica po inču), mogu postaviti razlučivost upisivanjem "300" u dpi polje (crvena strelica). Ako pritisnem tipku tab, primijetit ćete da će se moja širina i visina slike naglo promijeniti (istaknuto zeleno područje). Budući da sam povećao razlučivost s 96 na 300, slika će sada biti slika veće razlučivosti (više točaka prikazano na svakom centimetru slike). Kao rezultat toga, moja je ukupna veličina slike sada mnogo veća (moja širina i visina povećale su se s 1920 × 1080 na 6000 × 3375).

Smanjenje razlučivosti slike u Inkscapeu

Ako, s druge strane, smanjim svoju razlučivost tipkanjem "72" u prvo dpi polje, 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čkica prikazanih na svakom centimetru na mojoj slici.

Vratit ću vrijednost na zadanu vrijednost 96 dpi.

Filname Odjeljak Izvoz PNG slika dijalog

Ispod odjeljka Veličina slike nalazi se opcija postavljanja imena datoteke u koju želite izvesti sliku, kao i mjesta na računalu na koje ga želite izvesti (označeno zelenom bojom). Izvest će vašu datoteku na posljednje mjesto koje ste upotrijebili za spremanje bilo koje druge datoteke na Inkscapeu ili na bilo koje zadano mjesto koje je trenutno postavljeno na vašem Inkscapeu ako još niste spremili datoteku.

Da biste promijenili ime datoteke ili mjesto na koje se izvozi, kliknite gumb "Izvezi kao" (crvena strelica na gornjoj fotografiji).

Inkscape File Explorer Izvoz u PNG

Ovdje ćete biti preusmjereni u prozor pretraživača datoteka ili pretraživača (ovisno o tome koji operativni sustav koristite) gdje možete na računalu potražiti mjesto datoteke u koju želite spremiti. U mom slučaju nalazim se na svom (D :) pogonu, u mapi pod nazivom „Fotografije“ i u drugoj mapi pod nazivom „Inkscape Photos“ (cijelo mjesto mape možete vidjeti u istaknutom zelenom području na gornjoj slici).

Ovu sam datoteku izvezao prije nego što sam upotrijebio naziv "Phone Isometric Design Gen 3.png", stoga se moj naziv datoteke prikazuje prema zadanim postavkama (crvena strelica). Promijenit ću ime u "Izometrijski dizajn telefona bez pozadine".

Spremi kao vrstu datoteke Izvoz Inkscape vodiča

Ako kliknem na padajući izbornik "Spremi kao vrstu", jedina dostupna opcija bit će "PNG". 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 poput 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 gotovi - postoji još jedan posljednji ključni korak prije nego što se vaša slika stvarno izveze. Morate kliknuti gumb s oznakom "Izvoz" sa zelenom kvačicom da biste stvarno izvezli datoteku (crvena strelica na gornjoj slici). 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 potvrdite opciju "Zatvori kad dovršite" s lijeve strane gumba Izvoz (na gornjoj fotografiji označeno plavom bojom), dijaloški okvir Izvoz PNG slike zatvorit će se nakon što dovršite izvoz.

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 Izvozno područje omogućuje vam upravo to. Nakon što odete na Datoteka> Izvezi PNG sliku da biste otvorili dijaloški okvir Izvezi PNG sliku (pod pretpostavkom da je još niste otvorili iz prethodnog koraka), možete kliknuti karticu s oznakom "Crtež" u odjeljku Izvozno područje (crvena strijela).

Ova će opcija izvesti samo područje naše slike koje sadrži crtež. Dakle, u ovom će slučaju izvesti samo područje koje ima dizajn telefona. Sav prazan prostor između dizajna telefona i granice platna neće doći do konačno izvezenog PNG-a. To se odražava u našim vrijednostima za naše koordinate slike, koje su se sada promijenile u usporedbi s onim što su bile u postavci "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 više neće pokrivati ​​cijelu duljinu mog platna (1920 × 1080 piksela). Bit će manji jer se rješava praznog prostora oko crteža. To potvrđuju i nove širine i visine (označene zelenom bojom). Moja širina je sada 1285.444, a moja nova visina sada je 789.803 (obje vrijednosti u pikselima).

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

U odjeljku Veličina slike (označen zelenom bojom na gornjoj slici) mogu još jednom promijeniti razlučivost svoje slike, što će povećati ili smanjiti konačnu širinu i visinu PNG-a za izvoz. Širina i visina prikazuju se kao 1285 × 790 piksela jer su vrijednosti iz prethodnog odjeljka zaokružene. Inkscape ne može izvesti djelić piksela, pa se vrijednosti moraju zaokružiti na najbliži cijeli broj.

Izvezi kao crtež za izvozno područje inkscape

Kada budete spremni za izvoz crteža, možete još jednom kliknuti na opciju "Izvezi kao" (crvena strelica) da biste promijenili naziv datoteke i mjesto (promijenio sam naziv datoteke u "Izometrijski crtež telefona"), 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

Dakle, recimo hipotetski da želim izvesti samo prednju stranu svog telefona. Alat za odabir mogu dohvatiti iz okvira s alatima (crvena strelica na gornjoj fotografiji), a zatim pomaknuti klik na sve elemente koje želim odabrati za izvoz (kliknuo sam na sve oblike koji čine prednju stranu telefona) . Kada su odabrani svi ovi elementi, sada ćete vidjeti da se u dijaloškom okviru Izvoz PNG slike kartica Izvozno područje automatski promijenila 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.



Također mogu promijeniti naziv svoje datoteke (ovaj put sam je promijenio u "Izometric Front Face Face") i mjesto na kojem je želim spremiti pomoću gumba Izvezi kao u odjeljku Ime datoteke (označeno plavom bojom), a zatim kliknite "Izvezi ”Za izvoz odabranog u PNG. Tu je i nekoliko drugih opcija koje vrijedi spomenuti. Prvo, mogu “Skupno izvesti” objekte koje sam odabrao, što znači da će se svaki objekt izvesti kao zasebni PNG. Ispod toga imam mogućnost "Sakrij sve osim odabranih", što znači da sve š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 ​​sve 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 odabira - na lijevoj strani je rezultat s neoznačenom opcijom "Sakrij sve osim odabira", a rezultat s desne strane označen je tom opcijom.

 

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 ovdje je u tome što će područje koje ste postavili pomoću ovih vrijednosti biti područje koje se izvozi - bez obzira na to postoji li crtež na tom području. Dakle, to je gotovo poput postavljanja obrezivanja jer izrezujete bilo što izvan vrijednosti koje ste postavili.

Prilagođeno područje izvoza 2019 Inkscape vodič

Da bih pokazao ovu postavku na djelu, postavit ću vrijednosti x0 i y0 na 250, a moje vrijednosti x1 i y1 na 1250. To će stvoriti sliku sa širinom i visinom od 1000 piksela. Promijenit ću ime slike u "Prilagođeno područje izometrijskog telefona" i kliknuti "Izvoz".

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 udžbenik! Ako ste uživali, možete provjeriti bilo koju drugu moju Članci pomoći za Inkscape, Video vodiči za Inkscape, ili Vodiči za GIMP.

Pretplatite se na DMD bilten

Pretplatite se na DMD bilten

Prijavite se za primanje novih vodiča, ažuriranja tečaja i najnovijih vijesti o svom omiljenom softveru otvorenog koda!

Uspješno ste se pretplatili!

Pin It on Pinterest

Podijeli ovo