Comment estomper un masque dans Sketch?

Réponses:

8

Vous pouvez obtenir un effet progressif dans certains cas en utilisant le masquage alpha. Cependant, cela ne vous permet pas d'aplanir facilement des formes complexes (ou quelques formes simples).

Le masquage alpha vous permet de masquer à l'aide d'un objet rempli d'un dégradé qui inclut la transparence. Les couleurs du dégradé sont ignorées et les zones transparentes (ou partiellement transparentes) du dégradé deviennent les zones transparentes (ou partiellement transparentes) du masque.

Pour utiliser le masquage Alpha, sélectionnez l'objet que vous avez défini comme masque,
accédez à Layer > Mask Mode > Alpha Mask.
Configurez ensuite votre dégradé avec une transparence partielle (alpha> 100%).

Il y a aussi une bonne vidéo sur le site de l'application de croquis: https://www.sketchapp.com/learn/documentation/shapes/masking/#alpha-masks

Alex Magill
la source
5

La question d'origine était bonne, avec un exemple concret qui est affiché sur la page d'aide de l' esquisse pour le masquage , et la réponse de @Alex Magill est utile (bien que la vidéo ne soit plus disponible).

Voici un exemple simple:

exemple de doc

... qui peut être atteint par:

  • insérez votre portrait
  • créer un rectangle de la même taille disposé sous le portrait
  • sélectionnez le rectangle et "Utiliser comme masque"
  • Calque> Masque> Mode Masque> Masque Alpha
  • changez le mode de remplissage du masque en dégradé radial et changez la butée du dégradé de droite en opacité de 0%.
  • peaufiner au goût: vous devrez probablement recentrer le remplissage dégradé, et vous devrez peut-être ajouter un troisième arrêt de dégradé pour contrôler la `` largeur '' du contour progressif, sans changer la taille de tout le remplissage dégradé

Cependant, il ne semble pas possible de plumer les masques d'une manière qui n'est pas obtenue avec un simple dégradé.

Comme le titre de la question ne se limite pas à un masque circulaire (ou à l'utilisation de dégradés), je vais décrire les limites des outils actuels tels que je les comprends.


Je voudrais créer un masque à plumes en utilisant un vecteur personnalisé, que j'espérais pouvoir réaliser en:

  • créer une forme vectorielle personnalisée
  • ajouter un flou gaussien
  • organiser la forme sous le bitmap à masquer
  • "Utiliser comme masque"
  • Calque> Masque> Mode Masque> Masque Alpha

Je constate que lorsque j'utilise le masque, le flou gaussien est désactivé et sa réactivation n'a aucun effet. J'ai examiné si le même effet pouvait être obtenu d'une autre manière, par exemple:

  • plusieurs formes avec des remplissages dégradés combinés avec Union
  • aplatir la forme floue et utiliser le bitmap résultant comme masque (indésirable)

... mais pas de chance jusqu'à présent.

Il semble que Fill soit la seule propriété qui détermine l'effet d'un masque alpha.

J'ai soumis une demande de fonctionnalité pour autoriser les propriétés d'un calque à contribuer à l'effet d'un masque alpha.

Voici un exemple reproductible minimal utilisant Sketch 52.6 .

ptim
la source