Курс Анімація в After Effects для дизайнерів з нуля

Що ви зможете після курсу

• Збирати композиції з нуля: шари, таймлайн, налаштування трансформації, рендер ролика у відеоформат
• Анімувати текст і шрифти: перетікання накреслень, текст за траєкторією, готові пресети анімації
• Різати графіку масками й контурами: інверсія, патерни з виразами, Trim Paths, Repeat
• Будувати рух за наукою: інтерполяція, Easy Ease, редактор графіків, закільцювання виразами
• Збирати об’єм: видавлений 3D-текст, грані з масок, джерела світла, тіні, трекінг камери на відео
• Прискорювати роботу скриптами Motion 2, Ease and Wizz, Animation Patterns, Ouroboros і плагіном фізики Newton

Кому підійде курс

Курс не про колокорекцію, звуковий дизайн і 3D-моделювання в сторонніх пакетах — ці теми тут не центральні.

Як проходить навчання

• Кожен урок — розбори конкретного прийому на живому прикладі — Дивитеся й повторюєте на реальних написах, заставках і міні-сценах, а не на абстрактних кульках
• Шлях від інтерфейсу до 3D і скриптів вибудуваний за зростанням — Кожен модуль спирається на попередній, не доводиться наздоганяти бракувальну базу
• Окремий модуль про скрипти й плагіни з їхнім встановленням — Вчитеся підключати й налаштовувати Motion 2, Newton та інші інструменти, а не тільки дивитися на них
• Розбираються й стандартні засоби, і сторонні ефекти — Розумієте, що можна зібрати без плагінів, а де скрипт економить години
• Уроки завершуються готовими роботами: GIF, слайд-шоу, заставки — Наприкінці курсу — портфоліо із зібраних власноруч анімацій

Що знадобиться

• Комп’ютер зі встановленим Adobe After Effects
• Adobe Photoshop та Illustrator для підготовки графіки
• Скрипти й плагіни з уроків: Motion 2, Ease and Wizz, Animation Patterns, Newton 2

Чому одному зазвичай не виходить

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

Курс закриває це по порядку: спершу логіка програми й ключових кадрів, потім контури, маски й текст, далі інтерполяція й характер руху, ефекти, 3D і скрипти. Кожен прийом показано на задачі, яку можна забрати у власну роботу — анімований напис, перехід, заставка, фізична симуляція.

Що зміниться

Як улаштований шлях

1. База програми Інтерфейс, шари, таймлайн, налаштування трансформації й перші ключові кадри — на простих анімаціях тексту й слайд-шоу, до рендера готового ролика.
2. Форма й маски Контури, шейпи, маски й текст: морфінг шрифтів, Trim Paths, Repeat, інверсія масок, патерни з виразами й текст за траєкторією.
3. Рух і ефекти Інтерполяція й редактор кривих, скрипти прискорення роботи, покадрові секвенції, глітчі, аберації, шлейфи й фізичний плагін Newton.
4. 3D й автоматизація 3D-шари, камери, світло й тіні, видавлений текст і трекінг камери, потім окремий модуль про скрипти: Layer Groups, Ouroboros, Pastiche, орбіти Motion 2.

Програма курсу

70 уроків · 7 модулів · 8 годин 36 хвилин відео · Сім модулів від знайомства з програмою до скриптів і 3D — кожен урок закінчується прийомом, який можна застосувати у своїй роботі.

• Перші кроки: інтерфейс, шари й перші анімації 10 уроків

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

  • Вступ11:11

    Ознайомчий огляд After Effects для тих, хто відкрив програму вперше: устрій інтерфейсу, створення композиції, трансформації шарів і основи анімації на ключових кадрах. Розбираємо режими накладання, стилізацію шарів і розмиття в русі. У підсумку — уміння зібрати просту анімацію появи тексту з рамкою.

  • Інтерфейс і створення композиції8:23

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

  • Шари і таймлайн13:07

    Практична робота з шарами і таймлайном: підрізка кліпів вручну та гарячими клавішами, керування появою об’єктів у часі, маркери з коментарями. Також прив’язка через Parents, режими накладання і стилі шарів, дублювання та налаштування попереднього перегляду ролика.

  • Параметри трансформації шару3:57

    Розбір п’яти параметрів трансформації шару: якірна точка, позиція, масштаб, поворот і непрозорість. Показано гарячі клавіші швидкого доступу до параметрів, скидання налаштувань кнопкою Reset і центрування шарів у композиції.

  • Ключові кадри і характер руху13:14

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

  • Анімація появи знаків шрифту5:18

    Прописні та рядкові знаки почергово з’їжджають до базової лінії за ключами позиції. Розмітка ведеться лінійкою та напрямними, масштабування стовпців — через нульовий об’єкт, а схема шрифту доводиться режимом накладання «Множення» (Multiply) і розмиттям руху.

  • Поява тексту з кольору5:26

    Прийом появи тексту та графіки з кольору: напис проявляється ключами непрозорості, відтінок змінюється через Layer Style з Color Overlay або параметр Fill Color RGB. Готові ключі копіюються на всі шари, шари підрізаються та зсуваються один за одним у часі.

  • Збірка простого слайд-шоу4:56

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

  • Агресивний монтаж і ефект Echo11:56

    Збірка анімації в стилі агресивного монтажу: елементи різко змінюють один одного з мінімальними змінами трансформацій і кольору, поява будується підрізкою шару. Дублікати готової композиції зі зсувом у кадрах отримують Color Overlay, а ефект Echo додає нижнім шарам кольорове ехо.

  • Рендер ролика у відеоформат1:54

    Як вивести готову композицію у відеофайл: рендер запускається з композиції, налаштування задаються в Output Module з вибором формату та кодека. Аудіо вмикається навіть у ролику без звуку, потім обираються папка та ім’я файлу і запускається рендер.

