Alexandre Cunha Posted September 18, 2017 Share Posted September 18, 2017 Hello, I'm trying to use a shape vector(red triangle) into an image(pizza) to subtract a part from it. As you can see in the screenshot below, I'm trying to slice a pizza using a triangle shape. Then, my question: How to do it? How can I become my image, in the Affinity Designer, into a vector shape to make the subtraction? Objective: Make a pizza missing 1 slice of pizza: [Can you help me, please? I'd really appreciate that!] Thank you so much in advance! Best regards, Alexandre. Quote Link to comment Share on other sites More sharing options...
Staff stokerg Posted September 19, 2017 Staff Share Posted September 19, 2017 Hi Alexandre and Welcome to the Forums, If you convert your image to curves, you'll then be able to use the subtract option and remove a slice of pizza. To convert the image to curves, make sure it's selected and then click Layer>Convert To Curves. I'm sure if there is another way to do this, someone else will post shortly Alexandre Cunha 1 Quote Link to comment Share on other sites More sharing options...
dutchshader Posted September 19, 2017 Share Posted September 19, 2017 Convert a raster image to curves? Megnusin 1 Quote intel core i5, 16GB 128Gb ssd win10 Pro Huion new 1060plus. philips 272p 2560x1440px on intel HD2500 onboard graphics Razer Tartarus Chroma Link to comment Share on other sites More sharing options...
Staff stokerg Posted September 19, 2017 Staff Share Posted September 19, 2017 32 minutes ago, dutchshader said: Convert a raster image to curves? As explained here by Nathan: When you convert a raster image to curves, it's just creating a shape with a bitmap fill. This then enables you to use the subtract option Alexandre Cunha and gdenby 2 Quote Link to comment Share on other sites More sharing options...
dutchshader Posted September 19, 2017 Share Posted September 19, 2017 ok, never too old to learn stokerg 1 Quote intel core i5, 16GB 128Gb ssd win10 Pro Huion new 1060plus. philips 272p 2560x1440px on intel HD2500 onboard graphics Razer Tartarus Chroma Link to comment Share on other sites More sharing options...
Alexandre Cunha Posted September 19, 2017 Author Share Posted September 19, 2017 5 hours ago, stokerg said: Hi Alexandre and Welcome to the Forums, If you convert your image to curves, you'll then be able to use the subtract option and remove a slice of pizza. To convert the image to curves, make sure it's selected and then click Layer>Convert To Curves. I'm sure if there is another way to do this, someone else will post shortly 5 hours ago, stokerg said: I(Alexandre) added this: Thank you so much Stokerg! It worked, see the the result below. Now, I would like to question, how to get rid of the left "legs" left by a crop. Do you know something about it, please? Quote Link to comment Share on other sites More sharing options...
Guest Posted September 19, 2017 Share Posted September 19, 2017 If you use "Divide" instead of "Subtract", you can then delete the slice and the "legs". Quote Link to comment Share on other sites More sharing options...
Alexandre Cunha Posted September 19, 2017 Author Share Posted September 19, 2017 2 hours ago, reglico said: If you use "Divide" instead of "Subtract", you can then delete the slice and the "legs". Hello reglico, Thank you for answer my question! I tested what you suggested, and the left "legs" keeping showing up. Despite that, it didn't harmed my work! I've finished what I was doing successfully. I want to thank of you that answered my questions! Thank you so much guys! Have a nice day! Best regards, Alexandre. Quote Link to comment Share on other sites More sharing options...
Guest Posted September 19, 2017 Share Posted September 19, 2017 Hello Alexandre, After making "Divide", deselect all and then select the parts to be deleted and delete them. cordially Quote Link to comment Share on other sites More sharing options...
Alexandre Cunha Posted September 19, 2017 Author Share Posted September 19, 2017 12 minutes ago, reglico said: Hello Alexandre, After making "Divide", deselect all and then select the parts to be deleted and delete them. cordially Hello Reglico, I just did what you told me. It really works. And it is a way to solve the problem. I think the problem is with the cropping function, because the left "legs" only show up after I make a cropping. Affinity Designer must be ajusted/fixed in the cropping function. If I remember well, Photoshop do that perfectly, but I'm using Affinity Designer as a replace to the Adobe Photoshop for Web Design. I even uninstalled the Photoshop from my computer, so I hope the Affinity Design be better and even better. Thank you for helping me! Best regards, Alexandre. Quote Link to comment Share on other sites More sharing options...
Guest Posted September 19, 2017 Share Posted September 19, 2017 Thanks for your feedback Alexandre, Affinity Designer is still young and will improve over time! Best regards, Régis Quote Link to comment Share on other sites More sharing options...
R C-R Posted September 19, 2017 Share Posted September 19, 2017 4 hours ago, Alexandre Cunha said: I think the problem is with the cropping function, because the left "legs" only show up after I make a cropping. Affinity Designer must be ajusted/fixed in the cropping function. By design, the Affinity Designer Vector Crop Tool is non-destructive. (In effect, it just creates a rectangular vector mask, as you can see from its thumbnail in the Layers panel.) This means it can be adjusted at any time -- nothing is destructively removed from the file when you use it. The Vector Crop Tool help topic (in the Workspace > Tools > Design Tools section) explains the kinds of adjustments that can be made using this tool. So the "legs"outline shows up because the pizza layer is a masked vector shape & the "slice" has not really been removed from it, just hidden by a mask that extends beyond its left extent. The outline includes the extent of both the mask & the pizza curve. Because the original pizza image layer can be converted to a bitmap-filled vector curve, there is another way to "slice" it that does not involve cropping or masks. As you might expect, as with any other vector shape the Node Tool can be used to change its shape. So for example, after conversion to a curve just select it with the Node Tool, add some nodes, & move one or more to create the slice(s), sort of like this silly example: Quote 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 More sharing options...
toltec Posted September 20, 2017 Share Posted September 20, 2017 Wouldn't it be easier to just set the Layer Blend mode of the triangle to "Erase" ? Non -destructive too. Aammppaa, R C-R, carl123 and 1 other 4 Quote Windows PCs. Photo and Designer, latest non-beta versions. Link to comment Share on other sites More sharing options...
Guest Posted September 20, 2017 Share Posted September 20, 2017 3 hours ago, toltec said: Wouldn't it be easier to just set the Layer Blend mode of the triangle to "Erase" ? Non -destructive too. Hello toltec, Simple and effective indeed, thank you! Quote Link to comment Share on other sites More sharing options...
Alexandre Cunha Posted September 20, 2017 Author Share Posted September 20, 2017 17 hours ago, R C-R said: By design, the Affinity Designer Vector Crop Tool is non-destructive. (In effect, it just creates a rectangular vector mask, as you can see from its thumbnail in the Layers panel.) This means it can be adjusted at any time -- nothing is destructively removed from the file when you use it. The Vector Crop Tool help topic (in the Workspace > Tools > Design Tools section) explains the kinds of adjustments that can be made using this tool. So the "legs"outline shows up because the pizza layer is a masked vector shape & the "slice" has not really been removed from it, just hidden by a mask that extends beyond its left extent. The outline includes the extent of both the mask & the pizza curve. Because the original pizza image layer can be converted to a bitmap-filled vector curve, there is another way to "slice" it that does not involve cropping or masks. As you might expect, as with any other vector shape the Node Tool can be used to change its shape. So for example, after conversion to a curve just select it with the Node Tool, add some nodes, & move one or more to create the slice(s), sort of like this silly example: Hello R C-R, I just tested what you inctructed me to do. I find this a great way to solve the issue. Thank you so much for your answer! Best regards, Alexandre. Quote Link to comment Share on other sites More sharing options...
Alexandre Cunha Posted September 20, 2017 Author Share Posted September 20, 2017 6 hours ago, reglico said: Hello toltec, Simple and effective indeed, thank you! Hello Reglico and Toltec, I'm sorry guys but I don't understand how to get to Layer Blend Mode. I searched in the menu and using right click on mouse too, and I didn't find it. Could you, please, explain a little more, how to get there? Just to remember, I'm using Affinity Designer, if it is a resource from Affinity Photo, let me know please. Thank you so much in advance! Best regards, Alexandre. Quote Link to comment Share on other sites More sharing options...
Staff MEB Posted September 20, 2017 Staff Share Posted September 20, 2017 Hi Alexandre, Welcome to Affinity Forums In the Layers panel, click the dropdown on the right of the opacity field on top - it usually says Normal - and select the blend mode you want - in this case Erase (it's on the bottom of the list). Megnusin 1 Quote A Guide to Learning Affinity Software Link to comment Share on other sites More sharing options...
Guest Posted September 20, 2017 Share Posted September 20, 2017 MEB was the fastest! Quote Link to comment Share on other sites More sharing options...
Alexandre Cunha Posted September 20, 2017 Author Share Posted September 20, 2017 6 minutes ago, MEB said: Hi Alexandre, Welcome to Affinity Forums In the Layers panel, click the dropdown on the right of the opacity field on top - it usually says Normal - and select the blend mode you want - in this case Erase (it's on the bottom of the list). Hello MEB, Thank you so much! In Affinity Forum the people really help each other it is so nice! I just tested what you explained to me. It really works pretty much simpler. And I'm so sorry Reglico and Toltec, I didn't notice the change in the "normal" becoming "Erase". Oh my God, shame on me! Thank you so much guys! Have a nice day! Best regards, Alexandre. Quote Link to comment Share on other sites More sharing options...
Guest Posted September 20, 2017 Share Posted September 20, 2017 Thanks for your feedback Alexandre, Good evening, Best regards, Regis Quote Link to comment Share on other sites More sharing options...
whitestairs Posted June 7, 2019 Share Posted June 7, 2019 On 9/19/2017 at 9:53 AM, stokerg said: Hi Alexandre and Welcome to the Forums, If you convert your image to curves, you'll then be able to use the subtract option and remove a slice of pizza. To convert the image to curves, make sure it's selected and then click Layer>Convert To Curves. I'm sure if there is another way to do this, someone else will post shortly Hello everyone, Until the 1.7 update (Mac) I could do this (substract a shape from an image by transforming it to curves)(and I've been using it fiercely these days). Now I can't (the default result image is in plain color, even though the fill thumbnail is my image). By looking in the Fill tool, the bitmap fill is there, but it is completely off-centered, hence the plain color. Workaround, as already suggested in this thread: group the 2 shapes, set blend to Erase. But this is much slower (and no-go because I do this operation a hundred of times in a day), since there is no keyboard shortcut to modify the blend mode. Why doesn't the bitmap-filled shape substract operation work anymore? Am doing something wrong? So many users are rolling back from 1.7... Thanks in advance for your replies! 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.