Jump to content

Cut out specific shape from image in Publisher


Recommended Posts

Hi all

Just posting on here as it's difficult to articulate my question without a screenshot! I'm wondering if it's possible, in Affinity Publisher, to cut out part of an image (inserted as picture frame) to a specific shape. In this case, cutting the corner off the image, with rounded corners, so a logo can fit in the negative space (as shown in screenshot).

If this is possible, please let me know. I understand I may have to do this in Photo or Designer, but it would be nice to be able to do it in Publisher, then I have more flexibility over the size of the logo as I continue to work on the document.

Thanks!

Screenshot 2023-09-18 at 10.35.05.png

Link to comment
Share on other sites

One method would be to use a curve shape to clip the Picture Frame containing the image.
In my example the Vegan logo is under the Picture Frame in the Layer stack.

 

macOS 12.7.6  15" Macbook Pro, 2017  |  4 Core i7 3.1GHz CPU  |  Radeon Pro 555 2GB GPU + Integrated Intel HD Graphics 630 1.536GB  |  16GB RAM  |  Wacom Intuos4 M

Link to comment
Share on other sites

It is possible to acheive the cut out in publisher, and there are at least two mechanisms you can use - create your own picture frame, or use a mask layer.

To create your own picture frame you create the shape you want using the normal drawing tools, either by direct drawing of a closed curve shape or using geometric shapes that you combine with the layer geometry tools. Select the curve object, right click and select the Convert to picture frame.  The curve control points can still be edited using the arrow tool after the picture has been placed in the shape..

To create a mask draw the wanted picture shape as a layer, or use multiple layers that you then combine into a single layer. Place the shape in the layer list immediately above the layer that has your picture to be masked, then right click on the mask shape in the layer menu, seleting "Mask to below".

Link to comment
Share on other sites

Hi @markw - I've been following your handy video... I have subtracted one shape from another, I am now at the stage of rounding off the corners... However, the 'Curve' tool is not showing in the toolbar on the left hand side. I can see the Pen tool and Artistic text tool, but no Curve tool... Am I missing something?

Link to comment
Share on other sites

1 hour ago, cleaser said:

I have subtracted one shape from another, I am now at the stage of rounding off the corners... However, the 'Curve' tool is not showing in the toolbar on the left hand side.

Your thread is about Publisher while the Curve Tool exists in AD only. If you don't have AD installed you could alternatively re-create the objects in APub with the "Rounded Rectangle Tool" which enables you to define a corner radius. If you deactivate "Single radius" in the Context Toolbar you can define the 4 corners separately.

Once created, then Geometry options + further nesting / clipping in the Layers panel will be the same* as in AD and @markw's video.

* EDIT: sorry, not really "the same" – see post below …

Edited by thomaso

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Link to comment
Share on other sites

In APub / without AD:  With two rounded rectangle you may get this after Geometry -> Subtract:

rounded1.jpg.065817ec4e10d35273a4c8be86fb4ba1.jpg

To round also the unrounded corners you can either use the Node Tool to edit nodes …

rounded1a.jpg.4ed68ac4daf1086b058ef59b69e7c4e6.jpg

… or create the entire setup differently, e.g. with some simple copies of a rounded rectangle, like so:

rounded2.jpg.f451f175ccbb3d3687c5933465b2c886.jpg

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Link to comment
Share on other sites

Ah, the perils of having all three apps! Too easy to forget that not everyone may have all three!
But as thomaso shows it can still be done if you only have Publisher, it’s just a bit more work!

macOS 12.7.6  15" Macbook Pro, 2017  |  4 Core i7 3.1GHz CPU  |  Radeon Pro 555 2GB GPU + Integrated Intel HD Graphics 630 1.536GB  |  16GB RAM  |  Wacom Intuos4 M

Link to comment
Share on other sites

36 minutes ago, markw said:

just a bit more work!

I am not sure, especially for a two-object & node-edit workflow (with modifier keys for node / handle). I'd rather say it's less flexible after subtracting, while starting with 2 rounded corner shapes may be faster ?

rounded5.thumb.jpg.2820dc6e55d3780a2c43a194918438c1.jpg

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

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.