• Контури й шейпи: від фігур до морфінгу шрифтів 12 уроків

  Усе, що вміють контури: властивості фігур і обведення, перетікання накреслень шрифту, поява літер зі штрихів, контури, що малюються, з Trim Paths, ефект Repeat і погойдувані лінії. Контури анімуються з Illustrator, а GIF збирається через Photoshop.

  • Властивості фігур і обведення10:29

    Розбір налаштувань векторних фігур: параметри заливки, обведення й трансформації всередині групи Content шейпа, включно із заокругленнями, з’єднаннями точок і пунктиром. Показано прийом винесення обведення в спільний Content, за якого товщина контура не змінюється під час масштабування. Для анімації пропонуються ключі на ширину обведення, пунктир і колір заливки.

  • Перетікання накреслень шрифту5:45

    Текстовий шар переводиться в шейп, після чого літера перетікає між накресленнями одного шрифту копіюванням ключів положення точок властивості Path. Розбирається, які шрифти придатні для такого морфінгу: точки контурів мають збігатися за кількістю та положенням.

  • Перетікання між різними шрифтами9:01

    Ручна правка контура перетворює літеру одного шрифту в літеру іншого: шари-референси вирівнюються за висотою напрямними, пером додаються точки під засечки, форма підганяється за ключами Path. Наприкінці переходи закільцовуються, і літера повертається до початкового вигляду.

  • Анімація внутрішнього контура літери6:32

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

  • Поява літери з окремих штрихів7:11

    Літера, намальована в Illustrator по шарах, збирається з окремих штрихів засобами трансформацій: вертикальні елементи витягуються масштабом по осі Y зі зсунутих опорних точок, перекладина повертається в горизонталь. Анімація будується з кінця, а в фіналі накладається розмиття руху.

  • Контур, що малюється, з Trim Paths4:00

    Текст переводиться в криві, заливка вимикається, і лінія промальмовується від початку до кінця через Trim Paths з ключами на початкове й кінцеве значення. Розбираються варіанти інтерполяції ключів — безьє, автобезьє й утримання, — що задають плавність появи напису.

  • Морфінг ширин літер слова8:51

    Слово переводиться в криві, після чого ширини літер змінюються почерговою правкою бокових точок контурів, і напис перетікає між станами. Початкові ключі копіюються далі за часом для закільцювання, всім ключам призначається пом’якшення для плавного руху.

  • Перехід між словами через смуги13:15

    Перехід між двома словами: літери виїжджають за край кадру, витягуючись у вертикальні смуги, а при поверненні збираються в інший напис. Стик двох текстів підганяється стисненням контурів першого слова, для плавності застосовуються пом’якшення ключів і розмиття руху.

  • Ефект Repeat для контурів тексту13:48

    Ефект Repeat створює копії контура літери, які налаштовуються за кількістю, offset, позицією, масштабом, поворотом і прозорістю. На його базі збирається глітч-поява слова зі смуг і псевдооб’єм літери з дубліката шару зі зсунутими копіями.

  • Контур, що погойдується: малювана анімація5:16

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

  • Анімація контурів з Illustrator8:13

    Контури з Illustrator імпортуються в After Effects й анімуються через Trim Paths: ключі копіюються з шару на шар, змінюється напрям появи, а опорні точки коригуються, щоб форма не викривлялася. Розбирається помилка одночасного промальовування ліній усередині групи й доведення руху затуханням ключів.

  • GIF-анімація через Photoshop2:54

    Композиція рендериться з After Effects у послідовність кадрів Photoshop Sequence, яка відкривається в Photoshop як Image Sequence і експортується в GIF через «Зберегти для веб» із повтором по колу. Розмір готового файлу задається розміром композиції.

