How do you export pixel perfect?

[HawkwardAlaskan]

I'd like to create pixel art, especially using Designer's grid system for isometric art made much easier than manually in programs like Aseprite/Libresprite. However, I seem to be struggling with exporting an actual image as anti-aliasing seems to be unremovable; nearest neighbor seems to make no difference. This also produces semi-transparent pixels where two shapes meet when it should just be the two colors; there's no gap between them in vector. Seen below is what I'm getting with the export and the desired effect from Libresprite overlayed. How can I achieve a pixel-perfect export?

[loukash]

52 minutes ago, HawkwardAlaskan said:

How can I achieve a pixel-perfect export?

First of all, always work in the View > View Mode > Pixel mode.
Next, set Preferences > User Interface > Decimal Places > Pixel (and possibly all others) to 6, so that you always see  when an object size or position is misaligned. 
Next, snapping to full pixels on, move by whole pixels off.
Also helpful is a pixel based grid, and snapping to grid on.

Also: Layers panel > Blend Range cog > Antialiasing > Force Off
That's object based, default being "Inherit". So you may want to place all items to a layer and turn antialiasing off for that parent layer only.

[Thane5]

We really need a way to turn off the bicubic filtering when rasterizing or exporting vector shapes.

I was thinking there could be a workaround by rasterizing the shape at four times your export resolution, then downsizing it using nearest-neighbor. But for some reason, that still introduces some soft pixel edges, even if all points are aligned to the pixel grid of that lower resolution.

[v_kyr]

Try also via layer blend option settings ...

• Layer blend ranges

See also ...

 

[Thane5]

Oh awesome, i wasnt aware of that option. Even better news for Affinity 2 users:

In this window (Which btw you open with the gear icon next to layer blend modes) You can simply disable Anti-Aliasing in a dropdown!

 

[Pšenda]

1 hour ago, Thane5 said:

Even better news for Affinity 2 users

This was also part of the V1 version.

[HawkwardAlaskan]

5 hours ago, v_kyr said:

Try also via layer blend option settings ...

• Layer blend ranges

See also ...

 

Exactly what I was looking for, thank you!

[NotMyFault]

6 hours ago, Thane5 said:

We really need a way to turn off the bicubic filtering when rasterizing or exporting vector shapes.

For Export, simply chose any other resample method, e.g. nearest neighbor. 
 

For rasterization inside a document, unfortunately there is no choice, workaround is to export and place back into file.
 

Never the less, you need to choose one - rasterization is not possible without resampling.

 

 

[JimmyJack]

3 hours ago, NotMyFault said:

For rasterization inside a document, unfortunately there is no choice, workaround is to export and place back into file.

Inside a document group, it/them (whatever has the adjusted coverage map) and then rasterize the group 😉.

[NotMyFault]

2 hours ago, JimmyJack said:

Inside a document group, it/them (whatever has the adjusted coverage map) and then rasterize the group 😉.

And how does this give you a choice of resample method? As far as I know, Bilinear is used whenever you rasterize inside a document (except Pixel Art Resize)

[JimmyJack]

4 minutes ago, NotMyFault said:

And how does this give you a choice of resample method? As far as I know, Bilinear is used whenever you rasterize inside a document (except Pixel Art Resize)

I'm not sure what you're taking about. The point is to preserve pixel art. In document, anti-aliasing returns when rasterizing an object/text using the coverage map method (as you were alluding to... I think). When rasterizing the group the edges stay crisp and pixel perfect. 

[NotMyFault]

4 minutes ago, JimmyJack said:

I'm not sure what you're taking about. The point is to preserve pixel art. In document, anti-aliasing returns when rasterizing an object/text using the coverage map method (as you were alluding to... I think). When rasterizing the group the edges stay crisp and pixel perfect. 

Well, I was talking about resample methods, as reply to a specific post regarding resampling methods, and you replied to my post with something unrelated about anti-aliasing.

Both factors (resample method and anti-aliasing) impact pixel art exports. Please don’t mix them up.