Как добавить фильтры SVG

Как добавить фильтры SVG

Фильтры SVG позволяют добавить эффекты для SVG-графики и текста. К элементам других типов можно применить эффекты CSS.

    

Примеры фильтров SVG (слева изображен SVG без фильтра)

Чтобы добавить или изменить фильтр SVG, выполните следующие действия:

1. Нажмите правой кнопкой мыши на элемент SVG или текстовый элемент.
2. Выберите Добавить фильтр SVG во всплывающем меню. Если фильтр уже применен, выберите Изменить фильтр SVG.
3. В открывшемся диалоговом окне справа в меню Фильтр выберите нужный фильтр.
4. Задайте нужные настройки.
5. Нажмите Сохранить. Эти настройки будут сохранены для пользовательского фильтра.

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

Преобразование текста в формат SVG

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

В диалоговом окне Изменить фильтр SVG можно настроить следующие параметры:

• Текст.
• Размер шрифта.
• Цвет текста.

Фильтры и их настройки

Нет

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

Аура

Элемент приобретает ауру.

Настройка	Описание
Радиус (ось X)	Горизонтальный радиус ауры. Когда активна кнопка, позволяющая выбрать одинаковые значения , величина радиуса осей X и Y остается одинаковой.
Радиус (ось Y)	Вертикальный радиус ауры. Когда активна кнопка, позволяющая выбрать одинаковые значения , величина радиуса осей X и Y остается одинаковой.
Цвет	Цвет ауры.

Фаска

Делает края изогнутыми.

Настройка	Описание
Закругленность	Позволяет задать кривизну фаски.
Глубина	Позволяет задать глубину фаски.

Размытие

Придает эффект размытия.

Настройка	Описание
Масштабирование	Масштаб эффекта. Влияет на степень размытости.
Радиус (ось X)	Горизонтальный радиус размытия. Когда активна кнопка, позволяющая выбрать одинаковые значения , величина радиуса осей X и Y остается одинаковой.
Радиус (ось Y)	Вертикальный радиус размытия. Когда активна кнопка, позволяющая выбрать одинаковые значения , величина радиуса осей X и Y остается одинаковой.

Воронки

Добавляет эффект цветовых воронок.

Настройка	Описание
Масштабирование	Масштаб эффекта. Влияет на размер воронок.
Глубина	Позволяет задать глубину воронок.
Угол	Позволяет задать угол воронок.

Наплыв

Растворяет области элементов.

Настройка	Описание
Масштабирование	Масштаб эффекта. Влияет на размер растворяемых областей.
Четкость	Степень сохранения исходных краев.

Тень

Позволяет добавить тень.

Настройка	Описание
Смещение тени по оси Х	Горизонтальное смещение тени от элемента. Когда активна кнопка, позволяющая выбрать одинаковые значения , величина радиуса осей X и Y остается одинаковой.
Смещение тени по оси Y	Вертикальное смещение тени от элемента. Когда активна кнопка, позволяющая выбрать одинаковые значения , величина радиуса осей X и Y остается одинаковой.
Радиус размытия	Позволяет задать радиус размытия тени. Высокие значения увеличивают степень размытости тени.
Цвет	Позволяет выбрать цвет тени.

Свечение

Создает эффект легкого сияния.

Настройка	Описание
Масштабирование	Масштаб эффекта. Влияет на интенсивность освещения.
Высота света	Позволяет задать высоту света. Влияет на угол освещения.
Цвет	Позволяет задать цвет освещения.

Сияние

Придает сияние.

Настройка	Описание
Радиус (ось X)	Горизонтальный радиус сияния. Когда активна кнопка, позволяющая выбрать одинаковые значения , величина радиуса осей X и Y остается одинаковой.
Радиус (ось Y)	Вертикальный радиус сияния. Когда активна кнопка, позволяющая выбрать одинаковые значения , величина радиуса осей X и Y остается одинаковой.
Цвет	Позволяет задать цвет сияния.

Выпуклость

Делает элемент SVG надутым, как воздушный шар.

Настройка	Описание
Масштабирование	Масштаб эффекта. Это влияет на то, насколько трехмерным выглядит элемент.
Оттенок	Цвет светоотражающего оттенка на элементе.
Интенсивность оттенка	Интенсивность светоотражающего оттенка.
Смещение тени по оси Х	Горизонтальное смещение тени от элемента.
Смещение тени по оси Y	Вертикальное смещение тени от элемента.

Контур

Позволяет добавить контур по краям элемента SVG.

Настройка	Описание
Радиус (ось X)	Горизонтальный радиус контура. Когда активна кнопка, позволяющая выбрать одинаковые значения , величина радиуса осей X и Y остается одинаковой.
Радиус (ось Y)	Вертикальный радиус контура. Когда активна кнопка, позволяющая выбрать одинаковые значения , величина радиуса осей X и Y остается одинаковой.
Цвет	Цвет контура

Сепия

Позволяет изменить цвет на оттенок сепии.

Настройка	Описание
Яркость	Яркость элемента.

Всплеск

Придает эффект всплеска жидкости. Эффект двух разлитых жидкостей. В примере ниже "Разлив 1" – фиолетовый, а "Разлив 2" – синий.

Настройка	Описание
Масштабирование	Масштаб всего эффекта. Влияет на размер капель жидкостей.
Шаблон	Можно выбрать один из десяти шаблонов всплеска.
Яркость	Яркость элемента.
Рассеяние	Степень растворения элемента.
"Разлив 1" – масштаб	Масштаб первого эффекта разлива.
"Разлив 1" – размытие	Размытие первого эффекта разлива.
"Разлив 2" – цвет	Цвет второго эффекта разлива.
"Разлив 2" – масштаб	Масштаб второго эффекта разлива.
"Разлив 2" – размытие	Размытие второго эффекта разлива.

Текстура

Придает текстурированный эффект.

Настройка	Описание
Масштабирование	Масштаб эффекта. Влияет на размер текстурированных сегментов.
Оттенок	Цвет оттенка.
Интенсивность оттенка	Интенсивность оттенка.
Размытие	Размытие элемента.
Закругленность	Кривизна каждого сегмента текстуры.
Шаблон	Можно выбрать один из десяти шаблонов текстуры.

Искажение

Искажает элемент.

Настройка	Описание
Масштабирование	Масштаб эффекта. Влияет на размер ряби от искажения.
Искажение	Интенсивность искажения.