chbrier Posted November 18, 2021 Posted November 18, 2021 What steps do I follow to export an image on an artboard without a white background in Affinity Designer for iPad. I created the image without a background. On the artboard layer I have 'checkboard background' checked. It still exports with white background. What am I doing wrong? Thanks Quote
walt.farrell Posted November 18, 2021 Posted November 18, 2021 Do you have the Matte enabled or disabled in the Export settings? (I show it disabled below.) Quote -- Walt Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases PC: Desktop: Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 Laptop: Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU. Laptop 2: Windows 11 Pro 24H2, 16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU iPad: iPad Pro M1, 12.9": iPadOS 18.3, Apple Pencil 2, Magic Keyboard Mac: 2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1
chbrier Posted November 18, 2021 Author Posted November 18, 2021 @walt.farrellI have it disabled, it looks just like your image. 26 minutes ago, walt.farrell said: Do you have the Matte enabled or disabled in the Export settings? (I show it disabled below.) @walt.farrellI have it disabled. It looks just like your image. Quote
walt.farrell Posted November 18, 2021 Posted November 18, 2021 Strange. If I export a PNG using a transparent Artboard, and have the Matte disabled, I get transparency in the exported PNG. Next question: what are you using to view the PNG? Possibly the viewing application is adding the white background for you? Quote -- Walt Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases PC: Desktop: Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 Laptop: Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU. Laptop 2: Windows 11 Pro 24H2, 16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU iPad: iPad Pro M1, 12.9": iPadOS 18.3, Apple Pencil 2, Magic Keyboard Mac: 2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1
chbrier Posted November 18, 2021 Author Posted November 18, 2021 @walt.farrell Is the artboard supposed to have the transparent layer? It shows as white but I know it's transparent because I placed a colored square behind the image to test it. This is a confusing setup. There must be a way to know if it's going to be transparent before I waste time exporting and testing. I exported the png to my iPad folder but I can't tell if it's transparent or not. Then I add the file to iCloud, move it to file on desktop and drag it to photoshop and it has white background. Quote
walt.farrell Posted November 18, 2021 Posted November 18, 2021 I just enabled transparency when I created the document, and the Artboard shows as a checkerboard. Quote -- Walt Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases PC: Desktop: Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 Laptop: Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU. Laptop 2: Windows 11 Pro 24H2, 16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU iPad: iPad Pro M1, 12.9": iPadOS 18.3, Apple Pencil 2, Magic Keyboard Mac: 2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1
chbrier Posted November 18, 2021 Author Posted November 18, 2021 @walt.farrell I created this file a while ago. I may not have created it with the transparent background. But I need it to export transparent pngs. Surely there's a way to do this? Quote
chbrier Posted November 18, 2021 Author Posted November 18, 2021 So is this another thing that Affinity Designer iPad can't do and do I need to create a new file? I have 11 files I need to export as pngs with transparent background and I would like to know how to do that. Is there some kind of best practices procedure that I need to follow to do this task? I can't believe it's 3 hours later and I still don't know how to do this most basic step. Quote
walt.farrell Posted November 18, 2021 Posted November 18, 2021 I'm somewhat confused by what you mean in the original post about having the checkerboard background checked on the Artboard layer. Do you see the artboard with a checkerboard? Or is it white? There should be a way to change the transparency for the document, but I'm away from my iPad right now and I don't know the iPad apps well enough to tell you what it is. Sorry. On the desktop, there is certainly a way, under Document Setup in the File menu. Presumably it's in the document menu on the iPad, but I can't say where at this moment. Quote -- Walt Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases PC: Desktop: Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 Laptop: Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU. Laptop 2: Windows 11 Pro 24H2, 16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU iPad: iPad Pro M1, 12.9": iPadOS 18.3, Apple Pencil 2, Magic Keyboard Mac: 2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1
Alfred Posted November 18, 2021 Posted November 18, 2021 If you’re working with an opaque *.afdesign document, go to the Document menu and choose ‘Canvas > Transparent Canvas’. If you previously created a PNG image with an opaque background, go to ‘Layer Options’ in the Layers Studio and drag the right-hand end of the Source Layer Ranges graph all the way down to make the white area transparent. Quote Alfred Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.5.1 (iPad 7th gen)
chbrier Posted November 18, 2021 Author Posted November 18, 2021 Alfred, that didn't work, the image is not on a background. 1. On the iPad app, under 'new document', I can choose 'transparent background' and 'create artboard' and that will create an artboard with a transparent background. I did not create my original file this way. I believe I just created a document and later on added new artboards. 2. My file has 7 artboards, all of them have white backgrounds but the thumbnails in the layers panel show transparent backgrounds. If I place a blue box on the artboard and place the blue box below the artwork, I can see the blue box so the artwork has no background. 3. I export the artboard as a png and it seems at some point the white bkg is added. 4. I would like to export pngs with transparent backgrounds, no white backgrounds. 5. I don't want to do anything advanced, I just want to export pngs with no bkgd. If I am doing something wrong and overlooking something basic,please let me know. 6. I'm sure there is a really simple way to do this that I am missing, so maybe someone, anyone, can kindly list the steps to do this properly. 7. Once again, I need this to work on Affinity Designer for the iPad, thanks Quote
RM f/g Posted November 18, 2021 Posted November 18, 2021 Menu: file > document setup > colour > ‘transparent background’ = checked? Works for me on desktop. I guess there's something similar on the ipad. Quote Macbook Pro mid 2015, 16 GB, double barrel: MacOS Mojave + Affinity 1 (+ Adobe’s CS6)/ MacOS Monterey + Affinity 2
walt.farrell Posted November 18, 2021 Posted November 18, 2021 1 hour ago, chbrier said: that didn't work, the image is not on a background. That works for me. I created a document without specifying that it should be transparent. I then created several Artboards. All were white. I then used the Document menu, Canvas > Transparent Canvas and at that point all the Artboards have a checkerboard background, Quote -- Walt Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases PC: Desktop: Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 Laptop: Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU. Laptop 2: Windows 11 Pro 24H2, 16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU iPad: iPad Pro M1, 12.9": iPadOS 18.3, Apple Pencil 2, Magic Keyboard Mac: 2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1
DM1 Posted November 18, 2021 Posted November 18, 2021 1 hour ago, chbrier said: Different on ipad What are you using to view the png? Photo Library and Files quick viewer display images on a white canvas (not sure if this can be changed in iOS ). If you save to photo library or use Files app quick view you will get a white canvas regardless of image background. If you use a 3rd party app like Documents, it will display correctly (transparent background). You can test this by reloading your png into affinity. It will have transparent background. walt.farrell 1 Quote M1 IPad Air 10.9/256GB lpadOS 17.1.1 Apple Pencil (2nd gen). Affinity Photo 1.10.5 Affinity Design 1.10.5 Affinity Publisher 2, Affinity Designer 2, Affinity Photo 2 and betas. Official Online iPad Help documents (multi-lingual) here: https://affinity.https://affinity.help/
walt.farrell Posted November 18, 2021 Posted November 18, 2021 2 minutes ago, DM1 said: Files quick viewer display images on a white canvas (not sure if this can be changed in iOS ). Files Quick View seems to use a black background, for me. (I'm also not sure if it can be changed.) Quote -- Walt Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases PC: Desktop: Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 Laptop: Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU. Laptop 2: Windows 11 Pro 24H2, 16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU iPad: iPad Pro M1, 12.9": iPadOS 18.3, Apple Pencil 2, Magic Keyboard Mac: 2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1
DM1 Posted November 18, 2021 Posted November 18, 2021 12 minutes ago, walt.farrell said: Files Quick View seems to use a black background, for me. (I'm also not sure if it can be changed.) That is odd. Mines definitely white (iOS 15.1) and I can’t find any settings to alter it. Maybe it varies by model.🤔 EDIT: You must have Dark mode turned on. That gives me a black background 😁 walt.farrell 1 Quote M1 IPad Air 10.9/256GB lpadOS 17.1.1 Apple Pencil (2nd gen). Affinity Photo 1.10.5 Affinity Design 1.10.5 Affinity Publisher 2, Affinity Designer 2, Affinity Photo 2 and betas. Official Online iPad Help documents (multi-lingual) here: https://affinity.https://affinity.help/
DM1 Posted November 18, 2021 Posted November 18, 2021 2 hours ago, chbrier said: 6. I'm sure there is a really simple way to do this that I am missing, so maybe someone, anyone, can kindly list the steps to do this properly. Simply switch your iPad's 'Display and brightness' setting to Dark mode. You will now 'see' your transparent background appear as black. Non transparent backgrounds will show as colour or white. Quote M1 IPad Air 10.9/256GB lpadOS 17.1.1 Apple Pencil (2nd gen). Affinity Photo 1.10.5 Affinity Design 1.10.5 Affinity Publisher 2, Affinity Designer 2, Affinity Photo 2 and betas. Official Online iPad Help documents (multi-lingual) here: https://affinity.https://affinity.help/
Recommended Posts
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.