Inkscape utilizează în mod prestabilit tipul de fișier .SVG, ceea ce înseamnă că este vorba de Vector Graphics Scalable. Acest tip de fișier păstrează obiecte și straturi editabile pe care le creați în compozițiile dvs., permițându-vă să re-deschideți fișierul ulterior și să continuați să editați elementele originale ale compozițiilor dvs.

Cu toate acestea, există multe situații în care doriți să exportați fișierele ca un alt tip de fișier, cum ar fi un PNG, pentru a face compozițiile dvs. mai accesibile sau mai ușor de deschis pe un dispozitiv (pentru persoanele care nu utilizează Inkscape). De asemenea, puteți să încărcați designul pe un site web sau imprimanta dvs. poate prefera un fișier PNG într-un fișier SVG.

PNG reprezintă Portable Network Graphics și conține o imagine bitmap de culori indexate și utilizează compresie fără pierderi, similară cu un fișier .GIF, dar fără limitări ale drepturilor de autor. Fișierele PNG sunt utilizate în mod obișnuit pentru stocarea graficelor pentru imaginile web "(conform FileInfo.com). PNG-urile au tendința să aibă o calitate ceva mai bună decât un JPEG, deși ele sunt adesea puțin mai mari în dimensiunea fișierului ca rezultat. PNG-urile suportă, de asemenea, grafice care conțin un fundal transparent (în timp ce nu există JPEG-uri).

Oricare ar fi motivul pentru care doriți să utilizați un PNG, Inkscape vă permite să exportați cu ușurință la acest tip de fișier dacă vreți să aveți vreodată nevoie. Iată cum.

Concepție izometrică a designului telefonului ascuns

Pentru acest articol, voi folosi eu Proiectarea izometrică a telefonului Am creat un tutorial video video recent. Mi-am ascuns stratul de fundal în panoul straturilor (marcat cu săgeata roșie din fotografia de mai sus) și mi-am făcut și panza pe fundal pentru a putea vedea unde este compoziția transparentă (vă recomandăm să vedeți tutorialul meu pe Cum sa faci panza Inkscape sa arate ca artboard-ul Adobe Illustrator, unde merg peste configurarea proprietăților documentului dvs.).

1. Exportați pagina în imaginea PNG

Exportați fișierul PNG Image Inkscape Tutorial

Odată ce totul este configurat și gata de export, pot să accesez Fișier> Export PNG Image (săgeată roșie în imaginea de mai sus).

Exportați caseta de dialog pentru imaginea PNG Image Inkscape

Aceasta va afișa dialogul Export PNG Image din partea dreaptă a pânzei mele (evidențiată cu roșu în fotografie). Prima opțiune este să selectați o filă sub "zona de export", cu patru setări diferite pentru a alege. Dacă vreau să exporte totul în interiorul marginii pânzei mele (deci, în esență, întreaga compoziție), voi alege opțiunea "Pagină" pentru zona de export (săgeată verde). Veți vedea două coloane și trei rânduri cu date numerice în această secțiune, precum și o casetă drop-down pentru a selecta o unitate (imaginea / panza mea este în prezent în pixeli sau pixeli).

x0 și y0 inkscape export png imagine

Primele două valori din partea de sus a acestei secțiuni sunt "x0" și "y0" (evidențiate cu verde de mai sus). Aceste valori reprezintă locul în care va fi localizată limita inferioară din stânga sau colțul imaginii dvs. (cu alte cuvinte, coordonatele inițiale ale imaginii dvs.). Variabila X reprezintă întotdeauna lățimea și Y reprezintă întotdeauna înălțimea. Deoarece vom exporta întreaga pagină, imaginea noastră începe la coordonatele 0 pentru x și 0 pentru y.

x1 și y1 inkscape export png imagine

Următoarele valori sunt "x1" și "y1" (evidențiate în verde de mai sus). Aceste valori reprezintă locul în care se va localiza limita de sus-dreapta sau colțul imaginii dvs. (cu alte cuvinte, coordonatele finale ale documentului dvs.). Dimensiunea mea totală a pânzei pentru această compoziție a fost 1920 pixeli după 1080 pixeli, deci coordonatele x1 sunt 1920 și coordonatele y1 sunt 1080 (amintesc că unitățile de pagină sunt setate la pixeli prin meniul derulant Unități din această secțiune).

Lățimea și înălțimea imaginii de export png inkscape

