Inkscape používá ve výchozím nastavení typ souboru .SVG, což znamená Scalable Vector Graphics. Tento typ souboru uchovává upravitelné objekty a vrstvy, které vytvoříte ve svých kompozicích, což vám umožní znovu otevřít soubor později a pokračovat v úpravách původních prvků vašich kompozic.

Existuje však mnoho případů, kdy byste chtěli exportovat své soubory jako jiný typ souboru, například PNG, aby se vaše kompozice zpřístupnily nebo usnadnily otevírání v zařízení (pro osoby, které nepoužívají aplikaci Inkscape). Můžete také chtít nahrát svůj design na webovou stránku nebo tiskárna může dávat přednost souboru PNG v souboru SVG.

PNG je zkratka pro Portable Network Graphics a obsahuje bitmapu indexovaných barev a používá bezeztrátovou kompresi podobnou souboru GIF, ale bez omezení autorských práv. Soubory PNG se běžně používají k ukládání grafiky pro webové obrazy. “(Podle FileInfo.com). PNG mají tendenci být o něco lepší kvality než JPEG, ačkoli v důsledku toho jsou často o něco větší ve velikosti souboru. PNG také podporují grafiky, které obsahují průhledné pozadí (zatímco JPEG ne).

Bez ohledu na důvod, proč chcete používat PNG, Inkscape vám umožňuje snadno exportovat do tohoto typu souboru, pokud byste to někdy potřebovali. Zde je návod.

Izometrické telefon Design pozadí skryté

Pro tento článek budu používat můj Design izometrického telefonu jsem vytvořil v nedávném výukovém programu Inkscape. Skrýval jsem vrstvu pozadí v panelu vrstev (označenou červenou šipkou na fotografii nahoře) a také jsem vytvořil plátno na pozadí šachovnice, takže můžete vidět, kde je kompozice průhledná (doporučuji si zkontrolovat svůj návod Jak si vyrobit Inkscape plátno vypadat jako Adobe Illustrator je Artboard, kde jdu přes nastavení vlastností dokumentu).

1. Exportovat stránku do obrázku PNG

Soubor Export PNG Image Inkscape Tutorial

Jakmile je vše nastaveno a připraveno k exportu, můžu jít do Souboru> Export PNG obrázku (červená šipka na obrázku výše).

Export dialogového okna PNG Image Inkscape

Tím se otevře dialog Export PNG Image na pravé straně mého plátna (zvýrazněn červeně na fotografii). Moje první volba je vybrat kartu v části „Export Area“, ze které si můžete vybrat ze čtyř různých nastavení. Pokud chci exportovat vše uvnitř hranice mého plátna (tedy v podstatě celá kompozice), zvolím volbu „Stránka“ Export Area (zelená šipka). V této části se zobrazují dva sloupce a tři řádky s číselnými údaji a také rozevírací pole pro výběr jednotky (obrázek / plátno je aktuálně v pixelech nebo pixelech).

x0 a y0 inkscape exportují obraz png

První dvě hodnoty v horní části této sekce jsou „x0“ a „y0“ (zvýrazněno zeleně nahoře). Tyto hodnoty představují místo, kde se nachází dolní levá hranice nebo roh obrázku (jinými slovy počáteční souřadnice obrázku). Proměnná X vždy představuje šířku a Y vždy představuje výšku. Protože budeme exportovat celou stránku, náš obrázek začíná na souřadnicích 0 pro x a 0 pro y.

x1 a y1 inkscape exportují obraz png

Další hodnoty jsou „x1“ a „y1“ (zvýrazněno zeleně nahoře). Tyto hodnoty představují místo, kde bude umístěna horní pravá hranice nebo roh obrázku (jinými slovy koncové souřadnice dokumentu). Moje celková velikost plátna pro tuto kompozici byla 1920 pixelů o 1080 pixelů, a proto je moje x1 souřadnice 1920 a moje y1 souřadnice je 1080 (nezapomeňte, že mé stránky jsou nastaveny na pixely pomocí rozevíracího seznamu Jednotky v této sekci).

Šířka a výška inkscape export png obrazu

