Руководство пользователя Отмена

Графические фильтры

Поиск

Последнее обновление 25 мая 2023 г.

О фильтрах

Обзор фильтров

Фильтры (графические эффекты) позволяют добавлять визуальные эффекты к тексту, кнопкам и роликам. Уникальность Animate состоит в том, что применяемые фильтры можно анимировать с помощью анимации движения.

Режимы наложения Animate позволяют создавать совмещенные изображения. Совмещение — это процесс изменения прозрачности или взаимодействия цветов двух или более перекрывающихся объектов. Режимы наложения дают также дополнительный контроль над непрозрачностью цвета объектов и изображений. Режимы наложения Animate можно использовать для создания подсветки или теней, которые позволяют показать детали нижнего изображения или добавить цвет в ненасыщенное изображение.

Об анимированных фильтрах

Фильтры анимируются на временной шкале. Объекты в отдельных ключевых кадрах, соединенных анимацией движения, имеют параметры для соответствующих фильтров, соединенных анимацией движения в промежуточных кадрах. Если фильтру не соответствует фильтр того же типа на противоположном конце анимации движения, второй фильтр добавляется автоматически, чтобы эффект обязательно появлялся в конце последовательности анимации.

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

Если применить анимацию движения к фрагменту ролика с фильтрами и вставить ключевой кадр на противоположном конце анимации движения, то в конечном кадре анимации движения фрагмента ролика автоматически появятся те же фильтры и в том же порядке, что и в первом кадре анимации движения.
Если поместить фрагменты ролика на два кадра с разными фильтрами, а потом применить анимацию движения между кадрами, Animate сначала обрабатывает фрагмент ролика с наибольшим количеством фильтров. Затем Animate сравнивает фильтры первого фрагмента ролика с фильтрами, используемыми вторым фрагментом ролика. Если соответствующие фильтры во втором фрагменте ролика не найдены, Animate создает пустой фильтр без параметров и с цветами существующих фильтров.
Если между двумя ключевыми кадрами существует анимация движения и к объекту в одном из ключевых кадров добавляется фильтр, то Animate автоматически добавляет фиктивный фильтр к фрагменту ролика, когда достигает ключевого кадра на другом конце анимации движения.
Если между двумя ключевыми кадрами существует анимация движения и из объекта в одном из ключевых кадров удаляется фильтр, Animate автоматически удаляет соответствующий второй фильтр из фрагмента ролика, когда достигает ключевого кадра на другом конце анимации движения.
Если заданные параметры фильтров между началом и концом анимации движения не согласуются, Animate применяет к интерполированным кадрам параметры фильтров начального кадра. Несогласованность параметров возникает в случае, если следующие параметры установлены по-разному в начале и в конце анимации движения: маскирование, внутренняя тень слоя и внутреннее свечение слоя, а также тип градиентного свечения и градиентная фаска.

Например, если создать анимацию движения с помощью фильтра «Тень» и применить в первом кадре анимации движения тень с маскированием, а в последнем — внутреннюю тень слоя, Animate устранит несогласованность фильтров в анимации движения. В этом случае Animate применяет параметры фильтров, используемые в первом кадре анимации движения: отбрасываемая тень с маскированием исходного объекта.

О фильтрах и производительности Flash Player

Тип, количество и качество фильтров, применяемых к объектам, может влиять на быстроту воспроизведения SWF-файлов. Чем больше фильтров применяется к объекту, тем больше вычислений необходимо выполнить Adobe® Flash® Player, чтобы корректно отобразить созданные визуальные эффекты. Adobe® рекомендует ограничить количество фильтров, применяемых к объекту.

Каждый фильтр содержит элементы управления, которые позволяют настроить интенсивность и качество применяемого фильтра. Использование более низких значений параметров улучшает производительность на менее мощных компьютерах. Если вы создаете контент для воспроизведения на широком спектре компьютеров или не знаете, насколько мощные компьютеры доступны вашей аудитории, задайте уровень качества «Низкое», чтобы максимально увеличить быстроту воспроизведения.

О фильтрах Pixel Bender

Adobe Pixel Bender™ — это язык программирования, разработанный компанией Adobe. Он позволяет создавать пользовательские фильтры, эффекты и режимы наложения для использования в ПО Animate и After Effects. Pixel Bender работает независимо от аппаратных средств и автоматически обеспечивает эффективную работу в разных конфигурациях графического и центрального процессоров.