Cele două valori finale din această secțiune sunt Lățimea și Înălțimea și reflectă dimensiunea totală a zonei mele de export. Lățimea mea este afișată ca 1920 și înălțimea mea este 1080, deoarece aceasta este dimensiunea întregii pânze. Deci, PNG va avea aceeași dimensiune ca panza mea atunci când sunt exportate.

Dimensiunea imaginii și rezoluția inkscape export png imagine

Următoarea secțiune a dialogului Export PNG Image este "Dimensiunea imaginii" (evidențiată cu verde de mai sus). Această secțiune vă permite să reglați lățimea și înălțimea totală a dimensiunii imaginii finale pe baza rezoluției totale a imaginii. Rezoluția este determinată de numărul de pixeli sau de "puncte" pe care doriți să fie afișați pe fiecare centimetru din imagine (pixeli și puncte sunt în esență același lucru - sunt cea mai mică unitate a unei imagini.) Deși dpi sau Dots Per Inch, este frecvent utilizat atunci când lucrați cu imprimante, deoarece imprimantele produc puncte și pixelii sunt mai frecvent utilizați atunci când descriu imagini afișate pe un computer). Cu cât mai mulți pixeli sau puncte ați afișat într-o zonă, cu atât rezoluția mai mare va fi imaginea. Cu toate acestea, există un compromis de a avea o rezoluție mai mare, deoarece face ca dimensiunea fișierului dvs. general să fie mai mare. Puteți ajusta rezoluția prin intermediul casetei indicate de săgeata roșie din fotografia de mai sus.

Creșterea rezoluției imaginii în Inkscape

De exemplu, dacă știu că am nevoie de o rezoluție finală de 300 dpi (puncte per inch), pot stabili rezoluția tastând "300" în câmpul dpi (săgeată roșie). Dacă am lovit cheia tab, veți observa că lățimea și înălțimea imaginii mele vor schimba brusc (zona verde evidențiată). Deoarece am crescut rezoluția de la 96 la 300, imaginea va fi acum o imagine cu rezoluție mai mare (mai multe puncte afișate în fiecare centimetru al imaginii). Ca urmare, dimensiunea mea generală a imaginii este acum mult mai mare (lățimea și înălțimea mea au trecut de la 1920 × 1080 la 6000 × 3375).

Scăderea rezoluției imaginii în Inkscape

Dacă, pe de altă parte, diminuez rezoluția introducând "72" în primul câmp dpi, veți vedea că dimensiunea imaginii mele se va micșora până la 1440 × 810. Acest lucru se datorează faptului că acum am o imagine cu rezoluție mai mică, cu mai puține puncte afișate pe fiecare centimetru în imaginea mea.

Voi schimba valoarea înapoi la valoarea implicită de 96 dpi.

Secțiunea Filme Exportați Dialogul imaginii PNG

Sub secțiunea Dimensiune imagine este opțiunea de a seta numele fișierului pe care doriți să-l exportați, precum și locația de pe computerul pe care doriți să o exportați (evidențiată în verde). Acesta va exporta fișierul dvs. în ultima locație pe care ați folosit-o pentru a salva orice alt fișier din Inkscape sau orice locație implicită este setată în prezent pe Inkscape dacă nu ați salvat încă un fișier.

Pentru a schimba numele fișierului sau unde este exportat, faceți clic pe butonul "Export As" (săgeată roșie din fotografia de mai sus).

Explorarea fișierului Inkscape la PNG

Aici veți fi direcționați către fereastra de explorare a fișierelor sau în fereastra de căutare (în funcție de sistemul de operare pe care îl utilizați) unde puteți căuta în computerul dvs. pentru a salva o locație de fișier. În cazul meu, sunt pe unitatea mea (D :), într-un dosar intitulat "Fotografii", și într-un alt dosar intitulat "Inkscape Photos" (puteți vedea întreaga locație a folderului în zona verde evidențiată în imaginea de mai sus).

Am exportat acest fișier înainte de a utiliza numele "Phone Isometric Design Gen 3.png", prin urmare, de ce numele fișierului meu apare ca implicit (săgeată roșie). Voi schimba numele la "Design izometric de telefon fără fundal".

Salvați ca fișier Tip Exportați Inkscape Tutorial

