Noam Posted January 21, 2019 Posted January 21, 2019 Hi all I have an image with white background . I would like to remove that background , meaning select only specific object and choose other background. I couldn't find an option to do it . The image is attached . I want to remove all the white background surrounding the watch Thx ! Quote Best regards Noam Asulin Affinity Designer 1.6.5.135
v_kyr Posted January 21, 2019 Posted January 21, 2019 Duplicate the layer, use the "Magic wand" tool apply the tolerence to use for the outer around selection, if something inside the clock is selected too remove it from selection with the free hand selection tool, then press delete to get a transparent background. - For other contrast images, without white colored areas inside the image object, you can also use Filter > Colors > Remove white background, though for the clock here it might remove some silver and white inner parts then. Thus you better try the "magic wand tool" or "selection brush tool" etc. - There are different tools to get quite a good selection and refinement of that one. Noam 1 Quote ☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan ☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2
PixelPest Posted January 21, 2019 Posted January 21, 2019 @v_kyr He´s in Affinity Designer. v_kyr and Noam 1 1 Quote
v_kyr Posted January 21, 2019 Posted January 21, 2019 35 minutes ago, PixelPest said: @v_kyr He´s in Affinity Designer. Ooops need more coffee! Ok then the Pixel Persona there has some of the usual selection tools too, like the selection brush. Either select the white background around, or instead the object itself and then invert the selection, dependent on what selects more accurate for you! - After white area selection press the delete key. Noam 1 Quote ☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan ☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2
Noam Posted January 21, 2019 Author Posted January 21, 2019 Thank you both ! Quote Best regards Noam Asulin Affinity Designer 1.6.5.135
Pšenda Posted January 23, 2019 Posted January 23, 2019 Quote Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.5.7.2948 (Retail) Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605. Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605. 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.
Petar Petrenko Posted January 26, 2019 Posted January 26, 2019 On 1/21/2019 at 1:20 PM, Noam said: Hi all I have an image with white background . I would like to remove that background , meaning select only specific object and choose other background. I couldn't find an option to do it . The image is attached . I want to remove all the white background surrounding the watch Thx ! Why don't you do that in Photo and simply import the picture in Designer? Quote All the latest releases of Designer, Photo and Publisher (retail and beta) on MacOS and Windows. 15” Dell Inspiron 7559 i7 ● Windows 10 x64 Pro ● Intel Core i7-6700HQ (3.50 GHz, 6M) ● 16 GB Dual Channel DDR3L 1600 MHz (8GBx2) ● NVIDIA GeForce GTX 960M 4 GB GDDR5 ● 500 GB SSD + 1 TB HDD ● UHD (3840 x 2160) Truelife LED - Backlit Touch Display 32” LG 32UN650-W display ● 3840 x 2160 UHD, IPS, HDR10 ● Color Gamut: DCI-P3 95%, Color Calibrated ● 2 x HDMI, 1 x DisplayPort 13.3” MacBook Pro (2017) ● Ventura 13.6 ● Intel Core i7 (3.50 GHz Dual Core) ● 16 GB 2133 MHz LPDDR3 ● Intel Iris Plus Graphics 650 1536 MB ● 500 GB SSD ● Retina Display (3360 x 2100)
R C-R Posted January 26, 2019 Posted January 26, 2019 1 hour ago, Petar Petrenko said: Why don't you do thaat in Photo and simply import the picture in Designer? Because as the topic title says, the OP wants to do this in Affinity Designer? Quote All 3 1.10.8, & all 3 V2.5.7 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 All 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7
Pšenda Posted January 26, 2019 Posted January 26, 2019 1 hour ago, R C-R said: Because as the topic title says, the OP wants to do this in Affinity Designer? Yes, we all know that. But it does not answer the question, why it does not do it in APhoto, which is more suitable for raster image processing. Petar Petrenko 1 Quote Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.5.7.2948 (Retail) Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605. Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605. 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.
R C-R Posted January 26, 2019 Posted January 26, 2019 7 hours ago, Pšenda said: Yes, we all know that. But it does not answer the question, why it does not do it in APhoto, which is more suitable for raster image processing. Perhaps the OP does not own Affinity Photo, which would explain why the question was about how to do this in Affinity Designer? Quote All 3 1.10.8, & all 3 V2.5.7 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 All 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7
Ballyshannon Posted January 26, 2019 Posted January 26, 2019 To remove the background from objects like this, I use the Pen tool with a .2pt red stroke to outline the object via individually placed nodes, do fine tuning with the node tool for curves, etc, and remove the background by dragging the Image layer into the Curve layer. The Curve layer will be above the Image layer, so you drag the Image layer up into the Curve layer to join the two and you will see the background 'disappear'. At that point, I change the stroke size to zero. In the case of removing a white background, it's helpful to create a background layer with any color other than white so you can see the change. With this method, after the background is 'removed', you can still use the node tool for more fine tuning since this is basically a masking process and the complete image is still there with nothing being actually deleted or removed. Using the OP's image, I did this very quickly in Designer, so it's certainly not perfect but you get the idea in the image below where I added a blue background after 'removing' the white background. It took a little less than 15 min. Had this been a higher res image with more detail for an important project, even more precision is possible and would warrant investing more time to fine tune. Noam and firstdefence 2 Quote
Petar Petrenko Posted January 27, 2019 Posted January 27, 2019 9 hours ago, R C-R said: Perhaps the OP does not own Affinity Photo, which would explain why the question was about how to do this in Affinity Designer? Second case: he maybe owns both programs, but doesn't know how to use them because he is a newbie. Pšenda and Noam 2 Quote All the latest releases of Designer, Photo and Publisher (retail and beta) on MacOS and Windows. 15” Dell Inspiron 7559 i7 ● Windows 10 x64 Pro ● Intel Core i7-6700HQ (3.50 GHz, 6M) ● 16 GB Dual Channel DDR3L 1600 MHz (8GBx2) ● NVIDIA GeForce GTX 960M 4 GB GDDR5 ● 500 GB SSD + 1 TB HDD ● UHD (3840 x 2160) Truelife LED - Backlit Touch Display 32” LG 32UN650-W display ● 3840 x 2160 UHD, IPS, HDR10 ● Color Gamut: DCI-P3 95%, Color Calibrated ● 2 x HDMI, 1 x DisplayPort 13.3” MacBook Pro (2017) ● Ventura 13.6 ● Intel Core i7 (3.50 GHz Dual Core) ● 16 GB 2133 MHz LPDDR3 ● Intel Iris Plus Graphics 650 1536 MB ● 500 GB SSD ● Retina Display (3360 x 2100)
Pšenda Posted January 27, 2019 Posted January 27, 2019 1 hour ago, Petar Petrenko said: he maybe owns both programs If he had his applications listed on the profile, it would be clear, and we did not ask :-) Petar Petrenko and Noam 2 Quote Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.5.7.2948 (Retail) Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605. Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605. 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.
Noam Posted January 27, 2019 Author Posted January 27, 2019 On 1/26/2019 at 1:40 PM, Petar Petrenko said: Why don't you do thaat in Photo and simply import the picture in Designer? Because I don't have Affinity Photo ... Petar Petrenko 1 Quote Best regards Noam Asulin Affinity Designer 1.6.5.135
Noam Posted January 27, 2019 Author Posted January 27, 2019 Hi all Thank you . I see all your replies just now . I do not have Affinity Photo , that's the reason for asking how to do it on Designer . I'm newbie for Affinity Designer anyways ... Quote Best regards Noam Asulin Affinity Designer 1.6.5.135
Petar Petrenko Posted January 27, 2019 Posted January 27, 2019 You really must buy it. It is a fantastic piece of software. Quote All the latest releases of Designer, Photo and Publisher (retail and beta) on MacOS and Windows. 15” Dell Inspiron 7559 i7 ● Windows 10 x64 Pro ● Intel Core i7-6700HQ (3.50 GHz, 6M) ● 16 GB Dual Channel DDR3L 1600 MHz (8GBx2) ● NVIDIA GeForce GTX 960M 4 GB GDDR5 ● 500 GB SSD + 1 TB HDD ● UHD (3840 x 2160) Truelife LED - Backlit Touch Display 32” LG 32UN650-W display ● 3840 x 2160 UHD, IPS, HDR10 ● Color Gamut: DCI-P3 95%, Color Calibrated ● 2 x HDMI, 1 x DisplayPort 13.3” MacBook Pro (2017) ● Ventura 13.6 ● Intel Core i7 (3.50 GHz Dual Core) ● 16 GB 2133 MHz LPDDR3 ● Intel Iris Plus Graphics 650 1536 MB ● 500 GB SSD ● Retina Display (3360 x 2100)
Noam Posted January 27, 2019 Author Posted January 27, 2019 1 minute ago, Petar Petrenko said: You really must buy it. It is a fantastic piece of software. I'm sure but I can't justify it for now . Designer is currently suits my needs for most of the things I'm doing . Quote Best regards Noam Asulin Affinity Designer 1.6.5.135
Petar Petrenko Posted January 27, 2019 Posted January 27, 2019 OK. For the very start try "Pixel Persona" to mix you vector designs with bitmap. If you find it useful then you can buy it to complete the magic. Quote All the latest releases of Designer, Photo and Publisher (retail and beta) on MacOS and Windows. 15” Dell Inspiron 7559 i7 ● Windows 10 x64 Pro ● Intel Core i7-6700HQ (3.50 GHz, 6M) ● 16 GB Dual Channel DDR3L 1600 MHz (8GBx2) ● NVIDIA GeForce GTX 960M 4 GB GDDR5 ● 500 GB SSD + 1 TB HDD ● UHD (3840 x 2160) Truelife LED - Backlit Touch Display 32” LG 32UN650-W display ● 3840 x 2160 UHD, IPS, HDR10 ● Color Gamut: DCI-P3 95%, Color Calibrated ● 2 x HDMI, 1 x DisplayPort 13.3” MacBook Pro (2017) ● Ventura 13.6 ● Intel Core i7 (3.50 GHz Dual Core) ● 16 GB 2133 MHz LPDDR3 ● Intel Iris Plus Graphics 650 1536 MB ● 500 GB SSD ● Retina Display (3360 x 2100)
Noam Posted January 27, 2019 Author Posted January 27, 2019 5 minutes ago, Petar Petrenko said: OK. For the very start try "Pixel Persona" to mix you vector designs with bitmap. If you find it useful then you can buy it to complete the magic. Thx ! Quote Best regards Noam Asulin Affinity Designer 1.6.5.135
Noam Posted January 27, 2019 Author Posted January 27, 2019 15 hours ago, Ballyshannon said: To remove the background from objects like this, I use the Pen tool with a .2pt red stroke to outline the object via individually placed nodes, do fine tuning with the node tool for curves, etc, and remove the background by dragging the Image layer into the Curve layer. The Curve layer will be above the Image layer, so you drag the Image layer up into the Curve layer to join the two and you will see the background 'disappear'. At that point, I change the stroke size to zero. In the case of removing a white background, it's helpful to create a background layer with any color other than white so you can see the change. With this method, after the background is 'removed', you can still use the node tool for more fine tuning since this is basically a masking process and the complete image is still there with nothing being actually deleted or removed. Using the OP's image, I did this very quickly in Designer, so it's certainly not perfect but you get the idea in the image below where I added a blue background after 'removing' the white background. It took a little less than 15 min. Had this been a higher res image with more detail for an important project, even more precision is possible and would warrant investing more time to fine tune. Thank you for the detailed answer ! Quote Best regards Noam Asulin Affinity Designer 1.6.5.135
Ballyshannon Posted January 27, 2019 Posted January 27, 2019 You're very welcome Noam. I hope it helps! It just takes some practice. Noam 1 Quote
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.