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

Functionality, then Clipping path headache.


Recommended Posts

Hello Affinity. I bought Affinity when it first came out and it has been sitting on my MacBookPro waiting to be used.

Every time I tried to use it, there would be those minor differences to PS that kept stopping me using it, sorry I'm so used to the other program that I'm set in my ways and retraining my muscle memory map was too much for me.

So there it sat until I started having a clear out of apps from my machine so I thought lets have another look at it again, so I uploaded v1.6.6 and thought today I would give it a whirl.

My first stumbling block was the short key cuts, so I spent a while converting all of the Affinity Short key cuts to match the same as Photoshop, that helped.

Then I grabbed one of my images to try to try a clipping path to cut it out as I would in PS. 

OMG, my brain is melting. Please tell me what I am doing wrong here.

 

I started with the pen tool and cut around the shape. What I found was if I left any kind of gap or alt clicked, it would sometimes start a brand new curve layer, instead of continuing on from the previous path I was trying to complete. I eventually found out that I could join these errant curves layers together. Then I realised had to keep re clicking the last node to make sure it followed on. After about 30 minutes of trial and error I created a path around my object. The object also had a few other bits to cut out within it, so I started to create a path (curve) around the smaller elements inside the object I was trying to cut out. What I found was Affinity would create brand new curve layers for these paths and would not let me join them together as one final path (curve layer) with multiple paths in them.

 

Why can I not join multiple (closed) paths (curves) together into one?

Or am I thinking like Affinity should act like PS in this situation and there is actually a better way to produce a path cut out. Which can be added to Indesign to show there is a defined cut out path?

 

See Screen Grab for an example. Not the figure with the holes to be cut out in the arm areas.

Obviously I can make a selection of all the paths and mask it out so the element in question can be cut out but I would like the path to stay behind so I can tweak it again at a later date. Or make a selection to create a path, which also does not seem to be possible either.

 

For the life of me I can't see how to do this in Affinity. Is this too PS centric and should I be doing things differently in Affinity? 

Screen Shot 2017-11-26 at 06.51.38.png

Screen Shot 2017-11-26 at 07.13.37.png

Link to comment
Share on other sites

By using the Pen Tool you are creating vector shapes (curves). It isn't impossible to use them for cutting out parts of an image but it is much easier to use the selection tools for that. The Affinity Photo - Cutting Out video tutorial show how that works.

 

4 hours ago, affinitynumpty said:

Why can I not join multiple (closed) paths (curves) together into one?

You can do this using the boolean ("Geometry") choices.

All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

You need to make just one path around the object.

 

1. Take a bus (well, not literally, stay where you are for now ;))

bus1.jpg.6c5ad64a9f010711c54eb257990a18bc.jpg

 

Draw a path around it. I reduced the levels of the image so you can see the path.

bus2.jpg.1bde6bdc489625eaf18169b2145003be.jpg

Note, I did it rather crudely for a quick demonstration, but you get the idea.

 

 

With the pen tool selected, click on Mask.

penmask.png.f17dd677504d0add2f94dbfe811f1702.png

 

It cuts out the bus (clipping path) from the background, which is shown here as the transparent chequerboard.

bus3.jpg.8b9b90d3a3a759b7781cc05272267092.jpg

 

You can select the curve inside the layer and adjust it at any time using the node tool

curve.png.29de2b2a27a08416b70bf425dd80e86c.png

 

Should you want a single deck bus

bus4.jpg.1a468c540007b2e88cd2ffaa3a91c462.jpg

 

If you want to do something like the arm cutouts. After you have done the main shape, draw a new path inside the arms and combine the shapes using a boolean operation. Layer > Geometry > Subtract. Then (with the pen tool selected) click on Mask. You can edit the mask with the node tool, as above.

 

 

Windows PCs. Photo and Designer, latest non-beta versions.

Link to comment
Share on other sites

6 hours ago, affinitynumpty said:

Obviously I can make a selection of all the paths and mask it out so the element in question can be cut out but I would like the path to stay behind so I can tweak it again at a later date.

Do you really want to save a vector path for this or just the "marching ants" selection normally used for cutting out, masking, copying, etc.? If the latter, you can select the mask layer & from the Select menu use "Selection from Layer" to get the "marching ants" selection back again & refine it or reuse it as is. You can also save the selection to a spare channel or to a separate file. 

All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

Hi guys, Cheeers for th replies so far.

 

Layer - Geometry - Combine was exactly what I was looking for to combine the 4 curves into one. Though if I were to compare this to PS that is another step added to create one path around an object than PS.

Why it does not let me just create one curve path then other paths within that same curve as I go is a mystery.

Now I have the path combined with arm cut outs and have exported to PS I can see the path attached, which is what I need to be able to put this into Indesign.

I never do marching ants cut outs and leave it at that as I always need to use a path for multiple designs and flexibility which also leaves the background intact so I'm only using one file.

Marching ants to create path would be handy, I'll have to find where that lies in affinity as this will make my life easier too.

Cheers Guys.

 

Screen Shot 2017-11-26 at 13.37.55.png

Link to comment
Share on other sites

16 minutes ago, affinitynumpty said:

Why it does not let me just create one curve path then other paths within that same curve as I go is a mystery.

Vector objects are usually defined geometrically as one continuous path. It is not possible to do that with multiple, unconnected paths so to create cutouts in a closed path some kind of compound object is required. In Affinity, boolean geometric operations usually create "(Curves)" (note the plural) objects in the Layers panel, or with the alt/option key held down during creation, "(Compound)" ones.

 

29 minutes ago, affinitynumpty said:

I never do marching ants cut outs and leave it at that as I always need to use a path for multiple designs and flexibility which also leaves the background intact so I'm only using one file.

The primary benefits of using marching ants selections for making cutouts from raster images are to enable making selections based on pixel properties instead of tediously drawing hard edged vector paths, & to use algorithms to refine edges so they blend into other raster images without jagged edges. 

All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

17 minutes ago, R C-R said:

The primary benefits of using marching ants selections for making cutouts from raster images are to enable making selections based on pixel properties instead of tediously drawing hard edged vector paths, & to use algorithms to refine edges so they blend into other raster images without jagged edges. 

 

The primary disadvantages of using marching ants selections for making cutouts from raster images is that it is a destructive process. Paths are totally non-destructive. 

Windows PCs. Photo and Designer, latest non-beta versions.

Link to comment
Share on other sites

33 minutes ago, toltec said:

The primary disadvantages of using marching ants selections for making cutouts from raster images is that it is a destructive process. Paths are totally non-destructive. 

??? Several techniques mentioned in the Cutting Out video are non-destructive. James Ritson even uses the word "non-destructively" at about the 1:17 mark.

All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

Masking is quite nondestructive... but more to the point, I think AP support for real cutting paths is weak. I mean the old fashioned ones that we used in TIF files back in 90's. They are not much used in modern workflows either as masks or files with transparency are supported so well in layout apps. Also you cannot have feathering with cutting paths, in transparent PSD and even in TIF files it is easy.

Link to comment
Share on other sites

On 11/26/2017 at 2:55 PM, toltec said:

The primary disadvantages of using marching ants selections for making cutouts from raster images is that it is a destructive process. Paths are totally non-destructive. 

 

I don't get this. If you literally cut out a piece of an image, thus deleting the unwanted pixel information, you're right. But why would you ever want to do this instead of using masks?

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.