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

Is it possilbe to make an existing image's background image transparent?


Recommended Posts

Hi,

I know, how would the software know what the background of an image is?  I have tried AD, AP, Gimp, and on-line services but it is a laborious process.

I guess I need to get much better with the pen tool as I cannot mark every pixel that I want transparent. Such as the attached PNG.  There is white outside of the blue lines that I missed when I insert it onto a web page..  The original is also attached.

-paulw

imageedit_2_9364524579.png

logo1.png

Link to comment
Share on other sites

I created a workflow using a few adjustment filters and the erase white paper filter.

  1. Add a Bilateral Blur Live filter (this smooths out the colour in the shapes
    1. Radius 3px
    2. Tolerance 15%
  2. Click on the Merge button in the filter window
  3. Duplicate the logo layer
  4. The top layer should be selected
  5. Add a Black and White adjustment filter and move the sliders to the left (darker)
    1. Cyan set to 0
    2. Blue set to -100
    3. Magenta set to -100 
  6. Click on the Merge button in the filter window
  7. Next we add a threshold filter to get pure black and pure white. You might need to adjust the slider but generally leave it at 50%
  8. Click on the Merge button in the filter window
  9. Now we can use the Erase white paper filter Filters > Colours > Erase White Paper.
  10. Now with the white background gone you can Cmd + Click on the layer icon to make a selection.
  11. Click on the bottom layer and turn the top layer off
  12. Go to Select > Refine edges...
  13. don't touch anything just select Mask or New layer with mask

You should have a nice cut with no white fringe.

I did this a few times and on some of those times on step 10 I had to grow the selection approx 0.5px and fill with black to get a nice fringeless cut.

iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

I've used your bottom image and throwed that into a bitmap-to-vector vectorization/tracing app. I slightly adjusted the tracing settings in the tracing app and exported/stored the vectorized result as PDF/SVG file. Next I opened that PDF/SVG in Affinity Designer and removed the white rectangle layer curve the tracing app identified as the bitmap image's background color, so just all other vector curves are left in (kept) on no (a transparent) background. - That's all.

☛ 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

For a local app depends on your operating system (if MacOS or Win), since I'm on a Mac I've used SuperVectorizer (see the videos there how to use it). On Windows you can also try Inkscape's vectorizing capabilities, their tracer is also a good one. - Or use and try out one of the Online vectorizers I've listed some in the other referenced thread!

☛ 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

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.