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 изображение от дясната страна на платно (маркиран с червено на снимката). Първата ми опция е да изберете раздела под "Експортиране", с четири различни настройки, от които да избирате. Ако искам да експортирам всичко в границата на моето платно (така, по същество, цялата композиция), ще избера опцията „Експортиране на страница“ (зелена стрелка). Ще видите две колони и три реда с цифрови данни в този раздел, както и падащо меню, за да изберете единица (моето изображение / платно в момента е в пиксел или пиксел).

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 или Dots Per Inch, обикновено се използва при работа с принтери, тъй като принтерите произвеждат точки, а пикселите са по-често използвани при описване на изображения, показвани на компютър). Колкото повече пиксели или точки са показани в дадена област, толкова по-висока разделителна способност ще бъде изображението. Въпреки това, има компромис да има по-висока резолюция, тъй като прави общия размер на файла по-голям. Можете да регулирате резолюцията си чрез кутията, посочена от червената стрелка на снимката по-горе.

Увеличаване на разделителната способност на изображението в 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

Тук ще бъдете отведени до вашия прозорец на файловия браузър или търсач (в зависимост от операционната система, която използвате), където можете да търсите в компютъра си местоположение, където да запазите файла. В моя случай аз съм на (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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

Абонирайте се за нашия бюлетин на GIMP

Присъединете се към нашия пощенски списък, за да получавате нови уроци, актуализации на курса GIMP и последните новини.

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

Тя ПИН на Pinterest

Споделя това