Для создания фильтра разработчики Pixel Bender пишут код Pixel Bender и сохраняют его в текстовом файле с расширением pbj. Созданный таким образом фильтр Pixel Bender можно использовать в документе Animate. Используйте ActionScript® 3.0 для загрузки фильтра и применения его элементов управления.

Дополнительная информация о работе с Pixel Bender через ActionScript приведена в Руководстве разработчика ActionScript 3.0.

В следующих видеоруководствах показано использование фильтров Pixel Bender в среде Animate:

Работа с фильтрами

Новые возможности в Animate

Каждый раз, когда к объекту добавляется новый фильтр, этот фильтр добавляется в список фильтров, применяемых к объекту, в инспекторе свойств. Можно применить к объекту несколько фильтров или удалить прежние фильтры. Фильтры можно применить только к тексту, кнопке, ролику, его компонентам и скомпилированным роликам.

Можно создать библиотеку параметров фильтров, которая позволит легко применять к объекту тот же самый фильтр или наборы фильтров. Animate сохраняет наборы настроек фильтров, созданные в разделе «Фильтры» инспектора свойств, в меню «Фильтры» > «Наборы настроек».

В программе Flash Professional CS6 и более ранних ее версиях применение фильтров ограничивается только роликами и символами кнопок. Animate теперь позволяет вам также применять фильтры к скомпилированным фрагментам и к фрагментам роликов. Это позволяет добавлять к компонентам различные эффекты напрямую, одним нажатием кнопки (или двумя), существенно улучшая внешний вид ваших приложений. Во Flash CS6 для добавления фильтров или других эффектов к компоненту необходимо «заключить» его внутри символа ролика. Инструкция:

Создание или добавление компонента в рабочей области.
Щелкните по компоненту правой кнопкой мыши и выберите «Преобразовать в символ».

В программе CS6 (и более ранних ее версиях) можно добавлять фильтры и другие виды эффектов после заключения компонента внутри символа. Однако это только обходной путь, а не рекомендованное решение. В Animate у вас появилась возможность добавлять к компонентам различные фильтры напрямую с помощью функций «Фильтры», «Цветовые эффекты» и «Параметры экрана» на панели «Свойства». Чтобы лучше понять это ключевое усовершенствование, рассмотрим следующий пример: Добавление фильтра фаски к компоненту кнопки.

Создайте или добавьте в рабочей области кнопку с помощью панели «Компоненты», а затем выберите кнопку.
В инспекторе свойств нажмите раскрывающийся список в разделе «Фильтры»·и выберите «Фильтр фаски». Будут отображены свойства и значения для фильтра фаски.
Измените или задайте подходящие значения для необходимых свойств. Например «Размытие X», «Размытие Y», «Интенсивность», «Тень» и т. д. Можно сразу же просмотреть применение этих эффектов к выбранной кнопке.

se_filtermenu — Меню «Добавить фильтр» в инспекторе свойств

Применение или удаление фильтра

Выберите объект текста, кнопки или фрагмента ролика, где нужно применить или удалить фильтр.
В разделе «Фильтры» панели свойств выполните одно из следующих действий.
- Чтобы добавить фильтр, нажмите кнопку и выберите фильтр. Экспериментируйте с параметрами, пока не получите нужный внешний вид.
- Чтобы удалить фильтр, выберите этот фильтр в списке примененных фильтров и нажмите кнопку «Удалить фильтр» . Можно удалить или переименовать любой набор настроек.

Копирование и вставка фильтра

Выберите объект, из которого нужно скопировать фильтр, и войдите в панель «Фильтры».
Выберите фильтр, который необходимо скопировать, и нажмите кнопку . В раскрывающемся списке нажмите «Копировать выбранный фильтр». Для копирования всех фильтров выберите «Копировать все фильтры».
Выберите объект, к которому нужно применить фильтр, и нажмите кнопку. В раскрывающемся списке нажмите «Вставить фильтры».

Применение набора настроек фильтра к объекту

Выберите объект, к которому хотите применить набор настроек фильтра, и откройте вкладку «Фильтр».
Нажмите кнопку , чтобы открыть раскрывающееся меню.
Выберите набор настроек фильтра из списка наборов настроек в нижней части раскрывающегося списка.

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

Включение и отключение применяемого к объекту фильтра

По умолчанию все фильтры включены. Щелкните значок рядом с именем фильтра, чтобы отключить его. Нажмите кнопку «X» рядом с именем фильтра, чтобы включить его.