Dacă dau clic pe meniul drop-down "Salvează ca tip", "PNG" va fi singura opțiune disponibilă. Inkscape exportă numai în PNG. Dacă aveți nevoie să exportați într-un fișier JPEG sau într-un alt tip de fișier, va trebui să exportați fișierul într-un PNG din Inkscape, apoi să deschideți un alt program ca GIMP (un alt program minunat gratuit, pe care îl am sute de tutoriale pentru) și de export la orice tip de fișier doriți.

Odată ce sunt gata să exporte, voi da clic pe butonul "Salvați".

Exportați Exportul Inkscape la butonul PNG

Dar asteapta! Încă nu ați terminat - există un ultim pas crucial înainte ca imaginea dvs. să fie exportată. Trebuie să faceți clic pe butonul numit "Export" cu marcajul verde pentru a exporta fișierul (săgeată roșie din imaginea de mai sus). Dacă nu faceți clic pe acest buton, fișierul dvs. nu va fi exportat. După ce am făcut clic pe acest buton, fișierul meu SVG va fi acum exportat într-un fișier PNG.

Notă: dacă bifați opțiunea "Închidere când este completă" în partea stângă a butonului Export (evidențiată în albastru în fotografia de mai sus), caseta de dialog Export PNG Image se va închide după finalizarea exportului.

2. Exportați desenul pentru imaginea PNG

Ultima secțiune a discutat opțiunea de a exporta întreaga pagină într-un fișier PNG, dar ce se întâmplă dacă doriți doar să exportați desenul pe pagină și nu spațiul gol din jurul acestuia?

Desenarea zonei de export în Inkscape

Ei bine, al doilea file din secțiunea Export Area vă permite să faceți exact acest lucru. După ce ați accesat fila> Export PNG Image pentru a afișa caseta de dialog Export PNG Image (presupunând că nu o aveți deja deschisă din pasul anterior), puteți face clic pe fila cu eticheta "Desenare" din secțiunea Export Area (zona de export) săgeată).

Această opțiune va exporta numai zona imaginii noastre care conține un desen. Deci, în acest caz, va exporta numai zona care are designul telefonului în ea. Tot spațiul gol dintre designul telefonului și limita de pânză nu va ajunge la PNG exportat definitiv. Acest lucru se reflectă în valorile noastre pentru coordonatele noastre de imagine, care s-au schimbat acum în comparație cu ceea ce se aflau sub setarea "Pagină".

x0 și y0 zona de export desen export inkscape

Acum, valoarea mea x0 este pixeli 317.278, iar valoarea mea y0 este pixeli 121.273 (evidențiate în verde). Aceasta este noua locație pentru colțul din stânga jos al imaginii mele (sau coordonatele de pornire).

x1 și y1 zona de export desen export inkscape

În plus, valoarea mea x1 este acum pixeli 1602.722, iar valoarea mea y1 este 911.076. Aceasta este noua locație pentru colțul din dreapta sus al imaginii mele (sau coordonatele finale).

lățimea și înălțimea desenului zona de export inkscape

Deci, zona de export a imaginii nu va mai acoperi întreaga lungime a pânzei mele (1920 × 1080 pixeli). Va fi mai mic, deoarece scapă de spațiul gol din jurul desenului. Acest lucru este confirmat de noua lățime și înălțime (subliniată în verde). Lățimea mea este acum 1285.444 și noua mea înălțime este acum 789.803 (ambele valori în pixeli).

Dimensiunea imaginii desen exportare zona de export inkscape

În secțiunea Dimensiune imagine (evidențiată în verde în imaginea de mai sus), pot schimba din nou rezoluția imaginii mele, care va mări sau micșora lățimea și înălțimea finală a PNG-ului de export. Lățimea și înălțimea apar ca pixeli 1285 × 790, deoarece valorile din secțiunea anterioară au fost rotunjite. Inkscape nu poate exporta o fracțiune de pixel, deci valorile trebuie rotunjite la cel mai apropiat număr întreg.

Exportați ca zonă de export desen inkscape

Când sunteți gata să exportați desenul, puteți să faceți din nou opțiunea "Export As" (săgeată roșie) pentru a schimba numele fișierului și locația (mi-am schimbat numele de fișier la "Drawing Isometric Phone"), apoi faceți clic pe butonul "Export" pentru a exporta SVG-ul în PNG (săgeată albastră).

Masă izometrică de telefon

Mai sus este desenul final exportat. Dacă evidențiați fotografia cu mouse-ul, veți observa că limita imaginii se termină în cazul în care desenul se termină (notă: a fost micșorat puțin pentru acest articol).

