Jump to content

White box around clipart NEWBIE


Recommended Posts

Hi,

New to Affinity, (and 78 years old), so please be gentle.

I have done a lot of searching as to removing the white box around clipart etc and have have come across one or two results, InDesign etc,  but can't find any help specifically for Aff Pub.

Could anyone point me in the right direction please?

Dave

Link to comment
Share on other sites

Hi @Fairholm and a warm welcome to the forums,

A Couple of Questions

  1. Is the clipart in question vector or raster-based, i.e., is the file an EPS, SVG, PDF or JPEG, PNG file...
  2. Could you perhaps upload a screenshot showing the white box that you are seeing so we have a better understanding of the issue? That should allow someone to provide a better resolution for you.

Affinity Designer 2.5.5 | Affinity Photo 2.5.5 | Affinity Publisher 2.5.5
Affinity Designer Beta 2.6.0.2861 | Affinity Photo Beta 2.6.0.2861 | Affinity Publisher Beta 2.6.0.2861

MacBook Pro M3 Max, 36 GB Unified Memory, macOS Sonoma 14.6.1, Magic Mouse
HP ENVY x360, 8 GB RAM, AMD Ryzen 5 2500U, Windows 10 Home, Logitech Mouse

Link to comment
Share on other sites

Hi Fairholm,
Welcome to the Affinity Forums!

In APub itself there is no way to remove the white background of raster / pixel images, you would need a pixel editing tool like APhoto or APub's Photo Persona. There are various ways to achieve this, for instance:

You can use the Flood Select Tool to select all surrounding white, then either hide it with a mask layer or delete the selected pixels and thus create transparency in this area.

A workaround could be to set in the Blend Options of such an image its source range curve. This can be done directly in APub, without the need of APh or AD, but is useful only if the white colour is not part of the motive you want to isolate. For instance:

blendcurvewhite.thumb.jpg.a0e4e3c534cb71a4c66173908dde2b15.jpg

I wonder if you wouldn't rather want to search directly for clipart as vector files or .PNG files with transparency which would either not have any white background or would enable you to remove it or set it to invisible directly in APub's Layers Panel.

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Link to comment
Share on other sites

  • Staff

Welcome to the forums @Fairholm,

If you're wanting to remove the white background from a raster clipart image (E.G a JPEG) It's generally easier to do this in Affinity Photo due to the number of additional tools that are available surrounding raster based image editing (E.G Pixel Selection Tools, 'Remove White Paper' Filter to name a few). One method in Publisher is to manually mask the image with the pen tool by tracing an outline around your image and then in the layers panel dragging and dropping your image onto the curve layer to nest it.

You're then free to make additional fine tuning adjustments to your path using the node tool after. Dependant on the complexity of the image this can take some time to do, but it will ensure that if there is any white that needs to be preserved in the image subject it is not affected.

Link to comment
Share on other sites

Hi @Fairholm,

Assuming you're working with JPEG or PNG files with non-transparent backgrounds, you could take a look at Photopea which is free and would allow you to remove the white background from raster-based files...

https://www.photopea.com/

Can you perhaps provide a URL to the clipart you're using so we can see what you are dealing with as it may help to make better recommendations?

Affinity Designer 2.5.5 | Affinity Photo 2.5.5 | Affinity Publisher 2.5.5
Affinity Designer Beta 2.6.0.2861 | Affinity Photo Beta 2.6.0.2861 | Affinity Publisher Beta 2.6.0.2861

MacBook Pro M3 Max, 36 GB Unified Memory, macOS Sonoma 14.6.1, Magic Mouse
HP ENVY x360, 8 GB RAM, AMD Ryzen 5 2500U, Windows 10 Home, Logitech Mouse

Link to comment
Share on other sites

20 hours ago, Fairholm said:

Any free third party methods?

Another possibility would be to trace the pixel clipart to vectors, with the help of an online autotracer/vectorizer and then to remove the white curve/box from the resulting vectors, inside AFpub (...after importing the vector trace PDF/SVG file into AFpub). - This will give you also a better overall scalable vector representation of the pixel clipart.

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