Чтобы включить другие фильтры в списке, щелкните значок включения в списке «Фильтры», удерживая клавишу Alt (Windows) или Option (Macintosh). Если щелкнуть значок при нажатой клавише Alt, выбранный фильтр будет включен, а все остальные фильтры в списке будут отключены.

Включение и отключение всех применяемых к объекту фильтров

Нажмите кнопку и выберите «Включить все» или «Отключить все» в раскрывающемся списке.

Чтобы включить или отключить все фильтры в списке, щелкните значок включения или отключения в списке «Фильтры», удерживая клавишу Control.

Создание библиотек наборов настроек фильтров

Сохраняйте параметры фильтров в виде библиотек наборов настроек, которые можно легко применить к фрагменту ролика или текстовым объектам. Используйте готовые наборы настроек фильтров вместе с другими пользователями, предоставляя им файл конфигурации фильтров. Файл конфигурации фильтра — это XML-файл, который хранится в папке конфигураций Animate:

Windows 7 и 8: C:\Пользователи\имя пользователя\AppData\Local\Adobe\Flash CC\язык\Configuration
(только для Flash Professional CS6 и более ранних версий) Windows XP: C:\Documents and Settings\имя пользователя\Local Settings\Application Data\Adobe\Flash CS6\язык\Configuration\Filters\название_фильтра.xml
(только для Flash Professional CS6 и более ранних версий) Windows Vista: C:\Пользователи\имя пользователя\Local Settings\Application Data\Adobe\Flash CS6\язык\Configuration\Filters\название_фильтра.xml
Macintosh: жесткий диск Macintosh/Users/имя_пользователя/Library/Application Support/Adobe/Flash CC/язык/Configuration/Filters/имя_фильтра.xml

Создание библиотеки фильтров с наборами настроек

Примените фильтры к любому выбранному объекту.
Для добавления нового фильтра нажмите кнопку .
Выберите фильтр, нажмите кнопку и выберите «Сохранить как набор».
Введите имя для параметров фильтра в диалоговом окне «Сохранение набора настроек» и нажмите кнопку ОК.

Переименование набора настроек фильтра

Нажмите кнопку и добавьте новый фильтр.
Выберите фильтр и нажмите кнопку . Нажмите «Изменить наборы».
Дважды щелкните имя набора настроек, которое хотите модифицировать.
Введите новое имя набора и нажмите кнопку «ОК».

Удаление набора настроек фильтра

Нажмите кнопку и добавьте новый фильтр.
Выберите фильтр и нажмите кнопку .
Нажмите «Изменить наборы».
В диалоговом окне «Изменить наборы» выберите набор, который необходимо удалить, и нажмите «Удалить».

Применение фильтров

Применение тени

Фильтр «Тень» имитирует вид объекта, отбрасывающего тень на поверхность.

se_textDropShadow — Текст с применением фильтра «Тень»

Пример отбрасываемой тени c классической анимацией движения см. на странице «Примеры Animate» по адресу www.adobe.com/go/learn_fl_samples_ru. Загрузите и распакуйте файл «Samples.zip» и перейдите в каталог «Graphics\AnimatedDropShadow».

Выберите объект, к которому нужно применить отбрасывание тени.
В разделе «Фильтры» инспектора свойств нажмите кнопку и выберите фильтр «Тень».
Отредактируйте параметры фильтра.
- Чтобы задать ширину и высоту тени, установите значения «Размытие X» и «Размытие Y».
- Чтобы задать интенсивность тени, установите значение «Интенсивность». Чем больше значение, тем темнее тень.
- Выберите уровень качества для тени. Значение «Высокое» близко к размытию по Гауссу. Значение «Низкое» обеспечивает максимальную быстроту воспроизведения.
- Чтобы задать угол тени, введите нужное значение.
- Чтобы задать расстояние от объекта до тени, установите значение «Расстояние».
- Выберите «Удаление фона», чтобы замаскировать (или визуально скрыть) исходный объект и отобразить только тень на изображении со скрытым объектом.
- Чтобы применить тень внутри границ объекта, выберите «Внутренняя тень».
- Чтобы скрыть объект и отобразить только его тень, выберите «Скрыть объект». Функция «Скрыть объект» упрощает создание реалистичной тени.
- Чтобы открыть палитру цветов и задать цвет тени, щелкните элемент цвета.

Создание тени с наклоном

