Фильтры заставок

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

Инструмент заставки доступен только для видеорекламы и графических объявлений.

Элементы заставки должны быть хотя бы частично прозрачными, чтобы эффект фильтра был виден на заставке. По умолчанию элементы заставки создаются с уровнем прозрачности 0,5. Чтобы настроить интенсивность эффекта фильтра, измените этот уровень.

Как добавить элемент заставки

1. Чтобы выбрать форму элемента заставки, на панели инструментов нажмите на инструмент заставки и удерживайте, пока не появится всплывающее меню:
   • Прямоугольник.
   • Овал.
   • Многоугольник.
2. Задайте дополнительные параметры для формы заставки.
   • Только для прямоугольных заставок. Задайте радиус скругленных углов на панели настроек инструмента в верхней части страницы. Чтобы установить один радиус для всех четырех углов, нажмите кнопку Сохранять пропорции .
   • Только для многоугольных заставок. Выберите нужную форму на панели настроек инструмента в верхней части страницы. Чтобы самостоятельно нарисовать нужную фигуру, выберите пункт Свободная форма. Если вы выберете пункт Правильный многоугольник, укажите необходимое число его сторон.
3. Нарисуйте элемент заставки.
   • Чтобы у элемента сохранялись одинаковые высота и ширина, при рисовании удерживайте клавишу Shift. Такое использование клавиши Shift не поддерживается для элементов свободной формы и определенных фигур с заранее заданными настройками, стороны которых всегда остаются одинаковой длины: треугольника, ромба, пятиугольника, шестиугольника и звезды.
   • Чтобы использовать в качестве центральной точки элемента точку, из которой вы начали рисовать, нажмите и удерживайте клавишу Alt.
   • Нарисовав многоугольную заставку, вы сможете изменить ее форму, перетащив вершины в нужные места, но вам не удастся изменить количество сторон.
4. На панели Эффекты CSS настройте нужный фильтр заставки. По умолчанию к новому элементу заставки добавляется фильтр "Размытие". Доступны следующие варианты:
   • Размытие
   • Яркость
   • Контраст
   • Тень
   • Оттенки серого
   • Поворот оттенка
   • Инверсия
   • Прозрачность
   • Насыщенность
   • Сепия

Список фильтров заставок

Размытие

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

Параметры настройки

• Радиус. Позволяет задать радиус размытия. Допустимые значения: от 0 до 100 пикс.

Яркость

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

Параметры настройки

• Процент. Если задать значение 0 %, заставка станет черной, если 100 % – она не изменится. Максимальная величина – 1000 %.

Контраст

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

Параметры настройки

• Процент. Если задать значение 0 %, заставка станет серой, если 100 % – она не изменится. Максимальная величина – 1000 %.

Тень

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

Параметры настройки

• X-смещение. Позволяет задать расстояние до тени по горизонтали. Допустимые значения: от -100 до 100 пикс.
• Y-смещение. Позволяет указать расстояние до тени по вертикали. Допустимые значения: от -100 до 100 пикс.
• Радиус. Позволяет настроить радиус размытия тени. Допустимые значения: от 0 до 100 пикс.
• Цвет. Позволяет выбрать цвет тени.

Оттенки серого

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

Параметры настройки

• Процент. Если задать значение 0 %, заставка не изменится, если 100 % – ее цвета полностью преобразуются в оттенки серого.

Сдвиг по цветовому кругу

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

Параметры настройки

• Угол. Количество градусов, на которое нужно переместиться по цветовому кругу. Может принимать значения от 0 до 360°.

Инверсия

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

Параметры настройки

• Процент. Если задать значение 0 %, заставка не изменится, если 100 % – ее цвета полностью преобразуются в противоположные. При значении 50 % цвета заменяются на оттенки серого.

Прозрачность

Позволяет изменить прозрачность заставки. Этот эффект виден только в сочетании с другим фильтром заставки.

Параметры настройки

• Процент. Если задать значение 0 %, заставка станет полностью прозрачной, если 100 % – она не изменится.

Насыщенность

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

Параметры настройки

• Процент. Если задать значение 0 %, заставка полностью потеряет насыщенность, если 100 % – она не изменится. Максимальная величина – 1000 %.

Сепия

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

Параметры настройки

• Процент. Если задать значение 0 %, заставка не изменится, если 100 % – ее цвета полностью преобразуются в оттенки сепии.

Как добавить ещё один фильтр

Для элементов заставки можно задать несколько фильтров. Вот как это сделать:

1. Выберите элемент заставки.
2. На панели Эффекты CSS нажмите кнопку Добавить фильтры заставок .
3. Выберите подходящий фильтр.

Как изменить порядок фильтров

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

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

1. Наведите указатель мыши на название нужного фильтра. Появится значок с тремя точками .
2. Используя этот значок в качестве маркера, перетащите фильтр на нужное место.

Как скрыть фильтр

Фильтр можно скрыть. В этом случае его эффект не будет виден в рабочей области или при предварительном просмотре и не появится в опубликованных файлах.

Чтобы скрыть фильтр, сделайте следующее:

1. Наведите указатель мыши на название нужного фильтра.
2. Нажмите на значок Скрыть .
3. Чтобы отменить это действие, выберите значок Показать .

Параметры скрытых фильтров нельзя изменить.

Как удалить фильтр

Для этого сделайте следующее:

1. Наведите указатель мыши на название нужного фильтра.
2. Нажмите на значок Удалить .

Как изменить элементы заставки

Вы можете изменять элементы заставки в рабочей области или с помощью панели "Свойства".

Как изменить размер элемента заставки

Выберите нужный элемент заставки, а затем:

• Измените ширину и высоту на панели Свойства.
• Используйте инструмент выделения , установив флажок Управлять трансформацией на панели настроек инструмента вверху.
• Чтобы сохранить соотношение сторон, при перетаскивании удерживайте клавишу Shift.
• Чтобы изменить размер элемента заставки, не меняя ее центральную точку, при перетаскивании удерживайте клавишу Alt (Windows) или Option (macOS).

Как изменить кривизну углов элемента прямоугольной заставки

Углы элемента прямоугольной заставки можно оставить прямыми или скруглить. В последнем случае вы можете выбрать нужный радиус кривизны.

1. Выберите элемент заставки.
2. На панели Свойства укажите радиус угла в пикселях или процентах. Значение радиуса "0" соответствует прямому углу.
3. Когда активна кнопка, позволяющая выбрать одинаковые значения , для всех четырех углов указана одинаковая величина. Чтобы настроить каждый угол по отдельности, деактивируйте кнопку .

Как изменить форму элемента многоугольной заставки

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

1. Выберите элемент многоугольной заставки.
2. Выберите инструмент Заставка в форме многоугольника на панели инструментов. На вершинах появятся маркеры.
3. Перетащите каждую вершину в нужное место.
   • Чтобы переместить вершину только по одной оси (по горизонтали или вертикали), при перетаскивании удерживайте клавишу Shift.

Примечание. После создания многоугольной заставки изменить количество сторон нельзя.

Как анимировать элементы заставки

Анимировать можно только элементы заставки в видеодокументах.

Размер, положение и свойства фильтра для элемента заставки можно анимировать.

Анимированная овальная заставка

В случае с прямоугольными заставками можно анимировать скругленные углы. Для многоугольных заставок вы можете анимировать форму элемента (но не количество сторон), изменив положение вершин в ключевом кадре.

Заставки в макетах с разными размерами

Макеты с разными размерами доступны только в графических объявлениях.

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

Если фильтры заставки были переопределены, метка Фильтры заставок на панели "Адаптивные" имеет желтый цвет.

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