Эффект лупы для Lottie анимации

Если пробовали делать маску в After Effects и потом выгрузить в Lottie — то знаете: обычные маски там не работают.
Выход — использовать Track Matte. Покажу на примере лупы из этого скина 🎁

Как сделать:

1. Соберите все слои, которые должны быть «под стеклом», и закиньте их в Pre-compose

2. Создайте или отделите слой, который будет играть роль маски (в нашем случае – стекло лупы)

3. В столбце Track Matte свяжите слой-маску с содержимым

Если параметр Track Matte не отображается, включите столбец Modes над таймлайном

4. Так как это лупа, увеличьте слой под маской и анимируйте его Position в тех же ключевых кадрах, что и движение самой лупы

В конце не забудьте скопировать изинги с основного слоя, чтобы совпадала скорость анимации (скрипт EaseCopy)

В результате получится эффект увеличительного стекла — аналог маски, который будет работать в Lottie

❗️Важно: маски в Lottie сильно нагружают итоговый json/tgs. Используйте их только там, где без них ну никак

📁 Скачать проект 🎁 можно в комментариях!