se_DropShadow_HideObject — Наклон тени, созданной фильтром «Тень», для более реалистичного вида тени.

Выберите объект с тенью, которую хотите наклонить.
Создайте дубликат исходного объекта (выберите «Правка» > «Дублировать»).
Выберите дублированный объект и наклоните его с помощью инструмента «Свободное трансформирование» («Модификация» > «Преобразование» > «Вращение и наклон»).
Примените фильтр «Тень» к дублированному фрагменту ролика или текстовому объекту. (Этот фильтр будет уже применен, если тень уже была у дублированного объекта.)
На панели «Фильтры» выберите «Скрыть объект», чтобы скрыть дублированный объект и оставить его тень видимой.
Выберите «Модификация» > «Упорядочить» > «Перенести назад», чтобы поместить дублированный объект и его тень за исходным объектом.
Изменяйте параметры фильтра «Тень» и угол наклона тени, пока не получите нужный результат.

Применение размытия

Фильтр «Размытие» смягчает края и детали объектов. Объект, к которому применен фильтр «Размытие», может выглядеть так, как если бы он был позади других объектов или двигался.

se_textBlur — Текст с применением фильтра «Размытие»

Выберите объект, к которому хотите применить размытие, а затем откройте «Фильтры».
Нажмите кнопку и выберите «Размытие»
Отредактируйте параметры фильтра на вкладке «Фильтр» следующим образом.
- Чтобы задать ширину и высоту размытия, задайте значения «Размытие X» и «Размытие Y».
- Выберите уровень качества для размытия. Значение «Высокое» близко к размытию по Гауссу. Значение «Низкое» обеспечивает максимальную быстроту воспроизведения.

Применение свечения

Фильтр «Свечение» позволяет применить цвет вокруг границ объекта.

se_textGlowFilter — Текст с применением фильтра «Свечение»

Выберите объект, к которому хотите применить свечение, затем выберите «Фильтры».
Нажмите кнопку и выберите «Свечение»
Отредактируйте параметры фильтра на вкладке «Фильтр».
- Чтобы задать ширину и высоту свечения, задайте значения «Размытие X» и «Размытие Y».
- Чтобы открыть палитру цветов и задать цвет свечения, щелкните элемент цвета.
- Чтобы настроить четкость свечения, задайте значение «Интенсивность».
- Выберите «Удаление фона», чтобы замаскировать (или визуально скрыть) исходный объект и отобразить только свечение на изображении со скрытым объектом.
Использование фильтра «Свечение» с параметром «Удаление фона»
- Чтобы применить свечение внутри границ объекта, выберите «Внутреннее свечение».
- Выберите уровень качества для свечения. Значение «Высокое» близко к размытию по Гауссу. Значение «Низкое» обеспечивает максимальную быстроту воспроизведения.

Применение фаски

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

se_textBevelFilter — Текст с примененным эффектом фаски.

Выберите объект, к которому хотите применить фаску, и откройте «Фильтры».
Нажмите кнопку и выберите «Фаска».
Отредактируйте параметры фильтра на вкладке «Фильтр».
- Чтобы задать тип фаски, выберите фаску в меню «Тип».
- Чтобы задать ширину и высоту фаски, задайте значения «Размытие X» и «Размытие Y».
- Выберите тень и цвет подсветки для фаски из всплывающей палитры цветов.
- Чтобы задать непрозрачность фаски, не изменяя ее ширину, задайте значение «Интенсивность».
- Чтобы изменить угол тени, отбрасываемой скошенным краем, введите значение угла.
- Чтобы задать ширину фаски, введите значение «Расстояние».
- Выберите «Удаление фона», чтобы замаскировать (или визуально скрыть) исходный объект и отобразить только фаску на изображении со скрытым объектом.

Применение градиентного свечения

В результате применения градиентного свечения это свечение отображается с градиентным цветом по своей поверхности. Градиентное свечение требует одного цвета в начале градиента со значением альфа-коэффициента, равным 0. Невозможно изменить позицию этого цвета, но можно изменить сам цвет.

se_textGradGlowFilter — Текст с градиентным свечением

