Маска анимация

Создавайте профессиональные эффекты, используя анимированные маски. Маски скрепляют контент и могут анимировать, чтобы раскрывать предметы с течением времени - идеально подходит для заглавных последовательностей, переходов и кинематографических эффектов.

Доступные анимации маски

Использование шаблонов маски

Самый простой способ использовать анимацию масок - через шаблоны:

1. Откройте панель Templates Panel (нажмите вкладку Шаблоны или нажмите T)
2. Фильтр Категория: Маскировка
3. Нажмите шаблон, чтобы просмотреть его
4. Нажмите Использовать шаблон, чтобы применить его

Доступные шаблоны маскировки

Как работают анимации маски

Анимированные маски работают, обрезая контент формой, которая меняется с течением времени:

1. Mask Shape — граница клипа (прямоугольник, круг, звезда, сердце)
2. Тип анимации - как движется маска (вибрация, радужка, шкала)
3. Время - Время начала, продолжительность и облегчение
4. Направление — каким образом происходит раскрытие

Временные параметры

• Стартовое время - когда начинается раскрытие (в секундах)
• Длительность - Сколько времени занимает раскрытие
• Упрощение - кривая анимации (линейная, easyIn, easyOut, easyInOut)

Сломанный текст раскрывает

Для многострочного текста пошатните время начала каскадного эффекта:

Это создает классическое «пошаговое раскрытие», наблюдаемое в профессиональной графике движения.

Сочетание с другими эффектами

Маска анимации хорошо работают с:

• Анимация кейфреймов - перемещайте элементы, пока они раскрывают
• Простая анимация - добавить импульс или исчезнуть после раскрытия
• Базовые генераторы - Раскрытие контента по анимированным фонам

Маскировка изображений (статическая)

Для маскировки статической формы на изображениях:

1. Выберите импортное изображение
2. В панели свойств нажмите Маска
3. Выберите форму (круг, звезда, сердце, шестиугольник и т.д.)
4. Отрегулируйте размер и положение маски
5. Нажмите Применить маску

Это создает постоянный урожай в форме (не анимированный).

Советы для лучших результатов

1. Keep показывает короткие - 0,4-0,8 секунды работает лучше всего
2. Use easyOut - Чувствует себя более естественно
3. Стаггер последовательно - 0,1-0,2 между строк
4. Соберите свой контент - Используйте радужную оболочку для драматического, стирайте для профессионального
5. Обзор на полной скорости Время тестирования правильное

Маска моды

Контролируйте, как форма маски взаимодействует с вашим контентом:

Чтобы изменить режим маски:

1. Выберите элемент маски
2. В панели свойств найдите выпадающий режим маски
3. Выберите Clip, Subtract или Intersect

Укладка маски

Нанесите несколько масок на один элемент для комплексных эффектов маскировки:

1. Нанесите начальную маску (например, круг)
2. Добавьте второй слой маски с другим режимом:
   • Add - Объединяет обе формы маски (видимые в каждой)
   • Subtract - вырезает вторую форму из первой
   • Интерсект - видна только перекрывающаяся область

Оригинальное название: Circle with Star Cutout

1. Нанесите маску circle (режим зажима)
2. Добавить слой маски star (режим вычитания)
3. Результат: круговая рамка со звездообразным отверстием в центре

Q Q

Вы можете сложить столько слоев маски, сколько необходимо. Удалите отдельные слои, не затрагивая других.

Анимация Vertex

Оживите саму форму маски, превратив ее вершины между двумя состояниями:

1. Определить форму стартовой маски (вертикальные положения)
2. Определить конечную форму маски (вертикальные положения)
3. Маска плавно переходит между формами во время воспроизведения

Это создает органические, плавные переходы маски, которые выходят за рамки простой анимации масштаба и положения.

Q Q

Технические заметки

• Маски используют Paper.js обрезанные группы внутри
• Масштабные маски (звезда, сердце) от центра
• Прямоугольные маски меняют размеры для эффектов стирки
• Маски перестраиваются при загрузке шаблонов
• Для полного программного управления см. документацию API для applyCustomMask()

Связанные: [Анимации] (/features/animations) | [Keyframe Editor] (/features/keyframes) | [Templates] (/panels/templates)