{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://openarts.ru/#website","url":"https://openarts.ru/","name":"OpenArts","publisher":{"@id":"https://openarts.ru/#person"},"potentialAction":{"@type":"SearchAction","target":"https://openarts.ru/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://openarts.ru/inkscape-vector-to-pixel/#webpage","url":"https://openarts.ru/inkscape-vector-to-pixel/","inLanguage":"ru-RU","name":"\u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0430\u0446\u0438\u044f \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432 \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442 | OpenArts","isPartOf":{"@id":"https://openarts.ru/#website"},"image":{"@type":"ImageObject","@id":"https://openarts.ru/inkscape-vector-to-pixel/#primaryimage","url":"https://openarts.ru/media/inkscape-vector-to-pixel-00.png","caption":""},"primaryImageOfPage":{"@id":"https://openarts.ru/inkscape-vector-to-pixel/#primaryimage"},"datePublished":"2015-02-05T07:00:03+00:00","dateModified":"2018-05-23T08:39:43+00:00","description":"\u0421\u0440\u0435\u0434\u0438 \u043d\u043e\u0432\u044b\u0445 \u0444\u0438\u0448\u0435\u043a \u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0445 \u0432\u0435\u0440\u0441\u0438\u044f\u0445 Inkscape \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0449\u0438\u0439 \u0432 \u0441\u0442\u0438\u043b\u0435 \u0440\u0435\u0442\u0440\u043e \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442.","breadcrumb":{"@id":"https://openarts.ru/inkscape-vector-to-pixel/#breadcrumb"}},{"@type":"BreadcrumbList","@id":"https://openarts.ru/inkscape-vector-to-pixel/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"WebPage","@id":"https://openarts.ru/","url":"https://openarts.ru/","name":""}},{"@type":"ListItem","position":2,"item":{"@type":"WebPage","@id":"https://openarts.ru/tutorials/","url":"https://openarts.ru/tutorials/","name":"\u0423\u0440\u043e\u043a\u0438"}},{"@type":"ListItem","position":3,"item":{"@type":"WebPage","@id":"https://openarts.ru/tutorials/inkscape/","url":"https://openarts.ru/tutorials/inkscape/","name":"\u0423\u0440\u043e\u043a\u0438 Inkscape"}},{"@type":"ListItem","position":4,"item":{"@type":"WebPage","@id":"https://openarts.ru/inkscape-vector-to-pixel/","url":"https://openarts.ru/inkscape-vector-to-pixel/","name":"\u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0430\u0446\u0438\u044f \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432 \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442"}}]},{"@type":"Article","@id":"https://openarts.ru/inkscape-vector-to-pixel/#article","isPartOf":{"@id":"https://openarts.ru/inkscape-vector-to-pixel/#webpage"},"author":{"@id":"https://openarts.ru/author/zhart/#author","name":"zhart"},"publisher":{"@id":"https://openarts.ru/#person"},"headline":"\u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0430\u0446\u0438\u044f \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432 \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442","datePublished":"2015-02-05T07:00:03+00:00","dateModified":"2018-05-23T08:39:43+00:00","commentCount":0,"mainEntityOfPage":"https://openarts.ru/inkscape-vector-to-pixel/#webpage","image":{"@id":"https://openarts.ru/inkscape-vector-to-pixel/#primaryimage"},"keywords":"inkscape,\u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442","articleSection":"\u0423\u0440\u043e\u043a\u0438 Inkscape"},{"@type":"Person","@id":"https://openarts.ru/author/zhart/#author","name":"zhart","image":{"@type":"ImageObject","@id":"https://openarts.ru/#personlogo","url":"https://secure.gravatar.com/avatar/48486e993558dbe6edce1f9dd6d1687e?s=96&d=wavatar&r=g","caption":"zhart"},"sameAs":[]}]}

Конвертация векторного изображения в пиксель-арт

Среди новых фишек в последних версиях Inkscape появилась возможность преобразования векторного изображения в выглядящий в стиле ретро пиксель-арт. Давайте изучим эту возможность.

Конвертация векторного изображения в пиксель-арт в Inkscape
1

Для примера нам нужна простая картинка. Для ее подбора мы можем воспользоваться импортированием из открытой библиотеки openclipart.org, доступным прямо из интерфейса Inkscape. Выберите в меню File → Import Clip Art… и в открывшемся окошке подберите что-нибудь подходящее. Я выбрал изображение маленького грузовичка с минимумом цветов и в изометрической проекции.

Импорт картинки из открытой библиотеки openclipart
2

Объекты в импортированном изображении оказались объединены в группу. Однако фильтр, который мы будем использовать, работает только с отдельными объектами. Поэтому разгруппируйте их нажатием на Ctrl+U (либо Ctrl+Shift+G). После этого выделите все объекты и выберите в меню Filters → Pixel tools → Pixellize.

Разгруппировка и пикселизация в Inkscape
3

Вы можете заметить, что границы всех объектов приобрели теперь ступенчатый вид. Обратите внимание, что этот эффект меняется в зависимости от размера изображения. Вы можете попробовать поменять масштаб и увидеть разницу. Тот же эффект (зависимости от размера) будет наблюдаться при экспорте изображения в PNG-формат.

Изменение ступенчатости картинки в Inkscape в зависимости от масштаба
4

На изображении ниже вы можете видеть сравнение оригинального векторного изображения и его «пикселизированного» варианта (в чуть увеличенном масштабе для лучшей наглядности).

Сравнение оригинального векторного изображения и его пикселизированного в Inkscape варианта
5

Думаю, вы поняли, как добиться разной степени пикселизации. Экспортируйте изображение меньшего размера для большей пикселизации, и большего размера — для меньшей пикселизации. На изображении ниже слева показан реальный результат пикселизации, а справа — тот же результат, но увеличенный в программе просмотра изображений.

Варианты пикселизации в Inkscape при разном масштабе

Кстати, при желании вы можете добиться обратного эффекта — сконвертировать пиксель-арт в векторную графику.


Оставить комментарий

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *