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

How to "cut" out "countours" from one shape to the other for depth effect without using pixel masks?


Recommended Posts

Hey so,

I am trying to recreate something I made a while back as vector. Also switched to the affinity suite so I am absolutely new here.

Basically, how do I get from one image to the other.

Obviously I can use the pixel persona to use masks, but I want to stay vector-based.

 

image_2022-11-30_170749305.png

image_2022-11-30_170818129.png

Link to comment
Share on other sites

Hi @Necrilem

Affinity Designer would be the right choice here.

Do you still have the vector file or only the pixel document?

In the latter case, the pen tool in Designer would be my tool of choice.

If this is a vetor you only have to ad an outline to the strokes. Move the ends a little out of the canvas

image.png.a8a8ad66ec965f069e3296a705d924b3.png

Here is the Designer File with history I've worked out.
image_2022-11-30.afdesign

 

AMD Ryzen 7 5700X | INTEL Arc A770 LE 16 GB  | 32 GB DDR4 3200MHz | Windows 11 Pro 24H2 (26100.1742)

Affinity Suite V 2.5.5 & Beta 2.(latest)
Interested in a free (selfhosted) PDF Solution? Have a look at Stirling PDF

Before you ask! No!

Link to comment
Share on other sites

Hi @Komatös

Thank you for responding.

I actually do have the vectors but simply using an outline is not the solution I am looking for. I don't want to have to create an outline on specific parts and adjust it to the background color, but actually have that part be "cut" out from the shapes as needed.

I actually found a roundabout way at this point. I segment the curves into parts, copy+paste them, use the contour tool to create a "vector outline shape" so to speak and then use that to subtract it from shape where needed. Its really roundabout but so far the only solution I found.

 

This is what I achieved with using pixel masks, that I want to achieve while staying completely vector. This is going to take a while

 

673-01.png

Link to comment
Share on other sites

You can use the shape builder tool to do this without using masks.

Use the original shapes, make an outline to each shape and choose Expand Stroke frome menu - Layer.

Maybe this vid helps to understand.

 

AMD Ryzen 7 5700X | INTEL Arc A770 LE 16 GB  | 32 GB DDR4 3200MHz | Windows 11 Pro 24H2 (26100.1742)

Affinity Suite V 2.5.5 & Beta 2.(latest)
Interested in a free (selfhosted) PDF Solution? Have a look at Stirling PDF

Before you ask! No!

Link to comment
Share on other sites

You are welcome!

And by the way ... a nice tribal!

Edited by Komatös

AMD Ryzen 7 5700X | INTEL Arc A770 LE 16 GB  | 32 GB DDR4 3200MHz | Windows 11 Pro 24H2 (26100.1742)

Affinity Suite V 2.5.5 & Beta 2.(latest)
Interested in a free (selfhosted) PDF Solution? Have a look at Stirling PDF

Before you ask! No!

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.