• Маски: різати, оживляти, маскувати текст 12 уроків

  Типи масок і робота з ними: обертальна пляшка, скелет літер через інверсію, зміна накреслення тексту, рух тексту за маскою-шляхом і за траєкторією. Плюс вирази loop для патернів, що повторюються, готові пресети анімації й розмальовка летерингу.

  • Типи масок в After Effects2:24

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

  • Анімація обертання пляшки через маску2:50

    Практика зі складання ролика з обертовою пляшкою: маска для етикетки створюється дублюванням шару заливки пляшки, а її рух задається ключами позиції. Усі шари, крім заливки, закріплюються до нульового об’єкта, і поворот нульового об’єкта анімується двома ключами — так обертається вся композиція цілком.

  • Вираз loop для повторюваної анімації3:35

    Урок про вираз loop: loop in повторює цикл до обраного ключа, loop out — після нього, а код вставляється через секундомір позиції з затиснутою Alt. Розбираються типи повтору — по колу, ping pong і offset, який продовжує зміщення чи обертання на ту саму відстань кожен цикл.

  • Патерни в масках з виразами loop7:03

    Практика, де патерни через Alpha Matte потрапляють у частини розбитої на фрагменти букви й отримують різні цикли руху: масштаб з інтерполяцією Безьє, обертання з виразом offset і покадрові ривки з інтерполяцією Hold. До кожної анімації додається свій тип повтору loop, а колір задається ефектом Tint із групи Color Correction.

  • Скелет букв через маску з інверсією4:02

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

  • Зміна накреслення тексту масками5:51

    Прийом перемикання двох версій одного напису: маски оригіналу з заливкою та дубліката з контуром прив’язані до прямокутного шейпу-перемички, який рухається ключовими кадрами Position і почергово відкриває кожне накреслення. Колір перемички змінюється разом із положенням — відтінки беруться від обведення тексту в крайніх точках траєкторії.

  • Готові пресети анімації тексту4:09

    Огляд вбудованих пресетів анімації тексту: панель ефектів і пресетів та Preset Browser в Adobe Bridge з анімованими прев’ю, категорії появи за словами, рядками, буквами й ефекти друкарських машинок. Пресет накладається на текст подвійним клацанням з обраного кадру, швидкість і параметри правляться в налаштуваннях, а непотрібна анімація видаляється або відкочується.

  • Рух тексту по масці-шляху4:42

    Напис вибудовується вздовж кривої й рухається по ній: шлях малюється пером або копіюється з Illustrator, а рух задається ключами початкової точки шляху з підгонкою хронометражу. Додатково на дублікаті шару великого напису накидається маска, щоб малий напис проходив крізь її букви.

  • Текст по траєкторії4:36

    Запуск напису по контуру векторної букви: шлях копіюється в буфер і вставляється в налаштування маски тексту. Налаштування маски змінюють рух по внутрішньому чи зовнішньому боці контуру, поворот букв разом із кривою та розтягування тексту по всьому шляху, а міжлітерний проміжок регулюється аніматором Tracking.

  • Ефект малювання напису10:34

    Складання ефекту малювання напису: шари імпортованого файлу переводяться в криві, ефект Trim Paths рухає параметр End від нуля до ста відсотків і запускає лінію рисунка. Контур дублюється під кожну заливку, і на кожному кольоровому шарі маска відкриває свій фрагмент напису за кривою, що малює; почергова зміна кольорів робиться дублікатами шару зі зсувом по таймлайну.

  • Малювання летерингу в After Effects7:36

    Анімація малювання летерингу, перенесеного з Illustrator шарами: до контуру додається Trim Path, контур дублюється під кожен кольоровий шар, а місця, де штрих з’являється невчасно, правляться зміщенням точок малювання та проміжними ключами. Готові об’єкти збираються в прекомпоз, дублікатам увімкнюється Motion Blur для м’якої появи заливки.

  • Текстура, що перетікає по контуру5:24

    Розбір ефекту, де по цифрі перетікає зігнута текстура: сторонній плагін OmniSnake веде підготовлену композицією текстуру по масці-шляху на коригувальному шарі, а маска заганяється у форму цифри через AlphaMatte. У плагіна є обмеження в 2000 пікселів текстури, тому прийом розрахований на невелику ділянку; рельєф створюється дублікатом цифри зі стилем Bevel & Emboss і режимом накладання Overlay.

• Характер руху: криві, скрипти й вирази 8 уроків

  Вчимося керувати рухом: інтерполяція ключів і редактор кривих, встановлення й розбори скриптів Ease and Wizz, Animation Patterns і Motion 2. Далі — покадрові секвенції з ефектом плівки й закільцювання кривих виразами.

  • Інтерполяція ключів руху7:07

    Розглядаються типи інтерполяції ключів — від Hold до лінійної та варіантів Безьє — і робота з графіком швидкості в Graph Editor. Налаштовуються Easy Ease In, Easy Ease Out і Easy Ease, швидкість входу й виходу задається числами в Keyframe Velocity, форма кривої правиться вусами та через Auto Bezier. У результаті рух позиції та повороту об’єкта перестає бути механічним і стає природним.

  • Встановлення скриптів в After Effects1:19

    Показано встановлення стороннього скрипта в After Effects: файли копіюються до папки ScriptUI Panels у каталозі Support Files. Перевіряється поява нового пункту в меню Window, відкрита панель закріплюється в зручному місці інтерфейсу. Процес продемонстровано на скрипті Ease and Wizz і підходить для більшості скриптів програми.

  • Скрипт Ease and Wizz5:34

    Скрипт Ease and Wizz додає до виділених ключів готові експрешени: обирається сторона застосування (початок, кінець або обидва ключі) і характер руху — наприклад, bounce або back. Перед застосуванням можна додати викривлення, що згладжує кути траєкторії, а код експрешена й криву зручно вивчати в режимі графа. Прийом повторюється для інших шарів і кнопок композиції, зібраної зі стандартних трансформацій.

  • Скрипт Animation Patterns6:34

    Скрипт Animation Patterns зберігає готові патерни руху в нульовому об’єкті та застосовує їх до ключів одним натисканням — на масштабі, позиції, прозорості та появі елементів. Будь-який експрешен вимикається й повертається в один клік, а його криві правляться вручну. Щоб підсилити ефект, шар з експрешеном дублюється в нульовому об’єкті, точки кривої піднімаються, і змінений патерн застосовується знову.

  • Скрипт Motion 24:08

    Головний прийом скрипта Motion 2 — перенесення опорної точки вже готової анімації позиції через спеціальну кнопку, без руйнування руху: масштабування далі йде від нової точки. Для ефекту тексту, що заїжджає, додається аніматор трекінгу, його крива правиться вручну в режимі графа. Холд-ключі, що виникли під час правки, прибираються поєднанням клавіш або кнопкою у вікні графа.

  • Секвенції: покадрова анімація9:59

    Покадровий малюнок цифри збирається в секвенцію: кадри, намальовані по шарах у Photoshop, експортуються окремими файлами з наростаючим номером і при імпорті об’єднуються в єдиний футаж. Через Time Remapping послідовність сповільнюється й розтягується до кінця таймлайну. Сцена доповнюється підтіканнями та кляксами: підтікання малюються пером із Trim Paths, а ефект Roughen Edges з анімацією еволюції робить їхні краї шорсткими.

  • Закільцювання секвенції та ефект плівки6:47

    Коротка секвенція пускається по колу: Time Remapping разом з експрешеном Loop Out розтягує шар на весь таймлайн без дублікатів. Поверх збирається імітація старої плівки — PNG-секвенція шумів, футаж з ефектом плівки в режимі Overlay, погойдування кадру через wiggle. Коригувальний шар з CC Cross Blur дає мерехтливе розмиття напису, а чорний Solid з wiggle на прозорості періодично затемнює зображення.

  • Експрешени для закільцювання кривих5:01

    Стандартний Loop Out підходить для трансформацій, але на анімації кривих (шляхів) видає помилку — для закільцювання зміни шляхів використовується заздалегідь адаптований експрешен. Він підтримує пінг-понг: з увімкненим параметром анімація гоняється вперед і назад, з вимкненим повторюється від першого ключа до останнього. Анімація будується на стопорних ключах на початку та в кінці, щоб форма не смиклася.

