Jump to content

Recommended Posts

Posted

I'm developing a UI for my software and wanted to experiment with different background pictures.
I dragged a whole lot of pictures into my affinity photo project to see how different ones look with my controls.

Problem is all of those images were really high resolution and I've had to click, and drag everyone of them to fit my canvas better.
Is there a way to automatically do that?

I don't want to rescale them! If the format doesn't fit my canvas I don't want it stretched to fit the canvas.1544985116_Screenshot2021-11-29at11_08_27.thumb.png.661f69772be2241901a11d12caa00ac7.png

Posted

Welcome to the forums @nowherio,

You've got a complex situation.

  • You don't want to rescale the images.
  • Apparently you can't make the document/canvas fit the images.

So what I see as a possible solution, someone with a lot more experience/expertise than me will provide other solutions, is to

  1. Make all your layers visible.
  2. Right-click or go to Layer>Merge Visible. This will create a new pixel layer of all layers merged.
  3. Group all the layers (except the merged layer) and hide them. This is so you'll have them in case you need to go back and make changes.
  4. Now Right-Click the Merged Layer, and select Rasterize and Trim. This will trim, essentially cropping it, to the size of your document/canvas.

Note: So long as you just have the merged layer selected when you choose Rasterize and Trim, the Grouped, (originals) layers are not trimmed or rasterized.

Affinity Photo 2.5..; Affinity Designer 2.5..; Affinity Publisher 2.5..; Affinity2 Beta versions. Affinity Photo,Designer 1.10.6.1605 Win10 Home Version:21H2, Build: 19044.1766: Intel(R) Core(TM) i7-5820K CPU @ 3.30GHz, 3301 Mhz, 6 Core(s), 12 Logical Processor(s);32GB Ram, Nvidia GTX 3070, 3-Internal HDD (1 Crucial MX5000 1TB, 1-Crucial MX5000 500GB, 1-WD 1 TB), 4 External HDD

Posted
4 hours ago, nowherio said:

I don't want to rescale them!

Do you mean:

a. You don't want them rescaled at all?

or 

b. You want them rescaled, but you don't want to do it manually?

 

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

Posted
2 hours ago, Ron P. said:

Right-click or go to Layer>Merge Visible. This will create a new pixel layer of all layers merged.

But from the screenshot they're all overlapping, so won't merging them just make a mess?

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

Posted
4 minutes ago, walt.farrell said:

But from the screenshot they're all overlapping, so won't merging them just make a mess?

I agree, but from what the OP posted, I guess there's just specific parts of all those layers showing on the canvas. Probably using various blend modes. I didn't see any masks in the screenshot.

5 hours ago, nowherio said:

Problem is all of those images were really high resolution and I've had to click, and drag everyone of them to fit my canvas better.

I was thinking that nowhereio had them all placed how they're needed. That's what I understand anyway.

Without merging, the OP needs to figure out what to comprise, rescale images or enlarge canvas, ie; Clip or Unclip Canvas.

Affinity Photo 2.5..; Affinity Designer 2.5..; Affinity Publisher 2.5..; Affinity2 Beta versions. Affinity Photo,Designer 1.10.6.1605 Win10 Home Version:21H2, Build: 19044.1766: Intel(R) Core(TM) i7-5820K CPU @ 3.30GHz, 3301 Mhz, 6 Core(s), 12 Logical Processor(s);32GB Ram, Nvidia GTX 3070, 3-Internal HDD (1 Crucial MX5000 1TB, 1-Crucial MX5000 500GB, 1-WD 1 TB), 4 External HDD

Posted

Thx for the suggestion but not really what I was going for.

I drag & dropped all those images onto the project and want to audition them one by one as a background image for my UI.

Most of those pictures are of a higher resolution than my canvas so they appear way bigger. So far I've had to select one, zoom out, drag the corners to make it smaller, zoom in to fit it to my canvas and see what it looks like, hide, select and show the next one & repeat.

Might just be one of those things that have to be done manually. Just wondering if there's a smarter way to go about this.

Posted
1 hour ago, nowherio said:

So far I've had to select one, zoom out, drag the corners to make it smaller, zoom in to fit it to my canvas and see what it looks like, hide, select and show the next one & repeat.

If I understand correctly, you want to set the object sizes of different objects with currently different sizes to one common size, so without the need to adjust each object individually / manually, but to set the dimensions of all selected objects to a common size at once. If yes, then this is a missing feature and you can add your vote in this related thread:

 

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

Posted

Since your document size is known, and you need to audition all those other images, I think you may do about the same without having all those in your main document at once. It requires resizing them first.

