Skew (Perspective)

[Rik]

Is there a tool that allow a shape or text to be skewed?

 

As shown in the attached image.

[MEB]

You can skew shapes and text, exactly like in Xara. However what you are showing in your example seems more a perspective distortion than a skew (it's not the same). There's no way to distort objects in Affinity Designer yet. This feature was requested several times and it's in the official Feature Roadmap.

[Rik]

OK. Apologies for writing the word 'skew' in there.

 

So, if I want to fit some text onto, for example, the face of a card that's not face on, then this cannot be done at the moment?

Is that right?

 

I found how to skew.

I take it it's when you move your mouse to the edge of the border and you get two arrows pointing in opposite directions.

 

Now. All that's preventing me from completing my very first drawing in Affinity Designer, is the perspective option.

[MEB]

 

I found how to skew.

I take it it's when you move your mouse to the edge of the border and you get two arrows pointing in opposite directions.

 

Now. All that's preventing me from completing my very first drawing in Affinity Designer, is the perspective option.

 

Yes, skew (the two arrows pointing in opposite directions) its exactly the same as you do in Xara. Mesh/warp distortion is coming. So yes its right, you cannot fit text on a card in perspective (unless you do it manually obviously)

[Rik]

Thanks again for your replies, MEB.

 

Well, I look forward to the perspective tool.

 

I've managed to finish my drawing.

In this particular case, I was able to get away with just using skew.

I'm going to post my work in the 'Share your work' forum.

[MEB]

You're welcome.

[MaxClass]

I was able to create a single word. Select it and “Convert to Curves”.

 

Using the pen tool create a rectangle that you can then reshape using the node tool to the perspective shape you want your letter to conform to and possibly add a few lines as guides in the perspective angles then using the node tool select the letters individually and move the character nodes of each letter to match the guild lines to get a perspective look.

 

I accomplished this, not without a little effort, and produced a very viable perspective text look. 

 

Obviously this is not the preferred way to accomplish this but for four or five letters it is doable in a pinch. I would not like to have to do this with multiple lines of text, etc. but if a current job depended upon it I could still accomplish it with a little extra effort at this time if I had too.

 

Max



[MaxClass]

Regarding perspective and any other text effects that you can imagine. I have had perfectly excellent results using “Typestyler” from “Strider Software” which is one of the premier Text Styling application on the market.

 

It can produce just about any text effect your mind can imagine and export it as a file that Affinity Designer can open directly.

 

Ultra simple to do until AD has similar effects.

 

Max



[Konspaul]

On this video 

at 1:40 you have this London UI set in perspective on the phone mockup as a embed file. Then it is being edited on the fly. How have you done this perspective setup?

[Leigh]

We have a quick tip video that explains how this works. Go here and scroll down to the Quick Tips section. You'll want to watch the Real-time Embedded Document Editing video. 

 

Here's a direct link to the Vimeo video: https://vimeo.com/110134439

[Konspaul]

So only thing you did is skewed the picture to fit the phone mock-up? To me it looks like it is more than skewed. 

[Ben]

To me it looks like an isometric drawing, so pure shear/skew with no distortion required.

[Str2]

We have a quick tip video that explains how this works. Go here and scroll down to the Quick Tips section. You'll want to watch the Real-time Embedded Document Editing video. 

 

Here's a direct link to the Vimeo video: https://vimeo.com/110134439

 

 

Is there an option to warp a design on to a surface, like e.g. attaching a logo design to a wine bottle or other uneven surfaces in Designer or Photo? If not, is it planned to get included into Designer or Photo soon?

 

Currently i'm feeling a bit limited completing design tasks like logo design, because presenting a logo is a very important part of the process. Everything else needed for logo design is already in place, and works. 

[MEB]

Hi Str2,

Affinity Photo already includes bitmap based Perspective and Mesh Warp distortion tools (the second tool on the left toolbar counting from bottom). Affinity Designer will also receive similar tools later (check our roadmap).

[Str2]

Great, that's what i wanted to hear! Photo was on my list of must have apps anyway, looking forward to buy it from the appstore soon :)

[anon1]

Will it (or is it somehow already) be possible to perspectively distort an embedded document? 

 

I tried it but the embedded document was changed to a normal "picture" and was no longer linked....

[hugo bertrand]

Still no distortion functionality on AD?

 

I can't find anything.

[lmartins]

Perspective was coming two years ago but apparently not yet. Any news on this feature?

[Leigh]

Mesh Warp/Distort Tools are on the Designer Roadmap but we have no ETA for when they'll be available. When we have more information, we'll let everyone know :)

[MEB]

Hi lmartins,

The roadmap covers all features planned for the 1.x version. Some features will come sooner than others. As Leigh already mentioned Mesh Warp/Distort Tools are there and will come at some point.

Bear with us while we get there.

[edesigned]

Here another member who is eager to see this coming  :D

[edesigned]

I just found this tutorial which is really helpfull to put text into perspective:

https://www.youtube.com/watch?v=jv3szSbyu80

 

Ooops this is Affinity Photo.... also usefull but not for this question. 

[rainy]

Any news? it's been 2 years now...

[Mischugo]

Important functions are really down on their roadmap i think :-(

[Mischugo]

On 26.9.2014 at 10:00 PM, MaxClass said:

Regarding perspective and any other text effects that you can imagine. I have had perfectly excellent results using “Typestyler” from “Strider Software” which is one of the premier Text Styling application on the market.

 

 

 

 

It can produce just about any text effect your mind can imagine and export it as a file that Affinity Designer can open directly.

 

 

 

 

 

Ultra simple to do until AD has similar effects.

 

 

 

 

 

Max

 

 



 

The interface is from 1985 (?) Sorry! Not useful for me