Mobile app version of vmapp.org
Login or Join
Berryessa866

: Mask composed of multiple shapes with gradient fill in Sketch I have a group of shapes that each have their own unique gradient fill. I would like to use the union of those shapes to create

@Berryessa866

Posted in: #Mask #SketchApp

I have a group of shapes that each have their own unique gradient fill. I would like to use the union of those shapes to create an alpha mask for an image behind it.

In other words, I want the union of the alpha mask effects on a bitmap/image.

Things I've tried:


union of the shapes, but I loose the fill information.
flattening shapes to bitmap, but it seems there is no way to mask a bitmap with a bitmap (use as mask is not selectable)?


Here is a screenshot of example shapes I'm talking about:

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Berryessa866

2 Comments

Sorted by latest first Latest Oldest Best

 

@Caterina889

Following this pattern seems to work:



Place a gradient above a group of objects joined together with the Union Operation (boolean), then hit the mask button to create the desired effect.

Note that the mask objects are not in a literal group (e.g. via Ctrl/Cmd + G), but simply "grouped" together using the Union option.

10% popularity Vote Up Vote Down


 

@Rambettina927

Let me see if I understand the scenario:
You have several shapes, each with a different gradient fill, which you want to merge into one, keeping the unique fills, and apply that as a mask over an image. In Sketch.

Two things to keep in mind:


Sketch is not a photo editing environment. I don't know if it does alpha channel masks, but I really wouldn't want it to take on that bloat.
Merged shapes are stylistically merged as well. You can't have separate style settings between the constituent parts.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme