Inkscape по подразбиране използва filetype .SVG, което означава Scalable Vector Graphics. Този тип файл запазва редактируеми обекти и слоеве, които създавате във вашите композиции, като по този начин ви позволява да отворите отново файла по-късно и да продължите да редактирате оригиналните елементи на композициите си.

Въпреки това, има много случаи, в които искате да експортирате файловете си като друг тип файл, например PNG, за да направите композициите си по-достъпни или по-лесни за отваряне на устройство (за хора, които не използват Inkscape). Може също да искате да качите дизайна си на уебсайт или принтерът може да предпочете PNG файл в SVG файл.

PNG означава Portable Network Graphics и „съдържа растерна карта на индексираните цветове и използва компресия без загуби, подобно на .GIF файл, но без ограничения на авторските права. PNG файловете обикновено се използват за съхраняване на графики за уеб изображения. " (Според FileInfo.com). PNG обикновено са малко по-качествени от JPEG, въпреки че често са малко по-големи в размера на файла. PNG също поддържат графики, които съдържат прозрачен фон (докато JPEG не).

Каквато и да е причината, поради която искате да използвате PNG, Inkscape ви позволява лесно да експортирате към този тип файлове, ако някога ви се наложи. Ето как.

Изометричен телефон дизайн фон скрити

За тази статия ще използвам моя Изометричен дизайн на телефона, който създадох в последния видеоурок на Inkscape, Скрих фоновия си слой в слоевия панел (обозначен с червената стрелка на снимката по-горе), а също така направих и платно на фона на шахматна дъска, така че да можете да видите къде е прозрачната композиция (препоръчвам ви да проверя ръководството си на Как да направите вашето платно Inkscape да изглежда като Artboard на Adobe Illustrator, където преглеждам настройките на вашите документи).

1. Експортиране на страница в PNG изображение

Експортиране на файл

След като всичко е настроено и готово за експортиране, мога да отида на File> Export PNG Image (червена стрелка в изображението по-горе).

Експортиране на диалогов прозорец за PNG изображение Inkscape

Това ще отвори диалоговия прозорец за експортиране на PNG изображение от дясната страна на моето платно (подчертано в червено на снимката). Първата ми опция е да избера раздел под „Експортиране на зона“ с четири различни настройки, от които да избирате. Ако искам да експортирам всичко вътре в границата на моето платно (така че по същество цялата композиция), ще избера опцията за експортиране на страницата (зелена стрелка). В този раздел ще видите две колони и три реда с цифрови данни, както и падащо поле за избор на единица (моето изображение / платно в момента е в px или пиксели).

x0 и y0 inkscape експортиране на png изображение

Първите две стойности в горната част на този раздел са „x0“ и „y0“ (маркирани в зелено по-горе). Тези стойности представляват къде ще се намира долната лява граница или ъгъл на вашето изображение (с други думи, началните координати на вашето изображение). Променливата X винаги представлява ширината, а Y винаги представлява височината. Тъй като ще експортираме цялата страница, изображението ни започва от координатите 0 за x и 0 за y.

x1 и y1 inkscape експортиране на png изображение

Следващите стойности са „x1“ и „y1“ (маркирани в зелено по-горе). Тези стойности представляват къде ще се намира горната дясна граница или ъгъл на вашето изображение (с други думи, крайните координати на вашия документ). Общият ми размер на платно за тази композиция беше 1920 пиксела на 1080 пиксела, така че моята x1 координата е 1920 и моята y1 координата е 1080 (не забравяйте, че моите страници са настроени на пиксели чрез падащото меню Units в този раздел).

Ширина и височина inkscape експортиране на png изображение

Последните две стойности в този раздел са Ширина и Височина и отразяват общия размер на моята зона за износ. Моята ширина се показва като 1920 и моята Height е 1080, защото това е размерът на цялото ми платно. Така че PNG ще бъде със същия размер като моето платно при експортиране.

