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

Использование выражений для создания раскрывающихся списков в шаблонах анимационного дизайна

  1. Руководство пользователя After Effects
  2. Выпуски бета-версии
    1. Обзор программы бета-тестирования
    2. Домашняя страница бета-версии After Effects
    3. Функции бета-версии
      1. Панель «Свойства» (Бета-версия)
  3. Начало работы
    1. Начало работы с After Effects
    2. Новые возможности After Effects 
    3. Сведения о выпуске | After Effects
    4. Системные требования для After Effects
    5. Сочетания клавиш в After Effects
    6. Поддерживаемые форматы файлов | After Effects
    7. Рекомендации по аппаратному обеспечению
    8. After Effects для компьютеров с процессорами Apple
    9. Планирование и настройка
    10. Настройка и установка
  4. Рабочие среды
    1. Общие элементы пользовательского интерфейса
    2. Знакомство с интерфейсом After Effects
    3. Рабочие процессы
    4. Рабочие среды, панели управления, программы просмотра
  5. Проекты и композиции
    1. Проекты
    2. Основы создания композиции
    3. Предварительная композиция, вложение и предварительный рендеринг
    4. Просмотр подробных сведений о производительности с помощью инструмента «Профайлер композиций»
    5. Модуль рендеринга композиций CINEMA 4D
  6. Импорт видеоряда
    1. Подготовка и импорт неподвижных изображений
    2. Импорт из After Effects и Adobe Premiere Pro
    3. Импорт и интерпретация видео и аудио
    4. Подготовка и импорт файлов 3D-изображений
    5. Импорт и интерпретация элементов видеоряда
    6. Работа с элементами видеоряда
    7. Определение точек редактирования с помощью функции «Определение изменения сцен»
    8. Метаданные XMP
  7. Текст и графические элементы
    1. Текст
      1. Форматирование символов и панель символов
      2. Эффекты текста
      3. Создание и редактирование текстовых слоев
      4. Форматирование абзацев и панель «Абзац»
      5. Экструзия слоев текста и слоев-фигур
      6. Анимация текста
      7. Примеры и ресурсы для текстовой анимации
      8. Шаблоны динамического текста
    2. Анимационный дизайн
      1. Работа с шаблонами анимационного дизайна в After Effects
      2. Использование выражений для создания раскрывающихся списков в шаблонах анимационного дизайна
      3. Работа с основными свойствами для создания шаблонов анимационного дизайна
      4. Замена изображений и видео в шаблонах анимационного дизайна и основных свойствах
  8. Рисование, заливка цветом и контуры
    1. Обзор слоев-фигур, контуров и векторных изображений
    2. Инструменты рисования: «Кисть», «Штамп» и «Ластик»
    3. Как изменить обводку фигуры
    4. Атрибуты фигур, операции заливки цветом и операции с контурами для слоев-фигур
    5. Использование эффекта фигуры «Cмещение контура» для изменения фигур
    6. Создание фигур
    7. Создание масок
    8. Удаление объектов из видеоматериалов с помощью панели «Заливка с учетом содержимого»
    9. Инструменты «Кисть для ротоскопии» и «Уточнить подложку»
  9. Слои, маркеры и камера
    1. Выделение и упорядочивание слоев
    2. Режимы наложения и стили слоев
    3. 3D-слои
    4. Свойства слоя
    5. Создание слоев
    6. Управление слоями
    7. Маркеры слоя и маркеры композиции
    8. Камеры, освещение и точки обзора
  10. Анимация, ключевые кадры, отслеживание движения и прозрачное наложение
    1. Анимация
      1. Основы анимации
      2. Анимация с помощью инструментов «Марионетка»
      3. Управление и анимация контуров фигур и масок
      4. Анимация фигур Sketch и Capture с помощью After Effects
      5. Инструменты анимации
      6. Работа с анимацией на основе данных
    2. Ключевой кадр
      1. Интерполяция ключевого кадра
      2. Установка, выбор и удаление ключевых кадров
      3. Редактирование, перемещение и копирование ключевых кадров
    3. Отслеживание движения
      1. Отслеживание и стабилизация движения
      2. Отслеживание лиц
      3. Отслеживание маски
      4. Ссылка на маску
      5. Скорость
      6. Растягивание по времени и перераспределение времени
      7. Тайм-код и единицы отображения времени
    4. Прозрачное наложение
      1. Прозрачное наложение
      2. Эффекты прозрачного наложения
  11. Прозрачность и композиция
    1. Обзор композиции и прозрачности и соответствующие ресурсы
    2. Альфа-каналы, маски и подложки
  12. Корректирование цвета
    1. Основы работы с цветом
    2. Использование расширения Adobe Color Themes
    3. Управление цветом
    4. Эффекты цветокоррекции
  13. Эффекты и стили анимации
    1. Обзор эффектов и стилей анимации
    2. Список эффектов
    3. Эффекты имитации
    4. Эффекты стилизации
    5. Аудиоэффекты
    6. Эффекты искажения
    7. Эффекты перспективы
    8. Эффекты канала
    9. Эффекты создания
    10. Эффекты перехода
    11. Эффект «Устранение эффекта плавающего затвора»
    12. Эффекты «Размытие» и «Резкость»
    13. Эффекты 3D-канала
    14. Программные эффекты
    15. Эффекты подложки
    16. Эффекты «Шум» и «Зернистость»
    17. Эффект «Увеличение с сохранением уровня детализации»
    18. Устаревшие эффекты
  14. Выражения и автоматизация
    1. Выражение
      1. Основы работы с выражениями
      2. Понимание языка выражений
      3. Использование элементов управления выражениями
      4. Различия в синтаксисе между движками выражений JavaScript и Legacy ExtendScript
      5. Управление выражениями
      6. Ошибки выражения
      7. Использование редактора выражений
      8. Использование выражений для изменения свойств текста и доступа к ним
      9. Справочник языка выражений
      10. Примеры выражений
    2. Автоматизация
      1. Автоматизация
      2. Сценарии
  15. Видео с погружением, VR и 3D
    1. Создание сред VR в After Effects
    2. Применение видеоэффектов с эффектом погружения
    3. Инструменты составления композиций для видеоизображений VR/360
    4. Отслеживание движений камеры в трехмерном пространстве
    5. Пространство для работы с трехмерными объектами
    6. Инструменты 3D-преобразования
    7. Дополнительные возможности 3D-анимации
    8. Предварительный просмотр изменений в 3D-дизайнах в режиме реального времени с помощью модуля режима реального времени
    9. Добавление гибкого дизайна в графику 
  16. Виды и предварительный просмотр
    1. Предпросмотр
    2. Предпросмотр видео с помощью Mercury Transmit
    3. Изменение и использование представлений
  17. Рендеринг и экспорт
    1. Основы рендеринга и экспорта
    2. Экспорт проекта After Effects как проекта Adobe Premiere Pro
    3. Преобразование фильмов
    4. Многокадровый рендеринг
    5. Автоматический рендеринг и рендеринг по сети
    6. Рендеринг и экспорт неподвижных изображений и наборов неподвижных изображений
    7. Использование кодека GoPro CineForm в After Effects
  18. Работа с другими приложениями
    1. Dynamic Link и After Effects
    2. Работа с After Effects и другими приложениями
    3. Синхронизация настроек в After Effects
    4. Библиотеки Creative Cloud Libraries в After Effects
    5. Подключаемые модули
    6. CINEMA 4D и Cineware
  19. Совместная работа: Frame.io и Team Projects
    1. Совместная работа в Premiere Pro и After Effects
    2. Frame.io
      1. Установка и активация Frame.io
      2. Использование Frame.io с Premiere Pro и After Effects
      3. Часто задаваемые вопросы
    3. Team Projects
      1. Начало работы с Team Projects
      2. Создание Team Project
      3. Совместная работа с помощью Team Projects
  20. Память, хранилище, производительность
    1. Память и хранилище
    2. Повышение производительности
    3. Установки
    4. Требования к графическому процессору и драйверу графического процессора для After Effects

