Jump to content

Matching a Photo's Text Perspective


Recommended Posts

Hi,

in Photo, you can use the perspective filter

In Designer, you can use the mesh warp tool.

To find the correct parameters, create a simple rectangle, and apply the perspective filter. Now adjust the nodes so the rectangle matches the colored area where you want to apply the text.

then, add a text frame (nested to the rectangle).

Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

My posts focus on technical aspects and leave out most of social grease like „maybe“, „in my opinion“, „I might be wrong“ etc. just add copy/paste all these softeners from this signature to make reading more comfortable for you. Otherwise I’m a fine person which respects you and everyone and wants to be respected.

 

Link to comment
Share on other sites

See this tutorial which migh be of help here for you. Even it shows things for ADe the same can be done instead on a bitmap/pixel basis with APh.

 

☛ 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

2 hours ago, SteveRoberts said:

Thanks for this! I've got the rectangle dragged out and the filter applied. How do I adjust the nodes? When I try to drag them, the whole rectangle changes shape.

This is how it should work. You adjust the nodes so that the rectangle covers the distorted rectangle. The rectangle is just a helper object.

Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

My posts focus on technical aspects and leave out most of social grease like „maybe“, „in my opinion“, „I might be wrong“ etc. just add copy/paste all these softeners from this signature to make reading more comfortable for you. Otherwise I’m a fine person which respects you and everyone and wants to be respected.

 

Link to comment
Share on other sites

Hope that file helps. If i misunderstood your request, please try to explain how exactly you want the perspective.

E.g. If you want the perspective from the upper text, and not match the perspective of the lower colored area.

I added a white fill to the rectangle to cover the original text.

IMG_0730.png

perpect bus.afphoto

Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

My posts focus on technical aspects and leave out most of social grease like „maybe“, „in my opinion“, „I might be wrong“ etc. just add copy/paste all these softeners from this signature to make reading more comfortable for you. Otherwise I’m a fine person which respects you and everyone and wants to be respected.

 

Link to comment
Share on other sites

That is correct; thank you!

I'm still not sure how you pulled out the corners of the warp filter. I am unable to pull the corners individually. When I pull, the entire rectangle expands but keeps the rectangular shape. How do I select and move an individual node point? Can you please explain?

Link to comment
Share on other sites

Watch this short tutorial to help you understand. I created the text and added more to show how the text looks odd the further down the image it goes, I adjusted the shear and then I used a live perspective filter to keep the text editable but make it wider as it gets nearer to you.

If I had used the perspective filter from the toolbar it would have rasterised the text, that's why I changed my mind mid tutorial.

 

iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

@SteveRoberts

It's actually quite difficult to match the original text's perspective

In APhoto I used a Live perspective filter and Rotation & Skew in the Transform Panel but I still can't match that perspective exactly


Was the original text on the bus when it was photographed?

Or has someone added that text using some photo editing software?

 

persp2.jpg

To save time I am currently using an automated AI to reply to some posts on this forum. If any of "my" posts are wrong or appear to be total b*ll*cks they are the ones generated by the AI. If correct they were probably mine. I apologise for any mistakes made by my AI - I'm sure it will improve with time.

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.