Размер на изображението и резолюция inkscape експортиране на png изображение

Следващият раздел на диалога за експортиране на PNG изображение е „Размер на изображението“ (маркиран в зелено по-горе). Този раздел ви позволява да регулирате общата ширина и височина на крайния размер на изображението въз основа на общата разделителна способност на изображението. Разделителната способност се определя от това колко пиксела или „точки“ искате да се показват на всеки сантиметър от вашето изображение (пикселите и точките са по същество едно и също нещо - те са най-малката единица на снимката. Въпреки че dpi или точки на инч, се използва често при работа с принтери, тъй като принтерите създават точки, а пикселите са по-често използвани при описване на изображения, показвани на компютър). Колкото повече пиксели или точки сте показали в дадена област, толкова по-висока ще бъде разделителната способност на изображението. Въпреки това има компромис с по-високата разделителна способност, тъй като увеличава общия размер на файла ви. Можете да регулирате разделителната си способност чрез полето, посочено от червената стрелка на снимката по-горе.

Увеличаване на разделителната способност на изображението в Inkscape

Така например, ако знам, че имам нужда изображението ми да има крайна разделителна способност 300 dpi (точки на инч), мога да задам разделителната способност, като напиша „300“ в dpi полето (червена стрелка). Ако натисна клавиша Tab, ще забележите, че ширината и височината на изображението ми внезапно ще се променят (маркирана зелена зона). Тъй като увеличих разделителната способност от 96 на 300, изображението вече ще бъде изображение с по-висока разделителна способност (повече точки се показват на всеки сантиметър от изображението). В резултат на това общият ми размер на изображението вече е много по-голям (ширината и височината ми се увеличиха от 1920 × 1080 до 6000 × 3375).

Намаляване на разделителната способност на изображението в Inkscape

Ако, от друга страна, намаля разделителната си способност, като напиша „72“ в първото поле за dpi, ще видите, че размерът на изображението ми ще намалее до 1440 × 810. Това е така, защото сега имам изображение с по-ниска разделителна способност, с по-малко точки, показвани на всеки инч в изображението ми.

Ще променя стойността на стойността по подразбиране на 96 dpi.

Филм Раздел Експортиране на диалог PNG изображение

Под раздела Размер на изображението има опцията да зададете името на файла, в който искате да експортирате изображението си, както и местоположението на вашия компютър, където искате да го експортирате (маркирано в зелено). Той ще експортира файла ви до последното местоположение, което сте използвали за запазване на всеки друг файл в Inkscape, или каквото и да е местоположението по подразбиране, което в момента е настроено във вашия Inkscape, ако все още не сте запазили файл.

За да промените името на вашия файл или къде се експортира, щракнете върху бутона „Експортиране като“ (червена стрелка на снимката по-горе).

Inkscape File Explorer Експортиране в PNG

Тук ще бъдете отведени до прозореца на File Explorer или Finder (в зависимост от операционната система, която използвате), където можете да търсите в компютъра си местоположение на файл, в който да запазите. В моя случай съм на моето (D :) устройство, в папка, озаглавена „Снимки“, и в друга папка, озаглавена „Inkscape Photos“ (можете да видите пълното местоположение на папката в маркираната зелена зона на изображението по-горе).

Експортирах този файл, преди да използвам името „Phone Isometric Design Gen 3.png“, поради което името на файла ми се показва като това по подразбиране (червена стрелка). Ще сменя името на „Изометричен дизайн на телефона без фон“.

Запишете като тип файл Експортиране на инкскип урок

Ако щракна върху падащото меню „Запазване като тип“, единствената налична опция ще бъде „PNG“. Inkscape експортира само в PNG. Ако трябва да експортирате в нещо като JPEG файл или друг тип файл, ще трябва да експортирате файла си в PNG от Inkscape, след което да отворите друга програма като GIMP (друга страхотна безплатна програма, която имам стотици уроци за) и износ към какъвто и да е тип файл, който искате.