Poslední dvě hodnoty v této sekci jsou Šířka a Výška a odrážejí celkovou velikost oblasti exportu. Moje šířka je zobrazena jako 1920 a moje výška je 1080, protože se jedná o velikost celého plátna. PNG tedy bude mít při exportu stejnou velikost jako moje plátno.

Velikost obrazu a rozlišení inkscape exportovat png obrázek

Další část dialogu Export PNG Image je „Image Size“ (zvýrazněna zeleně nahoře). Tato sekce umožňuje nastavit celkovou šířku a výšku konečné velikosti obrazu na základě celkového rozlišení obrazu. Rozlišení je určeno tím, kolik pixelů nebo „teček“, které chcete zobrazit na každý palec vašeho obrázku (pixely a tečky jsou v podstatě to samé - jsou nejmenší jednotkou obrázku. Ačkoli dpi nebo tečky na palec, je běžně používán při práci s tiskárnami, protože tiskárny produkují tečky a pixely se běžněji používají při popisu obrázků zobrazených na počítači). Čím více pixelů nebo teček je zobrazeno v oblasti, tím vyšší bude rozlišení. Nicméně, tam je kompromis, který má vyšší rozlišení, protože to dělá vaši celkovou velikost souboru větší. Rozlišení můžete upravit pomocí pole označeného červenou šipkou na fotografii nahoře.

Zvýšení rozlišení obrazu v aplikaci Inkscape

Tak například, pokud vím, že potřebuju, aby můj obraz měl konečné rozlišení 300 dpi (tečky na palec), můžu nastavit rozlišení zadáním “300” v poli dpi (červená šipka). Pokud narazím na kartu, zjistíte, že se šířka a výška obrazu náhle změní (zvýrazněná zelená plocha). Vzhledem k tomu, že jsem zvětšil rozlišení z 96 na 300, obraz bude nyní obraz s vyšším rozlišením (více bodů se zobrazí na každém palci obrazu). Výsledkem je, že moje celková velikost obrázku je nyní mnohem větší (moje šířka a výška šla z 1920 × 1080 na 6000 × 3375).

Snížení rozlišení obrazu v aplikaci Inkscape

Pokud na druhou stranu snížím své rozlišení zadáním „72“ do prvního pole, uvidíte, že velikost mého obrázku se zmenší na 1440 × 810. Je to proto, že teď mám obraz s nižším rozlišením, s méně tečkami zobrazenými na každý palec v mém obrazu.

Změníme hodnotu zpět na výchozí hodnotu 96 dpi.

Část Název souboru Export PNG Image Dialogue

Pod oddílem Velikost obrázku je možnost nastavit název souboru, který chcete exportovat jako obrázek, a také umístění v počítači, kam jej chcete exportovat (zvýrazněno zeleně). Exportuje soubor do posledního umístění, které jste použili k uložení jakéhokoli jiného souboru v aplikaci Inkscape, nebo co je výchozí umístění, které je aktuálně nastaveno ve vašem Inkscape, pokud jste soubor ještě neuložili.

Chcete-li změnit název souboru nebo místo, kam se exportuje, klepněte na tlačítko „Exportovat jako“ (červená šipka na fotografii nahoře).

Inkscape File Explorer Export do PNG

Zde se dostanete do Průzkumníka souborů nebo do vyhledávacího okna (v závislosti na používaném operačním systému), kde můžete v počítači vyhledávat umístění souboru, do kterého chcete soubor uložit. V mém případě jsem na své jednotce (D :), ve složce s názvem „Photos“ a v jiné složce s názvem „Inkscape Photos“ (můžete vidět celou složku ve zvýrazněné zelené oblasti na obrázku výše).

Exportoval jsem tento soubor před použitím názvu „Phone Isometric Design Gen 3.png“, proto se název souboru zobrazí jako výchozí (červená šipka). Změním název na „Izometrický design telefonu bez pozadí“.

Uložit jako typ Soubor Export Inkscape Tutorial

