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

How to export with a transparent background


Recommended Posts

Hi. I am new to using photo editing softwares. Basically what I am trying to do is as described in this video:

https://www.youtube.com/watch?v=eInwlUWtw-w

 

(i'm using the selection brush tool and refine tool, the only difference is i'm trying make an image have a transparent background and then export it). 

 

My problem is, when I export an image, the resulting image exported is what I originally had. I tried enabling the "transparent background" mode under "Document". I'm not sure what I am doing incorrectly. I've tried reading previous threads made on this website too, but I did not find a solution.

 

Your help is much appreciated !

Link to comment
Share on other sites

There are a few ways to do this. The easiest way in my opinion is to select the area you want then click 'layer mask' then go to Export and save as a TIFF. Unfortunately Affinity still shows the preview with a black background which can be confusing but if you import it into another app it does work and the background disappears.

 

This was logged as a bug a while back by myself and a few others I think, while the process now works the icon preview still shows up wrong.

 

Give it a shot.

 

I've attached a little video and a screenshot of the icon with black background. I've also attached a screenshot of the image in InDesign showing its transparency over a red box.

alphamask.mov

post-1076-0-76702600-1455272988_thumb.png

post-1076-0-73185800-1455273000_thumb.png

Link to comment
Share on other sites

If your intended use for the exported file is as a web page graphic, I suggest exporting it as a png file. That format offers alpha (transparency) support, lossless compression to keep file size small & thus load times low, & widespread browser support.

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

There are a few ways to do this. The easiest way in my opinion is to select the area you want then click 'layer mask' then go to Export and save as a TIFF. Unfortunately Affinity still shows the preview with a black background which can be confusing but if you import it into another app it does work and the background disappears.

 

This was logged as a bug a while back by myself and a few others I think, while the process now works the icon preview still shows up wrong.

 

Give it a shot.

 

I've attached a little video and a screenshot of the icon with black background. I've also attached a screenshot of the image in InDesign showing its transparency over a red box.

 

The video was helpful and exporting as TIFF worked. 

 

Hi Peaka25,

 

Welcome to the forum.

 

Which file type are you exporting to as some of them do not support a transparent background and will output a white background instead such as with JPG files.

 

 

I was exporting as PNG and JPEG.

 

Thanks for the help guys  :)

Link to comment
Share on other sites

I don't understand why PNG doesn't work for you to preserve transparency. I routinely use it for that & it works fine for me.

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

  • 10 months later...

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.