Use the File>New Batch Job. You select all the images you want to audition. Set the size to the dimensions you need. For example say your document (app) size is 1024 x 768px. Use those in the Width and Height settings. Be sure to uncheck the box under A, that's for maintaining the aspect ratio. Unless the aspect ratio is the same for all those you're wanting to resize (scale) is the same as your app document.

Now you choose what file format, afphoto, jpg, ect. Then choose a folder for the resized images. Click OK. The images will be resized and copied to the folder you selected or created. I just created a new folder.

Now in your app document, choose File>Place, navigate to the folder containing all the resized images. Select one and drag it out in your app document. Audition it, then to audition another one, press the Replace Image button located on the context toolbar. The window should open up to the folder with all the resized ones. Select another and it should be opened the same size as the previous, and should be the same size as you wanted, ie; the size of your app document. Rinse and repeat. You can keep cycling back through them.

Affinity Photo 2.5..; Affinity Designer 2.5..; Affinity Publisher 2.5..; Affinity2 Beta versions. Affinity Photo,Designer 1.10.6.1605 Win10 Home Version:21H2, Build: 19044.1766: Intel(R) Core(TM) i7-5820K CPU @ 3.30GHz, 3301 Mhz, 6 Core(s), 12 Logical Processor(s);32GB Ram, Nvidia GTX 3070, 3-Internal HDD (1 Crucial MX5000 1TB, 1-Crucial MX5000 500GB, 1-WD 1 TB), 4 External HDD

Posted

I prepared a quick screen capture showing what I'm referring to.

 

Affinity Photo 2.5..; Affinity Designer 2.5..; Affinity Publisher 2.5..; Affinity2 Beta versions. Affinity Photo,Designer 1.10.6.1605 Win10 Home Version:21H2, Build: 19044.1766: Intel(R) Core(TM) i7-5820K CPU @ 3.30GHz, 3301 Mhz, 6 Core(s), 12 Logical Processor(s);32GB Ram, Nvidia GTX 3070, 3-Internal HDD (1 Crucial MX5000 1TB, 1-Crucial MX5000 500GB, 1-WD 1 TB), 4 External HDD

Posted
1 hour ago, Ron P. said:

Be sure to uncheck the box under A, that's for maintaining the aspect ratio. Unless the aspect ratio is the same for all those you're wanting to resize (scale) is the same as your app document.

Won't they get stretched if you force them to the canvas dimensions? According to the OP's screenshot the source images have a wide range of different aspect ratios.

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

Posted
14 minutes ago, thomaso said:

Won't they get stretched if you force them to the canvas dimensions? According to the OP's screenshot the source images have a wide range of different aspect ratios.

Certainly runs that risk. If the images are all larger than his document, they might not. I did try using the keep aspect ratio, but AP will calculate based on each image size, and some come out too small and would be. There needs to be a comprise in that case. Also what is taken into consideration is if they're texture files. Most of those can be without really affecting how they look.

In any case, the OP needs to do some pre-planning. I do like what he's thinking, but in AP, as you know, there's simply no way to plunk all your images into one document at one time then rescale/resize them all at one time. Even if it were possible, the aspect ratio will play a crucial part.

Lovely life of designing huh.... 😉

Affinity Photo 2.5..; Affinity Designer 2.5..; Affinity Publisher 2.5..; Affinity2 Beta versions. Affinity Photo,Designer 1.10.6.1605 Win10 Home Version:21H2, Build: 19044.1766: Intel(R) Core(TM) i7-5820K CPU @ 3.30GHz, 3301 Mhz, 6 Core(s), 12 Logical Processor(s);32GB Ram, Nvidia GTX 3070, 3-Internal HDD (1 Crucial MX5000 1TB, 1-Crucial MX5000 500GB, 1-WD 1 TB), 4 External HDD

Posted
6 minutes ago, Ron P. said:

but in AP, as you know, there's simply no way to plunk all your images into one document at one time then rescale/resize them all at one time.

This brings APub with its Picture Frames and their auto-scale option to my mind. If available for the OP it might offer a helpful workflow, including the OP's screendesign layout on a Master Page layer on top of each page. Additionally, with APub also Data Merge could be used to auto-generate all pages with 1 full-page image per page if APub gets fed with the data of images file names & paths.

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

Posted

I don't have APub, so that's above my "pay grade". By what you describe, yes it may be a better choice. PLUS if the OP doesn't have APub, now's a good time to grab it. Serif is running the holiday sale. 😀

