Jump to content
You must now use your email address to sign in [click for more info] ×

Flatten Transparency all vector?


Recommended Posts

Is it possible to export vector artwork as PDF / EPS without all transparent parts being rasterised - Or is there a way to flatten vector transparency and remain before export so my clients can scale to any size like Illustrator /InDesign?? It's a major niggle if I can't have start to finish vector workflow 

post-9905-0-92048500-1474636400_thumb.png

post-9905-0-26487200-1474636402_thumb.png

Daz1.png

Mac Pro Cheese-grater (Early 2009) 2.93 GHz 6-Core Intel Xeon 48 GB 1333 MHz DDR3 ECC Ram, Sapphire Pulse Radeon RX 580 8GB GDDR5, Ugee 19" Graphics Tablet Monitor Triple boot via OCLP 1.2.1 - Mac OS Monterey 12.7.1, Sonoma 14.1.1 and Mojave 10.14.6

Affinity Publisher, Designer and Photo 1.10.5 - 2.2.1

www.bingercreative.co.uk

 

 

 

 

 

Link to comment
Share on other sites

Heres the file

 

I've tried all PDF formats and it just rasterised all the transparent parts - the only way I could export as all vector was by going to the more panel when exporting pdf and set rasterise to nothing but it loses it's transparency see attached PDF 

Lambie sep.afdesign

Lambie sep.pdf

Lambie sep.pdf

Daz1.png

Mac Pro Cheese-grater (Early 2009) 2.93 GHz 6-Core Intel Xeon 48 GB 1333 MHz DDR3 ECC Ram, Sapphire Pulse Radeon RX 580 8GB GDDR5, Ugee 19" Graphics Tablet Monitor Triple boot via OCLP 1.2.1 - Mac OS Monterey 12.7.1, Sonoma 14.1.1 and Mojave 10.14.6

Affinity Publisher, Designer and Photo 1.10.5 - 2.2.1

www.bingercreative.co.uk

 

 

 

 

 

Link to comment
Share on other sites

Cheer's for the quick response

Daz1.png

Mac Pro Cheese-grater (Early 2009) 2.93 GHz 6-Core Intel Xeon 48 GB 1333 MHz DDR3 ECC Ram, Sapphire Pulse Radeon RX 580 8GB GDDR5, Ugee 19" Graphics Tablet Monitor Triple boot via OCLP 1.2.1 - Mac OS Monterey 12.7.1, Sonoma 14.1.1 and Mojave 10.14.6

Affinity Publisher, Designer and Photo 1.10.5 - 2.2.1

www.bingercreative.co.uk

 

 

 

 

 

Link to comment
Share on other sites

  • 4 weeks later...

Sorry to hijack the thread, but I have a parallel question. I have four overlapping shapes that I wanted to use transparency on, but I need only vector output. If the layers are a single color, I can choose .svg and I see "Nothing will be rasterised." But if I have a linear gradient on that layer, it wants to rasterise it.

 

Can I use a linear gradient and the transparency tool at the same time and export as pure vector?

 

I'm thinking about just splicing the shapes and recreating the transparency effects carefully with linear gradients of different shades, but it would be great if I didn't have to.

Link to comment
Share on other sites

  • Staff

Hi ianrobertdouglas,

No, currently you can't use a gradient fill and a gradient transparency (Transparency Tool) simultaneously when exporting to SVG keeping everything as vectors.

You can however apply transparency to each node of the gradient fill and this will be kept as vectors (this also implies that the transparency and the gradient fill will have the same direction).

Link to comment
Share on other sites

You can however apply transparency to each node of the gradient fill and this will be kept as vectors (this also implies that the transparency and the gradient fill will have the same direction).

 

Many thanks for that tip. I'd forgotten about the opacity setting within each node of the gradient.

Indeed, .svg doesn't balk if I use that. But a question: I ultimately need a printable document in a standard industry format. So ... sadly, I have to export, open in Illustrator, and save as .ai. I know it's not your concern, but do you know if Illustrator will preserve that effect?

Link to comment
Share on other sites

Gradient transparency isn't supported by PDF so we have to apply a raster mask to achieve the effect.

 

Really? Can you define when/under what circumstances a linear fill with a linear transparency is not supported? Or just not in AD's PDFs?

 

The below is a red-blue rectangle with a linear transparency.

 

post-255-0-90934500-1476801280_thumb.png

Link to comment
Share on other sites

