Jump to content

Improve support for blend modes in Affinity Designer

Recommended Posts

I was recently working with an EPS file provided to me by a client which uses the "multiply" blend mode for shadows on an icon. I was surprised to see that Affinity Designer, while supporting blend modes, decided to rasterize the shadows, and cut the paths oddly (the path underneath the rasterized layer was cut exactly where the rasterized portion began). I had to have a colleague open the file in Illustrator and export it as an SVG, and even then the blend mode wasn't applied to the shadows; it just showed as a black to white gradient; I was able to re-apply the blend modes after making the edits I needed and exporting to SVG, by manually adding the background-blend-mode CSS on to the appropriate elements.

It seems to me that Affinity Designer doesn't handle importing blend modes very well, and appears to be completely lacking support for background-blend-mode, a CSS property which is used in SVGs.

Please improve importing blend modes from other file formats, and add support for background-blend-mode. I've attached the original EPS as well as my cleaned up SVG for reference.



Share this post

Link to post
Share on other sites

Hi JacobTheDev,

Welcome to Affinity Forums :)

The EPS file format does not support blend modes or transparency, so they are rasterised on export by Adobe Illustrator. Those features remain editable in Illustrator because it embeds proprietary Ai data in the EPS file and that is what it uses/loads when it opens the file. Since that Ai data is proprietary we are not able to load it as Illustrator does, only the EPS data. This also happens with any other third party software.

Share this post

Link to post
Share on other sites

No, It's the format that doesn't support these features so when we open an EPS file these features were already rasterised - we have no way to know how the resulting rasterised image was created.

Why don't you try a more recent format like PDF. It supports way more features than EPS.


Regarding the SVG it's also a good alternative but since we don't support SVG effects on import (they don't translate directly to Affinity Layer effects) some things may be lost.

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.