Jump to content

How Do I Crop and Resize a Screenshot in Affinity Photo


Recommended Posts

Once again - I am determined to rid my life of Adobe products. I am soooo close! 

How do I crop the screenshot, then resize the canvas without resizing the image cut from the screenshot in Affinity Photo?

I Made A Video using photoshop to better explain what I'm trying to do.

I was able to crop to the size I wanted in AP, but I can't resize the canvas after without resizing the image also - making me think I'm cropping it incorrectly for what I want to do. 

Please note: gif responses go to fast for me to follow and there is no way to pause them, but a video response or just a written response is great! Thank you. 

 

 

 

 

Windows 10 | Affinity Designer/Photo/Publisher | Super Power: ADHD | Instagram - Twitter | Code: HTML, CSS, PHP, JavaScript, Node, Lua, Kodular,  Stencyl & Unreal

Link to comment
Share on other sites

When you do a crop in APh it's more like masking out all other around your cropping selection, thus after cropping to your selection do ...

  1. a canvas resize ("Document > Resize Canvas"). On the canvas resize panel you have to click on the "lock" icon in order to change/influence just the horizontal or vertical size values (a no proportional canvas change), you can also select an anchor point for the canvas resize transformation.
  2. Afterwards you might have to reposition the layer on the canvas accordingly (up/down etc.).

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

Done a short to the point screen capture showing how to do this in APhoto.

  1. Crop using the crop tool
  2. Go to the Document Menu, select Resize Canvas
  3. Transform dialog: Select the node you want to be the anchor point. Your clip reflects you're wanting more space at the top. So chose the bottom middle node.
  4. Open the padlock on the Height and Width.
  5. Change Height amount by typing it into the field, hit enter.
  6. Click Resize

 

 

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

Link to comment
Share on other sites

  • 2 years later...

I am trying to post a vertical image in Instagram.  I have Affinity Photo.  I don't think this is so difficult to do, but I can't quite follow the YouTubes I have looked at. I have taken notes.  I know that 1080 width x 1350 height doesn't work.  I keep losing the sky of the photo.  Does anyone have suggestions as to how I can accomplish my goal to be able to post verticals that need to have the top of the image?

Link to comment
Share on other sites

51 minutes ago, barbara c said:

 Does anyone have suggestions as to how I can accomplish my goal to be able to post verticals that need to have the top of the image?

You are going to have to lose some of the side(s) of the image. Use the Crop tool and then export.

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

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

Link to comment
Share on other sites

Thank you "Old Bruce" for replying.  So to clarify.  I click on the crop tool.  Then I would pull in the sides.  How do I set the ratio when I export it?  Previously, I had set the ratio to 1080 x 1350.  This was without cropping.  I lost the top of the photo.  Maybe the bottom as well.  

Do I need to add a border?  

Why does it seem so complicated when I watch videos? 

Again, I appreciate you taking the time to help me.  I am going to give it a shot.

Kindest,

barb

PS  Attached is the image that I had been working with amongst many others.

 

IMG_0280 Ithaca Falls winter 2016 with sky 3.JPG

Link to comment
Share on other sites

Do you want to achieve this?
image.png.72875c1b25ab21ceef408eb44d3130ba.png 

image.png.f012baf705dbf2b6e46e654bb435bcc3.png

After Canvas resize make Rasterize and Trim.

 

Or this?
image.png.48b9abfa3352d95f48d532c3aefe5eaf.png

image.png.b2acfa51662818fb836fbac0de5d9c9d.png

 

Or this?
image.png.e569af4059236787480a4584d294747d.png

image.png.48741d4be50f07da4a1e5e59e5fe19d0.png 

image.png.a1a777bb5a911b991241de86a28615ba.png

The same result will give the procedure - Resize canvas, adjust image with Move tool (right bottom corner), Rasterize and Trim.
image.png.5ff97d695d9aa9c33d7031d6935a2f03.png

image.png.90cb4fe5f555bfaeb880026eaff57e7d.png image.png.f0cc032986212814cff0400d27ebad7d.png

image.png.9df510549e7733465f4ffdaa87fd7ee6.png

Edited by Pšenda

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.5.5.2636 (Retail)
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.4317.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.4317.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

Hi @barbara c just to add to what @Old Bruce has said, for any resizing where you have fixed pixel dimensions you may need to crop the image to fill the available area. If the aspect ratio of the source image is the same as the destination then you may only need to scale the image to fit. The Instagram dimensions are a bit awkward in the sense that I know of no cameras that produce images with that ratio as standard. For portrait images you could scale the image to fit the height and then crop the sides or pad the sides if the source image is narrower. Alternatively, you could scale the image to fit the width and then crop or pad the top and bottom.

If you are likely to be doing a lot of these then my suggestion would be to create a new document preset that is 1080 x 1350 pixels in size and then drop your photo into that. You can then scale the picture to fit either by allowing parts to fall outside and be cropped or to have all the image fall completely inside the document and fill any gaps with a black or white background.

image.thumb.png.610b9eee40658d0c62ad7645d890da4c.png

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.