Выделите объект, к которому требуется применить градиентное свечение.
В разделе «Фильтры» инспектора свойств нажмите кнопку и выберите «Градиентное свечение».
Отредактируйте параметры фильтра на вкладке «Фильтр» следующим образом.
- Выберите тип свечения, применяемого к объекту, во всплывающем меню «Тип».
- Чтобы задать ширину и высоту свечения, задайте значения «Размытие X» и «Размытие Y».
- Чтобы задать непрозрачность свечения, не изменяя его ширину, задайте значение «Интенсивность».
- Чтобы изменить угол тени, отбрасываемой свечением, введите значение угла.
- Чтобы задать расстояние от объекта до тени, установите значение «Расстояние».
- Выберите «Удаление фона», чтобы замаскировать (или визуально скрыть) исходный объект и отобразить только градиентное свечение на изображении со скрытым объектом.
- Укажите цвет градиента для свечения. Градиент содержит как минимум два цвета, которые постепенно исчезают или сливаются друг с другом. Цвет, выбираемый для начала градиента, называется цветом альфа-канала.
- Чтобы изменить цвет в градиенте, выберите один из цветовых указателей под панелью определения градиента и щелкните цветовое пространство, отображаемое прямо под панелью, чтобы отобразить палитру цветов. Перемещение этих указателей изменяет уровень и положение цвета в градиенте.
- Чтобы добавить указатель к градиенту, щелкните на панель определения градиента или под ней. Чтобы создать градиент с цветовыми переходами (до 15), добавьте до 15 цветовых указателей. Чтобы изменить положение указателя на градиенте, перемещайте указатель вдоль панели определения градиента. Чтобы удалить указатель, перетащите его вниз и с панели определения градиента.
- Выберите уровень качества для градиентного свечения. Значение «Высокое» близко к размытию по Гауссу. Значение «Низкое» обеспечивает максимальную быстроту воспроизведения.

Применение градиентной фаски

В результате применения градиентной фаски кажется, что объект приподнят над фоном с градиентным цветом вдоль поверхности фаски. Для градиентной фаски необходимо, чтобы в середине градиента был один цвет со значением альфа-коэффициента, равным 0.

Выберите объект, к которому нужно применить градиентную фаску.
В разделе «Фильтры» инспектора свойств нажмите кнопку и выберите «Градиентная фаска».
Отредактируйте параметры фильтра на вкладке «Фильтр» следующим образом.
- Выберите тип фаски для применения к объекту во всплывающем меню «Тип».
- Чтобы задать ширину и высоту фаски, задайте значения «Размытие X» и «Размытие Y».
- Чтобы изменить гладкость фаски, не затрагивая ширину, введите значение интенсивности.
- Чтобы задать угол, под которым свет падает из источника, введите значение «Угол».
- Выберите «Удаление фона», чтобы замаскировать (или визуально скрыть) исходный объект и отобразить только градиентную фаску на изображении со скрытым объектом.
- Укажите цвет градиента для фаски. Градиент содержит как минимум два цвета, которые постепенно исчезают или сливаются друг с другом. Средний указатель управляет цветом альфа-канала для градиента. Можно изменить цвет указателя альфа-канала, но невозможно поменять позицию цвета в градиенте.
  Чтобы изменить цвет в градиенте, выберите один из цветовых указателей под панелью определения градиента и щелкните цветовое пространство, отображаемое прямо под панелью, чтобы отобразить палитру цветов. Перемещайте эти указатели для изменения уровня и положения этого цвета в градиенте.
  Чтобы добавить к градиенту указатель, щелкните на панель определения градиента или под ней. Вы можете добавить до 15 цветовых указателей, что позволяет создавать до 15 цветовых переходов в градиенте. Чтобы изменить положение указателя на градиенте, перемещайте указатель вдоль панели определения градиента. Чтобы удалить указатель, перетащите его вниз и с панели определения градиента.

Применение фильтра «Настроить цвет»

Фильтр «Настроить цвет» позволяет точно управлять атрибутами цвета выделенного объекта, включая контраст, яркость, насыщенность и цветовой тон.

Выберите объект, для которого требуется настроить цвет.
В разделе «Фильтры» инспектора свойств нажмите кнопку и выберите фильтр «Настроить цвет».
Введите значения атрибутов цвета. Вот список атрибутов и их значений:

Контрастность

Настройка подсветок, теней и средних тонов изображения.

Яркость

Настройка яркости изображения.

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

Настройка интенсивности цвета.

Тон

Настройка оттенка цвета.
Чтобы сбросить все цветовые настройки до 0 и вернуть объект в исходное состояние, нажмите «Сбросить фильтр».

Получайте помощь быстрее и проще

Новый пользователь?