Маски та Track Matte в After Effects: повний гайд

Чому маски та підкладки — фундамент роботи в After Effects

Понад 70% візуальних помилок у проєктах аніматорів-початківців стаються через неправильне використання шарів перекриття: артефакти на краях, випадково обрізані тіні або громіздкі дублікати композицій. Якщо ви хочете створювати чисті переходи, складні появи шейпів та комбінувати графіку з футажами, інструменти Masks та Track Matte мають стати вашою другою натурою.

У класичному пайплайні моушн-дизайнера майже кожна анімація — від виходу літер із «невидимої лінії» до кастомних переходів — базується на приховуванні та прояві пікселів. У школі Maslo Motion викладачі щодня спостерігають, як студенти спрощують свої таймлайни вдвічі, щойно опановують логіку неруйнівного маскування. Розглянемо детально, чим відрізняються маски від Track Matte, як працюють режими Alpha і Luma та як нові оновлення After Effects змінили цей процес назавжди.

Маски в After Effects: як вони влаштовані

Маска в After Effects — це векторний контур (Path), прив’язаний безпосередньо до конкретного шару. Вона визначає, яка частина саме цього шару буде видимою, а яка стане прозорою.

Створення векторної маски

Щоб створити маску на шарі, виберіть потрібний шар на таймлайні та скористайтеся інструментами з верхньої панелі:

• Shape Tools (Q): Rectangle, Rounded Rectangle, Ellipse, Polygon, Star. Створюють правильні геометричні форми.
• Pen Tool (G): дозволяє малювати довільні контури з плавними кривими Безьє, як в Adobe Illustrator.

Зверніть увагу: якщо жоден шар не виділений, ці самі інструменти створять новий шейповий шар (Shape Layer). Це поширена проблема новачків. Про те, як працювати саме з векторними фігурами, ми детально писали в гайді про те, що таке шейпова анімація в After Effects.

4 ключові властивості маски (Mask Properties)

Розкривши шар із маскою клавішею M або подвійним натисканням M + M, ви побачите чотири параметри:

1. Mask Path: форма та координати точок контуру. Саме цей параметр анімують ключами, коли потрібно змінити обрис під час руху об'єкта.
2. Mask Feather: розмиття країв маски. Дозволяє зробити плавний перехід між видимою та прихованою областями (вимірюється в пікселях).
3. Mask Opacity: загальна прозорість області всередині маски (від 0% до 100%).
4. Mask Expansion: рівномірне розширення або звуження контуру маски у пікселях без деформації векторних точок.

Режими накладання масок (Mask Modes)

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

• Add: додає площу нової маски до попередньої (за замовчуванням).
• Subtract: вирізає область маски з шару (створює дірку).
• Intersect: залишає видимим лише спільний перетин двох або кількох масок.
• Difference: інвертує видимість у місці накладання контурів.
• None: маска вимикається для рендеру, але залишається доступною для прив'язки ефектів (наприклад, ефекту Stroke).

Track Matte: принцип роботи та революція нових версій

На відміну від маски, яка «живе» всередині одного шару, Track Matte використовує окремий шар (Layer A) як трафарет для визначення прозорості іншого шару (Layer B). Це фундаментальна концепція, на якій будується професійний композитинг в After Effects.

Як працювала система раніше і що змінилося

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

Починаючи з версії After Effects 2023, система Track Matte отримала оновлення: тепер у стовпчику TrkMat є інструмент вибору шару (Pick Whip). Ви можете вказати будь-який шар на таймлайні як маску, незалежно від його положення в списку, і навіть призначити один шар-підкладку для десятків інших об'єктів одночасно.

Різниця між Alpha Matte та Luma Matte

У меню Track Matte є два фундаментальні алгоритми розрахунку прозорості. Розуміння різниці між ними заощадить вам сотні годин роботи:

1. Alpha Matte (Альфа-підкладка)

Бере до уваги виключно значення прозорості (альфа-канал) керуючого шару. Колір, яскравість і насиченість ігноруються. Якщо піксель верхнього шару непрозорий на 100%, нижній шар видно повністю. Якщо піксель має 50% прозорості — нижній шар буде напівпрозорим. Якщо там порожнеча (0% альфи) — нижній шар стає невидимим.

Alpha Inverted: дзеркальний режим. Нижній шар з'являється там, де у верхнього шару порожнє місце.

2. Luma Matte (Яскравісна підкладка)

Бере до уваги яскравість (Luminance) керуючого шару, ігноруючи його власний альфа-канал:

