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

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

Создавайте шаблоны анимационного дизайна с раскрывающимися списками, которые пользователи могут настроить в 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. Мы будем рады пообщаться с вами и посмотреть ваши шаблоны анимационного дизайна.

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

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