Cannot export what I have on my canvas with Affinity Designer

[simonsanchezart]

Hi, I want to export what I have on my canvas, it doesn't seem like I can do that, the output is quite different, either with .png or with .jpg.

In Pixel View mode everything looks fine. What might be causing this?

Thanks

[GarryP]

Can you give us a screenshot showing your Document Setup Colour options? (See attached image for an example.)

[simonsanchezart]

1 minute ago, GarryP said:

Can you give us a screenshot showing your Document Setup Colour options? (See attached image for an example.)

Sure thing

[GarryP]

Thanks.

Darn, I hoped it might be a simple ‘wrong number of bits’ problem, but it doesn’t seem to be.

I can’t see any obvious reasons for the problem from what you’ve shared so far.

Would you be able to share the AFDESIGN document?

[simonsanchezart]

1 minute ago, GarryP said:

Thanks.

Darn, I hoped it might be a simple ‘wrong number of bits’ problem, but it doesn’t seem to be.

I can’t see any obvious reasons for the problem from what you’ve shared so far.

Would you be able to share the AFDESIGN document?

Sure! Here's the .afdesign

HUEVO.afdesign

[GarryP]

Thanks.

I’m not seeing the same thing on the canvas as you – see attached screenshot.

I think it might have something to do with the Gradient Overlay Layer Effect on the egg shaped curve in the Egg group – the one with the Colour Dodge Blend Mode - but I'm not sure what.

[simonsanchezart]

Thank you, disabling the Gradient Overlay with Color Dodge in the 'Base' egg shape seems to "fix it"

Seems like it's just a bug.

[GarryP]

I’m not sure if it’s a bug or not at this stage.

Are your graphics card drivers up-to-date? If not, have you tried updating them?

Do you have any colour calibration on your monitor(s)? If so, can you give details?

If you can also share a screenshot showing your Settings / Performance settings then someone with more knowledge in this area might have a better idea of what’s happening.

[Paul Mudditt]

You said you looked under Pixel persona, that would not show you how it looks as pixels, it still shows vectors as vectors in pixel persona. Only under Navigator can you see how it would appear as pixels or retina pixels.

Your image is very small 768pixels x 768pixels.

Look under the navigator to see how your image looks as pixels not vector view.

I would at least double your document pixel dimensions to at least 1536x1536 or preferably 3072x3072 if you want your subtle gradient shading effects to be visible when you convert from a vector format to a pixel format.

[simonsanchezart]

The image looks fine on:

• The Viewport
  • Pixel View
  • Retina Pixel view
• The Navigator
• The .afdesign Windows thumbnail

It only looks wrong when exporting it. My graphisc drivers are updated

[GarryP]

Thanks for the extra screenshot.

I don’t understand why these two things are true at the same time:

• what you see on the canvas is different to what you see in the export preview, and;
• what I see on the canvas is the same as what I see in the export preview.

If someone can figure that out then we’ll possibly have a better idea as to what the problem is.

There’s maybe a chance that it might, possibly, have something to do with what’s being discussed in this thread about RTX 3070 and ICC profiles (or something) https://forum.affinity.serif.com/index.php?/topic/189070-colour-management-question/ but that discussion is way over my head.

[simonsanchezart]

Just now, Paul Mudditt said:

No it looks very poor in Navigator view as I’d expect for such a small document. It will look good in pixel persona because it is still displayed as vectors counter-intuitively. Rasterise or flatten your image if you really want to see what it looks like as pixels.

I don't think you're understanding the issue, please look at the first picture in this thread.

[carl123]

49 minutes ago, GarryP said:

• what you see on the canvas is different to what you see in the export preview, and;
• what I see on the canvas is the same as what I see in the export preview.

For what it's worth I see the same as the OP

Perfect in Designer but the (export) preview does not match

[NotMyFault]

It took some time to understand what the issue is, as the description  in the posts left room for interpretation and the jpg after upload does not really show the issue.

• the export preview is shown in 1/2 resolution of the actual file, leading to artifacts 
• the rendering inside Designer and exported files are ok.

for me a bug.

Image shows a screen capture of export preview (at 800%) put back into the source document, masked by a rectangle.

[NotMyFault]

The issue is not related to any layer fx or overlays. Even if you export a jpeg, open that file, and start export preview again the same issue occours, in Designer and in Photo.

17 hours ago, simonsanchezart said:

Thank you, disabling the Gradient Overlay with Color Dodge in the 'Base' egg shape seems to "fix it"

Seems like it's just a bug.

 

