Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. 3D & Motion Graphics
  2. Workflow
Cgi

Основы скриптописания для After Effects. Введение.

by
Difficulty:IntermediateLength:LongLanguages:

Russian (Pусский) translation by Elen (you can also view the original English article)

Чтобы ознакомиться с нашим недавним руководством по написанию скриптов, мы рассмотрим основные концепции и передовые методы, необходимые для начала написания скриптов After Effects. Мы рассмотрим обычные действия в After Effects, такие как: создание проекта, создание композиции, создание слоя, создание фигур, добавление эффектов, изменение значений и выражений, использование текста и шрифтов, добавление ключевых кадров, использование функций и т. д.

Скрипты After Effects на VideoHive

Если вы ищете быстрое решение в этом вопросе, на VideoHive есть огромная коллекция скриптов. Или вы можете подумать о том, чтобы загрузить свой собственный, авторский скрипт!


Написание первого скрипта

Как указано в пособии по установке и использовании After Effects Sublime Text, скрипты - это файлы, которые используют язык Adobe ExtendScript. ExtendScript - это расширенная форма JavaScript, которая используется несколькими приложениями Adobe, такими как PhotoshopIllustrator, или InDesign. ExtendScript - это хороший и эффективный способ добиться в After Effects чего только не пожелаете.

Скрипты используют язык Adobe ExtendScript, расширенной формы JavaScript, которая используется некоторыми программами Adobe, такими как Photoshop, Illustrator, и InDesign.

В данном уроке мы рассмотрим основные понятия и передовую практику написания скриптов для After Effects.


Создание первой композиции

Начнем с метода

объекта

и возьмем всё в фигурные скобки.

Объект

- это корень практически всего, как видно на схеме ниже.

Эту схему, а также и большую часть информации, которой я буду делиться в данном уроке, вы можете найти в Adobe After Effects CS6 Scripting Guide.

Теперь создаем нашу композицию, используя объект

и его под-объекты: 

, который содержит проект, созданный в первой строчке, и

, который дает вам доступ к папкам и композициям, которые вы видите на вкладке Project в After Effects.


"Почистим" наш код

Написание чистого и поддерживаемого кода действительно важно. Мы больше не пишем быстрых и грязных выражений. Поскольку мы хотим, чтобы наши скрипты были легко масштабируемыми, мы должны принять соглашения сообщества Javascript.

Таким образом, мы будем изолировать ключевые данные в переменные, называя их соответственно их содержимому. Кроме того, мы будем ставить условия в случае, если в нашем файле After Effects уже будет проект или композиция.

Переменная

указывает, что следующая переменная является новой. Поэтому в строке 9 мы больше не используем

, потому что мы хотим использовать значение

(которая есть нашей композицией, которую мы только что создали).

Вот, строка за строкой, что мы сделали:

  • Строка 3: создаем новую переменную

    , которая будет равна

    , если

    не является неопределенным и в противном случае равен

    .

  • Строка 6: Создаем новые переменные

    и

    , которые обе равняются новому массиву значений.

  • Строка 7: Создаем новую переменную

    , содержащую имя, которое мы дадим нашей композиции.

  • Строка 8: Создаем новую переменную

    , равную

    объекта

    . Он не определенный и в противном случае будет равен результату метода

    для

    , под-объекта

    , которому мы отправим масив аргументов, содержащий:

    • Имя композиции
    • Ширину композиции
    • Высоту композиции
    • Пиксельная пропорция композиции
    • Длительность композиции в секундах
    • Частоту кадров композиции
  • Строка 9: Используйте

    метод

    , который откроет монтажный стол композиции.

Да, здесь много методов и свойств. Время от времени вам нужно будет заглядывать в Adobe After Effects CS6 Scripting Guide, чтобы больше узнать об объектах и ​​их доступных методах и свойствах. Это руководство действительно хорошо написано, а быстрый поиск объекта проекта немедленно приведет вас к нужной информации.


Быстрый обзор основных понятий Javascript

  • Переменная: может хранить значение, массив значений или объект.
  • Массив: содержит множество значений. Массивы могут быть представлены двумя способами.
  • Функция: часть кода, разработанного для выполнения специфической, конкретной задачи.
  • Объект: объект немножко сложнее, но пока вам достаточно будет знать, что у него есть свойства и методы.
    • Свойство: почти то же, что переменная
    • Метод: похож на вызов функции

Добавление групп отмены

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

/

Сделать это довольно легко, мы просто берем наш код в

и

, которые являются методами объекта

. Этот метод берет один аргумент, который представляет собой имя, которое будет отображаться в меню After Effects

.


Создаем слой фона

Чтобы создать наш слой заднего фона, мы будем использовать

, под-объект нашей

Вызовите метод

и отправьте ему следующие аргументы:

  • Цвет слоя
  • Массив плавающих чисел (от 0 до 1). Чтобы получить это значение, вы должны разделить каждое из своих значений RGB на 255 или можете воспользоваться jsFiddle, который я сделал: http://jsfiddle.net/seblavoie/mezGe/43/embedded/result/
  • Имя слоя
  • Ширина слоя
  • Высота слоя
  • Пиксельная пропорция слоя

Добавляем эффект сетки

Лучший способ создать наш центрированный крест - это использовать эффект Grid на нашем фоновом слое. Для этого мы будем использовать нашу переменную 

, которая относится к

и мы будем использовать

- свойство.

Здесь вы должны кое-что взять себе на заметку. Во-первых, метод

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

  • : Прозрачность слоя

  • : Прозрачность эффекта сетки.

Во-вторых, мы используем метод

, когда мы хотим установить значение, но не тогда, когда хотим установить выражение.


Создание стирающего слоя

Чтобы создать ефект стирания, создадим новый слой и применим эффект Radial Wipe.

Мы используем метод

для установки ключевых кадров и

, чтобы зациклить анимацию (имеет смысл, верно?).


Добавляем слой с текстом

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

Мы изменили свойства значений нашего текста и использовали

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

- это функция Javascript, которая удаляет десятичную часть числа. После этого центрируем опорную точку, используя метод

.


Добавление эллипсов

Чтобы добавить эллипсы, мы будем использовать метод

дадим ему векторную группу и векторную форму. Мы также сделаем небольшую функцию, чтобы избежать повторения кода.

Строка 5 действительно важна, иначе вы не сможете найти свойство

ни в документации, ни в интерфейсе After Effects. Спасибо за помощь Дэну Эбберту, что он помог мне с этим делом (http://forums.creativecow.net/thread/227/22280).

Мы использовали небольшую пользовательскую функцию вместо повторного создания эллипса. Вы можете использовать функции по своему усмотрению.

Основное правило: если вы копируете строки кода, рассмотрите возможность использования функции.

Далее мы просто изменили свойства фигуры. Вы можете обратиться к руководству Adobe After Effects CS6 Scripting Guide, чтобы увидеть их в списке.

Возможно вы заметили, что

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


Заключение

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.