Flatten transparency for vector objects

[Intuos5]

Could you add a flatten transparency command like Adobe Illustrator's? The way it works is that it converts the vector object with transparancy to a non-transparent vector with a colour that matches the one it had when opacity was applied. For more info see this thread:

https://forum.affinity.serif.com/index.php?/topic/175099-flatten-transparency-set-opacity-to-100-and-use-the-colour-closest-to-the-transparant-colour/

 

[Old Bruce]

Just curious as to how Adobe Illustrator would handle this. A solid white background with solid green above that and 90% opacity red above the green and 50% opacity blue on top. Would the Blue object be rasterized or would it be split into 4 new objects? All with normal blend mode.

[MikeW]

43 minutes ago, Old Bruce said:

Just curious as to how Adobe Illustrator would handle this. A solid white background with solid green above that and 90% opacity red above the green and 50% opacity blue on top. Would the Blue object be rasterized or would it be split into 4 new objects? All with normal blend mode.

It depends. With your example, one can flatten transparency without conversion to raster. I've attached an AD file.

The top elements have been flattened and do divide the objects up. Appearance is the same as the bottom, which despite AD's idiocy in NOT letting one know there is transparency/opacity, it is there.

 

bruce3 copy.afdesign

[loukash]

42 minutes ago, Old Bruce said:

how Adobe Illustrator would handle this

Like this:

In Designer, you can simulate it manually by creating swatches of all overlapping parts with the color picker, dividing the object and apply each swatch:

The colors are a bit off though, especially the pink. A bug?

[Teo_]

I have some icons with backgrounds like this attached.

Flatten transparency keeping it vector with gradient fills could help a lot.

Flatten.afdesign

[NotMyFault]

The vectors are fully opaque already. If you need a opaque background put a rectangle in chosen color behind it.

If you mean something else please elaborate.

[Teo_]

3 minutes ago, NotMyFault said:

If you mean something else please elaborate.

Yes, they are opaque but they are multiple layers with gradient fills with "add" overlay method.

I’d like a function to divide in multiple curves and assign the correct gradients to maintain the appearance.

[NotMyFault]

There is no automatic function for this.

i would suggest a phased approach:

• use shape builder to create individual shapes
• use color gradient fill tool and color picker to create gradients. You may need to experiment finding the best suited gradient (linear, elliptical etc)

a posterize adjustment helps to see the the required gradient flow

[Teo_]

12 hours ago, NotMyFault said:

There is no automatic function for this.

Is the feature I’m asking for.

I understand I can do it manually with not accurate results but applying the correct gradients on 20 or more shapes x 10 backgrounds is a lot of time that could be done in just one click.

[NotMyFault]

Your layers use blend mode add. Do you expect that the resulting gradient from multiple layers should be delivered as one layer, with blend mode normal?

or would you accept 3 layers with linear gradient, still requiring blend mode add?

[Teo_]

I prefer multiple layers shapes like this

15 hours ago, Teo_ said:

but with the correct gradients and normal blend so they can be correctly managed in svg.

[NotMyFault]

Would be a nice feature. Is any other app having this feature already?

[Teo_]

You can see here the flatten transparency in action

 

[NotMyFault]

But nothing about gradients

[Teo_]

On 2/27/2024 at 12:39 PM, NotMyFault said:

But nothing about gradients

Not in this video but it can. I made it yesterday on a friend’s computer flattening two vector circles with gradients and screen blending method.