I'm trying to export the attached file, in png, svg and pdf formats. The problem is the colors become messed up.

[Luscious Tuba]

I believe the problem is in the curves, present inside the logo. The logo was taken from a file created in Illustrator. Can anyone help me export the file in svg, png and pdf. Without losing color?

Artelac Complete.afdesign

[Affinity Rat]

I’m no expert here, but this looks very similar. How did you determine the colours were wrong.

Looks pretty close to me.

[walt.farrell]

It also looks good to me. Is there one specific format that looks wrong to you? Or can you show us some screenshots and give an indication of the Export settings you used?

[Affinity Rat]

Your little “drop” design quite complex >26 layers, could try grouping and rasterizing to a single layer, prior to export.

[Luscious Tuba]

@Affinity Rat@walt.farrell, thank you for the replies. In the one you shared, don't you think the drop looks a bit pixelated?. I did enlarge the shapes, group and rasterize, but the logo becomes a bit pixelated. Will it look bad on printed material? Is there a way to improve it?

Artelac Complete.svg

[Affinity Rat]

I’m no expert here, but this looks very similar. How did you determine the colours were wrong.

If it looks pixelated, can increase size of doc, and pixelation will be less significant. Will relook tho.

Any pixel image will look pixelated if zoomed it, but not the way this kind of design is normally viewed.

[Luscious Tuba]

If you export the same file in pdf (print) format, the white part in the drop becomes blue

 

[Affinity Rat]

Yes I noticed this too, why I thot rasterizing may simplify.

[Affinity Rat]

Seems to me the problem may be because of gradient on the drop.
How did that gradient get there?

 

 

[Luscious Tuba]

I think I fixed it, by inserting white in those curve gradients. But when I export the same in svg, it doesn't work.

Untitled.pdf

Edited January 7, 2024 by Luscious Tuba

[Affinity Rat]

Did you import this gradient somehow, doesnt seem to be using Fx.

Duplicate the gradient using Fx.

[Luscious Tuba]

@Affinity Rat@walt.farrell, here is the Illustrator file I took the drop logo from. Any help in solving this properly would be helpful. As the solution I came up with, is not very reliable.

Artelac_Ectoin_GR_logotype.ai

[Affinity Rat]

Ahaaaaa, so a Frankendesign file AKA Frankenlayer, so try to eliminate the imported elements resulting in the ugliness. Simple curves are one thing, but gradients  can put bolts poking out of your neck! The way Adobe may implement a gradient maybe incompatible with Affinity export algorithm.

Any attempt to adjust a Frankendesign file maybe fraught with frustration.

[lacerto]

Obsolete.

[lacerto]

Obsolete.

[Luscious Tuba]

@lacertoThank you so much, this is brilliant. You made me understand the problem and also gave me a solution. Thanks a ton!

[lacerto]

Obsolete.