How to fade two images together in Sketch

Question

Is it possible in Sketch3 to do a mask w/ a gradient to make these two images seemless? Basically this technique (for photoshop) http://www.wikihow.com/Fade-One-Image-Onto-Another-in-Photoshop

...how do I do this in Sketch 3?

Answer 1

This is possible.

1. Insert a rectangle around the first image.
2. Select both rectangle and image, and mask it: Layer / Mask with Selected Shape.
3. Select the Mask and switch it to Alpha Mask: Layer / Mask Mode / Alpha Mask.
4. Fill it with a Linear gradient, set the start color to transparent and the end color to black.
5. Adjust the angle of the gradient from top/bottom to left/right.
6. Do the exact same for the second image, but set the angle of the gradient right/left.
7. Move the second image slightly on top of the first image.

And voila:

Download the sketch file: http://ge.tt/7j2J7J12/v/0?c