• Ефекти: глітчі, аберації, шлейфи й фізика Newton 10 уроків

  Ефекти, які роблять ролик живим: піксельні напрямні, хроматичні аберації двома способами, глітч через карту викривлення, Vegas і шлейфи. Анімація за гучністю звуку й фізичні симуляції тексту й PNG-графіки в плагіні Newton.

  • Напрямні з точністю до пікселя6:43

    Три обхідні способи виставити напрямну в After Effects на точну кількість пікселів: панель Info, імпорт сітки з Illustrator і шейпи-прямокутники з прив’язкою. Показано, як зібрати готові напрямні в pre-compose і сховати їх через shy, щоб не заважали роботі в композиції.

  • Хроматичні аберації стороннім ефектом3:36

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

  • Хроматична аберація стандартними ефектами4:21

    Збирання хроматичної аберації без сторонніх плагінів: шар розщеплюється ефектом Shift Channels на червоний, зелений і синій канали, які складаються режимом накладання Screen. Канальні шари викривляються незалежно трансформаціями, розмиттям Fast Blur і Optics Compensation; прийом підходить для переходів слайдів.

  • Глітч через карту викривлення6:08

    Збирання глітч-ефекту стандартною картою викривлення Displacement Map: відео завад зміщує зображення за світлими та темними ділянками. Показано, як замінити вихідник завад іншим відео або зібрати маску викривлення самостійно з композиції з рухомими смугами, прив’язаними до нульового об’єкта.

  • Ефект Vegas: напис, що малюється сама8:57

    Практика з генеративними ефектами групи Generate: контурна обводка знаків через Vegas, яка анімується обертанням від нульової довжини до повного контуру. Шар переводиться в прекомпоз і дублюється з Turbulence Displacement, краї пом’якшуються Fast Blur і Simple Choker, а коригувальний шар з Glow додає світіння.

  • Шлейф за рухомим елементом4:54

    Збирання тягнучого сліду за рухомим шейпом: згладжена анімація точки через нульовий об’єкт з пружним затуханням і численні копії траєкторії ефектом Echo. Хвіст доводиться до однорідності розмиттям Fast Blur і обводкою Simple Choker; згенеровані точки збираються в прекомпоз без підкладки.

  • Анімація за гучністю звуку7:34

    Два способи оживити графіку під музику: штатний асистент Audio to Keyframes, що переводить пікові значення доріжки в ключі, і плагін Trapcode Sound Keys, який будує криву гучності на коригувальному шарі. Параметри шарів — масштаб, прозорість, обертання, трекінг — прив’язуються до аудіоключів, і текст із фігурами змінюються в такт звуковій доріжці.

  • Плагін Newton: фізична симуляція тексту5:29

    Знайомство з плагіном Newton 2: шари отримують вагу, гравітацію та пружність, напис падає й відскакує від стінок і підлоги зі статичним типом тіла. Параметр Bounce підганяється до потрібної картини зіткнень, після рендеру результат перетворюється на звичайні ключі анімації, до яких прив’язуються інші об’єкти.

  • Симуляція Newton для PNG-графіки3:47

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

  • Ефект Angry Birds у плагіні Newton6:09

    Розширена робота з плагіном Newton: кидок кульки за заданою траєкторією в дусі Angry Birds, керування вагою та тертям тіл у сцені зі стінками та кошиком. Текст переводиться в шейпи й розбивається на буквені шари командою Separate, а типи Kinematic і Dormant залишають літери нерухомими до дотику рухомого об’єкта; поверх фізичної анімації додаються Motion Blur і Glow.

• 3D без сторонніх пакетів: шари, світло, камери 8 уроків

  Об’єм засобами After Effects: 3D-шари й камери, джерела світла й тіні, об’ємний і видавлений 3D-текст, грані з масок, деформація Puppet. Фінал — 3D-трекінг камери й текст просто у відзнятому відео, плюс патерн із точок із wiggle.

  • 3D-шари та камери в After Effects21:42

    Перемикач 3D вмикає у шару третій вимір: з’являються осі X, Y і Z, а порядок шарів на панелі більше не впливає на видиме розташування. Урок розбирає створення камер з однією та двома нодами, точку інтересу з прив’язкою до об’єкта, глибину різкості та зв’язку фокуса зі шаром. У завданні налаштовується камера з анімованою точкою інтересу та прив’язаним фокусом, а підлога з 3D-шейпа показує глибину сцени.

  • Джерела світла та тіні в 3D17:41

    В уроці розбираються чотири типи джерел світла: Point світить в усі боки, Parallel дає паралельні промені, Spot освітлює конусом, Ambient керує загальною яскравістю сцени. Тінь з’являється, коли Cast Shadow увімкнений і в джерела, і в 3D-шару, а її темрява та м’якість краю налаштовуються окремо. Практика — сцена з підлогою, стіною та текстом, де рух світла анімується ключами, а лампочка, що гойдається, збирається виразом loop out з pingpong.

  • Об’ємний 3D-текст без плагінів9:06

    Урок порівнює старий спосіб об’ємного тексту з десятків дублікатів шару зі зсувом і сучасне видавлювання через Geometry Options під час рендеру Cinema 4D або Ray-traced 3D. Глибина видавлювання задається однією настройкою, кромці підбираються товщина та форма, а глибина внутрішніх контурів зберігає отвори літер. Спосіб працює і з контурами: після переведення літер у криві точки правляться окремо, і результат залишається тривимірним об’єктом.

  • Заставка з видавленим 3D-текстом10:05

    На практиці збирається заставка в стилі стримінгового сервісу: видавлений текст із рендером Cinema 4D, фонова заливка та точкове джерело світла. Літери прив’язуються до нульового об’єкта, ховаються за стіною та по черзі виїжджають назовні завдяки зсуву ключів easy ease, а рух світла з тінню поверх готових ключів робиться через додатковий нульовий об’єкт. Кут огляду камери впливає на вигляд граней: чим він вужчий, тим довшими виглядають видавлені бічні сторони літер.

  • Об’ємні грані з 3D-масок9:14

    Напис розрізається масками на смуги, які перетворюються на об’ємні грані: кожен наступний шматок — дублікат попереднього зі зсувом одного краю шляху, тому малюнок на гранях не з’їжджає. Шари закріплюються в ланцюжок один за одним, опорні точки переносяться в місця перелому, а після увімкнення 3D поворот по осях Y або X дає грані, заломлені в різні боки. Об’єм підкреслюється одним-двома точковими джерелами світла, розташування яких підбирається так, щоб грані не залишалися чорними.

  • Деформація тексту інструментом Puppet6:10

    Урок розбирає лялькову деформацію напису без 3D: шпильки Puppet Tool розставляються по краях тексту як закріпи, а перетягування точок заламує меш і автоматично створює ключі деформації. Для пауз і нових вигинів ключі копіюються та вставляються зі зсувом за часом, після чого меші правляться в нове положення; наприкінці вставляються найперші ключі, і анімація закільцьовується. Світло несумісне зі шаром, що деформується, тому на напис накладається коригувальний шар.

  • 3D-трекінг камери та текст на відео8:58

    За допомогою 3D Camera Tracker відео прораховується на поверхні, а після аналізу з’являється розкреслена сітка трек-точок. Правою кнопкою на вибраних точках створюється тривимірний текст, який повертається, зміщується та йде разом із рухом камери в кадрі. Урок також розбирає підготовку зйомки без сильної тряски, збіг розмірів кадру та композиції й переведення напису в криві для обведення та ефектів малювання.

  • Патерн із точок і wiggle11:46

    Композиція заповнюється шейпами-гуртками, масштаб кожного з яких оживляється виразом wiggle: копія виразу дає іншу послідовність, а однаковий рух отримують прив’язкою до масштабу шару-батька. Готовий шар із прозорим фоном розмножується по екрану ефектом Motion Tile, поверх накладається градієнт, що змінює вигляд ролика. Літери напису сіпаються wiggle з добавкою value по горизонталі або вертикалі, а множення частоти на time нарощує коливання до фіналу, де стрибки масштабу та спад непрозорості виводять ролик.

