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

Transform a layer or selection into a trapezoid


Recommended Posts

I know how to resize a layer, how to rotate a layer, and how to shear it (make it a rhombus).  What I can't figure out is how to turn that layer into a trapezoid.  What I want to do, for example, is grab each top corner and push them both in towards the center.  The bottom length will be greater than the top length, but top and bottom stay parallel to each other. Any way to do this?  Thanks.

Link to comment
Share on other sites

  • Staff

Hi Bjurasz,

 

Welcome to the Forums :)

 

I have included a video and step by step instructions below on how to do this.

 

 

1. Convert your object to Curves and then select the Node Tool.

 

2. Using the Node Tool select the top two nodes of your object and then go to the Transform tab.

 

3. Select the Anchor point in the attached screenshot.

 

4. Adjust the size between the two nodes by making the number lower in the W: field.

 

5. Do the same for the bottom two nodes but make the number in the W: field larger.

 

This should give you a trapezoid!

 

Please let me know if you have any issues :)

 

C

trapezoid video.mov

post-12469-0-21248300-1470303816_thumb.png

Please tag me using @ in your reply so I can be sure to respond ASAP.

Link to comment
Share on other sites

This should give you a trapeze!

I guess a Nottingham trapeze must look a lot different from an American one.  :lol:

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

Link to comment
Share on other sites

I usually blame such things on auto-correct.  ;)

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

Link to comment
Share on other sites

  • 3 years later...
49 minutes ago, Glennweb said:

How to trapeze transform ...

Back to trapezes again! :D

49 minutes ago, Glennweb said:

... and object to ...

Why would anyone object? :P

49 minutes ago, Glennweb said:

... a 3rd plain? 

A 3rd plain what? Or did you perhaps mean ‘plane’? :/

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

Its pretty simple. I need to distort a group/layer/object/path/curve or whatever you want to call it. Exactly like below. You could not possibly be designing anything of note without the ability to do this??? I am not talking about a free envelope tool. Just to distort without the output being forced into a raster image as is the case in Affinity Photo. And @Alfred you can deflect by pointing fun at my copy or you can provide constructive feedback. 

I specifically purchased this suite as a replacement for Fireworks (20yrs old). 

Look at this video for reference. If there is way, please tell me as without this I am now seriously considering buying a mac to use Sketch.

 

image.png.0c2d7848d3eee3b518216bae986f629e.png

 

Link to comment
Share on other sites

PS, As a designer of 20yrs odd. I know many many other Web Designers who are still working away in Fireworks who would love to find a replacement. Fireworks has been kept alive with its many plugins (svg import/export, automatic layer exports, node power selections, selection to path etc etc). But Fireworks has bad font rendering ever since MS sued adobe for using its font alias engine. And now Fireworks CC is officially not offered as download option anymore in Creative Cloud. The software has so much potential. And I could do without certain features. But non destructive free transform is not one of them, and to be honest I am also really missing selection to curve. Those 2 and I would be happy. I am racking my brain trying to think of how I can export the curve to another vector tool, do a free distort, and then bring it back again as a svg. Just to get around this roadblock. Also, where do we get to vote for features, and see a roadmap etc?

Link to comment
Share on other sites

50 minutes ago, Glennweb said:

And @Alfred you can deflect by pointing fun at my copy or you can provide constructive feedback.

My apologies, @Glennweb. I was merely trying to point out — in a lighthearted way — that some aspects of your description of the problem weren’t as clear as they might have been, thus making it harder to provide the constructive feedback that you’re looking for. The rest of your follow-up post make things much clearer, so thanks for that!

The short answer is that there’s no vector mesh warp, perspective or envelope tool yet.

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 hours ago, Glennweb said:

You could not possibly be designing anything of note without the ability to do this???

Just a side note about this particular comment: I hope you realize that there are a lot of vector designs that a great many people would consider worthy "of note" even without the use of a vector mesh warp, perspective, or envelope capability, so this comment may be seen as an insult to those creations or their creators.

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

Link to comment
Share on other sites

On 9/19/2019 at 1:26 AM, R C-R said:

Just a side note about this particular comment: I hope you realize that there are a lot of vector designs that a great many people would consider worthy "of note" even without the use of a vector mesh warp, perspective, or envelope capability, so this comment may be seen as an insult to those creations or their creators.

Agreed. I apologise to those people. But it certainly is a major block for my personal design creation workflow. 

Link to comment
Share on other sites

  • 3 years later...
14 minutes ago, KishZera said:

this thread is over three years old, but I now have the same need for a vector mesh warp or perspective shear.  Does such a tool exist by now?

In Designer there is a new Warp Group in the Layers Menu which allows us to warp Vector items, Fonts are vectors too.

1274984527_ScreenShot2022-11-28at7_45_50AM.png.c96d7b2f38888c78ea689341cb0a5966.png

Mac Pro (Late 2013) Mac OS 12.7.4 
Affinity Designer 2.4.1 | Affinity Photo 2.4.1 | Affinity Publisher 2.4.1 | 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

2 minutes ago, KishZera said:

that sounds very promising. I think I upgraded recently and am now on version 1.10.5.1342

Oh, I am very sorry that I neglected to give you the one very important piece of information. This is in the upgraded version. Version 2. You will have to purchase an upgrade. Check out the Affinity site and look at the changes.

Note that you actually updated, not upgraded, to 1.10.5.

https://affinity.serif.com/en-gb/

Mac Pro (Late 2013) Mac OS 12.7.4 
Affinity Designer 2.4.1 | Affinity Photo 2.4.1 | Affinity Publisher 2.4.1 | 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

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.