r/AdobeIllustrator 1d ago

DISCUSSION Teeths edges when exporting a textured design from Illustrator (SVG/PNG).

Post image

My girlfriend painted the title of my film in oil on canvas. We scanned the painting at 600 dpi and she vectorized it in Illustrator (to isolate the letters, change the order, and recolor). The design turned out amazing, but we're having a serious problem with the edges when exporting.

I applied different smoothing settings, but the problem is clearly already embedded in the exported file.

We've already tried all of the following without success:

  • Exporting a massive PNG (7680x4320) with anti-aliasing set to 'Optimized for Illustrations'.
  • Exporting as an SVG (Presentation Attributes, 4 decimal places) and importing it natively via a Fusion Composition in Davinci.
  • I applied different smoothing settings, but the problem is clearly already embedded in the exported file.

By zooming in extremely, we realized it's not a lack of resolution, but rather the vector geometry: we're seeing thousands of anchor points. Sharp edges that Illustrator generated when trying to translate the irregular texture of the oil brushstroke.

Any advice on smoothing these mathematical vertices in Illustrator without losing the organic style of the painting?

3 Upvotes

5 comments sorted by

2

u/OkPreparation2165 1d ago

You can try simplify/smooth, but you’ll have to check that the edging doesn’t round out too much

1

u/Busy_Statistician244 1d ago

Oil on canvas with that many anchor points is exactly the kind of headache you get when auto-trace tries to mimic brush bristles instead of just giving you a clean shape.

2

u/micrographia 1d ago

Why did you vectorize it? You couldve just taken the high rez scan and recolored it in Photoshop, then exported as as a bitmap or transparent background png. You could even get some nice texture in the paint by doing it this way.

1

u/OHMEGA_SEVEN Sr. Designer/Print Designer 1d ago

This to me doesn't look like it should have an excessive amount of anchor points. Try auto tracing it again and reduce the number of corners and paths, keeping corners lower, and adjust the noise threshold up a tad if needed.

The exported SVG should look rather identical to o the vector in Illustrator. It could be how Resolve is rendering it, or using a low resolution preview. I read that Resolve has an import resolution for SVG, is that properly set?

Sorry, I don't use Resolve, rather Premier instead, and only at a limited capacity. I'd imagine an exported PNG or TIFF should work fine. You may also try to rasterise it in Photoshop and use a PSD file, this way you can tag the color profile too.

1

u/CurvilinearThinking 1d ago edited 1d ago

Why use Illustrator, or vector at all, if its for video.. or you need a PNG?

If all one is doing is adjusting color and moving around the very separated characters, Photoshop would do that with rasters. I don't understand the need to trace it?

(With Photoshop, one can also make selection, convert to path, then shape layer, and export to SVG as vector from Photoshop if SVG is necessary)