3. Exportați selecția în PNG

În afară de exportul întregii dvs. compoziții și de exportul doar desenului, puteți, de asemenea, să restrângeți zona exportată la o singură selecție.

Selectați zona de export Inkscape 2019

Deci, hai să spunem ipotetic că vreau să export doar fața frontală a telefonului meu. Pot apuca instrumentul de selecție din cutia mea de instrumente (săgeată roșie în fotografia de mai sus), apoi faceți clic pe toate elementele pe care vreau să le selectați pentru a le exporta (am făcut clic pe toate formele care formează fața frontală a telefonului) . Cu toate aceste elemente selectate, veți vedea că sub dialogul Export PNG Image, fila Export zonă sa schimbat automat în fila "Selecție" (săgeată verde din fotografie).

Selectarea exportului Sunt Export SVG la PNG Inkscape

Coordonatele mele inițiale și de sfârșit reflectă acum punctele de început și de sfârșit ale domeniilor mele selectate, iar Lățimea și Înălțimea imaginii mele s-au schimbat pentru a se potrivi cu dimensiunile acestei zone (prezentate în verde în fotografia de mai sus).

Pot schimba din nou rezoluția imaginii mele sub secțiunea Dimensiune imagine (subliniată în roșu), care va mări sau micșora dimensiunea generală a imaginii în funcție de setul de rezoluție.



De asemenea, pot schimba numele fișierului meu (am schimbat-o de această dată la "Fața frontală a telefonului izometric") și locația în care vreau să o salvez folosind butonul Export As sub secțiunea Nume fișier (în albastru), apoi faceți clic pe "Export "Pentru a exporta selecția la un PNG. Există, de asemenea, câteva alte opțiuni aici, care merită menționate. În primul rând, pot "Exporta lot" obiectele pe care le-am selectat, ceea ce înseamnă că fiecare obiect va fi exportat ca un PNG separat. Sub aceasta, am opțiunea de a "Ascunde toate, cu excepția celor selectate", ceea ce înseamnă că ceea ce nu am selectat nu va apărea în compoziția finală. Dacă nu verifică această opțiune, elementele pe care nu le-am selectat vor fi afișate în continuare, atâta timp cât se încadrează în zona de cadru la care fac export.

Zonele de selecție Expot ascunse și neascultate

Mai sus sunt cele două rezultate diferite ale exportului selecției - în stânga este rezultatul cu opțiunea "Ascundere excepție selectare" neînchis și rezultatul din dreapta este cu această opțiune bifată.

4. Export zona personalizată la PNG

Ultima secțiune din caseta de dialog Export la imagine PNG este opțiunea de a exporta o zonă personalizată a compoziției. Aici, toate aceleași reguli se aplică de la celelalte setări (x0 și y0 sunt coordonatele de pornire, x1 și y1 sunt coordonatele dvs. terminale, iar Lățimea și Înălțimea vor fi dimensiunea totală a compoziției dvs.).

Principala diferență aici este că zona pe care ați stabilit-o folosind aceste valori va fi zona exportată - indiferent dacă există sau nu un desen în acea zonă. Deci, este ca și cum aș fi stabilit o recoltă, de vreme ce scoateți ceva în afara valorilor pe care le-ați stabilit.

Zona de export personalizată 2019 Inkscape Tutorial

Pentru a demonstra această setare în acțiune, voi seta valorile x0 și y0 la 250, iar valorile x1 și y1 la 1250. Aceasta va crea o imagine cu pixeli 1000 Lățime și Înălțime. Voi schimba numele imaginii în "zona personalizată a telefonului izometric" și va da clic pe "Export".

zona izometrică personalizată pentru telefon

Compoziția mea finală va fi un pixel 1000 x 1000 pătrat, cu părți ale cutoff-ului de design ori de câte ori design-ul era în afara zonei de export.

Asta e pentru acest tutorial! Dacă ți-a plăcut, poți verifica oricare dintre celelalte Articole de ajutor pentru Inkscape, Tutoriale Video Inkscape, Sau GIMP Tutoriale.

Aboneaza-te la newsletter-ul nostru GIMP

Alăturați-vă listei noastre de discuții pentru a primi noi tutoriale, actualizări ale cursului GIMP și cele mai recente știri.

V-ați abonat cu succes!

Pin Este pe Pinterest

Imparte asta