Jump to content
jshah1998

How to remove white background using Affinity Designer

Recommended Posts

Hello-

 

I am new to graphics design and to Affinity Designer. I have a simple requirement. I need to remove the white background from the attached PNG file and make it transparent. I think this should be simple with a powerful tool like AD. But I've looked high and low and can't find a solution.

 

Appreciate the help!

 

JS 

post-18719-0-59780300-1443155429_thumb.png

Share this post


Link to post
Share on other sites

Hi JS,

 

You're dealing with a pixel operation, so select your object then go to the Pixel Persona (second button from the left at the top) and choose the Selection Brush Tool (press 'w' on your keyboard) and then just paint somewhere on the white area - it should automatically select all the white for you. Once you're done you can hit the delete key to remove it. If the selection wasn't quite as good as you'd hoped, before accepting the selection just choose 'Refine' on the context toolbar and brush over the areas you're not happy with and it will analyse them more closely.

 

Thanks,

Matt

Share this post


Link to post
Share on other sites

With such a simple image, you might end up better off if you recreate it in Designer. That will let you handle the transparency layers of those blue ribbon things and have much cleaner edges to the image than the bitmap will allow.

Share this post


Link to post
Share on other sites

Not working here! Want the white to be gone just the black lines to be left Background transparent.

post-12456-0-97067300-1443807379_thumb.jpg

 


Mac MacBook Pro 15 in.  OS X 10.9.5, Mid 2012 456.77 GB Affinity Design and Photo.

Share this post


Link to post
Share on other sites

Hi uncle808us,

I have used your screenshot (cropped) as an example here, so the lines appear a little faint. You can improve them with an adjustment layer if needed but i believe your original file is bigger so this shouldn't be a problem. I've just defined a blend range (select the layer and click on the cog icon in the Layers panel to see it) to get rid of the white.

 

See attachment.

remove_white.afdesign

Share this post


Link to post
Share on other sites

Hi JS,

 

You're dealing with a pixel operation, so select your object then go to the Pixel Persona (second button from the left at the top) and choose the Selection Brush Tool (press 'w' on your keyboard) and then just paint somewhere on the white area - it should automatically select all the white for you. Once you're done you can hit the delete key to remove it. If the selection wasn't quite as good as you'd hoped, before accepting the selection just choose 'Refine' on the context toolbar and brush over the areas you're not happy with and it will analyse them more closely.

 

Thanks,

Matt

Hi there,

 

I tried to remove a white background from a png by following the steps above, but I keep failing.

On my new document, I have a circle and said png (some logo with white space around it).

I select the png, go to Pixel Persona and use the selection brush tool to mark the white space around the logo that I want to keep. So far so good.

Now, when I hit the delete key, the whole png got deleted. Only the circle is left.

My expectation was that only the white space would be removed, but the whole png is going to be removed from the layers panel (and from the canvas of course).

What am I doing wrong here?

 

Thanks a lot,

Jan

Share this post


Link to post
Share on other sites

Not working here! Want the white to be gone just the black lines to be left Background transparent.

attachicon.gifTrans.jpg

start with a new document, with "transparent" check box selected 

make a new layer and fill it with color

copy or create the lines on another layer

the layer with color lets you see the image better, and the object you want is on a layer with no background.

Share this post


Link to post
Share on other sites

Hi Jan,

Welcome to Affinity Forums :)

You are probably working with an (Image) layer type - you can check this looking at the label between parenthesis after the layer's name in the Layers panel. If that's the case you have to convert it to a (Pixel) layer type which does allow you to perform changes at a pixel level. To do this select the (Image) layer in the Layers panel, right-click on it and select Rasterise.... You can then perform the steps you were doing.

(Image) layers types retain all original image data but can only be transformed globally (scaled, rotated, skew etc). They can't be changed at a pixel level.

Share this post


Link to post
Share on other sites

This solution is dependant upon having both affinity photo and designer.

 

Import or drag/drop image in AP (affinity photo). Click on > filters > colours > erase white paper. Then head up to file > edit in designer. This way it instantly removes all white without messing around with layers, selection tools, pixel persona or whatever. Then it opens directly into designer without having to save or export. BRILLIANT solution and takes seconds.

Share this post


Link to post
Share on other sites

OK, I could use a little help with Davidlower's instructions. I downloaded a simple black and white line drawing from Shutterstock which is an eps. Opened it in Affinity Photo (newly downloaded so I haven't used the program yet) and clicked on filters > colours > erase white paper. The Assistant popup told me it rasterized the layers (since it wasn't). Then I chose file > edit in designer and it opened in Designer, but the white was still there.

Is the issue the eps file format? Did I need to do something else because of that? 

Update: I exported the eps to jpg and then opened in AF and followed the instructions. THAT worked!

Share this post


Link to post
Share on other sites

Erase White Paper is fine as long as nothing "within" the image you want to keep is also light in colour i.e. portrait on a white background and the person has white teeth, then you will find you have a very unflattering and empty mouth. Just something to consider when using Erase White Paper, even on seemingly simple graphics..

Personally, I would have gone with Flinthillsky suggestion and just created it in designer, you then have a scalable graphic with good detail, same goes for the grid, simple job with the Grid and Power Duplicate tools.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo, Publisher Beta 1.7.0.140, Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials Instagram & Flickr - Affinity Live 19th June 2019

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

×