Создавайте шаблоны анимационного дизайна с раскрывающимися списками, которые пользователи могут настроить в Premiere Pro.

управление раскрывающимся меню

Когда вы создаете шаблон анимационного дизайна (.mogrt), то можете добавить возможность редактирования его свойств в Premiere Pro. Сделать это можно несколькими способами. Первый: добавить ползунки и флажки. Второй: использовать раскрывающиеся списки с разными вариантами.

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

При использовании раскрывающихся списков в After Effects отображаются различные варианты текста
При использовании раскрывающихся списков в After Effects отображаются различные варианты текста

Преимущества создания раскрывающихся списков

Обычно добавляют ползунки и флажки, чтобы при редактировании проекта в Premiere Pro выбирать из предложенных настроек. Но иногда такой способ редактирования неудобен и занимает много времени. В таких случаях удобнее использовать раскрывающиеся списки. В них редактор может выбрать следующие элементы в Premiere Pro:

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

Выбор положения или дизайна: например, вы можете добавить раскрывающийся список для выбора положения нижней трети (слева или справа).

 Выбор параметров анимации: например, вы можете добавить раскрывающийся список для выбора длительности анимации.

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

Настройка управления раскрывающимся списком

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

  1. Создание композиции.
    Нажмите значок композиции в нижней части панели проектов или выберите Новая композиция на главном экране.

  2. Чтобы добавить текстовый слой, выберите Слой > Создать > Текст и введите текст, который нужно добавить. В этом примере напишем слово «Утро».

  3. Откройте панель «Эффекты и шаблоны», найдите параметр «Цвет заливки» и перетащите его на текстовый слой.

  4. После того как вы разместите все слои, на панели Эффекты и шаблоны найдите параметр Управление раскрывающимся меню и перетащите его на слои. Доступ к нему также можно получить, выбрав Эффект > Элементы управления выражениями >Управление раскрывающимся меню.

    На Таймлайне откройте свойства текстового слоя и, удерживая клавишу Alt, нажмите значок с секундомером рядом со свойством Исходный текст.

    В текстовом поле выражения скопируйте следующий фрагмент выражения, который изменит исходный текст:

    var x = effect("Weekday")("Menu").value;

    if ( x === 1 ) {
    "Morning";
    } else if ( x === 2 ) {
    "Evening";

    } else if ( x === 3 ) {

    "Night";

    }

    Используйте инструмент «Лассо» и свяжите раскрывающееся меню «День недели» со свойством исходного текста.

    На панели Элементы управления эффектами нажмите значок Правка. В раскрывающемся меню элементов управления отображается меню по умолчанию с тремя элементами: Элемент 1, Элемент 2 и Элемент 3. Переименуйте их, чтобы указать название элементов меню. С помощью значка «+» можно добавить в меню дополнительные варианты.

  5. Добавьте еще одно раскрывающееся меню и назовите его «Цвет». Затем откройте слой «Цвет заливки» и нажмите свойство «Цвет», удерживая клавишу Alt. Чтобы изменить цвет текста, скопируйте следующий текст из поля выражения:

    dropDownIndex = effect("Color options")("Menu").value;

    switch ( dropDownIndex )
    {
    case 1: hexToRgb("FF3211");
    break;
    case 2: hexToRgb("CC1234");
    break;
    default: hexToRgb("BBB001")
    };

    С помощью инструмента «Лассо» свяжите раскрывающееся меню со свойством «Цвет». Назовите это раскрывающееся меню «Варианты цветов». Теперь цвет можно выбрать из цветовой шкалы рядом со свойством цвета. 

  6. Чтобы подключить два свойства раскрывающегося меню друг к другу, с помощью инструмента «Лассо» со свойством «Цвет» свяжите их с раскрывающимся меню «День недели». Раскрывающееся меню свойств «Цвет» связано с раскрывающимся меню «День недели», то есть при выборе дня недели будет меняться и цвет текста.

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