След като съм готов за експортиране, щраквам върху бутона „Запазване“.

Експортиране в Inkscape в бутон PNG

Но почакай! Все още не сте приключили - има една последна важна стъпка, преди изображението ви да бъде реално експортирано. Трябва да щракнете върху бутона с етикет „Експортиране“ със зелената отметка, за да реално експортирате файла (червена стрелка на изображението по-горе). Ако не кликнете върху този бутон, файлът ви няма да бъде експортиран, След като щракна този бутон, SVG файлът ми сега ще бъде експортиран в PNG файл.

Забележка: ако поставите отметка в опцията „Затваряне при завършване“ вляво от бутона Експортиране (очертано в синьо на снимката по-горе), диалоговият прозорец Експортиране на PNG изображение ще се затвори, след като завършите експортирането си.

2. Експортиране на чертеж в PNG изображение

Последният раздел обсъжда опцията за експортиране на цялата ви страница в PNG файл, но какво ще стане, ако искате само да експортирате чертежа на страницата, а не празното пространство около него?

Рисуване на зона за експортиране в Inkscape

Е, вторият раздел в раздела Експортна зона ви позволява да направите точно това. След като отидете на File> Export PNG Image, за да отворите диалоговия прозорец Export PNG Image (ако не сте го отворили от предишната стъпка), можете да щракнете върху раздела с надпис „Чертеж“ в раздела Експортиране (червен) стрелка).

Тази опция ще експортира само областта от нашето изображение, която съдържа чертеж. Така че, в този случай той ще експортира само областта, в която има дизайн на телефона. Цялото празно пространство между дизайна на телефона и границата на платното няма да стигне до окончателно експортирания PNG. Това се отразява в нашите стойности за нашите координати на изображения, които сега са се променили в сравнение с това, което са били при настройката „Страница“.

x0 и y0 чертожна зона за експортиране inkscape

Сега стойността на x0 е 317.278 пиксела, а стойността на y0 е 121.273 пиксела (маркирана в зелено). Това е новото място за долния ляв ъгъл на изображението ми (или началните координати).

x1 и y1 чертожна зона за експортиране inkscape

Освен това стойността на x1 сега е 1602.722 пиксела, а стойността на y1 е 911.076. Това е новото място за горния десен ъгъл на изображението ми (или крайните координати).

ширина и височина рисуване износна област inkscape

И така, зоната ми за експортиране на изображения вече няма да покрива цялата дължина на моето платно (1920 × 1080 пиксела). Тя ще бъде по-малка, тъй като се освобождава от празното пространство около чертежа. Това се потвърждава от новата ширина и височина (очертани в зелено). Моята ширина сега е 1285.444, а новата ми височина вече е 789.803 (и двете стойности в пиксели).

Област на изчертаване на размера на изображението за износ inkscape

В раздела Размер на изображението (очертан в зелено на изображението по-горе) мога отново да променя разделителната способност на изображението си, което или ще увеличи, или намали окончателната ширина и височина на PNG за експортиране. Ширината и височината се показват като 1285 × 790 пиксела, тъй като стойностите от предишния раздел са закръглени. Inkscape не може да експортира част от пиксел, така че стойностите трябва да бъдат закръглени до най-близкото цяло число.

Експортиране като чертежна зона за експортиране inkscape

Когато сте готови да експортирате чертежа, можете още веднъж да щракнете върху опцията „Експортиране като“ (червена стрелка), за да промените името и местоположението на файла (промених името на файла на „Изометричен телефонен чертеж“), след което щракнете върху бутона „Експортиране“ за да експортирате SVG в PNG (синя стрелка).

Изометричен телефонен чертеж

По-горе е финализираният експорт. Ако маркирате снимката с мишката, ще забележите, че границата на изображението завършва там, където чертежа свършва (забележете: тя е намалена малко за тази статия).

