Jump to content

Recommended Posts

Posted

I created a logo in Affinity Designer.
Unfortunately, after exporting to an svg file, the file gets destroyed. Sometimes it is simply stored incorrectly. At first everything seems normal as the file looks reasonable on the desktop. But after opening the svg in Affinity I get a destroyed file.
I'm pretty sure it has to do with the ship's mast. Sometimes it is simply removed when saving. Sometimes it stays but the svg gets destroyed.
Only when I redraw it, it works again for a short time.

Furthermore, with a working svg file, the mast, pennant and book become blurred when enlarged.

Test.afdesign Test auf dem Desk.svg Test-svg.afdesign

Posted
3 hours ago, Susanne Wollatz said:

Furthermore, with a working svg file, the mast, pennant and book become blurred when enlarged.

Well, your generated SVG file ("Test auf dem Desk.svg") contains for the Wimpel, Buch and Mast layers also bitmap/image data, thus it's not plain vectors here. - Probably since the used mask for Buch, covers parts of Mast and Segel here.

You can see that if you open the generated SVG code inside some text editor ...

image_data.jpg.14e46b6bf868a4bac17f7fc39e6188f5.jpg

I would in your case alter the Buch curve accordingly, so no mask is needed here and rework Mast, as the later is causing the rasterization here then!

Other than that SVG exports would look Ok here.

Here's your file named as "Test_neu" and "Test_neu.svg" which don't contain any bitmap/image base64 encoded rasterization and thus can be exported as plain vectors.

 

 

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Posted

You are welcome!

BTW forgotten to tell you, that when you are going to export your whole ADe doc, or selected layer portions from it, as SVG, that then the ADe export panel also always tells you if something will be rasterized (exported as base 64 embedded bitmap) or not (all being plain vectors) here.

  • Export will be rasterized, aka will contain bitmap portions for the exported SVG code/file ...
    raster1.jpg.f3772043b363da51149a5b9f8e19631a.jpg
     
  • Export will not contain any rasterization, thus being plain vectors here ...
    raster2.jpg.3574af7fd2b2cb7d36b30773b89b531e.jpg

 

Further you can slightly force via SVG settings under the more button how to generate the SVG output code. - And beside that you can always prove inside a text editor how the SVG XML code has been finally generated, which is sometimes important to check as you can always edit and alter it there to individual, specific needs for SVG view box adaptions and the like.

 

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Posted

Thank you for your additions.
I've got one more question:
I can understand how you edited the book. But I thought I would have to trace the mast and pennant with the vector brush. Is there an easier way? How did you create a vector brush from the normal brush?

Posted
5 hours ago, Susanne Wollatz said:

But I thought I would have to trace the mast and pennant with the vector brush. Is there an easier way? How did you create a vector brush from the normal brush?

As I was lazy here, I've used an autotracer third party tool for quick turnarounds, see for example ...

I've traced/vectorized and reused ...

 

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

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.