O que você vai aprender

Diferenciar máscaras (tons de cinza = transparência) de clipes (forma = visibilidade)
Criar máscaras usando objetos em tons de cinza sobre o conteúdo
Aplicar clipes (clipPath) para recortar objetos dentro de uma forma
Liberar máscaras e clipes para reeditar o conteúdo original

Antes de começar

Trabalhar com camadas e empilhamento
Criar e editar paths

Máscaras e Clipes🔗

Diferença🔗

Recurso	O que faz
Clip	Oculta tudo fora do shape
Máscara	Usa tons de cinza para controlar opacidade

Clip (Recorte)🔗

Criar Clip🔗

Selecione o objeto a ser recortado
Shift + selecione o shape de recorte
Objeto > Clip > Definir

Remover Clip🔗

Objeto > Clip > Liberar

Máscara de Opacidade🔗

Criar Máscara🔗

Selecione o objeto a ser mascarado
Shift + selecione a máscara (shape ou imagem)
Objeto > Máscara > Definir

Como Funciona🔗

Preto na máscara = transparente
Branco na máscara = opaco
Cinza = semi-transparente

Editar Máscara🔗

Duplo-clique na máscara: Entra no modo de edição
Esc : Sai do modo de edição

Remover Máscara🔗

Objeto > Máscara > Liberar

Dicas🔗

Para inverter a máscara, aplique efeito Invert colors na máscara antes de definir.

Clip e Máscara são aplicados no momento da criação
Pode-se usar grupo como clip/máscara
Vector masks preservam escalabilidade

Perguntas para reflexão

O que define a transparência em uma máscara?
Tons de cinza (branco=opaco, preto=transparente)
A cor do objeto
O tamanho do objeto
A ordem de empilhamento

Erros comuns

Confundir máscara (tons de cinza = transparência) com clipe (forma = visibilidade)
Esquecer que o objeto de máscara/clipe deve estar ACIMA do conteúdo na pilha
Aplicar cor ao objeto de máscara — apenas tons de cinza funcionam

Você aprendeu

Máscaras usam tons de cinza: branco = opaco, preto = transparente, cinza = semitransparente
Clipes usam a forma do objeto como contorno de recorte, sem variação de transparência
Ambos são não-destrutivos: podem ser liberados para reeditar o conteúdo original

Referências🔗