Christina Upton Posted July 19, 2020 Share Posted July 19, 2020 (edited) I am so stumped. This would be so easy in Photoshop but after a day of trial and error and googling, I remain perplexed. I am making a logo that should over lap in a chain-link sort of way. I tried going to pixel persona and making but the selection tool is incredibly ragged and imprecise. I could get it to work in a rigged sort of way if I didn't need the white stroke, but i do. Here's an example of what I'm trying to do... So much to learn. Any help/tips would be greatly appreciated. Edited July 19, 2020 by Christina Upton Quote Link to comment Share on other sites More sharing options...
thomaso Posted July 19, 2020 Share Posted July 19, 2020 You could either cut the invisible part out of the background object – or you place a copy of the foreground object which you limit by nesting its layer in a masking object. For instance: Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 Link to comment Share on other sites More sharing options...
Alfred Posted July 19, 2020 Share Posted July 19, 2020 1 hour ago, thomaso said: You could either cut the invisible part out of the background object – or you place a copy of the foreground object which you limit by nesting its layer in a masking object. The latter is how I would do it. Clipping/nesting a duplicate of the lower ring (to show only a small part of it on top of the upper ring) is very straightforward, but accurately cutting out the part of the upper ring that you want to make invisible is likely to be quite fiddly. Create two small shapes (squares in this example) to cover the overlaps, and then create a duplicate of the yellow ring and move it above the blue ring in the layer stack: Cover the overlap with one of the squares and then nest the duplicate ring inside the square: Now create a duplicate of the blue ring, move it above the red ring in the layer stack, and cover it with the other square: As above, nest the duplicate ring inside the square: Here’s the result with the nested object deselected: Miltrin 1 Quote Alfred 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 More sharing options...
Pšenda Posted July 19, 2020 Share Posted July 19, 2020 Hi @Alfred, I think thomaso used the same procedure as you. He only talked about masking, but also used clipping (see your Layers panel). thomaso and Alfred 2 Quote Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301 Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155. Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155. Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130. Link to comment Share on other sites More sharing options...
Move Along People Posted July 19, 2020 Share Posted July 19, 2020 - Christina Upton 1 Quote Move Along people,nothing to see here Link to comment Share on other sites More sharing options...
Christina Upton Posted July 20, 2020 Author Share Posted July 20, 2020 So thanks much for the help. I learned a lot - did not know about adjusting the gap of the donut and that worked fairly well but not completely. The problem I am running into is I need to have a stroke around the letters (actually "cbc") and when I try the various ways to accomplishing the cutout, I end up with a funky stroke because the letter is in pieces. I tried making the little overlapping pieces, and yes, that was quite fiddly, but I was thinking I could use those to make a vector mask and that might work? Vector masking, another thing I've got to go do a tutorial on. My brain thinks in Photoshop.... Quote Link to comment Share on other sites More sharing options...
thomaso Posted July 20, 2020 Share Posted July 20, 2020 9 hours ago, Pšenda said: talked about masking, but also used clipping Isn't clipping always masking? Like a picture frames masks the larger (> invisible) parts of a nested image. What exactly is the difference? Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 Link to comment Share on other sites More sharing options...
lepr Posted July 20, 2020 Share Posted July 20, 2020 10 minutes ago, thomaso said: Isn't clipping always masking? Like a picture frames masks the larger (> invisible) parts of a nested image. What exactly is the difference? Masking simply constrains visibility of the masked object. Clipping does that but also the clipped object is blended with the clipping object. Pšenda 1 Quote Link to comment Share on other sites More sharing options...
thomaso Posted July 20, 2020 Share Posted July 20, 2020 > Masking simply constrains visibility of the masked object. Clipping does that but also the clipped object is blended with the clipping object. May be I have a language (translation) problem? Do you mean with "the clipped object is blended" that one of the objects is nested inside the other? ("Blending" in my understanding is like "merging" or "mixing".) Yes, a mask does not need a nested object, this way not every masking is clipping has a nested object – but every clipping is masking, isn't it? Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 Link to comment Share on other sites More sharing options...
kaffeeundsalz Posted July 20, 2020 Share Posted July 20, 2020 12 hours ago, Christina Upton said: This would be so easy in Photoshop Note that Affinity Designer is more of an Illustrator competitor than it is a Photoshop competitor. Quote Link to comment Share on other sites More sharing options...
Move Along People Posted July 20, 2020 Share Posted July 20, 2020 - Quote Move Along people,nothing to see here Link to comment Share on other sites More sharing options...
Pšenda Posted July 20, 2020 Share Posted July 20, 2020 9 minutes ago, thomaso said: May be I have a language (translation) problem? I use Affinity language - naming conventions.https://affinity.help/designer/English.lproj/pages/Layers/layerClip.htmlhttps://affinity.help/designer/English.lproj/pages/Layers/LayerMasks.html Quote Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301 Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155. Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155. Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130. Link to comment Share on other sites More sharing options...
Alfred Posted July 20, 2020 Share Posted July 20, 2020 11 hours ago, Pšenda said: Hi @Alfred, I think thomaso used the same procedure as you. He only talked about masking, but also used clipping (see your Layers panel). Yes, indeed. That’s why I responded to his comment 12 hours ago, thomaso said: You could either cut the invisible part out of the background object – or you place a copy of the foreground object which you limit by nesting its layer in a masking object. by saying 11 hours ago, Alfred said: The latter is how I would do it. Clipping/nesting a duplicate of the lower ring (to show only a small part of it on top of the upper ring) is very straightforward, but accurately cutting out the part of the upper ring that you want to make invisible is likely to be quite fiddly. As Christina has observed, problems arise if you crop an object which has a stroke around it (or if, for example, you crop an object which has a 3D effect applied): the cropped edges acquire the same appearance as the uncropped ones. When you use clipping, you create a ‘clipview’ window through which you view the underlying object, so any strokes or effects are still applied to the whole object (instead of being applied only to the visible part of it). Quote Alfred 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 More sharing options...
thomaso Posted July 20, 2020 Share Posted July 20, 2020 12 hours ago, Pšenda said: Affinity language - naming conventions. The naming conventions used by Affinity aren't really unambigous. – As in the help text, "masked" is used to describe the clipping action: Quote Layer clipping Clipping involves positioning one object inside another. The path of the parent object becomes the new boundaries for the child object. Any areas of the child object which lie outside the parent object's path are masked (hidden). So, when I wrote above "(...) which you limit by nesting its layer in a masking object" isn't it clear and unambiguous? Not "in a (Mask) object" (> layer label) but "mask" as action. This latter mask can be of various types with various layer labels, one is "(Rectangle)". The difficulty appears similar to the difference between "(Layer)" and "layer", in which the sound is the same, but the difference is only clear from the spelling. In this sample "officially" only the triangle is a mask (see the cropping symbol in its layer thumbnail) – but the cloud does masking, clipping and cropping, too, doesn't it? Note the different insets of the thumbnails: An "official" mask thumbnail is inset slightly more than the half of the thumbnail width, whereas the "official" clip is inset a little less than the half. – By the way a difference which isn't shown in the useful overview of hakoo's link. 11 hours ago, Alfred said: problems arise if you crop an object which has a stroke around it Another option for OP's ring example would use no fill but stroke color only + AD's Appearance Panel. If the stroke is set to "Butt Cap" then its color won't appear at its cut ends: (Any idea why this two-color curve appears in its layer thumbnail so tiny?) Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 Link to comment Share on other sites More sharing options...
Alfred Posted July 20, 2020 Share Posted July 20, 2020 50 minutes ago, thomaso said: Note the different insets of the thumbnails: An "official" mask thumbnail is inset slightly more than the half of the thumbnail width, whereas the "official" clip is inset a little less than the half. Note also that the mask thumbnail bears a ‘crop’ icon, whereas the clip thumbnail doesn’t. Users often seem to post about cropping, masking, clipping and nesting as if they’re four different things, but when you’re discussing vector masks they’re really only two. Christina Upton 1 Quote Alfred 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 More sharing options...
thomaso Posted July 20, 2020 Share Posted July 20, 2020 52 minutes ago, Alfred said: Note also that the mask thumbnail bears a ‘crop’ icon, whereas the clip thumbnail doesn’t. Users often seem to post about cropping, masking, clipping and nesting as if they’re four different things, but when you’re discussing vector masks they’re really only two. Is this meant to correct my experience or opinion – or rather to confirm my impression that these various words for "(partially) hiding" are not at all clear and unambiguous, neither in human language nor in Affinity terms? I wonder since I wrote in the post you quote: In this sample "officially" only the triangle is a mask (see the cropping symbol in its layer thumbnail) Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 Link to comment Share on other sites More sharing options...
Alfred Posted July 20, 2020 Share Posted July 20, 2020 18 minutes ago, thomaso said: Is this meant to correct my experience or opinion – or rather to confirm my impression that these various words for "(partially) hiding" are not at all clear and unambiguous, neither in human language nor in Affinity terms? I wonder since I wrote in the post you quote: In this sample "officially" only the triangle is a mask (see the cropping symbol in its layer thumbnail) My apologies, Thomas. All it’s meant to do is confirm that I didn’t read your post carefully enough! thomaso 1 Quote Alfred 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 More sharing options...
G13RL Posted July 20, 2020 Share Posted July 20, 2020 3 hours ago, Alfred said: As Christina has observed, problems arise if you crop an object which has a stroke around it (or if, for example, you crop an object which has a 3D effect applied): the cropped edges acquire the same appearance as the uncropped ones. When you use clipping, you create a ‘clipview’ window through which you view the underlying object, so any strokes or effects are still applied to the whole object (instead of being applied only to the visible part of it). For objects with a 3D fx and an external glow for example, someone (I think it's @JimmyJack) had proposed a solution: instead of using a square, draw on each intersection a shape that exactly follows the contours of the shapes. Quote Link to comment Share on other sites More sharing options...
G13RL Posted July 20, 2020 Share Posted July 20, 2020 For simple relief objects without external fx (shadow, glow), a transparent rectangle (or other shape) is sufficient. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
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.