Unlimited AE and Premiere Pro templates, videos & more! Unlimited asset downloads! From $16.50/m
Advertisement
  1. 3D & Motion Graphics
  2. Workflow

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

by
Read Time:8 minsLanguages:

Ukrainian (українська мова) translation by Elen (you can also view the original English article)

Щоб познайомитись з нашою недавньою інструкцією по написанню скриптів, ми розглянемо основні поняття та передові методи, необхідні щоб почати писати скрипти After Effects. Ми розглянемо звичайні дії в After Effects, такі як: створення проекту, створення композиції, створення шару, створення фігур, додавання ефектів, зміна значень та  виразів, використання тексту та шрифтів, додавання ключових кадрів, використання функцій і т.д. 

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

Якщо ви шукаєте швидке рішення, ви можете скористатися величезною колекцією скриптів After Effects на 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

  • Змінна: може зберігати значення, масив значень або об'єкт.
  • Масив: містить дуже багато значень. Масиви можуть бути представлені двома способами:
  • Функція: частина коду, розроблена для спеціальної, конкретної задачі.
  • Об'єкт: об'єкт - більш складний, але на даний момент вам достатньо буде знати, що в нього є властивості і методи. 
    • Властивість: схожа на змінну
    • метод: схожий на виклик функції

Додаємо Undo-групи

Оскільки під час виконання скрипта відбувається багато операцій, вам необхідно вирішити, що буде, коли ви натиснете

/

Це дуже легко можна зробити: ми просто беремо наш код в

і

, які є методами об'єкта

. Цей метод приймає один аргумент, який є імям, яке буде відображатися в меню After Effects

.


Створюємо шар заднього фону

Щоб створити шар заднього фону, ми будемо використовувати

, під-об'єкт нашої

. Викличемо метод

і дамо йому наступні аргументи:

  • Колір шару
  • Масив плаваючих чисел (від 0 до 1). Щоб отримати це значення, ви повинні розділити своє кожне значення RGB на 255, або можете скористатися jsFiddle, який я створив: http://jsfiddle.net/seblavoie/mezGe/43/embedded/result/
  • Ім'я шару
  • Ширина шару
  • Висота шару
  • Піксельна пропорція шару

Додаємо ефект сітки

Найкращий спосіб створити хрест по центру - це використати ефект сітки на шарі заднього фону. Для цього ми будемо використовувати нашу змінну

, яка відноситься до

і ми будемо використовувати

- властивість.

Ось тут ви повинні дещо відмітити для себе. По-перше, метод

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

  • : Прозорість шару

  • : Прозорість ефекту сітки

По-друге, ми використовуємо метод

, коли хочемо встановити значення, а не вираз.


Створення ефекту зтирання

Щоб додати ефект зтирання, створимо новий шар и застосуємо ефект Radial Wipe.

Ми використовуємо метод

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

, щоб зациклити анімацію (в цьому є сенс, чи не так?).


Додаємо шар з текстом

Гра з текстом дещо відрізняється, так як ви повинні безпосередньо змінювати значення властивостей вашого тексту.

Ми змінили властивості значень нашого тексту і використовували

, щоб перенаправити їх до нашого шару з текстом. Також ми використали простий вираз, щоб створити зворотній відлік.

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

.


Додаємо еліпси

Щоб додати еліпси, ми будемо використовувати метод

, надамо йому векторну групу та векторну форму. Ми також зробимо невелику функцію, щоб уникнути повторення коду.

Рядок 5 - дуже важливий, інакше ви не зможете знайти властивість

ні в документації, ні в інтерфейсі After Effects. До речі, дякую Дену Ебберту, який допоміг мені в цьому ділі (http://forums.creativecow.net/thread/227/22280).

Ми використовували невелику функцію користувача замість повторного створення еліпса. Ви можете використовувати функції на свій розсуд.

Основне правило: якщо ви копіюєте рядки коду, розгляньте доцільність створення функції.

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

Можливо, ви помітили, що

дещо відрізняється від того, що ми писали. Результат буде таким же, тут немає хорошого, або поганого способу, - це індивідуальний вибір стилю написання коду, який ви бажаєте, або не бажайте прийняти.


Висновок

Можливості написання скриптів - безмежні, вони можуть стати дійсно потужним інструментом, якщо ви їх добре освоїте. Ось ще декілька джерел про написання скриптів і Javascript

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.