Initially, I had planned to blog about the shortcomings of the vector brush in Serif’s Affinity Designer (Window version), which we purchased a short while ago. However, after posting on the Serif forum about it I’ve decided to shelve that and give Affinity a fair shake. While it may not be an Illustrator killer just yet there is a lot love about this, and that’s with barely a cursory use.
Reproducing an isometric vector in Affinity Designer
To test my shiny new install of Affinity Designer, I’ve recreated a vector I made in Illustrator for the Oxfiniti case study.
It’s a pretty simple image, but I wanted to start small and see what the options are. To create the above image in Illustrator I used two approaches. First I created the three visible planes of the OxBox using SSR (scale, shear, rotate); a good tutorial for that can be found here. For the pipes I used 3D Rotate.
This seems to be the quickest route, rather than using the pen tool to make a grid with lines, and SSR to then give the faux-grid isometric properties and converting that to a guide grid. The main problem I have with this approach is that the grid never seems to be ‘quite right’. If I use 3D rotate and then draw with the pen tool the lines don’t seem to quite match up. Plus you need an enormous grid sometimes, which is time consuming to set up. My fairly short experiment with AD has left me very impressed with its approach.
I love this. It really is quite special.
The grid is ludicrously easy to set up. View > Grids and Axis Manager brings up the below. Then uncheck Use Automatic Grid and switch to Advanced.
I also turned on Snap to Grid which made it really easy to keep my lines neat and accurate.
Overall I’ve found this a much more satisfying way to work with isometric linework and as I’m rather fond of isometric art I’m going to try to use this a lot more. While working, the axis guides flash up in a pleasingly smooth way, and the bounding box is also very helpful. Turning a shape such as a circle or square to isometric is simple – simply hover over the bounding box edge you wish to move and use the ‘skew’ arrows to realign the shape to the grid.
The video below is a good one to watch to see what AD has to offer for isometric rendering. So far, I believe Affinity Designer is a bit of a no-brainer purchase. Even at full price it’s just £39.99 which is extremely far south of the cost of Adobe’s subscription based purchasing.