Isometric Affinity Designer Ipad

  

Just as Serif is taking on Photoshop with its Affinity Photo editor and InDesign with Affinity Publisher, so Affinity Designer sees the company competing with Illustrator. This particular app was the first one to be released as part of the Affinity range, and over the course five years development has been strong.

  1. Optimized for the latest tech on Mac, Windows and iPad, Affinity Designer is setting the new industry standard in the world of design.
  2. Affinity Designer. Affinity Designer is another great app that you can take a look at if you’re a vector graphics designer who creates designs for marketing, websites, icons or UI. The app features a wide variety of tools, along with live effects, blend modes, image adjustments, and a high quality raster tool for texturing and masking.

Affinity Designer is a vector drawing app that, despite being amazingly cheap, offers professional-level tools that can be used for all manner of projects. While this is clearly a rival to the likes of Adobe Illustrator and Sketch, you'd be forgiven for initially dismissing it as being underpowered. But don't be fooled. Serif describes this software as a 'stripped back, pro-end workhorse', and it's absolutely right.

Isometric design is a great style that is fun to make, but you need to know how to do it correctly to make it look good. In this course we will go over the basics of isometric design and how to create it using the tools in Affinity Designer for iPad. Note: This class was released before Affinity updated Designer with the Isometric Controls. Learn Affinity Designer, Affinity Photo and Procreate at home, for free and at your own pace! Wether you’re a professional or a beginner, there are tons of cool stuff to see for everyone. Organic Isometric Illustration Process in Affinity Designer for iPad Read More » Frankentoon May 15, 2020 Frankentoon TV. Creating Isometric.

Designer can handle huge documents with ease and gives you the option of switching between vector and raster workspaces, and the ability to work in RGB or LAB color spaces at up to 32-bits per channel. There is a wide range of vector tools available in the app, and vectors can have an unlimited number of strokes and fills for maximum flexibility. Grids and guides are advanced and powerful, and the isometric option will be welcomed by many users.

For anyone switching from Illustrator or collaborating with Illustrator users, the good news is that Designer can open AI and EPS file, although sadly it's not possible to save as AI. There are a number of both pixel and vector brushes depending on which mode you're working on and, importantly, performance is impressive.

For all of its brilliance, Affinity Designer is lacking in a few areas. It's a shame to see that there is no support for scripting or animation, and also that there is no plugin support.

What's new in 1.8.3?

- Various stability and performance improvements

Verdict:

Affinity Designer is an astonishing achievement by Serif; this is a highly accomplished design tool which fits beautifully into the Affinity range and serves as a genuine alternative to the big names such as Illustrator.

Affinity Designer guru, Frankentoon, has created this awesome tutorial to introduce the new Isometric Panel in Affinity Designer 1.7…

The new Affinity Designer 1.7 update gives us all a MASSIVE set of new features and improvements that are quite simply impossible to detail all in a single post. So, to keep our heads from exploding into tiny pixels, we are going to focus exclusively on the new isometric drawing tools and break them down as smoothly as possible. The result being, that by the end of this tutorial, you’ll be able to create your own organic isometric assets like a pro.

You can get all the assets I created for this tutorial using the download button below.

Tip: You can learn to how to install Assets in Affinity Designer in our guide to installing creative resources.

1. Setting up the Isometric Grid

Affinity Designer’s 1.7 update, adds new options to the Grid and Axis Manager Panel. However, for this tutorial, we’re going to focus exclusively on the Isometric Grid settings. You can see a quick overview in this video:

2. Getting to know the NEW Isometric Panel

This is a huge one. This panel is going to basically save you tons of steps by projecting your shapes into isometric planes automatically.

Isometric Affinity Designer Ipad
Let’s see how it works:

3. Stepping up the game

So, you’re thinking making simple geometry like isometric buildings and cityscapes is now almost too easy using Affinity Designer? Well, let’s challenge ourselves then. How about crossing (just a little bit) the boundaries between 3D and 2D art?

One style of 3D art that I LOVE is so-called low-poly art. Before Affinity Designer 1.7, creating this type of art was totally feasible but was really time-consuming since you needed to perform more calculations using the Transform Panel.

Let’s make some happy trees.

Having the tools to manipulate shapes more efficiently allows us more creative licenseto draw our shapes.

Tip: Learn more about mixing vector and raster graphics in this tutorial.

Affinity Designer Trial

As you can see, just by following this simple technique shown in the image above, you can come up with many shapes to combine together and create a nice collection of reusable isometric assets for your projects.

Tip: Avoid using RIGHT angles (90°) when drawing your planes, ​to make your objects look more organic and stylised.

4. Create anything you can imagine.

All of the assets for this tutorial have been made in the same way. The Isometric Panel is both, a time saver and a creativity booster since it helps you to focus more on your artwork creatively and less on the technical aspects.

Remember, you aren’t limited to just 4-sided faces, to add complexity to your shapes, you can draw multiple-side polygons (1). The more sides you add, the less rigid your assets will look when projected (2).

The process of creating the top and bottom planes (3) and then, connecting the dots to draw faces (4), remains the same.

Isometric Affinity Designer Ipad

5. Using textures.

To give some character and depth to your isometric objects, you can use the techniques shown in THIS TUTORIAL we made a while ago, explaining in detail how to add raster textures to vector shapes in Affinity Designer.

6. Time to play!

Affinity Designer Free Download

Once you’ve created some individual isometric assets, you can arrange them and make quick compositions to test what works best for your scene. These new features in Affinity Designer 1.7, will allow you to build more intricate illustrations in half the time.

Isometric Affinity Designer Ipad Undo

Visit Frankentoon’s TOON LAB for more Affinity Designer tutorials covering a range of techniques from quick complex masking and painting with textures, to emulating retro graphics and comic book illustration.

Isometric Affinity Designer Ipad

This tutorial is aimed at desktop users of Affinity Designer 1.7, though its worth noting that Affinity Designer on iPad has also had isometric features added in our 1.7 update!