3. Експортиране на селекция в PNG

Освен да експортирате цялата композиция и да експортирате само чертежа, можете също да ограничите експортираната област до селекция.

Избор на зона за експортиране Inkscape 2019

Така че, да кажем хипотетично, че искам да експортирам само предната страна на телефона си. Мога да взема инструмента за избор от кутията с инструменти (червена стрелка на снимката по-горе), след това да щракна с кликване върху всички елементи, които искам да избера за експортиране (щракнах върху всички фигури, които съставляват предната страна на телефона) . С всички тези елементи избрани, сега ще видите, че в диалоговия прозорец Експортиране на PNG изображение, раздела Експортиране на област автоматично се е променил в раздела „Избор“ (зелена стрелка на снимката).

Избор Експортиране се експортира SVG в PNG Inkscape

Моите начални и крайни координати сега отразяват началните и крайните точки на избраните от мен области, а ширината и височината на изображението ми са се променили, за да съответстват на размерите на тази област (очертани в зелено на снимката по-горе).

Мога отново да променя разделителната способност на изображението в секцията Размер на изображението (очертано в червено), което ще увеличи или намали общия размер на изображението в зависимост от зададената резолюция.



Също така мога да променя името на файла си (този път го промених на „Изометрична лицева част на телефона“) и местоположението, където искам да го запазя, като използвам бутона Експортиране като под раздела Име на файла (очертан в синьо), след което щракнете върху „Експортиране ”, За да експортирате избраното в PNG. Тук има и няколко други опции, които си струва да се споменат. Първо, мога да “Групово експортирам” обектите, които избрах, което означава, че всеки обект ще бъде експортиран като отделен PNG. Под това имам опцията „Скриване на всички с изключение на избраните“, което означава, че каквото и да не съм избрал, няма да се покаже в окончателния състав. Ако не проверя тази опция, елементите, които не съм избрал, ще продължат да се показват, стига да се поберат в областта на рамката, в която експортирам.

Скрити и неразкрити области за избор на експот

По-горе са двата различни резултата от експортирането на селекцията - вляво е резултатът с отметнато опцията „Скриване на всички, с изключение на избраното“, а резултатът вдясно е с тази опция.

 

4. Експортиране на персонализирана област в PNG

Последният раздел в диалоговия прозорец Изображение за експортиране в PNG е опцията за експортиране на персонализирана област от състава. Тук всички други правила се прилагат от другите настройки (x0 и y0 са началните координати, x1 и y1 са вашите крайни координати, а широчината и височината ще са общият размер на композицията ви).

Основната разлика тук е, че зоната, която сте задали с помощта на тези стойности, ще бъде експортираната зона - независимо дали има рисунка в тази област. Така че, това е почти като да зададете изрязване, тъй като изрязвате нещо извън зададените от вас стойности.

Персонализирано пространство за експортиране Инструкция за 2019 Inkscape

За да демонстрирам тази настройка в действие, ще задам стойностите x0 и y0 на 250, а стойностите ми x1 и y1 на 1250. Това ще създаде изображение с ширина и височина от 1000 пиксела. Ще променя името на изображението на „Изометричен телефон по избор“ и ще щракна върху „Експортиране“.

Изометрична телефонна зона по избор

Окончателният ми състав ще бъде 1000 x 1000 квадратен пиксел, с частите на прекъсването на дизайна, където дизайнът е бил извън зоната за износ.

Това е за този урок! Ако ви е харесало, можете да разгледате всеки друг Inkscape Помощ членове, Видео уроци за Inkscape, или Уроци по GIMP.

Абонирайте се за бюлетина на DMD

Абонирайте се за бюлетина на DMD

Регистрирайте се, за да получавате нови уроци, актуализации на курсове и най-новите новини за любимия си софтуер с отворен код!

Абонирахте се успешно!

Тя ПИН на Pinterest

Споделя това