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 znamená Portable Network Graphics a „obsahuje bitmapu indexovaných barev a používá bezztrátovou kompresi, podobně jako soubor .GIF, ale bez omezení autorských práv. Soubory PNG se běžně používají k ukládání grafiky pro webové obrázky. “ (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žít PNG, vám Inkscape umožňuje snadno exportovat do tohoto typu souboru, pokud budete někdy potřebovat. Zde je návod.

Izometrické telefon Design pozadí skryté

U tohoto článku budu používat moje 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 vytvořit plátno Inkscape jako kreslicí plátno aplikace Adobe Illustrator, 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 přejít do nabídky Soubor> Exportovat obrázek PNG (červená šipka na obrázku výše).

Export dialogového okna PNG Image Inkscape

Tím se vyvolá dialog Export PNG Image na pravé straně mého plátna (na fotografii zvýrazněn červeně). Moje první možnost je vybrat kartu v části „Exportní oblast“, ze které si můžete vybrat ze čtyř různých nastavení. Pokud chci exportovat vše uvnitř okraje mého plátna (tedy v podstatě celé kompozice), zvolím možnost Exportní oblast „Stránka“ (zelená šipka). V této části uvidíte dva sloupce a tři řádky s číselnými údaji a také rozevírací pole pro výběr jednotky (můj 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 části jsou „x0“ a „y0“ (výše zvýrazněné zeleně). Tyto hodnoty představují místo, kde bude umístěna levá dolní 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“ (výše zvýrazněné zeleně). Tyto hodnoty představují místo, kde bude umístěna pravá horní hranice nebo roh obrázku (jinými slovy koncové souřadnice dokumentu). Moje celková velikost plátna pro tuto kompozici byla 1920 pixelů na 1080 pixelů, takže moje souřadnice x1 je 1920 a moje souřadnice y1 je 1080 (pamatujte, že moje stránky jsou nastaveny na pixely pomocí rozbalovací nabídky Jednotky v této části).

Šíř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í dialogového okna Exportovat obrázek PNG je „Velikost obrázku“ (zvýrazněna zeleně výše). Tato část umožňuje upravit celkovou šířku a výšku vaší konečné velikosti obrazu na základě celkového rozlišení obrázku. Rozlišení je určeno tím, kolik pixelů nebo „teček“ chcete zobrazit na každý palec obrázku (pixely a tečky jsou v podstatě to samé - jsou to nejmenší jednotky obrázku. I když dpi neboli Dots Per Inch, se běžně používá 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 v počítači). Čím více pixelů nebo bodů v oblasti zobrazíte, tím vyšší bude obrázek. Existuje však kompromis s vyšším rozlišením, protože zvětšuje vaši celkovou velikost souboru. Rozlišení můžete upravit pomocí pole označeného červenou šipkou na fotografii výše.

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

Pokud například vím, že potřebuji, aby měl můj obraz konečné rozlišení 300 dpi (bodů na palec), mohu nastavit rozlišení zadáním „300“ do pole dpi (červená šipka). Pokud stisknu klávesu Tab, všimnete si, že se moje šířka a výška obrázku náhle změní (zvýrazněná zelená oblast). Protože jsem zvýšil rozlišení z 96 na 300, bude nyní obrázek obraz s vyšším rozlišením (více bodů se zobrazí v každém centimetru obrazu). Výsledkem je, že moje celková velikost obrazu 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 naopak snížím rozlišení zadáním „72“ do prvního pole dpi, uvidíte, že velikost mého obrázku se zmenší na 1440 × 810. Je to proto, že nyní mám obrázek s nižším rozlišením a s méně tečkami zobrazenými na každý palec v mém obrázku.

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

Část Název souboru Export PNG Image Dialogue

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

Chcete-li změnit název souboru nebo místo exportu, klikněte na tlačítko „Exportovat jako“ (červená šipka na fotografii výše).

Inkscape File Explorer Export do PNG

Zde budete přesměrováni do okna průzkumníka souborů nebo vyhledávače (podle toho, jaký operační systém používáte), kde můžete ve svém počítači vyhledat umístění souboru, do kterého chcete soubor uložit. V mém případě jsem na svém disku (D :) ve složce s názvem „Photos“ a v jiné složce s názvem „Inkscape Photos“ (celé umístění složky je vidět ve zvýrazněné zelené oblasti na obrázku výše).

Tento soubor jsem exportoval před použitím názvu „Phone Isometric Design Gen 3.png“, proto se moje jméno ve výchozím nastavení zobrazuje takto (č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 jako jediná dostupná možnost „PNG“. Inkscape exportuje pouze do PNG. Pokud potřebujete exportovat něco jako soubor JPEG nebo jiný typ souboru, budete muset exportovat soubor do PNG z Inkscape a poté otevřít jiný program jako GIMP (další úžasný volný program, který mám stovky cvičení pro) a export do jakéhokoliv typu souboru, který chcete.

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

Inkscape Export do PNG tlačítka

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

Poznámka: Pokud zaškrtnete možnost „Zavřít po dokončení“ nalevo od tlačítka Export (na fotografii nahoře označená modře), po dokončení exportu se dialogové okno Exportovat obrázek PNG zavře.

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

Druhá záložka v části Exportní oblast vám umožňuje právě to. Po přechodu na Soubor> Exportovat obrázek PNG vyvolejte dialogové okno Exportovat obrázek PNG (za předpokladu, že jej již nemáte otevřený z předchozího kroku), můžete kliknout na záložku označenou „Kreslení“ v části Exportní oblast (červená šipka).

Tato možnost exportuje pouze oblast našeho obrázku, která obsahuje výkres. V tomto případě tedy exportuje pouze oblast, která má design telefonu. Všechno prázdné místo mezi designem telefonu a hranicí plátna se nedostane do konečného exportovaného PNG. To se odráží v našich hodnotách našich obrazových souřadnic, které se nyní změnily ve srovnání s hodnotami v nastavení „Stránka“.

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

Takže moje oblast exportu obrázků již nebude pokrývat celou délku mého plátna (1920 × 1080 pixelů). Bude menší, protože se zbavuje prázdného prostoru kolem výkresu. To potvrzuje nová šířka a výška (vyznačené 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 vyznačené zeleně) mohu znovu změnit rozlišení mého obrázku, což buď zvýší nebo sníží konečnou Šířku a Výška exportního 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ý výkres telefonu“), poté klikněte na tlačítko „Exportovat“ exportovat 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 tedy hypoteticky, že chci exportovat pouze přední stranu telefonu. Mohu chytit nástroj pro výběr ze své sady nástrojů (červená šipka na fotografii nahoře), pak kliknout se stisknutou klávesou Shift na všechny prvky, které chci vybrat k exportu (klikl jsem na všechny tvary, které tvoří přední stranu telefonu) . Po výběru všech těchto prvků nyní uvidíte, že v dialogovém okně Exportovat obrázek PNG se karta Exportní oblast automaticky změnila na kartu „Výběr“ (na fotografii zelená šipka).

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 ho změnil na „Izometrický přední obličej telefonu“) a umístění, kam ho chci uložit, pomocí tlačítka Exportovat jako v části Název souboru (vyznačeno modře), poté kliknout na „Exportovat „Exportovat výběr do PNG. Zde je také několik dalších možností, které stojí za zmínku. Nejprve mohu „Dávkově exportovat“ objekty, 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šechny kromě vybraných“, což znamená, že cokoli, co jsem nevybral, se v konečné kompozici neobjeví. Pokud tuto možnost nezaškrtnu, budou položky, které jsem nevybral, stále zobrazeny, pokud se vejdou do oblasti rámečku, do které exportuji.

Skryté a skryté oblasti výběru

Nahoře jsou dva různé výsledky exportu výběru - vlevo je výsledek s nezaškrtnutou možností „Skrýt vše kromě výběru“ a výsledek vpravo s touto možností zaškrtnutou.

 

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 exportovanou oblastí - bez ohledu na to, zda v této oblasti je nebo není výkres. Je to skoro jako nastavení oříznutí, protože ořezáváte cokoli mimo nastavené hodnoty.

Vlastní exportní oblast 2019 Inkscape Tutorial

K demonstraci tohoto nastavení v akci nastavím hodnoty x0 a y0 na 250 a hodnoty x1 a y1 na 1250. Tím se vytvoří obrázek s šířkou a výškou 1000 pixelů. Změním název obrázku na „Vlastní oblast izometrického telefonu“ a kliknu na „Exportovat“.

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 tutoriál! Pokud se vám to líbilo, můžete se podívat na kteroukoli z mých ostatních Články nápovědy Inkscape, Inkscape Video Návodynebo Návody GIMP.

Přihlaste se k odběru zpravodaje DMD

Přihlaste se k odběru zpravodaje DMD

Zaregistrujte se a získejte nové výukové programy, aktualizace kurzů a nejnovější zprávy o vašem oblíbeném open source softwaru!

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

Pin It na Pinterest

sdílet Tato