Как сделать прозрачный фон в Inkscape из светонепроницаемого

Пришло время уделять больше внимания векторной графики и начнем с решения часто встречающейся задачи: «Как сделать прозрачный фон в Inkscape?».

В сети явно наметилась тенденция использовать веб-формат svg более активно. В частности, некоторое время назад Яндекс стал настоятельно рекомендовать использовать изображение favicon именно этого формата.

Ниже демонстрируются несколько вариантов устранения видимого фона векторного графического элемента с помощью бесплатного редактора Inkscape. Рассматриваются проверенные на практике редакции 1.1 и 1.2 в средах Windows 7 и 11 соответственно. Существуют некоторые отличия в интерфейсах.

По адресу - inkscape.org/ru/release/inkscape-1.4/ официального сайта можно найти и скачать новейшую версию или прошлых периодов.

Inkscape 1.2

Рассматриваются 3 способа решения данной задачи, но предварительно осуществляется установка исходного состояния интерфейса, что индивидуально, как и пути решения других поставленных задач. Для упрощения ситуации остановимся на варианте исходного состояния, где нет ничего лишнего.

Предполагается, что уважаемый посетитель имеет минимальный опыт общения с этим редактором, сможет его запустить и сделать у себя на ПК подобную картинку самостоятельно.

Основные зоны элементов интерфейса:

1. страница документа (холст);
2. инструменты действий;
3. панель перемещений;
4. инструменты рисования;
5. мерные линейки;
6. прокрутка страницы;
7. допустимые цвета;
8. состояние документа;
9. основное меню.

Настройка рабочего пространства

С целью решения рассматриваемой здесь задачи предлагается совершить действия:

1. Файл (1) → Свойства документа, появится окно особенностей (10) редактируемого изображения;
2. Слой (2) или Объект (3) → Layers and Objects...;
3. Объект (3) → Заливка и обводка... ;
4. Файл (1) → Открыть → выбрать компонент формата .svg → Открыть.

Как сделать прозрачный фон в Inkscape, не удаляя его

1. Помечаем левой кнопкой выбранный фон → Fill and Stroke (5), изменится окно (10) → нажимая в нижней его части на знак «-» доводим свойство Непрозрачность (%) до 0.0, в результате фон станет невидимым.

2. Document Properties (6) → Resize to content (8). Результат - страница окажется размером с картинку + фон, ставшим прозрачным.

3. Сохраняем: Файл (1) → Сохранить как... . Далее закрываем: Файл (1) → Закрыть.

Примечание

Полезно уметь отменять совершенные действия со слоями: Правка (9) → Отменить.

Сделать фон прозрачным с возможностью восстановления

1. Помечаем левой кнопкой нужный фон → Layers and Objects (7) → Слой … → наводим курсор на нужный объект, справа появятся два значка, один из них имитация глаза → нажимаем и делаем его прозрачным.

2. Дальнейшие шаги точно соответствуют п.п. 2, 3 предшествующего способа.

Убрать фон изображения окончательно

1. Левой кнопкой просто стягиваем фон ... , а правой кнопкой нажимаем на него, откроется список → выбираем Delete (Удалить).

2. Поступаем аналогично пунктам 2, 3 первого способа. Только теперь страница станет размером с само изображение.

Inkscape 1.1

С целью сокращения объема статьи ниже находится видео-ролик с описанием аналогичного процесса в Inkscape 1.2.

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

⚬ ⚬ ⚬

Таким образом было продемонстрировано три способа, как сделать прозрачный фон в Inkscape из существующего или удалить его, что не представляет большого труда. Возможно даже проще, чем в GIMP.

Это неудивительно, ведь внесение изменений в векторные графические элементы осуществляется благодаря редактированию формул графических элементов, а не пикселей, как в растровых.

Можно сделать вывод - формат svg имеет хорошие перспективы применения в веб-строительстве, включая демонстрацию работы с прозрачными слоями.