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

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

Link to comment
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 2.0.3,  Affinity Designer 2.0.3, Affinity Publisher 2.0.3, Mac OSX 13, 2018 MacBook Pro 15" Intel.

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

Link to comment
Share on other sites

Like this?

 

 

 

shirt.jpg

To save time I am currently using an automated AI to reply to some posts on this forum. If any of "my" posts are wrong or appear to be total b*ll*cks they are the ones generated by the AI. If correct they were probably mine. I apologise for any mistakes made by my AI - I'm sure it will improve with time.

Link to comment
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.

To save time I am currently using an automated AI to reply to some posts on this forum. If any of "my" posts are wrong or appear to be total b*ll*cks they are the ones generated by the AI. If correct they were probably mine. I apologise for any mistakes made by my AI - I'm sure it will improve with time.

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

To save time I am currently using an automated AI to reply to some posts on this forum. If any of "my" posts are wrong or appear to be total b*ll*cks they are the ones generated by the AI. If correct they were probably mine. I apologise for any mistakes made by my AI - I'm sure it will improve with time.

Link to comment
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 2.0.3,  Affinity Designer 2.0.3, Affinity Publisher 2.0.3, Mac OSX 13, 2018 MacBook Pro 15" Intel.

Link to comment
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.

Link to comment
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 spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

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

Mac Pro (Late 2013) Mac OS 12.7.4 
Affinity Designer 2.4.1 | Affinity Photo 2.4.1 | Affinity Publisher 2.4.1 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

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.