O que você vai aprender

  • Aplicar máscaras de recorte (clipPath) para recortar objetos com uma forma
  • Diferenciar clipPath (recorte por forma) de mask (transparência por cinza)
  • Editar o conteúdo dentro de uma máscara de recorte
  • Usar máscaras de recorte para efeitos de moldura e vinheta

Máscaras de Recorte🔗

Máscara de recorte revela apenas a parte do objeto que está dentro de outro shape.

Criar Máscara🔗

  1. Desenhe o shape que será a máscara (ex: círculo)
  2. Desenhe o objeto que será mascarado (ex: foto)
  3. Selecione: primeiro a foto, depois o círculo (mais topo)
  4. Objeto > Recortar > Definir

A foto é cortada no formato do círculo.

Editar Máscara🔗

  • Duplo-clique: Entra no grupo de recorte
  • Esc : Sai do grupo
  • Ctrl + Shift + R : Liberar máscara

Objeto como Máscara vs Alpha Mask🔗

Recortar (Object Clip)🔗

O shape define a área visível. Simples e rápido.

Alpha Mask🔗

Define transparência em vez de recorte binário. Gradientes na máscara = transparência suave.

Para criar: Objeto > Máscara > Aplicar Alpha Channel.

Dicas🔗

Qualquer objeto pode ser máscara. Paths complexos criam recortes interessantes.

  • Máscara segue o objeto mascarado se este for movido
  • Múltiplos objetos podem ser mascarados juntos (agrupar primeiro)

Você aprendeu

  • Máscaras de recorte usam a forma do objeto superior como janela de visualização
  • O conteúdo recortado permanece editável
  • a máscara pode ser liberada a qualquer momento
  • Diferente de máscaras em tons de cinza, clipPath é binário: dentro = visível, fora = oculto

Referências🔗