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

HOW TO WRAP TEXT AROUND A BUILDING CORNER (PERSPECTIVE)


Recommended Posts

Which app, Photo or Designer? Also does the text need to remain editable?

Affinity Photo 2.4..; Affinity Designer 2.4..; Affinity Publisher 2.4..; 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

Like this?

220630996_Screenshot2021-07-30at02_23_58.thumb.png.c4320d0923d6b2bed2617ea2c8f6f361.png

In Photo, I rasterised the Text layer and then used the Mesh Warp tool to wrap it to the corner. I could have made a better job...

As @Ron P. intimates, your options may be diifferent if you want to retain editable text.

Affinity Photo 2.0.3,  Affinity Designer 2.0.3, Affinity Publisher 2.0.3, Mac OSX 13, 2018 MacBook Pro 15" Intel.

Link to comment
Share on other sites

Damn, that's good. I have Designer but haven't dived/dove (diven?) into it yet. So I'm trying to do it in Photo. Still trying to understand pixel layers, raster layers, and the other whatchamacallit (vector). I'll try again with the Mesh Warp too, tried it once and got not nearly as good results as you did.

Thanks for the help, I'll try working on it now.

Phil

Link to comment
Share on other sites

h_d, I think I'm getting the hang of it, thanks to you.  I typed each letter individually then meshed it.  I forgot to rasterize it but it still turned out somewhat ok, based on my very limited talent.  But I understand the concept.

I guess with enough fiddling around I could have the corner bisect a letter, and then warp the letter around that corner?

Thank you again.  I also see that I can group the letters after finishing and resize them  as a whole.  I need to add some noise to the letters but after rasterising I don't think I can do that.  Is there a workaround for that?

Link to comment
Share on other sites

If it's about going around a straight corner, like in the above examples, wouldn't it be easier to cut the text in two and use a perspective adjustment for each segment of the text?

Affinity Photo - Affinity Designer - Affinity Publisher | macOS Sonoma (14.2) on 16GB MBP14 2021 with 2.4 versions

Link to comment
Share on other sites

17 minutes ago, RNKLN said:

If it's about going around a straight corner, like in the above examples, wouldn't it be easier to cut the text in two and use a perspective adjustment for each segment of the text?

I don't understand.  "Cut the text in two"? And which perspective adjustment.  Sorry, I'm new to this and don't know how to do some of the things you describe; but I'll try.

Thank you for trying to help me out.

Link to comment
Share on other sites

You can also keep the text editable if the text is not too long by using shear...

image.png.88acb8d46e7ecdea148a008f5778fe13.png

The bits under the home text are to simulate part of the text being behind the glass parts of the veranda
image.png.26ae0bc27f7d072d35a8ff9a1cf0de19.png
 

iMac 27" 2019 Somona 14.3.1, 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

ANTO - Thank you, just what I needed.  Perfect! Thank you for taking the time to dumb this down for me. The videos helped a lot. Watched the first one 4 times.  The second one I didn't quite understand. Color adjustment?

Firstdefence - wow.  Way way over my head.  Couldn't find any grant lemons etc. in my program. Must be an add-on.  Nice through the glass effect. Never used shear before. Thanks so much, your examples have given me lots to think about. I'll try to find the "shear" thingy. Typography tres cool.

Link to comment
Share on other sites

1 hour ago, Phil P said:

Couldn't find any grant lemons etc. in my program.

When you see image in the Layers panel with a name followed by a bunch of numbers it’s a stock photo, usually from Unsplash. Having said that, you’ll probably find it easier to track down via a general Internet search than via the Stock panel in Affinity Photo!

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

5 hours ago, GarryP said:

Came up with this using the Perspective Tool in Photo.

Perspective tool? Did you create three individual segments first?

Else, I wouldn't know how to do this using the perspective tool, so I'm curious.

Affinity Photo - Affinity Designer - Affinity Publisher | macOS Sonoma (14.2) on 16GB MBP14 2021 with 2.4 versions

Link to comment
Share on other sites

While we're at it...

1574882987_Screenshot2021-07-30at19_45_50.thumb.png.5b568461d2cd3434311438cfaff05408.png

 

(Original image by Elastic-Rat from Unsplash in the Stock panel.) "Vanishing Point" with the Perspective Tool, "Arch Enemy" with the Mesh Warp. Both with some fx, Overlay blend mode, Ripple Filters, Noise...

 

Affinity Photo 2.0.3,  Affinity Designer 2.0.3, Affinity Publisher 2.0.3, Mac OSX 13, 2018 MacBook Pro 15" Intel.

Link to comment
Share on other sites

11 hours ago, GarryP said:

Not bad for a first attempt but could be much better.

Nice, but the "L" should follow the wall and bottom angle too (perspective).

When I was student, we had an exercise to paint something in an corner (made of 3 rectangles/squares of cardboard glued), and when at the right angle to look at it, it should look correct (lines should be straight, circle should be round, etc.).

Link to comment
Share on other sites

1 hour ago, Wosven said:

Nice, but the "L" should follow the wall and bottom angle too (perspective).

When I was student, we had an exercise to paint something in an corner (made of 3 rectangles/squares of cardboard glued), and when at the right angle to look at it, it should look correct (lines should be straight, circle should be round, etc.).

I know it as Trick Art

 

iMac 27" 2019 Somona 14.3.1, 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

@RNKLN Sorry, I should have said that I used the Perspective Tool three times, each on a different section of the text.

Additional: Actually, I think I might have used the Mesh Warp Tool for the ‘side panels’; I can’t remember now.

@Wosven Even though it was quickly done I thought it looked okay-ish. I didn’t do any measurements or calculations so that’s probably why it’s not ‘proper’ perspective. Much more attention would be needed for an important image.

Edited by GarryP
Added extra note.
Link to comment
Share on other sites

7 hours ago, GarryP said:

Even though it was quickly done I thought it looked okay-ish.

It looked great actually, I liked how the text blended to the texture of the wall, really cool 👍 I'm jel I didn't think of it 😉

It's a shame the warping is destructive.

iMac 27" 2019 Somona 14.3.1, 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

5 hours ago, Wosven said:

You can keep a vector version and move the nodes.

image-bandeau01.afphoto

I meant in the sense that text can be warped but still editable

iMac 27" 2019 Somona 14.3.1, 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

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.