Pokud kliknu na rozbalovací nabídku „Uložit jako typ“, bude jedinou dostupnou možností „PNG“. Inkscape exportuje pouze do PNG. Pokud potřebujete exportovat něco jako soubor JPEG nebo jiný typ souboru, budete muset soubor exportovat do souboru PNG ze služby Inkscape a poté otevřít další program, jako je například GIMP (další úžasný volný program, který mám stovky cvičení pro) a export do jakéhokoliv typu souboru, který chcete.

Jakmile jsem připraven k exportu, kliknu na tlačítko „Uložit“.

Inkscape Export do PNG tlačítka

Ale počkej! Ještě jste se neskončili - je ještě jeden důležitý krok před tím, než je obrázek skutečně exportován. Chcete-li soubor skutečně exportovat (červená šipka na obrázku výše), musíte kliknout na tlačítko označené „Export“ se zeleným znakem zaškrtnutí. Pokud na toto tlačítko nekliknete, soubor nebude exportován. Po kliknutí na toto tlačítko bude nyní soubor SVG exportován do souboru PNG.

Poznámka: Pokud zaškrtnete volbu „Zavřít při dokončení“ vlevo od tlačítka Export (na obrázku nahoře nastíněno modře), dialogové okno Exportovat obrázek PNG se zavře po dokončení exportu.

2. Export výkresu do obrázku PNG

Poslední sekce se zabývala možností exportovat celou stránku do souboru PNG, ale co když chcete pouze exportovat výkres na stránce, a ne prázdné místo kolem něj?

Výkresová oblast v Inkscape

No, druhá záložka v sekci Export Area vám umožňuje to udělat jen tak. Poté, co přejdete do File> Export PNG Image, zobrazí se dialogové okno Export PNG Image (Exportovat obrázek PNG) (za předpokladu, že jej již nemáte otevřený již v předchozím kroku), můžete kliknout na záložku „Drawing“ v sekci Export Area (červená šipka).

Tato volba bude exportovat pouze oblast našeho obrázku, která obsahuje výkres. Takže v tomto případě bude exportovat pouze oblast, která má v telefonu design. Všechny prázdné mezery mezi designem telefonu a ohraničením plátna nepovedou ke konečnému exportovanému PNG. To se odráží v našich hodnotách pro naše souřadnice obrazu, které se nyní změnily ve srovnání s tím, co byly v nastavení „Page“.

x0 a y0 kreslí oblast exportu inkscape

Moje hodnota x0 je nyní 317.278 pixelů a moje hodnota y0 je 121.273 pixelů (zvýrazněna zeleně). Toto je nové umístění levého dolního rohu obrázku (nebo počáteční souřadnice).

x1 a y1 kreslí oblast exportu inkscape

Hodnota x1 je nyní 1602.722 pixelů a hodnota y1 je 911.076. Toto je nové umístění pravého horního rohu obrázku (nebo koncových souřadnic).

šířka a výška výkresu export oblast inkscape

Moje oblast exportu obrázků tedy již nebude pokrývat celou délku mého plátna (1920 × 1080 pixelů). Bude menší, protože se zbaví prázdného prostoru kolem výkresu. Potvrzuje to nová Šířka a Výška (zelená). Moje šířka je nyní 1285.444 a moje nová výška je nyní 789.803 (obě hodnoty v pixelech).

Velikost obrázku výkresu export oblast inkscape

V části Velikost obrázku (na obrázku nahoře nastíněné zeleně) mohu ještě jednou změnit rozlišení mého obrazu, což buď zvýší nebo sníží konečnou šířku a výšku exportu PNG. Šířka a výška se zobrazují jako 1285 × 790 pixelů, protože hodnoty z předchozí části byly zaokrouhleny. Inkscape nemůže exportovat zlomek pixelu, takže hodnoty musí být zaokrouhleny na nejbližší celé číslo.

Export Jako oblast exportu výkresu inkscape

Když jste připraveni exportovat výkres, můžete znovu kliknout na možnost „Exportovat jako“ (červená šipka) a změnit název souboru a umístění (změnil jsem název souboru na „Izometrické kreslení telefonu“) a poté klikněte na tlačítko „Exportovat“. export SVG do PNG (modrá šipka).

Izometrické Telefon Kreslení

Nahoře je finální exportovaný výkres. Pokud zvýrazníte fotografii myší, zjistíte, že hranice obrázku končí tam, kde končí kresba (poznámka: pro tento článek byla zmenšena o něco méně).

