Designer Isometric Illustration Question

[bluefuze]

Hello!

I have a question in regard to doing isometric vector illustrations, and porting them over to other software.

Use case:

I want to create an isometric illustration utilizing the Affinity Designer isometric grid functionality... then I want to take the result and import it into another program. In this case, it's a vector animation platform called Rive.

I tried an experiment to test:

• direct copy/paste
• export and svg then import the svg

... and these tests didn't work out well. What ends up getting imported is a morphed/skewed version of the illustration shapes. (I'm guessing this is likely because Designer is creating a sort of isometric distorted view, and this is not how the actual underlying shapes themselves look. ie: it's the program making the shapes look a certain way, not the shapes themselves... kind of like looking into a warped mirror?)

The goal:

What I'm trying to accomplish is taking what I see with my eyes in Designer, and bringing that into another vector program. Obviously I could export it as an image and then bring that flattened image into another program, but then it wouldn't be editable as vector anymore.

What I need is the ability to sort of "lock in" what I'm seeing, so that the vector isometric drawing is sort of "flattened" converted into reality... so it can be brought into other programs looking exactly the same as how it looks to my eyes when editing in Designer's isometric grid. 

I'm hoping this description makes sense! I'm really hoping this is possible. Thanks in advance for any help!

[bluefuze]

I tried converting to curves... and this is what I get when I bring it into Rive...

The original:

How it ends up in Rive:

Edited March 6, 2024 by bluefuze
added context

[GarryP]

Welcome to the forums @bluefuze

At first blush it looks to me like the transforms which convert the rectangles to isometric are not ‘getting through’ the whole ‘pipeline’ from Designer to the Rive renderer.

This might be happening in Designer or in Rive but we can’t tell without more information.

Can you give us a screenshot of your Export Dialog, the original AFDESIGN document and the exported SVG?

Once we have those things it should be fairly easy to figure out what’s going wrong if not why it’s going wrong.

[bluefuze]

8 hours ago, GarryP said:

Welcome to the forums @bluefuze

At first blush it looks to me like the transforms which convert the rectangles to isometric are not ‘getting through’ the whole ‘pipeline’ from Designer to the Rive renderer.

This might be happening in Designer or in Rive but we can’t tell without more information.

Can you give us a screenshot of your Export Dialog, the original AFDESIGN document and the exported SVG?

Once we have those things it should be fairly easy to figure out what’s going wrong if not why it’s going wrong.

Thank you for your response @GarryP! Appreciate it.

Okay, so I don't know if this will give you what you're looking for, but I figured it might be even more useful to just do a video to try and show everything you said and more.

Here's that video I just recorded:

https://share.cleanshot.com/h5L6yDGt

Please let me know if this helps in any way!

Thanks again

Edited March 6, 2024 by bluefuze
fixed typo

[bluefuze]

OMG @GarryP you're a genius! After doing that recording... I went back and explored that export panel more, and the advanced settings. I checked the "flatten transforms" and that did the trick! That worked!!