Como aplico uma máscara no Sketch?

Respostas:

8

Em alguns casos, você pode obter um efeito de difusão usando o mascaramento alfa. No entanto, isso não permite aplicar formas complexas (ou simples) de maneira fácil.

O mascaramento alfa permite mascarar usando um objeto preenchido com um gradiente que inclui transparência. As cores do gradiente são ignoradas e as áreas transparentes (ou parcialmente transparentes) do gradiente tornam-se as áreas transparentes (ou parcialmente transparentes) da máscara.

Para usar o mascaramento Alpha, selecione o objeto que você definiu como máscara,
vá para Layer > Mask Mode > Alpha Mask.
Em seguida, configure seu gradiente com transparência parcial (alfa> 100%).

Também há um bom vídeo no site do aplicativo de esboço: https://www.sketchapp.com/learn/documentation/shapes/masking/#alpha-masks

Alex Magill
fonte
5

A pergunta original foi boa, com um exemplo concreto que é exibido na página de ajuda do esboço de Masking , e a resposta de @Alex Magill é útil (embora o vídeo não esteja mais disponível).

Aqui está um exemplo simples:

exemplo de documento

... que pode ser alcançado por:

  • insira seu retrato
  • crie um retângulo do mesmo tamanho disposto abaixo do retrato
  • selecione o retângulo e "Usar como máscara"
  • Camada> Máscara> Modo Máscara> Máscara Alpha
  • altere o modo de preenchimento da máscara para gradiente radial e altere a parada do gradiente direito para 0% de opacidade.
  • ajuste a gosto: você provavelmente precisará centralizar novamente o preenchimento de gradiente e poderá adicionar uma terceira parada de gradiente para controlar a 'largura' da difusão, sem alterar o tamanho de todo o preenchimento de gradiente

No entanto, não parece possível aplicar máscaras de penas de uma maneira que não seja alcançada com um gradiente simples.

Como o título da pergunta não se limita a uma máscara circular (ou ao uso de gradientes), vou descrever as limitações das ferramentas atuais conforme as entendo.


Gostaria de criar uma máscara de penas usando um vetor personalizado, que eu esperava que pudesse ser alcançado por:

  • crie uma forma vetorial personalizada
  • adicione um desfoque gaussiano
  • organizar a forma sob o bitmap a ser mascarado
  • "Use como máscara"
  • Camada> Máscara> Modo Máscara> Máscara Alpha

Vejo que, quando "Usar como máscara", o desfoque gaussiano é desativado e a reativação não tem efeito. Eu considerei se o mesmo efeito poderia ser alcançado de outra maneira, por exemplo:

  • várias formas com preenchimentos de gradiente combinadas com o Union
  • aplainar a forma borrada e usar o bitmap resultante como uma máscara (indesejável)

... mas sem sorte até agora.

Parece que Fill é a única propriedade que determina o efeito de uma máscara alfa.

Enviei uma solicitação de recurso para permitir que quaisquer propriedades de uma camada contribuam para o efeito de uma máscara alfa.

Aqui está um exemplo mínimo reproduzível usando o Sketch 52.6 .

ptim
fonte