Affinity Photo 2.5..; Affinity Designer 2.5..; Affinity Publisher 2.5..; Affinity2 Beta versions. Affinity Photo,Designer 1.10.6.1605 Win10 Home Version:21H2, Build: 19044.1766: Intel(R) Core(TM) i7-5820K CPU @ 3.30GHz, 3301 Mhz, 6 Core(s), 12 Logical Processor(s);32GB Ram, Nvidia GTX 3070, 3-Internal HDD (1 Crucial MX5000 1TB, 1-Crucial MX5000 500GB, 1-WD 1 TB), 4 External HDD

Posted

You have your desired size. Take the width of that and use it for both dimensions keep the aspect ratio checked. Largest side will be 240 pixels. You may want to make the size larger than the canvas so you can move things around.

1047100568_ScreenShot2021-12-01at8_43_54AM.png.ed7c861bdbe8370a3d74d591b8610e8b.png

Mac Pro (Late 2013) Mac OS 12.7.6 
Affinity Designer 2.5.7 | Affinity Photo 2.5.7 | Affinity Publisher 2.5.7 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Posted
52 minutes ago, Old Bruce said:

You have your desired size. Take the width of that and use it for both dimensions keep the aspect ratio checked. Largest side will be 240 pixels. You may want to make the size larger than the canvas so you can move things around.

1047100568_ScreenShot2021-12-01at8_43_54AM.png.ed7c861bdbe8370a3d74d591b8610e8b.png

I tried this, and it does not use that one dimension for both sides. APhoto seems to calculate the aspect ratio for each image, based on that dimension. I tried this every which way and twice on Sunday. You end up with some being too narrow, or too short. When you have Keep Aspect Ratio checked, it will ignore the second dimension.

Affinity Photo 2.5..; Affinity Designer 2.5..; Affinity Publisher 2.5..; Affinity2 Beta versions. Affinity Photo,Designer 1.10.6.1605 Win10 Home Version:21H2, Build: 19044.1766: Intel(R) Core(TM) i7-5820K CPU @ 3.30GHz, 3301 Mhz, 6 Core(s), 12 Logical Processor(s);32GB Ram, Nvidia GTX 3070, 3-Internal HDD (1 Crucial MX5000 1TB, 1-Crucial MX5000 500GB, 1-WD 1 TB), 4 External HDD

Posted

Maybe do some sorting in the finder first, get them into tall and wide directories.

Most jobs benefit from a lot of prep work. People tend to do the (prep) work as they go along and are then continually surprised. Comes from experience.

Mac Pro (Late 2013) Mac OS 12.7.6 
Affinity Designer 2.5.7 | Affinity Photo 2.5.7 | Affinity Publisher 2.5.7 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Posted
3 minutes ago, Old Bruce said:

Maybe do some sorting in the finder first, get them into tall and wide directories.

Most jobs benefit from a lot of prep work. People tend to do the (prep) work as they go along and are then continually surprised. Comes from experience.

I agree. I was starting to edit my prior post, and mention the main problem is the different orientations, mixing Landscape and Portrait when resizing.

Affinity Photo 2.5..; Affinity Designer 2.5..; Affinity Publisher 2.5..; Affinity2 Beta versions. Affinity Photo,Designer 1.10.6.1605 Win10 Home Version:21H2, Build: 19044.1766: Intel(R) Core(TM) i7-5820K CPU @ 3.30GHz, 3301 Mhz, 6 Core(s), 12 Logical Processor(s);32GB Ram, Nvidia GTX 3070, 3-Internal HDD (1 Crucial MX5000 1TB, 1-Crucial MX5000 500GB, 1-WD 1 TB), 4 External HDD

Posted
13 hours ago, nowherio said:

I drag & dropped all those images onto the project and want to audition them one by one as a background image for my UI.

Mostly just curious, but why do you want to drop all of them into your project at once instead of dropping in one, seeing if it something you want (resizing it if necessary), & if not deleting it & moving on to the next one?

It seems to me that adding them all at once just makes it harder to weed out the ones you don't want to use than it needs to be.

All 3 1.10.8, & all 3 V2.5.7 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Posted

Hey guys, thanks for bringing this topic up. So I conclude: there is no native way in Affinity Photo to batch-resize horizontal and vertical images at the same time by determining how many pixel the largest side should have?

Thank you

Teja

Posted
55 minutes ago, lightleak said:

there is no native way in Affinity Photo to batch-resize horizontal and vertical images at the same time by determining how many pixel the largest side should have?

You should be able to do it with a macro, such as one of these, if he has one for the size you want.

 

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

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.