Jump to content
bordercross

How do I cut out a shape from a large vector pattern group?

Recommended Posts

I have a vector pattern of dots that is a Group. Over top of that I have a Question Mark shape. I would like cut the Question Mark shape to be cut out of the dot pattern in the background. Can someone help me with this?

Ultimately I would like the white Question Mark shape to be removed from the dot pattern so that the background t-shirt shows through.

Thanks you for any insight.

Screen_Shot_2020-09-13_at_7_52.06_AM.png

Share this post


Link to post
Share on other sites

Drag the Question Mark shape to the right-hand edge of the Dot Pattern Group in the Layer List and drop it when you see the vertical highlight. This will mask the dots and reveal the shirt. (My dots are a bit bigger than yours, but even so...)


Affinity Photo 1.8.4,  Affinity Designer 1.8.4, Affinity Publisher 1.8.4, Mac OSX 10.15, 2018 MacBook Pro 15"

Betas as they happen... 

Share this post


Link to post
Share on other sites

Thanks for the response, but I am actually wanting the reverse effect. To keep the dot pattern on the outside and have the Question Mark be clear of dots and show only the blue color. Is there a way to do that?

I can fake it by making the Question mark the color of the shirt. But I would actually like to have the Question Mark completely cut out (transparent).

 

Screen_Shot_2020-09-13_at_8_34.29_AM.png

Share this post


Link to post
Share on other sites

Like this?

 

 

 

shirt.jpg


Due to the fact that Boris Johnson is now our Prime Minister, punctuation, spelling and grammar will never be worried about ever again.  We now have far bigger problems to be worried about.

Share this post


Link to post
Share on other sites

Well I cheated but looking at your layers panel...

I think you need to duplicate the T-Shirt layer then clip/mask the duplicated layer with the question mark layer so the question mark is filled with the T-Shirt pattern then move this layer to the top of the layer stack

...or something like that.


Due to the fact that Boris Johnson is now our Prime Minister, punctuation, spelling and grammar will never be worried about ever again.  We now have far bigger problems to be worried about.

Share this post


Link to post
Share on other sites

Yeah, that would kind of do it, but I am really just trying to figure out how to cut out the Question Mark shape from the dot pattern, irrespective of the background. 

Share this post


Link to post
Share on other sites
3 minutes ago, bordercross said:

irrespective of the background. 

Probably best to mention that at the beginning

Someone else will be along to help you later, got to go and walk this dog before he redecorates my carpet


Due to the fact that Boris Johnson is now our Prime Minister, punctuation, spelling and grammar will never be worried about ever again.  We now have far bigger problems to be worried about.

Share this post


Link to post
Share on other sites
38 minutes ago, bordercross said:

 I am actually wanting the reverse effect.

Ah sorry, my mistake.

Duplicate the t-shirt layer, drag the duplicate above the dots group and then drag the question mark into the top shirt as a mask:

713930078_Screenshot2020-09-13at14_14_12.thumb.png.bf6fa7787e3ebf70eb0cabc6e6e18f9e.png


Affinity Photo 1.8.4,  Affinity Designer 1.8.4, Affinity Publisher 1.8.4, Mac OSX 10.15, 2018 MacBook Pro 15"

Betas as they happen... 

Share this post


Link to post
Share on other sites

h_d, thank you for the reply. That definitely simulates what I am trying to achieve. But I was hoping to make the Question Mark not just appear transparent, but actually be a cutout so that no matter what background appears behind it, it would show through. Is there a way to do that?

Sorry if that was not clear at the beginning.

Share this post


Link to post
Share on other sites

OK, will have another think & get back!


Affinity Photo 1.8.4,  Affinity Designer 1.8.4, Affinity Publisher 1.8.4, Mac OSX 10.15, 2018 MacBook Pro 15"

Betas as they happen... 

Share this post


Link to post
Share on other sites

Instead of creating a group of dots, create a Compound layer by holding down Option/Alt while you click on the ‘Add’ button in the Geometry section of the toolbar. Then simply subtract the question mark layer from the dots layer.

The attached *.afdesign file contains the layers as they appear before the final subtraction, and the screenshots show the ‘before’ and ‘after’ states.

35405BB6-2ADB-4FDD-B492-903B0EE2FA0C.jpeg.045db7c94b6fda35fc1e99ded4077b10.jpeg 6B0D362D-F7C5-4540-BE3B-7AA1DE810094.jpeg.064654a26275c23cf6abb48a3e8b5f46.jpeg

T-dotty-question.afdesign


Alfred online2long.gif
Affinity Designer/Photo/Publisher for Windows • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.8.4.186 • Designer for iPad 1.8.4.4 • iPadOS 13.7 (iPad Air 2)

Share this post


Link to post
Share on other sites
29 minutes ago, bordercross said:

h_d, thank you for the reply. That definitely simulates what I am trying to achieve. But I was hoping to make the Question Mark not just appear transparent, but actually be a cutout so that no matter what background appears behind it, it would show through. Is there a way to do that?

Sorry if that was not clear at the beginning.

Group the question mark (text) and the Dots, go into the group and set the question mark layer to Erase for a blend mode. This will erase the dots below but as this is a group the erasing will stop before the background colour or whatever is below and outside the group.

1524094973_ScreenShot2020-09-13at6_57_40AM.png.70a0cd489a3e5a25ea71e683fed94789.png


MacBook Pro (13-inch, Mid 2012) Mac OS 10.12.6 || Mac Pro (Late 2013) Mac OS 10.14.6

Affinity Designer 1.8.4 | Affinity Photo 1.8.4 | Affinity Publisher 1.8.4 | Affinity Designer Beta 1.9.0.2 | Affinity Photo Beta 1.9.0.196 | Affinity Publisher Beta 1.9.0.742

Share this post


Link to post
Share on other sites

Keep your layers as they are, select the question mark & the dot pattern group, now change the blend mode of the question mark to erase. (I have used an image but it works with curves)

 Erase.png.88ccece26a5d3a5ac3831a9da3b26519.png

Share this post


Link to post
Share on other sites

Note that "Erase" will rasterize your design when exporting. If you want to keep the output as vectors, you can combine the vector objects that now form a group by using Add Boolean operation, and then subtract the question mark from this object (either by using non-destructive compound subtract, as below, allowing you to keep the question mark as text and move it, or regular subtract Boolean):  

subtract_from_vectorshapes.jpg.72d60ea09c4849149012b4e753a12be7.jpg

Share this post


Link to post
Share on other sites

You could also just subtract the "?" from a rectangle the size of your document (or at least as big as your dot pattern group) and use that as a clipping object. Remains all vector (if your dots are vector 😉).

533681480_ScreenShot2020-09-13at10_55_49AM.png.5738ad79442322c3d23072086444d31a.png

Share this post


Link to post
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

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.