• Чисто білий колір (#FFFFFF): дає 100% непрозорість підпорядкованому шару.
• Чисто чорний колір (#000000): робить шар повністю невидимим.
• Будь-які відтінки сірого: створюють часткову напівпрозорість відповідно до яскравості.

Luma Inverted: інвертує логіку — біле приховує, чорне проявляє. Це незамінно під час роботи з димовими футажами, шумовими текстурами (Fractal Noise) та анімацією рукописних штрихів.

Маска чи Track Matte: що і коли обирати?

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

Практика: 4 прийоми з масками та Track Matte, які треба спробувати зараз

Щоб закріпити теорію, спробуйте виконати ці чотири класичні вправи у вашому проєкті.

1. Ефект появи тексту «з повітря» (Text Reveal)

Найпопулярніший ефект у рекламі та продуктових відео:

1. Створіть текстовий шар за допомогою Type Tool. Поглиблено про це читайте в матеріалі про те, як робиться анімація тексту в After Effects.
2. Зверху створіть Shape Layer у формі простого прямокутника, що повністю закриває текст.
3. На текстовому шарі виберіть TrkMat: Shape Layer у режимі Alpha Matte.
4. Анімуйте параметр Position тексту, змістивши його в першому кадрі вниз за межі прямокутника. Застосуйте Easy Ease (F9) і відрегулюйте криву швидкості через Graph Editor. Текст плавно виринатиме з порожнечі вздовж рівної лінії.

2. Створення м'якого світлового бліку (Sweep / Sheen)

Техніка, яка робить логотипи, плашки та 3D-іконки преміальними:

1. Візьміть векторний логотип або іконку (підійде будь-який шар із прозорим фоном, імпортований, наприклад, через імпорт з Illustrator в After Effects).
2. Створіть зверху білий суцільний шар (Solid: Ctrl/Cmd + Y) та намалюйте на ньому вузьку діагональну смужку під кутом 45 градусів.
3. Розмийте краї смуги за допомогою ефекту Fast Box Blur або Mask Feather на 30–50 пікселів.
4. Увімкніть для Solid шару Track Matte: Шар з логотипом (Alpha Matte).
5. Анімуйте координату Position X для смуги зліва направо. Блік ковзатиме виключно по контурах вашого знаку, не виходячи за його межі.

3. Органічна поява за допомогою шуму (Luma Transition)

Коли потрібно створити ефект розчинення картинки чи розпаду на частки:

1. Створіть шар Adjustment Layer або Solid та застосуйте ефект Fractal Noise.
2. У налаштуваннях ефекту виставіть високу контрастність (Contrast: 200–300) та анімуйте параметр Brightness від -100 (повністю чорний екран) до +100 (повністю білий екран).
3. Підпорядкуйте ваш шар з ілюстрацією цьому шумовому шару через Luma Matte. Картинка виявлятиметься через природні плями та градієнти, що додає рухові кінематографічності.

4. Анімація контуру через Mask Path

Якщо потрібно, щоб маска точно повторювала рух об'єкта під час змін форми:

1. Поставте перший ключовий кадр на параметрі Mask Path.
2. Перемістіться вперед по таймлайну, візьміть Selection Tool (V) і двічі клікніть на контур маски для трансформації всього об'єкта, або тягніть окремі вершини.
3. Щоб рух деформованого контуру виглядав органічно, згадайте 12 принципів анімації в моушн-дизайні — зокрема, перекриття дій та підготовку (Anticipation).

Оптимізація та типові помилки початківців

Нераціональне використання масок може сповільнити прев'ю композиції навіть на потужних робочих станціях. Щоб робота залишалася комфортною:

• Не плодіть зайві вершини: чим менше точок на кривій Безьє, тим плавніша деформація та швидший прорахунок. Якщо форму можна описати 4 точками з вусами натягу — не використовуйте 20 точок.
• Слідкуйте за розмиттям країв (Feather): великі радіуси розмиття (200+ пікселів) суттєво навантажують графічний процесор. Детальніше про налаштування продуктивності ви можете прочитати у статті про те, як працює оптимізація After Effects.
• Використовуйте режим Solo та ізоляцію: коли на таймлайні понад 50 шарів із підкладками, робоча зона перетворюється на хаос. Обов'язково фарбуйте керуючі шейпи в окремий Label Color (наприклад, Peach або Fuchsia). Про структуру проєктів читайте у посібнику про організацію проєктів в After Effects.
• Не плутайте Shape Path та Mask Path: векторний контур усередині Shape Layer має власні модифікатори (Trim Paths, Merge Paths), які не підтримуються звичайними масками. Якщо вам потрібні динамічні лінії, створюйте саме Shape Layer і підключайте його як Track Matte.

FAQ: часті запитання про маски та Track Matte

Чим відрізняється Alpha Matte від Alpha Inverted?

Alpha Matte відображає підпорядкований шар тільки в межах непрозорих пікселів маски (всередині форми). Alpha Inverted інвертує видимість: підпорядкований шар показується скрізь, окрім форми керуючого шару (прорізає вікно).

Чому після застосування Mask об'єкт зникає з композиції?

Найчастіша причина — неправильний режим маски (Mask Mode). Перевірте, чи не встановлено режим Subtract замість Add, або чи не ввімкнена інверсія (чекбокс Inverted). Також переконайтеся, що параметр Mask Opacity встановлено на 100%.

Як застосувати одну підкладку Track Matte до декількох шарів одночасно?

У сучасних версіях After Effects (починаючи з версії 23.0) виділіть усі шари, які хочете замаскувати, і потягніть їхній інструмент Pick Whip (спіральку) у стовпчику TrkMat на один спільний шар-маску. Всі виділені шари миттєво підключаться до нього.

Чи можна використовувати шар з відеофутажем як Luma Matte?

Так, це популярний прийом у моушн-дизайні. Наприклад, чорно-білі футажі чорнила у воді (Ink Drops), плівкових засвічень або диму ідеально підходять для створення художніх переходів через Luma Matte.

Підсумки та практика

Маски та підкладки Track Matte — це технічний кістяк, без якого неможливо уявити створення комерційної моушн-графіки. Опанувавши логіку прозорості та розрахунку яскравості, ви зможете будувати проєкти швидше, охайніше та без використання зайвих сторонніх плагінів.

Хочете освоїти After Effects від базових кривих до комплексних тривимірних сцен і вийти на стабільний дохід у сфері анімації? Запишіться на безкоштовний пробний урок від школи Maslo Motion та дізнайтеся, як перетворити творчість на затребувану професію.