Щодо кольорової концепції, ми розглядали можливість зробити все дуже простим і зведеним, з синім фоном та жовтим шрифтом. Синій і жовтий є комплементарними кольорами, що робить текст чудово читабельним і добре контрастує між собою.
Теоретично ми можемо створити нову кольорову площину, надати їй синій колір, а потім забарвити текст жовтою. Ми могли б так зробити, але потім виникне проблема, як накласти щетинку на всю картину посеред анімації, щоб змінити кольори.
Ми можемо спробувати створити новий райдуш кольору через Шар > Новий > Регулювально-відбивна площину або Ctrl+Alt+Y і потім застосувати ефект Інвертувати канали. Тоді ми побачимо, що наші кольори все-таки не є повністю комплементарними. До синього кольору комплементарний оранжевий і це тут не підходить, ми не моємо досягти правильних кольорів.
Проте я точно хочу це зробити, і для цього є спосіб.
Крок 1
Ми зробимо це так: візьмемо королівсько-синю кольорову площу та натиснемо Ctrl+Shift+Y або виберемо Шар > Налаштування для кольорових площ та встановимо колір на чорний.
Зміни стануть красивими, і After Effects навіть перейменує кольорову площу.
Надпис "Легка анімація" ми просто напишемо білим кольором зараз.
У нас чорний та білий без прозорості, і ми можемо легко їх інвертувати.
Але залишається тільки чорний та білий, але я хочу синій та жовтий.
Крок 2
Тож ми створимо ще одне регулювальне полотно за допомогою Ctrl+Alt+Y ("Регулювальна площа 2") і застосуємо на ньому ефект Ефекти>Корекція кольору > Забарвити.
Ефект дуже простий і просто по-замовчуваню присвоює кольори. Він бере чорний та білий і призначає їм іншу вартість кольорів.
Потім ми візьмемо чорний та адаптуємо наш синій колір. Я вже зберіг код кольору "008FF", це цей красивий синій.
І білий ми також адаптуємо до жовтого, вартість кольору "FFF000", дуже насичений жовтий.
Крок 3
Зараз ми застосували це після шару інверсії. Я також переименую це на "Зміна кольорів" і "Колоризація".
Заблокуємо верхній шар, бо нам більше не потрібно до нього торкатися.
Якщо я включу та виключу "Зміну кольорів", то ми матимемо чудову обертання кольорів, не потрапляючи в оранжевий або фіолетовий.
Проте як ми будемо виконувати перехід? Ми можемо пересувати шар "Змінити кольори" зліва направо або зверху вниз по картині, щоб зробити перехід. Але це не дуже цікаво.
Я б хотів зробити щось більше, розбити все на смужки, і ці смужки повинні перекочуватися по картині, щоб трохи розбити краї. Як найкраще це зробити?
Крок 4
Для цього є ефекти, такі як Ефекти>Ефекти переходу; тут є Полоса лінії, яка йде в певному напрямку, але спочатку завершується один рядок, перш ніж почнеться наступний.
Це для мене недостатньо нерегулярно.
Крок 5
Тому ми краще це зробимо за допомогою Маски. Я подвійно клікну на символ маски та створюю маску, яка точно відповідає моїм розмірам. Це дуже зручна функція, яку ми ще використовуватимемо пізніше.
Крок 6
Я хочу розділити цю маску на 20 частин, щоб у нас було 20 окремих стовпчиків. Цього не можна зробити звичайними засобами After Effects.
Але в таких ситуаціях я просто пишу для цього Сценарій. Для речей, які ми використовуємо тут, я додав до відповідного навчального посібника свої Сценарії.
Там ми знаходимо Ланцюг шарів, Різець маски та Рядки послідовностей. Різець маски - це те, що нам потрібно тут, як ви можете собі уявити.
Цей символ перед іменем файлу відноситься до Setuptools сценарію, я можу запустити його тут. Коли я це запускаю, запускається також цей Setuptools сценарій.
Цей набір засобів потрібно встановити окремо, оскільки він не встановлений за замовчуванням. Це вам доведеться зробити, що досить просто здійснити через CreativeCloud.
У цьому сценарії вище є кілька Настройка. Для всіх цих сценаріїв я не створював інтерфейс користувача, оскільки вони призначені для мого власного використання. Це означає, що всі налаштування тут вам потрібно буде змінювати безпосередньо в текстовому файлі.
У цьому випадку ми можемо змінити дві величини: "noOfSplices", тобто скільки окремих розрізітів ми хочемо в кінці.
І "seperateLayers", тут може бути "истина" або "брехня". Якщо "истина", то для кожного розрізу додається новий шар.
Давайте спробуємо це наразі з 4 розрізами, …
... переходимо в After Effects і обираємо маску, яку ми хочемо розрізати. Це дуже важливо.
Потім вибираємо вгорі цільове програмне забезпечення After Effects CC. Тут ви бачите, що є ще інші програми, цей інструментарій призначений для написання та тестування скриптів.
У цьому випадку ми обираємо After Effects, тоді я натискаю на кнопку Play ....avif "Анімація легко: Кольори.")
... і повертаємось до After Effects. Тут ми маємо нові шари, кожен з яких складається з одного шару.
І якщо зараз я створюю 4-х кольоровий градієнт, ...
... ви побачите, що це знову дає зображення. Практично це шар з координатою, тільки маски розрізані. Це означає, що у нас є окремі фрагменти цього шару, що може бути дуже зручно, оскільки ми можемо рухати та обертати їх окремо.
Але нам це тут не потрібно. Я хочу щось інше.
Крок 7
Я хочу мати всі маски на одному шарі, і не 4, а 20.
І seperateLayers ми встановлюємо на false. Я зберігаю, натискаю знову на Play, ...
... і зараз у нас є всі 20 масок на одному шарі.
Я виділяю їх від 1 до 20 і натискаю Strg+C або cmd+C. Потім я видаляю оригінальну маску і вставляю всі їх на їхнє місце.
Тепер вони всі тут, і я хотів би анімувати їх у наступному кроці.
Крок 8
На жаль, маски не мають властивостей трансформації, такі як обертання та масштабування, їм притаманний лише масковий шлях. Проте це не проблема.
Ми виділяємо всі маски й розгортаємо їх. Потім ми натискаємо на масковий шлях, встановлюємо ключову кадру й переходимо трошки пізніше до композиції, де вибираємо всі маски і рухаємо їх за межі зображення.
Крок 9
Давайте подивимося на це. Музика грає у фоні, все гаразд. І у нас зараз два лінійних ключових кадри, що не дуже цікаво.
Я хотів би це зробити трошки цікавішим і не працювати з лінійними ключовими кадрами, оскільки ми вже почули про правила Disney Pro: постійна швидкість не відбувається в реальному житті, отже, нам це не потрібно в анімації.
Крок 10
Для цього ми клікаємо на редактор діаграм. Отримуємо криві, які ми далі докладно дослідимо під час вивчення кулького кулькування.
Щоб обмежити це для маскових шляхів, я виділяю всі маски і натискаю U, бо цим ми отримуємо всі анімовані властивості.
Тут ми бачимо криву швидкості, швидкісний графік. З нею працювати не так приємно, як з кривою значень, ми ще побачимо це. Але з нею можна добре працювати, якщо потрібно анімувати багато властивостей одночасно.
Спочатку я хочу застосувати Easy Ease, або F9, або цю кнопку.
Таким чином графік змінився дуже радикально. Зліва була постійна швидкість, ми стартуємо з певна швидкість і раптово зупиняємося.
З Easy Ease ми починаємо повільно з нуля, потім знову спадаємо. Це є парабола.
Я хочу зробити це ще трошки екстремальніше. Для цього я беру касательну й трошки її відтягую, так щоб у нас був дійсно пік посередині.
Подивимося, що з цього вийде ...
Я дам це програти і побачу: це рухається дуже виразно. У середині рух швидший, ніж в початку та в кінці. Мені це подобається.
Крок 11
Могли б ми зробити це саме з позицією - але чому ми розрізали скибочки?
Тепер ми красиво рознесемо це в часі й розташуємо ключові кадри тут випадковим чином, так щоб ми також отримали трохи варіації в формі розкриття. Лінії не повинні пливти одночасно.
В кінцевому результаті це трохи схоже на небоскреби. Цю одну лінію, яка зазвичай розділяла б наше зображення, ми хочемо розбити. Іноді цього достатньо лише на одному боці, або тільки спереду чи лише ззаду. Я намагаюся уникати того, щоб вони закінчувалися на одному рівні.
Це виглядає добре.
І ви бачите, коли активуєте попередній перегляд — виглядає добре. Фантастично.
Крок 12
Цей шар ми можемо тепер взяти, повернути, масштабувати, переміщати і, звісно, використовувати кілька разів, оскільки це лише ефект обертання.
Ми копіюємо його, переміщаємо в часі, змінюємо з жовтого на синій і з синього на жовтий.
У цьому випадку він спочатку відображається, а потім зникає. Це потрібно ще виправити, тому що я хочу, щоб на початку не було вже шару, і щоб шар переміщувався вперед.
Тож я видаляю знову продубльований шар та активовано шар Змінити кольори. Потім ми виділяємо всі ключові кадри, створюючи прямокутник над ними.
Клацаючи правою кнопкою ми переходимо до асистента ключових кадрів і знаходимо внизу Змінити порядок ключових кадрів.
Я щойно натиснув це і тепер жовтий колір рухається знизу в синій.
І зараз повинно працювати, якщо я знову продублюю шар і трохи подвину далі назад.
Ми переходимо зараз від одного кольору до іншого і знову назад. Чудово. 
Це вже працює. Наша наступна справа у наступній частині цієї серії уроків буде з текстом.