• Скрипти й генеративна графіка 10 уроків

  Автоматизація й генеративні прийоми: графіка за яскравістю підкладки, оживлення літер Puppet Tools, скрипти Layer Groups, Tray Dynamic Texture й Ouroboros, написи й переходи з Pastiche, розліт зображення ефектом Ньютона, зв’язування об’єктів Rope й орбіти Motion 2 у 3D.

  • Генеративна графіка за яскравістю підкладки9:33

    Генеративна графіка, у якій позиція об’єкта на таймлайні керується яскравістю точки підкладки: ефект Radio Waves на чорній підкладці слугує мапою анімації, а вираз пов’язує точку таймлайна об’єкта з яскравістю підкладки. Скрипт Array заповнює весь кадр сіткою копій шейпа, а розмиття мапи яскравості через Fast Blur дає проміжні значення й плавність анімації.

  • Puppet Tools: оживлення літер і персонажа10:56

    Персонажна анімація з Puppet Tools: на заготовці з літери з руками, ногами та очима розставляються піни знизу вгору і створюється IK, завдяки чому згини кінцівок виглядають правдоподібно. Моргання зациклюється виразом loop out, усмішка й очі прив’язуються до літери, а складні знаки краще заздалегідь розбити в Illustrator на окремі елементи.

  • Скрипт Layer Groups3:47

    Скрипт Layer Groups групує шари просто в панелі шарів без Pre-Compose: створення папок, розгортання й згортання груп, три варіанти видалення та збирання готової групи в пре-композицію окремою кнопкою. Назви груп краще задавати латиницею, бо кирилицю скрипт розпізнає нестабільно.

  • Скрипт Tray Dynamic Texture10:58

    Скрипт Tray Dynamic Texture: палітра текстур і заготовлених шейпів, яка накладає текстури на шейпи та літери й у пару кліків переносить між об’єктами налаштування анімації та ефектів. У палітру можна додати власні текстури й шейпи з анімацією на кшталт Repeat або Trim Path, а кнопка Link робить параметри тіней і шуму світовими, щоб вони не масштабувалися разом з об’єктом.

  • Скрипт Ouroboros6:52

    Скрипт Ouroboros перетворює намальований пером сплайн на багатокольоровий анимований контур: кількість і повторення кольорових сегментів, палітра та випадкова товщина й прозорість ліній налаштовуються кнопками скрипта. Ключі на offset у Trim Path дають безперервний біг кольорів по контуру, а вираз wiggle підсилює хаотичну гру лінії.

  • Генеративні написи з Pastiche7:28

    Генеративний напис збирається зв’язкою Pastiche, Alphabet, Vector Icons і Fills: Alphabet за текстовим шаром генерує масив шарів зі знаків шрифту, Pastiche розподіляє їх за формою об’єкта в режимах Organic, Grid і Radial, а Fills фарбує палітрами та градієнтами. Текст перед роботою обов’язково переводиться в криві, Vector Icons замість літер створює масив з іконок обраного набору.

  • Переходи між написами ефектом пастиш6:17

    Перехід одного напису в інший: моменти зміни об’єктів позначаються маркерами на таймлайні, скрипт Array створює сотні дублікатів еліпса, а ефект пастиш переносить на них зображення з прихованої композиції-заготовки. У налаштуваннях трансформації виставляються ключі позицій і скейла, режим анімації обирається між розрахунком поточного кадру, зміною ключів і роботою за маркерами шарів.

  • Розліт зображення ефектом Ньютона7:04

    Зв’язка двох ефектів: пастиш за маркером збирає один смайл з іншого, а Ньютон розлітає готову картинку на сотні дублікатів з налаштуванням відштовхувального магнетизму та нульовою гравітацією. Інтенсивність, дистанцію та швидкість симуляції підбирають за результатом, і кожна симуляція розраховується по-своєму.

  • Зв’язування об’єктів функцією Rope8:48

    Зв’язування рухомих об’єктів лініями: функція Rope зі скрипта Motion 2 прив’язує нитки до опорних точок написів, налаштовуються довжина, час, товщина та кольори початку й кінця. Хаотичний рух словам задає вираз wiggle у позиції, і нитки самі підлаштовуються під переміщення об’єктів.

  • Орбіта Motion 2 і 3D-шари8:20

    Функція Orbital скрипта Motion 2 будує обертання об’єкта навколо джерела на прикладі системи Земля й Місяць: земля та хмари загортаються ефектом сфера, хмарній сфері призначається режим накладання screen. Зв’язка орбіти з 3D-нульовим об’єктом дає перспективу, а окреме налаштування дозволяє прив’язати об’єкт, що обертається, до звичайного рухомого шару.