[NotMyFault]

Export preview rendering (zoomed ca. 800%

Exported image shown in preview

[NotMyFault]

File a bug report. 
 

 

[Hangman]

Hi @simonsanchezart,

The issue is clear and has nothing to do with the resolution of the export preview. It appears to be an Artboard-specific issue and I have a feeling this may already be logged as a bug though I can't be certain...

• Exporting the Artboard with Area set to 'Whole Document' is causing the Gradient Overlay to render and export incorrectly...
• Selecting the objects on the Artboard and then setting Area to 'Selection Only' renders the Gradient Overlay and exports the file correctly...
• Placing the objects on a Canvas rather than an Artboard renders and exports the file correctly when Area is set to 'Whole Document' or 'Selection Only...

Artboard Export Preview with Area Set to Whole Document

 

Artboard Export Preview with Area Set to Selection Only

 

Canvas (Non-Artboard) Export Preview with Area Set to either Whole Document or Selection Only

[stokerg]

Hi @simonsanchezart,

I wonder if you are running into another version of the bug reported in this thread which affects the Colour Dodge blend mode and that likely would account for the colour issue on the egg?  I'll try and confirm if that's the case and make sure there isn't a separate issue here that needs logging.

@NotMyFaultThanks for reporting the issue with the Preview, as that is a separate issue.  The Tech Agent who has that ticket will reply shortly  

[Hangman]

Hi @stokerg,

If you copy and paste the artwork onto a Canvas there is no longer an issue with either the export preview or the exported file so I'm not sure this is related to the Colour Dodge Blend Mode since that is present with both Artboard and Canvas though I could be completely wrong...

[HCl]

.

[stokerg]

42 minutes ago, Hangman said:

If you copy and paste the artwork onto a Canvas there is no longer an issue with either the export preview or the exported file so I'm not sure this is related to the Colour Dodge Blend Mode since that is present with both Artboard and Canvas though I could be completely wrong...

Nope you are correct, delete the artboard and keep the objects and the export/preview is fine.

Just ran this past QA and they have informed me it's actually AF-1318 so has already been logged. This is caused by the Gradient Overlay Layer Effect using non-100% stops.

I'll get the report updated with a link back to this thread so the Affinity Info Bot can update here when it has been resolved  

 

[Hangman]

Hi @stokerg,

Thanks for confirming...

10 minutes ago, stokerg said:

This is caused by the Gradient Overlay Layer Effect using non-100% stops.

Could you elaborate here, do you mean the Scale X: and Scale Y: percentage values in the Gradient Overly FX using values other than 100%?

[KevNZ]

Hi friends,

 

i have the same problem.

 

eg: a vector square 256x256 pixels

inside the square i type a dollar sign $ or another letter

i then select the Two Objects and when i go to export

window for PNG,

> Select Only

 

This SIZE view should equal one 256 x 256 pixels square with the dollar sign or letter

inside it and the overall dimensions should be shown in the window as 256x256 pixels.

 

It Doesn't and if I select Selection Area Only, then i get the correct view and dimensions sometimes.

the numbers can be anything: 238 x 429 / and so on.

> So when it works on Selection Only, I get a tight fitting view window around the 256x256 square,
and i can see the transparent pixels background around the corners as well.

 

Work around:

I normally have to delete the 256x256 square, or convert it to curves. or move it on the page before i can get the correct sizes to show up.
If the $ or text is still actual text, i usually need to convert to curves. Or check wireframe in ase something is laying on the page invisible.

Problem: This 256x256 square has corner radius of 15 pixels on each corner.

Normally: Section Area Should work because it will pick up the contents of the square inside, 

BUT: Because of the Square Corner Radius's, when you Select Area only, it does not remove the Pixels Background around the external curved corners
 Only "Selection Only" does,

i have tried selecting Matte and selecting transparent multiple times, but to no avail.

 

Just letting you know this has been a problem for a while.

Thanks Kiwi.

 

2 SCREENSHOTS: This should help make it clearer.

One with Selection Only selected which shows the Error as you can see from the pixel size (257x282)

which would should show 256 x 256 the size of this icon. This amount of the error can vary a lot in sizes and i cant see any patterns to it.

and one with a new small ArtBoard 7 created and selected to fix this particular one. Showing 256x256 the correct size.

 

All the best

Kiwi

 

[GarryP]

19 hours ago, Kev Borg said:

i have the same problem.

Can you share the actual document so we can see if the issue is related to the ones already discussed and acknowledged (issues with Effects) or whether it’s a different problem?