How to export PNG with transparent background

[Stephane Robert]

Hi,

I have not clue in Affinity Photo to export the logo in PNG with transparent background.

Quesiton #1: How can i do it ?

Question #2: Did we can start a project with transparent background like in Photoshop? You know the damian background?

 

Thanks.

P.S. I have the French version of the software... :D

[voitek]

Just check "Transparent Background" in Documents before you export the file.

 

 

 

[Stephane Robert]

Ohhhh.... I finally find it, 15 minutes of testing....

Document > Transparent Background (mine are in French, i translate has what it should writen). 

[Fahad Javed]

Hi Stephane,

 

Here are the possibilities:

 

(01)How to start an a new project or file in Affinity Photo with Transparent Background?:

You can create a new document in Affinity Photo,using the menu path:

        File > New

              [OR]

        'Ctrl' + 'N'

When the dialog shows up,check the 'Transparent Background' checkbox in the 'color' area of the 'New Document' dialog box,which is not checked by default.

 

(02)How to set a transparent background,in case you have forgotten to set Transparency when creating a new document in Affinity Photo?

In case you have forgotten to set the transparency checkbox when creating a new document,you can still set it by going to the menu path:

           Document > Transparent Background

 

(03)How to Export a logo in Affinity Photo to a .png file with Transparency:

In case you have created a logo in affinity photo, provided that you have already have removed the background color[using the 'flood select tool'[w] or other selection options]. If the background is transparent you will see white and grey boxes. You can now export .png file with transparency either using :

 

File > Export... [OR] 'Ctrl' + 'Alt' + 'Shift' + 'S' and choosing .png

 

[OR] second method would be using the 'Export Persona' Persona[its at the end with 3 circles]. Once you are in this persona,to the right side you will find Panels for 'Layers' and 'Slices'. All Logos or Graphics that are created in modules like for example 'Layers','Groups' etc are already provided as slices in the export panel,based on their dimensions(length,width),but you can create a custom slice by using the 'Slice Tool'(shortcut 'S' in export persona) to define your own area of slice.

 

Once slices are there,you can select each slice,in this case your logo image,and click the play like button(a Triangle button that collapses or expands slices) at the left side to reveal the export options that you can select. Click the '+' button to add multiple images,here you will choose the 'PNG' option from the dropdown. now click the 'export' button for each image to export one image format at a time manually,or you can click the 'Export Slices' which indicates the no of slices selected and export all the image formats in one go. 

 

In case you want to export the .png file when ever you make any changes to the layer,you can check the 'Continuous' option to let Affinity photo automatically export the .png file for you in background,when ever you save the document.

 

I hope you find these useful.

 

Thanks

[scatterbrain73]

On 12/9/2016 at 9:03 PM, Stephane Robert said:

Ohhhh.... I finally find it, 15 minutes of testing....

Document > Transparent Background (mine are in French, i translate has what it should writen). 

 

Merci! Je viens de le trouver.

[alfiea]

Hello, I am trying to do the same thing with designer 2 but I am unable to find / see 'transparent background option. I have already made my logo. thank you. 

[GarryP]

Does my screenshot help? (You can also get to there via menu “File → Document Setup”.)

[alfiea]

THANK YOU SO MUCH... yes that help enormously. some people just need it shown to them

[GarryP]

You're welcome. (I don't think I would know to look in the Colour tab for this unless I was told or found it by accident.)

[alfiea]

not sure if you received my reply but I've now found a work around to only export the selected area. again thank you. not sure what people would do without the help that is given here.