Часті запитання

Про цей курс

• Чи підійде курс, якщо я ніколи не відкривав After Effects?

  Так. Перший модуль послідовно розбирає інтерфейс, композиції, шари, таймлайн і ключові кадри, і лише потім ідуть прийоми складніші. Кожен урок — розбори конкретного прикладу, який можна повторювати паралельно з переглядом.

• Чи потрібні платні плагіни й скрипти?

  Частина уроків використовує сторонні інструменти — Motion 2, Ease and Wizz, Animation Patterns, плагін фізики Newton. Їхньому встановленню й налаштуванню присвячений окремий урок. Багато що в курсі збирається стандартними засобами, включно з об’ємним 3D-текстом без плагінів.

• Чи правда, що об’ємні заставки можна зробити без 3D-редактора?

  Так. Модуль про 3D показує видавлений текст, грані з масок, світло й тіні засобами самого After Effects. Cinema 4D згадується лише як джерело готових файлів, моделювати там не вчать.

• Які роботи збираються по ходу курсу?

  Анімовані написи й летеринг, перетікання шрифтів, слайд-шоу, GIF через Photoshop, глітч-переходи, фізичні симуляції тексту в Newton, заставка з видавленим 3D-текстом і текст, прив’язаний до відзнятого відео трекінгом камери.

• Чи буде зрозуміла анімація тексту, якщо я дизайнер, але не монтую відео?

  Так, курс побудований значною мірою навколо текстової анімації й летерингу: контури з Illustrator переносяться в композиції, а GIF збирається через Photoshop — звичний для дизайнера інструментарій.

• Чим закінчується курс?

  Модулем про скрипти й генеративну графіку: Layer Groups, Tray Dynamic Texture, Ouroboros, написи й переходи з Pastiche, орбіти Motion 2 разом із 3D-шарами. Після нього залишаються файли з базою для власних експериментів і зібрані за курсом роботи.

Доступ і матеріали

• Коли і як я отримаю доступ до курсу?

  Одразу після оплати, тієї ж секунди й автоматично. Чекати на підтвердження не потрібно. Доступ надходить двома шляхами водночас. Перший: на пошту, вказану при оформленні замовлення, приходить лист із посиланням на матеріали. Другий: те саме посилання з’являється у вашому акаунті на сайті, у розділі «Завантаження», і залишається там назавжди.

• Де зберігаються матеріали курсу?

  Усі відео та додаткові файли лежать у хмарному сховищі. Посилання на нього — у вашому акаунті на сайті, розділ «Завантаження», і в листі, який надійшов після оплати. Акаунт тут не формальність, а спосіб доставки: курс залишається в ньому назавжди. Навіть якщо лист загубився або ви згадали про купівлю через рік, посилання буде на місці.

• Чи можна завантажити матеріали, чи тільки дивитися онлайн?

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

• Як довго діє доступ?

  Безстроково. Курс залишається вашим назавжди, повертатися до нього можна скільки завгодно разів. Якщо через рік чи два посилання раптом перестане відкриватися з технічних причин — напишіть на info@siluette.com.ua, ми його відновимо.

