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

Split shear/skew function into H° and V° fields


Recommended Posts

Unless I'm missing it, there's no way to shear/skew a shape with independent horizontal and vertical values. I need that function to do isometric drawings, so please consider adding it to the next update.

 

Attached is a procedure we use to teach new writers how to create isometric images (using FreeHand so it's ancient).

 

Thanks,

Chris

Guide to isometric.pdf

Link to comment
Share on other sites

  • Staff

Unfortunately, our transforms are expressed in a fixed order, where the rotation is taken into account before the skew.  If we added vertical skew, it would always revert to '0' in the transform panel, as the component would instead be expressed as rotation and horizontal skew.

 

Effectively, that means that to achieve a vertical skew, as in the isometric guide, you have to skew horizontally, then rotate.

 

You can actually achieve the result using our isometric grid and snapping.  Drag the skew control on the vertical edge of a box, and you can snap it to the isometric grid lines.

 

There will be additional tools coming in the future to help you snap objects into the isometric grid, and to create new shapes on an isometric plane.

 

You could also use these values for your transform for isometrics:

 

Right face: Rot 30, Skew -30

Left face: Rot -30, Skew 30

Top face: Rot 30, Skew 30 or Rot -30, Skew -30

SerifLabs team - Affinity Developer
  • Software engineer  -  Photographer  -  Guitarist  -  Philosopher
  • iMac 27" Retina 5K (Late 2015), 4.0GHz i7, AMD Radeon R9 M395
  • MacBook (Early 2015), 1.3GHz Core M, Intel HD 5300
  • iPad Pro 10.5", 256GB
Link to comment
Share on other sites

  • Staff

It's also worth noting that this is a limitation of affine homography generally - there is actually no such thing as "Skew" - only a rotation followed by a scale, etc.

 

That doesn't mean we couldn't expose a vertical shear component - but it would reset to 0 after each application (as Ben has stated). If this would be of use, it can certainly be considered..

 

Thanks,

 

Andy

Link to comment
Share on other sites

Thanks for the quick replies!

 

The problem is that you don't quite get true isometric images with the rotate and shear method, as shown in the attached Test image. The Designer image was so distorted that I think you must have meant using the rotate/shear in the same way Adobe Illustrator does it (see attached).

 

But the Illustrator version is incorrect in the horizontal dimension. The FreeHand version is much more correct.

 

 

isometric_long2.afdesign

Test.afdesign

Link to comment
Share on other sites

  • Staff

As I said - I'll be adding tools to help convert or create shapes to isometric grid (or other grids).  I'll try and figure out a way of including projection proportions for the planes for when you convert a 'flat' shape to a plane.

 

I imagine a quick function to convert a 2D shape/object to one of the three planes would be handy, doing the transform for you in one go.  This would also enable you to transform embedded documents to plane.

 

If you enable "Create plane set" with an isometric grid, you'll be able to cycle through the planes with the ' key.

SerifLabs team - Affinity Developer
  • Software engineer  -  Photographer  -  Guitarist  -  Philosopher
  • iMac 27" Retina 5K (Late 2015), 4.0GHz i7, AMD Radeon R9 M395
  • MacBook (Early 2015), 1.3GHz Core M, Intel HD 5300
  • iPad Pro 10.5", 256GB
Link to comment
Share on other sites

  • Staff

Thanks for the quick replies!

 

The problem is that you don't quite get true isometric images with the rotate and shear method, as shown in the attached Test image. The Designer image was so distorted that I think you must have meant using the rotate/shear in the same way Adobe Illustrator does it (see attached).

 

But the Illustrator version is incorrect in the horizontal dimension. The FreeHand version is much more correct.

 

Really?  To me the Illustrator one has the correct proportions, and the Freehand one looks wrong.

 

For isometric, all three edges of the cube should be the same length.  This would make the Freehand too short in the vertical dimension for the side faces (about 0.86, which is what you need to scale the height by after rotate and skew).  As I understood it, Isometric is not a proportional projection like Trimetric.

SerifLabs team - Affinity Developer
  • Software engineer  -  Photographer  -  Guitarist  -  Philosopher
  • iMac 27" Retina 5K (Late 2015), 4.0GHz i7, AMD Radeon R9 M395
  • MacBook (Early 2015), 1.3GHz Core M, Intel HD 5300
  • iPad Pro 10.5", 256GB
Link to comment
Share on other sites

Really?  To me the Illustrator one has the correct proportions, and the Freehand one looks wrong.

 

For isometric, all three edges of the cube should be the same length.  This would make the Freehand too short in the vertical dimension for the side faces (about 0.86, which is what you need to scale the height by after rotate and skew).  As I understood it, Isometric is not a proportional projection like Trimetric.

 

I'm confused by your reply because the FreeHand version of the isometric is the only one of the three versions that has the same height and width as the original 2D drawing. The Illustrator version is too narrow in width, and the Designer is way off.

Link to comment
Share on other sites

  • Staff

If you measure the edges of the cube drawn in the Illustrator example (post transformation), you'll see that they are all the same length.  That, to me, is correct isometric ratio.

 

On the freehand one, the vertical is 0.86 (square root of 0.75 to be precise) the length of the two diagonals. That's why it looks squashed vertically.  It's not a pleasing cube if intended to be a parallel projection from the isometric view point.

 

Remember that isometric drawing was originally done on equilateral triangular grids.  To try this - use our Triangular grid (instead of Isometric), and you'll see exactly what I mean.

 

post-17-0-56636400-1475855366_thumb.png

 

The grey cube, above, I drew the three faces using the pen tool and our Triangular grid.

SerifLabs team - Affinity Developer
  • Software engineer  -  Photographer  -  Guitarist  -  Philosopher
  • iMac 27" Retina 5K (Late 2015), 4.0GHz i7, AMD Radeon R9 M395
  • MacBook (Early 2015), 1.3GHz Core M, Intel HD 5300
  • iPad Pro 10.5", 256GB
Link to comment
Share on other sites

If you measure the edges of the cube drawn in the Illustrator example (post transformation), you'll see that they are all the same length.  That, to me, is correct isometric ratio.

 

On the freehand one, the vertical is 0.86 (square root of 0.75 to be precise) the length of the two diagonals. That's why it looks squashed vertically.  It's not a pleasing cube if intended to be a parallel projection from the isometric view point.

 

Remember that isometric drawing was originally done on equilateral triangular grids.  To try this - use our Triangular grid (instead of Isometric), and you'll see exactly what I mean.

 

attachicon.gifisometric.png

 

The grey cube, above, I drew the three faces using the pen tool and our Triangular grid.

I see; thanks for explaining it. 

Link to comment
Share on other sites

  • 1 year later...
  • Staff

1.7 will include some new tools to help with isometric and parallel perspective drawing.

 

FastIsometric.mov

 

More to follow....

SerifLabs team - Affinity Developer
  • Software engineer  -  Photographer  -  Guitarist  -  Philosopher
  • iMac 27" Retina 5K (Late 2015), 4.0GHz i7, AMD Radeon R9 M395
  • MacBook (Early 2015), 1.3GHz Core M, Intel HD 5300
  • iPad Pro 10.5", 256GB
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.