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

Recommended Posts

Hello everyone,

How can I flatten an image in Photo?

Here's my case:

  1. I open an image at 500x1000 px and want to resize its canvas to 1000x1000
  2. Well, I do Document > Resize Canvas, unlink the dimensions, set one side to 1000, and press Resize
  3. Of course, Photo adds the transparent 250 px margins left and right 
  4. Then I do Document > Flatten to make one 1000x1000 flat image

And nothing happens; the image still has transparent margins, and when I save it to PNG, it saves the transparency as well. In this case, Photoshop makes a flat image with no transparency, which is right.

How can I do it in Photo? Please help me understand the logic of this editor.

Edited by Yaro_pro
Link to comment
Share on other sites

Hi @Yaro_pro and welcome to the forums,

Uncheck Transparent Background under the Document menu before exporting your file to PNG... There's no need to use Document > Flatten as that simply rasterises your file but still maintains the transparency...

Affinity Designer 2.4.2 | Affinity Photo 2.4.2 | Affinity Publisher 2.4.2
Affinity Designer  Beta 2.5.0 (2415) | Affinity Photo Beta 2.5.0 (2415) | Affinity Publisher Beta 2.5.0 (2415)

Affinity Designer 1.7.3 | Affinity Photo 1.7.3 | Affinity Publisher 1.10.8
MacBook Pro 16GB, macOS Monterey 12.7.4, Magic Mouse

Link to comment
Share on other sites

Thank you Hangman.

I already found another approach. Just uncheck this, doesn't matter before or after cropping/resizing canvas:

image.png.77e69ab17cfa59931f6a7b30f2b50e47.png

It seems like Document > Flatten works exactly like in Photoshop only if it is not selected

Link to comment
Share on other sites

Hi @Yaro_pro,

3 minutes ago, Yaro_pro said:

I already found another approach. Just uncheck this, doesn't matter before or after cropping/resizing canvas:

That's the same approach mentioned above... it doesn't matter whether you uncheck Transparent Background before or after you crop/resize the canvas, either will result in a non-transparent background when exporting to PNG... :)

Affinity Designer 2.4.2 | Affinity Photo 2.4.2 | Affinity Publisher 2.4.2
Affinity Designer  Beta 2.5.0 (2415) | Affinity Photo Beta 2.5.0 (2415) | Affinity Publisher Beta 2.5.0 (2415)

Affinity Designer 1.7.3 | Affinity Photo 1.7.3 | Affinity Publisher 1.10.8
MacBook Pro 16GB, macOS Monterey 12.7.4, Magic Mouse

Link to comment
Share on other sites

2 hours ago, Yaro_pro said:

when I save it to PNG, it saves the transparency as well

  1. Export dialog → PNG → Advanced → Matte → pick your background color, i.e. likely white
  2. optionally save as an export preset first
2 hours ago, Yaro_pro said:

Photoshop makes a flat image with no transparency

Photoshop is very limited in many regards. ;) 

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

18 minutes ago, Return said:

Don't resize the canvas but simply add a larger rectangle to the document and use either clip or unclip the canvas from the Menu>Document.
Now you can freely adjust the position of the image or pixellayer(unlocked) or recolor the rectangle to fit the image.
Export whole document will also export the rectangle

Thank you. But it seems too long. I just drag an image into the window, press C (crop) and change one of the dimensions in the field at the top. Then Enter and it's done. 

Link to comment
Share on other sites

2 minutes ago, loukash said:
  1. Export dialog → PNG → Advanced → Matte → pick your background color, i.e. likely white
  2. optionally save as an export preset first

Photoshop is very limited in many regards. ;) 

Sure, it is. But I like its logic when everything relates to layers located in the menu Layers. Here, I didn't get why the flattening was placed in Document

Link to comment
Share on other sites

1 minute ago, Yaro_pro said:

Here, I didn't get why the flattening was placed in Document

You’re flattening the entire document, not the individual layers contained within it.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

Link to comment
Share on other sites

2 minutes ago, Yaro_pro said:

But it seems too long.

The Good Thing™ about the Affinity apps is that in many instances they allow you to use different workflows to achieve the same goal.
It's also a Good Thing™ to make oneself familiar with these various workflows, so that you can eventually pick the best one depending on context

Because unlike Photoshop where working with vector objects can be a p.i.t.a., in Affinity Photo you may want to use as many vector objects as you want. 

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

5 minutes ago, Yaro_pro said:

I didn't get why […]

And that's all right. :) 
Hey, it took me four years after the first release of Photo until I finally grasped the "Affinity concept" and was ready to make the switch, after about 25 years of using Photoshop.
Affinity is not a Photoshop clone, but it's not that Serif deliberately wanted to make the switch hard for former PS users. It's quite a different universe from the ground up.

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

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.