Hi ianrobertdouglas,

No, currently you can't use a gradient fill and a gradient transparency (Transparency Tool) simultaneously when exporting to SVG keeping everything as vectors.

You can however apply transparency to each node of the gradient fill and this will be kept as vectors (this also implies that the transparency and the gradient fill will have the same direction).

 

 

@MEB. I should have looked closer. I come to the day when I need this, and it doesn't work. .svg format destroys it. And .pdf wants to rasterise it.

 

I've attached an example, and a .jpg of the vector only output I need. The gradients are all 0 degrees horizontal linear. Mid-points and opacity are the same in all instances.

 

I need only vector output. I'm working on the latest Beta.

 

I need urgent help on this one, if you're able.

transparent_gradient.afdesign

post-17378-0-01522800-1477383957_thumb.jpg

Link to comment
Share on other sites

  • Staff

Hi ianrobertdouglas,

Where are you seeing the resulting SVG file? It seems to be exporting fine for me using Designer 1.5.1. Both Illustrator, Autodesk Graphic, and Safari are rendering the file correctly. The shapes and gradients are being kept as vectors as expected. Which SVG settings/preset are you using?

Link to comment
Share on other sites

This is exporting as vector for me as SVG with 1.51 and the current beta. In what way is it destroyed? When I re-import it to Designer and switch between the two views, they look identical to me. Looking at the file text, I see it has output the end-stop twice. That's a bug which we'll get fixed in the future release. This doesn't stop it loading and drawing in any of the apps I tried though. Is this what you mean? The same bug also prevents it exporting as vector in PDF.

 

This bug is triggered by the gradient mid-points being 52%. PDF and SVG only support mid-points that are actually in the middle, so the gradient gets tweaked, and the tweaking adds a stop it turns out not to need. So a workaround is to adjust the mid-points back to 50%. Then SVG exports it as vector with two stops, and PDF will export as vector if you have Allow advanced features checked.

Link to comment
Share on other sites

For me your output.svg looks the same as mine, which is what it should look like. Which app are your viewing it in which makes it look wrong?

 

Your PDF does not look like what I get with the settings in your screenshot, but if I change Rasterise to Nothing then mine does match yours. That's kind of expected as if it needs to rasterise but isn't allowed to it just does the best it can.

 

Did you try changing the mid-points on all the gradients from 52% to 50% ?

Link to comment
Share on other sites

...

This bug is triggered by the gradient mid-points being 52%. PDF and SVG only support mid-points that are actually in the middle, ...

 

Er, who says? Or, in what way? I mean, the PDF spec has no such limitation and I can reproduce that design in another application with mid-points all over the place and it PDFs as vector.

 

So is it just that the library that AD uses cannot do so?

Link to comment
Share on other sites

Er, who says? Or, in what way? I mean, the PDF spec has no such limitation and I can reproduce that design in another application with mid-points all over the place and it PDFs as vector.

 

So is it just that the library that AD uses cannot do so?

 

The PDF specification for Type 2 (Axial) Shadings does not have any notion of mid-points. The formula it gives is for linear interpolation, and mid-points positioned other than at 50% imply non-linear interpolation. Likewise the SVG specification. For SVG we can work around it by converting a gradient with two stops and a mid-point into a gradient with multiple stops and linear interpolation. Unfortunately this is where the limitation of our library cuts in as it cannot output gradients with more than two stops. Does that make sense? So it is both a limitation of the PDF spec and a limitation of our library that prevents us working around it.

Link to comment
Share on other sites

I feel bad. I was judging the file from the preview. My apologies.

 

Don't feel bad. And I hadn't realised you had fixed the mid-points before generating that PDF. I see now that if I do that, the PDF exports as vector but loses the gradient's opacity. So that's another bug which will be fixed in a future update, which wouldn't have been found without this thread.

Link to comment
Share on other sites

The PDF specification for Type 2 (Axial) Shadings does not have any notion of mid-points. {...} Likewise the SVG specification.

I realize this is not a responsibility of Affinity to explain all the complicated nuances of the various file formats your apps support to your users, but I wonder if it would be worthwhile to either add a topic about this to the app help system or to the Tutorials (or pinned FAQ's or wherever) forum here that covers just the basics. Just enough that, format by format, we could get a good idea of what to avoid in documents when we want to avoid rasterizing anything on export would be nice....

All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
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.

Guest
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.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | 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.