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

Moving a masked image within a vector mask


Recommended Posts

Hi signguy,

I wasn't creating a mask. Layer masking and Layer clipping are different things.

 

Got it.  I'm used to masking by dragging the thumbnail over the top of the other thumbnail.  My mistake.  I forget that there are multiple ways to do things sometimes and that's what makes these forums so invaluable.  Thank you MEB!

 

I do prefer to use the masking option over the clipping option so that way you can add effects like a gaussian blur to the object/shape and not the entire image.  Depends on what kind of results you are trying to accomplish.  The original thread was about talking about masking so that is why I chimed in with my 2¢.

Link to comment
Share on other sites

Yep, you have to use the clipping method + "Lock Children". If you use the Mask method, it also works, but there are some strange selection handles which is very confusing (drag rectangle on top of image). 

 

Clipping:

 

1. Drag Image BELOW the Rectangle (so it becomes a child -- NOT a mask, which is OVER it)

post-11616-0-82502500-1450372447_thumb.jpg

 

2. Ensure you have the "Lock Children" checked below the toolbar -- in the properties area, where it says "Curve ... Fill... Stroke... Convert to Curves ... [x] Lock Children

post-11616-0-14831900-1450372449_thumb.jpg

 

This works great. You can now independently scale/move the rectangle (parent) and image (the child).

favicon-16.png BRANDbrilliance • Graphics • Websites • Printing • E-marketing
Link to comment
Share on other sites

  • Staff

@Signguy

No worries. I was simply trying to demonstrate how to get to the Lock Children option, using layer clipping as an example. It works for both cases Clipping and Masking. Which one you use depends on what you want to achieve. 

 

@brandbrilliance

You're right. The selection marquee around the masked area remains on screen while we are dragging the mask, which is confusing. I will log this.

Link to comment
Share on other sites

  • 1 year later...

Is this fixed yet??

Playing arround with it, but cannot get it to work.?

 

Browsing the internet didn't provide me with an answer as well

I want to mask a photo or whatever and be able to adjust mask and content independently, Until then I must stay with sigh photoshop sigh.

 

On that note, can I swap assets, symbols or is the relation from library to artboard unidirectional??

 

I understand everyone is busy, so am I but the more I play with it and look for limitations the more my enthousiasm floats away.
That's unfortunately since the time and resources put into your marektingefforts and promotional content raised my expectations quite a bit.

 

If it's resolved hoorah, just point me in the right direction. Not giving up on you guys yet ;)

 

Edit: the lock children option doesn't work: content and mask are still move as one

Link to comment
Share on other sites

  • 1 year later...
On 5/27/2015 at 12:58 PM, MEB said:

Hi brandbrilliance,

Welcome to Affinity Forums.

I agree with you that it's inflexible and inefficient, but like other features there's wasn't yet time to improve it.

I've raised those same points with the dev team some time ago and i believe this will be looked at when possible. 

I'm not sure if you were talking about Designer or Photo - anyway in Photo I still (March 2019) cannot move or resize the picture in the mask separately.
Macbook Pro, Mojave

Link to comment
Share on other sites

2 hours ago, tymcat said:

... anyway in Photo I still (March 2019) cannot move or resize the picture in the mask separately.

Is the mask layer above the 'picture' (pixel or other layer type) in the Layers panel, or is it nested in that 'picture' layer?
1258016141_notnested.jpg.598f04fcdd779e6bb6509ff1cea0bdb4.jpg nested.jpg.18eca97318bd29d63f676bc423d603ad.jpg

Above is on the left; nested is on the right. In neither one is the pixel layer really "in" the mask, so each of them can be moved or resized separately of the other. The difference is that when nested, the mask layer moves or resizes when you move or resize the pixel layer.

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

I wonder if tymcat wants this.

75575199_ScreenShot2019-03-31at00_09_41.png.b3be9b7c7aa9b69e4baa1d6b2ed537aa.png

iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

  • 7 months later...

I was searching around for the answer to this question. Didn't find one in any of the tutorial videos. Noticed this topic originated in 2015 so not sure the solution is posted elsewhere or common knowledge at this point, but had an epiphany and just tested something out and it worked. Here's how to do it:

  1. Start with a photo; for the purposes of this explanation, one with a sky.
  2. Make a selection. In this instance, the sky in the photo to make a sky replacement.
  3. Turn that selection into a mask.
  4. Select both the mask layer and the photo layer.
  5. Group them.

The grouping is the trick. It allows the mask layer and the photo layer to remain separate from each other, which means they can be edited independently.

Hope this can be applied to the OP's question, even though their masking layer was a vector shape. Not sure it would matter.

Screen Shot 2019-11-07 at 9.01.55 PM.png

Link to comment
Share on other sites

Well, I messed that explanation up a little. It should actually go:

  1. Open a photo of a landscape with a boring sky in a new document
  2. Paste or Place another photo with a better sky in the same document
  3. Hide the second photo for a moment
  4. Select the sky from the original photo
  5. Make a mask from that selection
  6. Move the mask above the other layers. No children, no parents.
  7. Show the second photo again
  8. Select the new mask and the second photo
  9. Group them
  10. Make sure the mask is above the second photo in the layer stack, inside the new group, and that the original photo is below the group in the layer stack
Edited by atomikdog
Detail
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.