Jump to content

Use Curve Object for Mask


Recommended Posts

Happy New Year, dear friends!

I am ashamed to have to ask this, but here goes.

In this screenshot, I have a round object (white ring) that I want to use as a mask for the sun (star) shape:

1351739243_Capto_Capture2019-01-08_04-54-01_PM.thumb.png.662413cb40c700b01ed1a0aaa089b41e.png

The intent is to make the white part transparent and allow the blue background to show through. I have tried the usual masking operations, and I cannot seem to get it to work as expected. I even tried the Layer -> Rasterize to Mask operation, and that didn't work either.

My preference is to keep it non-destructive, if possible.

Also, I am not sure that the way that I created the white ring is the best method. 

  1. Create the circle object
  2. Set the fill to none
  3. Make the stroke large
  4. Layer -> Convert to Curves
  5. Layer -> Expand Stroke

If there is a better way to create this, I am all ears!

The file is attached, if needed.

Sun Masking.afdesign

Link to comment
Share on other sites

I suggest making the ring shape using the donut tool. To make the background show through the star, make sure the donut is above the star in the Layers panel, select both objects, hold down the alt/option key, & click the Subtract button on the toolbar (or use Layer > Geometry > Subtract). By holding down the alt/option key, instead of a "(Curves)" object, you get a "(Compound)" object, so the parameters of its two components (like the hole radius of the donut & the number of points of the star) remain adjustable.
1130514757_Suncompoundlayers.jpg.782c23db3c7037d062e95690a055bca3.jpg

Sun compound.afdesign

Affinity Photo 1.10.5, Affinity Designer 1.10.5, Affinity Publisher 1.10.5;  2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.5.280 & Affinity Designer 1.10.5 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.0.2

Link to comment
Share on other sites

@R C-R and @PixelPest, many thanks for all your help! :)

First, after I posted my question, it did dawn on me that the donut tool would be the perfect way to create the cutout. Duhhh, I sometimes wonder... ;)

Second, I thought I tried the subtract operation earlier and I couldn't get it to work. I have no idea what I was doing wrong, but after reading your responses, I tried again and it worked like a charm. Go figure!

As you can see below, I went crazy with it to see how far I could go, adding text for cutouts (using a second subtract operation). I added some detail to the background to see if they showed through, and sure enough it did. (This could be my OCD coming through!) B|

1975098060_Capto_Capture2019-01-09_06-32-42_AM.thumb.png.1f1064cce78982d0d1d77b4798be66b0.png

Anyways, many thanks for your help!

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...
 Share

×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. 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.