Jump to content
You must now use your email address to sign in [click for more info] ×

White outline around every pixel


Recommended Posts

1 hour ago, manfred11 said:

your specific problem was fixed by this answer by Wosven.

??

The force off AA solution didn’t work for SVG but selecting the SVG Export preset  'SVG flatten' actually worked for exporting to SVG with no bleed through and no changes made to original file.

 

E37493CC-5DA4-425A-A641-C8A7AD9A376D.jpeg

4AB4EF0D-E04D-4645-BFCA-D1E48F99EA9A.jpeg

M1 IPad Air 10.9/256GB   lpadOS 17.1.1 Apple Pencil (2nd gen).
Affinity Photo 1.10.5 Affinity Design 1.10.5 
Affinity Publisher 2, Affinity Designer 2, Affinity Photo 2 and betas.

Official Online iPad Help documents (multi-lingual) here: https://affinity.https://affinity.help/ 

 

Link to comment
Share on other sites

Hi, there is some confusion,but i’ll try to order it if I can.

1) when you want to export as png or jpg from within affinity you force AA off.This will get rid of the white lines,both in the viewport and export.

2)export to svg with “flatten transforms” enabled will give you an SVG-VECTOR with white linesin viewport,but on export to png or jpeg these will be gone.

3)export to svg with “flatten” enabled will give you an image-not a vector without white lines.(basically the same as solution 1 but with white lines in viewport.

4)WOSVEN solution,which i havent tried myself,but i will do now.

I could be wrong too,just correct me

 

 

Link to comment
Share on other sites

16 hours ago, manfred11 said:

Wosven will have to explain herself himself,since i don’t really get it,nor do i need more than solution 1,2 or3.

Original file: face.svg

The first trick, is:

  • to group the squares,
  • duplicate the group,
  • add a blur effect on the group,
  • add a new Rectangle,
  • drop the group with effect in this rectangle to avoid blur out of the area

2021-09-08_215552.png.7c37e0ad360501ecc75f110dcbb3a4ee.png

Result, a code with lot of extra group: face_blured_2.svg

The second trick, is:

  • to group the squares,
  • duplicate the group,
  • add a blur effect on the group (for example 2px),
  • add a new Layer at the bottom,
  • drop the group with effect in this Layer,
  • clip a rectangle to this Layer to avoid blur out of the area

2021-09-08_215908.png.064c5b1f6c4806685dfdc30f0a321d2e.png

Result, a cleaner SVG code (no extra groups): face_blured_3.svg

 

The third trick, is:

  • opening the SVG in a text editor (and use regular expressions in the text editor or in APub once the text is pasted in a new document),
  • Replace the Style to have a style with fill and stroke using the same color
Example for TextPad 
Replace:
style="fill:(#[a-f0-9]+);"

By:
style="stroke:\1;stroke-width:0.5px;fill:\1;"

Example for Notepad/APub 
Replace:
style="fill:(#[a-f0-9]+);"

By:
style="stroke:$1;stroke-width:0.5px;fill:$1;"

Example, this:

<rect x="-0" y="0" width="200" height="200" style="fill:#32516e;"/>
<rect x="200" y="0" width="200" height="200" style="fill:#365677;"/>
<rect x="400" y="0" width="200" height="200" style="fill:#3a5b7e;"/>
<rect x="600" y="0" width="200" height="200" style="fill:#3d6186;"/>

Should become:

<rect x="-0" y="0" width="200" height="200" style="stroke:#32516e;stroke-width:0.5px;fill:#32516e;"/>
<rect x="200" y="0" width="200" height="200" style="stroke:#365677;stroke-width:0.5px;fill:#365677;"/>
<rect x="400" y="0" width="200" height="200" style="stroke:#3a5b7e;stroke-width:0.5px;fill:#3a5b7e;"/>
<rect x="600" y="0" width="200" height="200" style="stroke:#3d6186;stroke-width:0.5px;fill:#3d6186;"/>

0.5px or 1px, 2px, etc. depending of the size of the drawing.

face_stroke_1px.svg   face_stroke_2px.svg

 

And the AD file:

face.afdesign

 

Edited by Wosven
Edit the 1st, since I forget to modify the step copied from 2nd example
Link to comment
Share on other sites

  • 2 years later...

Hi Affinity user base

This solve is a sticky prob, I've been using Coreldraw since 1999 and they still don't seem to have solved the problem themselves.

All that's needed is a toggle for contiguous outline visibility. But for now, Affinity users can simply duplicate the objects twice and the lines go away.

The toggle idea is easy peasy but revolutionary. Why haven't software giants caught on?

Link to comment
Share on other sites

1 hour ago, Alex Smith Cape Town said:

But for now, Affinity users can simply duplicate the objects twice and the lines go away.

I can’t see anything making that this workaround superior to those given before. 

1 hour ago, Alex Smith Cape Town said:

The toggle idea is easy peasy but revolutionary. Why haven't software giants caught on?

Try to sell it or build you own software company to find out.

Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.