Jump to content
Noam

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 

Share this post


Link to post
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.7.1 ◆ Affinity Photo 1.7.1 ◆ OSX El Capitan

Share this post


Link to post
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.7.1 ◆ Affinity Photo 1.7.1 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites

 


Affinity Photo 1.7.1.404, Affinity Designer 1.7.1.404, Affinity Publisher 1.7.1.404. Affinity Store.
Windows 10 Pro, Version 1903, Build 18362.145.
Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.

Share this post


Link to post
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?


Best regards,

Petar Petrenko
Typesetter, Graphic Designer, Photographer
Skopje, Makedonija

Windows 10 x64 Pro
Dell Inspiron 7559 i7
Intel Core i7-6700HQ (3.50 GHz, 6M )
16GB Dual Channel DDR3L 1600MHz (8GBx2)
1TB HDD + 128 GB SSD Hard drive
UHD (3840 x 2160) Truelife LED- Backlit Touch Display
NVIDIA GeForce GTX 960M 4GB GDDR5

Share this post


Link to post
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?


Affinity Photo 1.7.1, Affinity Designer 1.7.1, Affinity Publisher 1.7.1; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.1.143 & Affinity Designer 1.7.1.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1

Share this post


Link to post
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 Photo 1.7.1.404, Affinity Designer 1.7.1.404, Affinity Publisher 1.7.1.404. Affinity Store.
Windows 10 Pro, Version 1903, Build 18362.145.
Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.

Share this post


Link to post
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?


Affinity Photo 1.7.1, Affinity Designer 1.7.1, Affinity Publisher 1.7.1; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.1.143 & Affinity Designer 1.7.1.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1

Share this post


Link to post
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

Share this post


Link to post
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. :)


Best regards,

Petar Petrenko
Typesetter, Graphic Designer, Photographer
Skopje, Makedonija

Windows 10 x64 Pro
Dell Inspiron 7559 i7
Intel Core i7-6700HQ (3.50 GHz, 6M )
16GB Dual Channel DDR3L 1600MHz (8GBx2)
1TB HDD + 128 GB SSD Hard drive
UHD (3840 x 2160) Truelife LED- Backlit Touch Display
NVIDIA GeForce GTX 960M 4GB GDDR5

Share this post


Link to post
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 Photo 1.7.1.404, Affinity Designer 1.7.1.404, Affinity Publisher 1.7.1.404. Affinity Store.
Windows 10 Pro, Version 1903, Build 18362.145.
Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.

Share this post


Link to post
Share on other sites
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 ... 


Best regards 

Noam Asulin 

Affinity Designer 1.6.5.135 

Share this post


Link to post
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 

Share this post


Link to post
Share on other sites

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


Best regards,

Petar Petrenko
Typesetter, Graphic Designer, Photographer
Skopje, Makedonija

Windows 10 x64 Pro
Dell Inspiron 7559 i7
Intel Core i7-6700HQ (3.50 GHz, 6M )
16GB Dual Channel DDR3L 1600MHz (8GBx2)
1TB HDD + 128 GB SSD Hard drive
UHD (3840 x 2160) Truelife LED- Backlit Touch Display
NVIDIA GeForce GTX 960M 4GB GDDR5

Share this post


Link to post
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 

Share this post


Link to post
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.


Best regards,

Petar Petrenko
Typesetter, Graphic Designer, Photographer
Skopje, Makedonija

Windows 10 x64 Pro
Dell Inspiron 7559 i7
Intel Core i7-6700HQ (3.50 GHz, 6M )
16GB Dual Channel DDR3L 1600MHz (8GBx2)
1TB HDD + 128 GB SSD Hard drive
UHD (3840 x 2160) Truelife LED- Backlit Touch Display
NVIDIA GeForce GTX 960M 4GB GDDR5

Share this post


Link to post
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 

Share this post


Link to post
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 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×