Remove stroke spacing while exporting to PNG?

[plutopot]

Hi,

I am trying to PNG export a simple stroke made using a Pen tool in Affinity Designer

Stroke width  = 750px

stroke thickness = 10px

Export size = 765 x 15px

Stroke properties

Cap = Butt Cap

Join = Miter Join

Align stroke = Outside

 

How can I set the stroke properties such that the size is exactly 750px x 10px instead of 765px x 15px ? Thank you

Edited December 31, 2019 by plutopot
more details

[firstdefence]

It would be easier to draw a rectangle 750px x10px or you could use (main menu at the top of the affinity app) Layer > Expand Stroke.

Also make sure the rectangle is pixel aligned so in the transform panel, in the X: and Y: boxes make sure it has integer numbers i.e. 80 not 80.3 

[walt.farrell]

2 hours ago, firstdefence said:

Also make sure it is pixel aligned so in the transform panel, in the X: and Y: boxes make sure it has integer numbers i.e. 80 not 80.3 

When I tried it, a pixel-aligned 750x10 px stroke, exported to PNG as "selection without background", ended up as 752x12px in the exported file. And it was surrounded by some transparent background, making the total size 770x20 px.

I don't understand why.

[GarryP]

This throws up a related issue. Creating slices from individual strokes can give some strange slice dimensions.
See my attached afdesign file and image where each curve is 100 pixels in length with different ‘endings’. Creating a slice from each produces some interesting results where only ‘two-round-ends’ is created as I would expect. (The vertical guides shows where the curves are supposed to stand and end.) The slice containing the 300% oblique arrow head is particularly large.
I don’t think this is the correct behaviour, or to put it another way, if I wanted to export a slice from a curve I wouldn’t expect or want all of the extra space.

strangely-sized-surve-slices.afdesign

[firstdefence]

33 minutes ago, walt.farrell said:

When I tried it, a pixel-aligned 750x10 px stroke, exported to PNG as "selection without background", ended up as 752x12px in the exported file. And it was surrounded by some transparent background, making the total size 770x20 px.

I don't understand why.

I was talking about the 750px x 10px rectangle Walt, the stroke exported just makes sizes up depending on which cap, butt and align you use, you could use the export persona to manually create a slice but that kind of defeats the object of the slice from layer approach.  

This is a manually drawn slice in export persona, the stroke is pixel aligned so snapping is accurate.

This can also be used on layer slice creations and as long as the stroke is pixel aligned you can quickly modify the layer created slice to fit exactly, so although it's a bit of a bind to have to post edit a slice it's a doable workaround.

[plutopot]

21 hours ago, firstdefence said:

It would be easier to draw a rectangle 750px x10px or you could use (main menu at the top of the affinity app) Layer > Expand Stroke.

Also make sure the rectangle is pixel aligned so in the transform panel, in the X: and Y: boxes make sure it has integer numbers i.e. 80 not 80.3 

I eventually did it the rectangular way, but it requires extra work when I want to experiment with different stroke sizes. The line is pixel aligned, but still getting the same behavior.

I used pen tool as I wanted stroke on certain parts of a shape. For example a hexagon with stroke on 3 sides. Would really like to know if there's any way to do this

 

[firstdefence]

2 hours ago, plutopot said:

For example a hexagon with stroke on 3 sides

You can create a hexagon using the Polygon Tool...

1. Select the Polygon tool 
2. Change the Sides: to six on the polygon context menu (Just above the workspace)
3. Apply a stroke width and stroke colour
4. Set the Cap, Align and Join (Adjust mitre if necessary)
5. Set No fill  
6. Convert to curves
7. Select two opposing nodes and break curve 
8. You should now have two curves in the layers panel that represent two halves of the hexagon.

You can Expand the stroke after and edit the nodes to suit.