I have two images that I would like to overlay on top of each other and alpha blend them equally. I import them as two different layers, and lower their opacity. Even when they have equal opacity (e.g., 80%) the layer on top is still always darker. Is there a way to equally blend to images on top of each other?

  • Hi mattnedrich, welcome to GDSE and thanks for your question. If you want to know more about the site, please see the help center or ping one of us in Graphic Design Chat. Keep contributing and enjoy the site!
    – Vincent
    Apr 30, 2015 at 7:11

1 Answer 1


Do you really need to do this with Sketch?

Keep in mind, Sketch is a vector UI app. It's intended to mock things you could ultimately reproduce in a web or native app UI. If you want a particular image effect, do it in an image editor and place the result in Sketch. If you run into bugs when manipulating raster images in Sketch, just be glad it let you do anything at all.

Take it from Bohemian's own support site:

Sketch has good support for handling image in your document. Sketch is however not a bitmap editor and our image editing tools are limited for that reason.

But seriously

If you overlap two images with any opacity on the top one, you'll get an additive effect of the pixels from the top layer over the bottom. For example, both images below were set to 60% in Sketch.

dark center

So what do you do? You jump over to an image editor and apply gradient masks over each image and adjust until they blend to your liking.

  • I've trained a lot of designers on a lot of tools over the years. Sometimes the answer is don't do that! Apr 30, 2015 at 4:42
  • I added a bit to please @MarkMussler -- it's a real answer, I swear. Apr 30, 2015 at 5:44

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.