Animações de Máscara

Crie efeitos profissionais revelar usando máscaras animadas. Máscaras clip conteúdo e pode animar para revelar itens ao longo do tempo - perfeito para sequências de título, transições e efeitos cinematográficos.

Animações de Máscara disponíveis

Usar Modelos de Máscara

A maneira mais fácil de usar animações máscara é através de modelos:

1. Abra o Painel **Templates (clique na aba Modelos ou pressione T)
2. Filtro por Categoria: Mascaramento
3. Clique em um modelo para visualizá-lo
4. Clique em Use o Modelo para aplicá-lo

Modelos de Mascaramento Disponíveis

Como as animações da máscara funcionam

Máscaras animadas funcionam cortando conteúdo com uma forma que muda ao longo do tempo:

1. Forma de Máscara - O limite do clipe (rectângulo, círculo, estrela, coração)
2. Tipo de animação - Como a máscara se move (wipe, íris, escala)
3. Timing - Tempo de início, duração e facilidade
4. Direção - Por onde acontece a revelação

Parâmetros de Tempo

• Start Time - Quando a revelação começa (em segundos)
• Duração - Quanto tempo leva a revelação
• Fácil - Curva de animação (linear, easyIn, easyOut, easyInOut)

Revela texto esboçado

Para o texto multi-linha, escalone as horas de início para um efeito em cascata:

Isso cria o clássico “line-by-line revel” visto em gráficos de movimento profissional.

Combinando com outros efeitos

Animações de máscara funcionam bem com:

• Animações de keyframe - Mover itens enquanto eles revelam
• Simples animations - Adicionar pulso ou desaparecer após revelar
• Geradores de fundo - Revelar conteúdo sobre fundos animados

Máscara de Imagem (Estatica)

Para mascaramento de formas estáticas nas imagens:

1. Selecione uma imagem importada
2. No Painel de Propriedades, clique em Mask
3. Escolha uma forma (círculo, estrela, coração, hexágono, etc.)
4. Ajuste o tamanho e a posição da máscara
5. Clique em Aplicar máscara

Isto cria uma colheita permanente para a forma (não animado).

Dicas para os melhores resultados

1. Keep revela curto - 0,4-0,8 segundos funciona melhor
2. Use easyOut - Parece mais natural para revelações
3. Stagger consistentemente - 0,1-0,2s entre linhas
4. Combine o seu conteúdo - Use íris para dramática, limpe para profissional
5. Preview a toda a velocidade O tempo do teste parece certo

Modos de Máscara

Controle como a forma da máscara interage com seu conteúdo:

Para alterar o modo máscara:

1. Selecione o item mascarado
2. No painel Propriedades, encontre o modo máscara dropdown
3. Escolha Clip, Subtrair, ou Intersect

Empilhamento de Máscara

Aplicar várias máscaras a um único item para efeitos de mascaramento complexos:

1. Aplicar uma máscara inicial (por exemplo, círculo)
2. Adicionar uma segunda camada de máscara com um modo diferente:
   • Adicionar - Unir ambas as formas de máscara (visível em qualquer uma delas)
   • Subtrato - Corta a segunda forma do primeiro
   • Intersect - Apenas a área sobreposta é visível

Exemplo: Círculo com recorte de estrela

1. Aplicar um círculo ** máscara (modo clip)
2. Adicionar uma camada de máscara star (modo subtrair)
3. Resultado: moldura circular com um buraco em forma de estrela no centro

Máscaras múltiplas

Você pode empilhar tantas camadas de máscara quanto necessário. Remova as camadas individuais sem afetar outras.

Animação Vertex

Animar a própria forma da máscara, transformando seus vértices entre dois estados:

1. Definir a forma da máscara inicial (posições vertex)
2. Definir a forma da máscara final (posições vertex)
3. A máscara se transforma suavemente entre formas durante a reprodução

Isso cria transições orgânicas, fluindo máscaras que vão além de animações de escala simples e posição.

Notas técnicas

• Máscaras usam grupos cortados Paper.js internamente
• Máscaras baseadas em escala (estrela, coração) escala do centro
• Máscaras de retângulo mudam dimensões para os efeitos de limpeza
• As máscaras são reconstruídas ao carregar modelos
• Para controle programático completo, consulte a documentação API para applyCustomMask()

Relacionados: Animações