3. Exportovat výběr do PNG

Kromě exportu celé kompozice a exportu pouze výkresu můžete také zúžit exportovanou oblast pouze na výběr.

Výběr Export Oblast Inkscape 2019

Řekněme hypoteticky, že chci exportovat pouze přední stranu svého telefonu. Můžu chytit nástroj pro výběr z mého panelu nástrojů (červená šipka na fotografii nahoře) a poté kliknout na všechny prvky, které chci vybrat k exportu (kliknul jsem na všechny tvary, které tvoří přední stranu telefonu) . Když jsou všechny tyto prvky vybrány, uvidíte, že v dialogovém okně Exportovat PNG obrázek se karta Export Area automaticky změnila na kartu „Selection“ (zelená šipka na fotografii).

Výběr Exportovat Export SVG do PNG Inkscape

Moje počáteční a koncové souřadnice nyní odrážejí počáteční a koncový bod mých vybraných oblastí a Šířka a Výška mého obrázku se změnila tak, aby odpovídala rozměrům této oblasti (na fotografii nahoře nastíněné zeleně).

Znovu mohu změnit rozlišení mého obrazu v části Velikost obrázku (načrtnuté červeně), která zvýší nebo sníží celkovou velikost obrazu v závislosti na nastaveném rozlišení.



Můžu také změnit název svého souboru (tentokrát jsem změnil na „Isometric Phone Front Face“) a místo, kde ho chci uložit pomocí tlačítka Export As v části Název souboru (nastíněno modře) a poté klikněte na tlačítko „Export ”Exportovat výběr do PNG. Je zde také několik dalších možností, které stojí za zmínku. Nejdříve mohu "Dávkový export" objektů, které jsem vybral, což znamená, že každý objekt bude exportován jako samostatný PNG. Pod tím mám možnost „Skrýt vše kromě vybraných“, což znamená, že to, co jsem nevybral, se ve finální kompozici nezobrazí. Pokud tuto možnost nezaškrtám, budou položky, které jsem nevybral, zobrazeny tak dlouho, dokud se vejdou do oblasti snímku, do které exportuji.

Skryté a skryté oblasti výběru

Nahoře jsou dva rozdílné výsledky exportu výběru - vlevo je výsledek s volbou „Skrýt vše kromě výběru“ nezaškrtnutou a výsledek vpravo je s touto volbou zaškrtnut.

4. Exportovat vlastní oblast do PNG

Poslední sekce v dialogovém okně Export do obrázku PNG je možnost exportovat vlastní oblast kompozice. Zde platí všechna stejná pravidla z ostatních nastavení (x0 a y0 jsou vaše počáteční souřadnice, x1 a y1 jsou vaše koncové souřadnice a šířka a výška bude celková velikost kompozice).

Hlavní rozdíl zde spočívá v tom, že oblast, kterou nastavíte pomocí těchto hodnot, bude exportována do oblasti - bez ohledu na to, zda je v této oblasti kresba. Takže je to skoro jako nastavení oříznutí, protože ořezáváte cokoliv mimo nastavené hodnoty.

Vlastní exportní oblast 2019 Inkscape Tutorial

Pro demonstraci tohoto nastavení v akci nastavím hodnoty x0 a y0 na 250 a hodnoty x1 a y1 na 1250. Tím se vytvoří obraz s šířkou a výškou pixelů 1000. Změním název obrázku na „Isometric Phone Custom Area“ a kliknu na „Export“.

izometrické telefonu vlastní oblasti

Moje finální kompozice bude 1000 x 1000 pixelový čtverec, s částmi designu cutoff všude, kde byl design mimo export.

To je pro tento návod! Pokud se vám to líbilo, můžete se podívat na některý z mých dalších Články nápovědy Inkscape, Inkscape Video Návodynebo Návody GIMP.

Odebírejte náš GIMP Newsletter

Připojte se do našeho mailing listu a získejte nové návody, aktualizace kurzů GIMP a nejnovější zprávy.

Úspěšně jste přihlášeni k odběru!

Pin It na Pinterest

sdílet Tato