Чтобы быстро приступить к созданию проекта, загрузите этот файл-шаблон.

Загрузить

Примеры выражений для управления раскрывающимся списком.

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

Примечание.

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

Пример 1. Определите цвет слоя и свяжите его с пунктами в элементе управления раскрывающимся меню

Образец 2

dropDownIndex = thisComp.layer("Null 2").effect("Dropdown Menu Control")("Menu").value

switch ( dropDownIndex )
{
case 1: hexToRgb("FF4678");
break;
case 2: hexToRgb("CC1234");
break;
default: hexToRgb("BBB007")
};

Изменение цвета с помощью фрагмента выражения
Изменение цвета с помощью фрагмента выражения

dropDownIndex = thisComp.layer("Null 2").effect("Dropdown Menu Control")("Menu").value

switch ( dropDownIndex )
{
case 1: hexToRgb("FF3211");
break;
case 2: hexToRgb("CC1234");
break;
default: hexToRgb("BBB001")
};

Пример 2. Используйте исходный текст с элементом управления раскрывающимся меню

Допустим, в раскрывающемся меню содержатся следующие пункты в указанном порядке:

  1. Понедельник
  2. Вторник
  3. Среда

Для пункта «Понедельник» применяется индекс 1, для пункта «Вторник» — индекс 2, поскольку он является вторым пунктом списка. Но если пункт «Вторник» переименовать, работоспособность выражения не нарушится, поскольку этот пункт по-прежнему будет иметь индекс 2.

