Как сделать фон SVG прозрачным в Inkscape
Автор Logos By Nickin Inkscape, Open Source, Tutorials
В этом уроке я покажу, как сделать фон SVG прозрачным в Inkscape. Это можно сделать, просто поставив галочку в меню «Свойства документа».
Формат SVG
Масштабируемая векторная графика (сокращенно SVG) — это собственный формат файлов, на котором работает Inkscape. Всякий раз, когда вы открываете новый холст Inkscape, вы работаете с файлом SVG в среде SVG, и это формат, в котором вам нужно сохранить документ, как если бы вы хотели иметь возможность редактировать его позже.
Создание прозрачного фона SVG
Когда вы открываете Inkscape, вы можете быть сбиты с толку, увидев, что фон холста по умолчанию белый. фон, на самом деле это прозрачный фон. Они просто сделали его белым, потому что им нужно было заполнить его чем-то . Однако, если бы вы экспортировали что-либо из своего документа в формат PNG, вы бы ясно увидели, что фон прозрачный.
Если вы хотите сделать фон SVG прозрачным в том смысле, что он отображает шаблон шахматной доски в оттенках серого (как это делают GIMP и другие приложения) вместо белого, вы можете сделать это, перейдя к Файл > Свойства документа и отметив галочкой поле с надписью Фон шахматной доски .
После установки галочки фон вашей шахматной доски должен отображаться в Inkscape в режиме реального времени…
Ваш фон SVG будет не более (или менее) прозрачным, чем он был раньше, когда он был заполнен белым. Это просто изменяет отображение, что может быть очень полезно, если вы работаете с большим количеством белых объектов.
Заливка фона цветом
Наконец, если вы хотите, чтобы фон вашего SVG имел цветовую заливку, это также можно сделать через меню Свойства документа . Просто нажмите на белую полосу, расположенную рядом с надписью Цвет фона . На экране появится селектор цвета.
Важно отметить, что ваш фон SVG останется прозрачным, несмотря на заливку цветом, пока столбец A (который представляет прозрачность цвета) остается равным 0 . Если вы хотите, чтобы документ действительно имел этот цвет фона (даже при экспорте), вы можете увеличить этот столбец с 0 до 100 .
И этого достаточно для работы с фоном в Inkscape. Если у вас есть какие-либо вопросы, которые не были рассмотрены в этом посте, просто оставьте комментарий ниже, и я отвечу, если смогу помочь.
Изучите программное обеспечение
Хотите узнать все, что нужно знать о ваших любимых дизайнерских приложениях? Посетите наши интерактивные видеокурсы и частное сообщество, чтобы получить помощь, когда она вам понадобится!
|
| ||||
|
|
Этот пост может содержать партнерские ссылки. Прочитайте информацию об аффилированных лицах здесь.
Последние публикации
ссылка на Полное руководство по рисованию линий в InkscapeПолное руководство по рисованию линий в Inkscape
Рисование линий — один из самых фундаментальных аспектов векторного дизайна, и в этом уроке мы рассмотрим все различные способы рисования линий в Inkscape. Если вы ищете…
Подробнее
ссылка на Как вращаться вокруг точки в Adobe IllustratorКак вращаться вокруг точки в Adobe Illustrator
В этом уроке мы рассмотрим, как можно вращать объект вокруг точки с помощью Adobe Иллюстратор. По умолчанию Illustrator вращает объекты вокруг их центральной точки. Если вы хотите…
Подробнее
SVG в фоновом режиме CSS | Могу ли я использовать… Таблицы поддержки для HTML5, CSS3 и т. д.
Могу ли я использовать Поиск ?SVG в фонах CSS
— CRГлобальное использование
97,47% + 0,97% «=» 98,44%
Метод использования изображений SVG в качестве фона CSS
Chrome
- 4: частичная поддержка
- 5–113: поддерживается
- 114: поддерживается 04% — Supported»> 115–117 : Поддерживается
Edge
- 12–15: частичная поддержка
- 16–113: поддерживается
- 114: поддерживается
Safari
- 3.1: не поддерживается
- 3,2–4: частичная поддержка
- 5–16,4: поддерживается
- 16.5: Поддерживается
- 16.6 — TP: Поддерживается
Firefox
- 2 — 3.6: Не поддерживается
- 4 — 23: Частичная поддержка
- 24 — 114: Поддерживается 01% — Supported»> 115: Поддерживается
- 116–117: Поддерживается
Opera
- 9: не поддерживается
- 9,5–99: поддерживается
- 100: поддерживается
IE
- 5.5–8: не поддерживается
- 9–10: поддерживается
- 11: поддерживается
Chrome для Android
- 114: поддерживается
Safari на iOS
- 3.2–4.1: частичная поддержка
- 4.2–16.4: поддерживается 9028 4 16,5: Поддерживается
- 16,6 — 17: Поддерживается