• Лист із доступом не надійшов — що робити?

  Насамперед: доступ у вас є в будь-якому разі. Увійдіть на сайт і відкрийте розділ «Завантаження» — посилання на курс уже там, незалежно від того, дійшов лист чи ні. Найчастіше лист губиться через одруківку в адресі під час оформлення замовлення. Ще варто заглянути до теки «Спам». Не виходить розібратися — не витрачайте час: напишіть на info@siluette.com.ua або в чат у правому нижньому куті сайту, ми допоможемо.

• На яких пристроях дивитися курс?

  Найкраще на комп’ютері або ноутбуці: завантажте відео й відкрийте будь-яким звичним плеєром. Знадобляться встановлені відеокодеки — на більшості комп’ютерів вони вже є. Завантажити курс можна на скільки завгодно пристроїв. А от телефон ми не радимо, і з двох причин. На маленькому екрані погано видно деталі, особливо якщо в уроці показують інтерфейс програми. І на телефонах часто немає кодеків для форматів, у яких записані відео.

Оплата та повернення

• Якими способами можна оплатити?

  Банківською карткою Visa, MasterCard або «Простір», через Google Pay, Apple Pay, Masterpass, Visa Checkout, платіжний QR-код, Botpay у Telegram чи Privat24. Є й оплата частинами: Монобанк (3 або 4 платежі), А-Банк (2, 3 або 4 платежі та розстрочка), Банк Глобус (8 платежів), «Скибочка» від OTP Bank (3 платежі), миттєва розстрочка та оплата частинами від ПриватБанку.

• Чи приймається картка, випущена не в Україні?

  Так. Платіжна система приймає картки з Євросоюзу та будь-яких інших країн. Одна деталь, про яку часто забувають: банк може попросити підтвердити платіж — у мобільному застосунку або кодом із СМС. Якщо оплата не проходить, перевірте застосунок банку та повідомлення.

• Як працює знижка 20% при купівлі кількох курсів?

  Додайте до кошика два курси або більше — знижка застосується автоматично до всіх товарів у кошику. Два курси: мінус 20% на обидва. П’ять курсів: мінус 20% на всі п’ять. Знижка поєднується з будь-якими акційними цінами й діє на весь каталог без винятків.

• Чи можна повернути курс або гроші?

  Цифрові товари поверненню та обміну не підлягають. Це загальне правило для всіх електронних товарів в Україні — постанова Кабінету Міністрів № 172 від 19 березня 1994 року. При цьому ми завжди на зв’язку. Якщо доступ не відкривається, посилання перестало працювати або файли пошкоджені — напишіть на info@siluette.com.ua, вкажіть дату та номер замовлення. Відновимо. Якщо щось незрозуміло в самому курсі, теж пишіть — підкажемо.

• Чи можна оплатити від організації за рахунком?

  Поки що ні. Ми працюємо лише з приватними покупцями — безготівкової оплати за рахунком від юридичних осіб зараз немає.

Як проходить навчання

• Чи є зворотний зв’язок із викладачем і перевірка завдань?

  Ні. Усі курси — це записи уроків для самостійного вивчення: викладач не відповідає на запитання і не перевіряє домашні завдання. Саме тому курси коштують значно дешевше за навчання з куратором. Ви отримуєте той самий матеріал, але займаєтеся самі та у своєму темпі.

• Чи видається сертифікат?

  Так, цифровий сертифікат — на запит і безкоштовно. Напишіть на info@siluette.com.ua, вкажіть ім’я та прізвище саме в тому вигляді, в якому хочете бачити їх у сертифікаті, і ми надішлемо його протягом доби.

• Чи потрібен досвід, щоб почати?

  Для більшості курсів — ні. Вони розраховані на початковий рівень і пояснюють з азів. Якщо курс потребує підготовки, це сказано в його описі.

• Чи є терміни проходження курсу?

  Ні. Ані дедлайнів, ані розкладу, ані доступу, що згорає. Завантажили — дивіться коли зручно, з будь-якими перервами.

• Чи можна поділитися курсом з іншою людиною?

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

Підтримка

• Куди писати, якщо щось не працює?

  Найкраще на info@siluette.com.ua. Є й чат у правому нижньому куті сайту, але пошта надійніша: там можна все описати докладно та додати знімки екрана. Прохання: опишіть, що саме ви робили і що пішло не так, та додайте знімок екрана з помилкою. Так ми вирішимо питання одразу, а не з’ясовуватимемо півдня, що сталося.

• Як швидко відповідає підтримка?

  У робочий час, з 9:00 до 19:00, на пошту зазвичай відповідаємо протягом години, у чаті — за кілька хвилин. Після 19:00 теж буває, але час відповіді не обіцяємо.