Вот простой пример использования исходного текста с элементом управления раскрывающимся меню:

x = comp("CompName").layer("LayerName").effect("Dropdown Menu Control”)(“Menu");

if (x == 1) {

text.sourceText = (“Понедельник");

}

if (x == 2) {

text.sourceText = (“Вторник");

}

if (x == 3) { 

text.sourceText = (“Среда");

}

Образец 3. Определите исходный текст в текстовом слое и свяжите его с пунктами в элементе управления раскрывающимся меню

var listItems = [

"Lambs",
"Pups",
"Not a thing",
];
var dropDownValue = effect("Dropdown Menu Control")("Menu").value;
listItems[ dropDownValue - 1 ];

 

var x = effect("Dropdown Menu Control")("Menu").value;if ( x === 1 ) {
"Lambs";
} else if ( x === 2 ) {
"Pups";
} else {
"Not a thing";
}

 

x = effect("Dropdown Menu Control")("Menu").value;
switch (x) {
case 1 : "dog";
break;
case 2 : "cat";
break;
default : "default" }

Что нужно учесть при управлении раскрывающимся списком

  • Обязательно укажите такое название элемента управления раскрывающимся списком, которое точнее всего отражает его содержимое.
  • Параметры при Управлении раскрывающимся меню не зависят от изменения регистра или текста. То есть после переименования пунктов меню работоспособность элементов не нарушится. Однако при изменении положения пункта меню выражение перестает работать.
  • Поддерживайте баланс между различными компонентами в шаблонах анимационного дизайна. При наличии диапазонов используйте ползунки, а при наличии вариантов (таких как «да» и «нет») выбирайте флажки. 
  • Раскрывающееся меню, которое вы связали с остальными раскрывающимися меню, становится родительским меню. Раскрывающееся меню в композиции ссылается на родительское меню и работает соответствующим образом.

Поддержка сценариев для управления раскрывающимся меню

Property.setPropertyParameters()

Метод:

app.project.item(index).layer(index).propertySpec.setPropertyParameters([param-array])

Описание:

Задает параметры свойства.

Примечания

  • Эффект управления раскрывающимся меню (имя для поиска: элемент управления раскрывающимся меню ADBE) — единственное свойство, допускающее задание параметров. 
  • При каждом сбое этого метода возникает исключение.
  • Чтобы проверить, позволяет ли свойство задавать параметры, следует выполнить проверку isDropdownEffect, прежде чем вызывать этот метод (см. Property.isDropdownEffect).

Сведения о параметрах:

массив параметров

Массив строк. Этот метод перезаписывает существующий набор элементов меню предоставленным массивом строк. 

Есть несколько ограничений на строки, указанные в качестве элементов меню.

1.     Пустые строки элементов не допускаются

2.     Дублированные строки элементов не допускаются

3.     В строках элементов не допускается использование символа «|».

4.     Разрешаются только строки.

5.     Строки элементов должны быть в кодировке ASCII или многобайтовой кодировке в текущей кодовой странице. Другими словами, строки элементов должны быть предоставлены в сценарии работающей системы. Пример: если указать строки элементов на японском языке, тогда как сценарий выполняется на английском языке, система создает эффект раскрывающегося списка с неразборчивыми символами в строках элементов. 

Примечание. В качестве строки элемента можно указать строку «(-». В раскрывающемся меню она отображается как линия разделителя. Автору необходимо помнить, что для каждой линии разделителя запрашивается индекс. 

Пример:

Dropdowneffect  = Dropdowneffect.setPropertyParameters(["Понедельник", "Среда", "Пятница", "Воскресенье"]);

Указанное выше выражение изменит меню, и «Понедельник», «Среда», «Пятница», «Воскресенье» станут элементами. Возвращается обновленное свойство, которое следует использовать для всех дальнейших целей.

Возвращает:

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

Property.isDropdownEffect

Метод:

app.project.item(index).layer(index).propertySpec.isDropdownEffect

Описание:

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

Примеры:

appliedEffect.property("Меню").isDropdownEffect  // возвращает true

appliedEffect.property("Цвет").isDropdownEffect  // возвращает false  

appliedEffect.property("Растушевлка").isDropdownEffect  // возвращает false

Возврат:

логический

Есть вопрос или идея?

Если вы хотите задать вопрос или поделиться идеей, вступайте в наше сообщество After Effects. Мы будем рады пообщаться с вами и посмотреть ваши шаблоны анимационного дизайна.

Логотип Adobe

Вход в учетную запись