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

Image with white background I want to remove on Affinity designer


Recommended Posts

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 ! 

GW.jpg

Best regards 

Noam Asulin 

Affinity Designer 1.6.5.135 

Link to comment
Share on other sites

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.

☛ 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

Link to comment
Share on other sites

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.

uhr_designer.jpg.8f784c53b00a49eb8e4fb51aca960c45.jpg

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.

☛ 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

Link to comment
Share on other sites

 

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

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 ! 

GW.jpg

Why don't you do that in Photo and simply import the picture in Designer?

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)

Link to comment
Share on other sites

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?

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

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.

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

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?

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

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.

 

Watch background removal example.jpg

Link to comment
Share on other sites

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. :)

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)

Link to comment
Share on other sites

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 :-)

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

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 ...  

Best regards 

Noam Asulin 

Affinity Designer 1.6.5.135 

Link to comment
Share on other sites

You really must buy it. It is a fantastic piece of software.

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)

Link to comment
Share on other sites

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 . 

Best regards 

Noam Asulin 

Affinity Designer 1.6.5.135 

Link to comment
Share on other sites

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.

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)

Link to comment
Share on other sites

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 ! 

Best regards 

Noam Asulin 

Affinity Designer 1.6.5.135 

Link to comment
Share on other sites

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.

 

Watch background removal example.jpg

Thank you for the detailed answer ! 

Best regards 

Noam Asulin 

Affinity Designer 1.6.5.135 

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.