"Life is too short to make bad art."

Wednesday, July 27, 2016

Create clouds using circles in Affinity Designer

This an altered version of the inkscape tutorial on creating clouds. It shows the workflow of the previous Inkscape tutorial in Affinity Designer (by Serif). I am using the free beta version for windows in this tutorial.

The main changes are the names of the tools, the short-cuts and minor differences in the way the tools work. 

So... let's get started with circles or as Affinity Designer calls them - ellipses. Keep in mind that this is just one way to do it and you might prefer hand-drawing them or using the pen tool and creating the curves manually.

I quite often use these 'quick clouds' for layered backgrounds - usually with a few layers of mountains, trees or even city skylines on a layer on top. 

Tuesday, July 26, 2016

Review: A first glance at Affinity Designer by Serif

I want to share the first experience I had with the beta version of Affinity Designer by Serif. The tool has been out for Mac for a while (there is a free trial version available as well as purchase version for £39.99). It has received much praise as an alternative to Adobe Illustrator. Serif released the beta version for windows a few weeks ago.


The free public beta version for windows can be found here:

I have been trying out version on my Windows SurfaceBook and am quite impressed with the ease of use and the features provided by the program.

If you have been working with any vector design tool before (Illustrator, CorelDraw or Inkscape) the basic set of tools will look very familiar.
The toolbar at the top has three unique icons though. The tool let's you switch between a vector design mode [draw persona] and pixel paint mode [pixel persona]. Following those are tools to help you arrange, layer, snap and combine your shapes. All the icons are pretty clear and there is an tool tip when you hover over an icon for a little longer. 

The UI elements matched the resolution of my laptop. At a resolution of 3000x2000 pixels in the surfacebooks standard mode Illustrator and CorelDraw make it hard to select nodes and node handles. They become very, very small and are not scaled when zooming in. Like Inkscape Affinity Designer scales these nicely to make it easy to select and modify the objects. All input displays are scaled and big enough to read.

The tool bar on the left hand side has your usual tools [when in vector mode] to allow you to move objects, change the canvas, edit nodes, edit corners, use different types of drawing, edit the fill and the transparency, the standard object (rectangles, circles, rectangles with rounded edges and a nice set of predefined shapes ranging from triangles to hearts, arrows and even editable cogs). 

I really liked the canvas setting as it offered a choice of device specific settings such as ipad, ipad pro or iphone 6. A feature I found very helpful when designing a full screen layout or a background illustration that would match the desired proportions and sizes. 

Another nice feature is the corner tool allowing easy modifying of the corners of a node. It offers 5 different shapes from plain to rounded and rounded inverse to steps. The amount can be quickly altered by draging a marker or by entering a value. 
To the right you have your colour panel (with the HSL colour wheel as a preset but more schemes to pick from), swatches to help you organize frequently used colours, strokes to define the outlines and brush settings.

The layer panel underneath is very user friendly. Showing preview icons makes selecting elements via the layers panel easy. Affinity Designer offers the essential tools you might need when working with layers, such as locking and hiding elements or layer groups for easier handling.

The bottom right holds another panel for transforming, showing and editing your history and navigating the display area. 

Here's the resulting illustration while trying some of the frequently used features like combining objects, gradient fills, opacity and opacity gradients and was impressed how easy it was to use the tools and modify them.

To me the shortcuts are the key to working with a tool efficiently. Affinity Designer has some shortcuts set in unusual ways like the duplicate on CTRL + J. Those can be altered quickly in the settings to fit your own needs and habits.  

To sum it up:
I will definitely spend more time using and exploring the more advanced features of this tool. As far as creating illustrations and art work for games the program has convinced me with it's ease of use and the good quality of exporting the artwork to bitmaps to be used inside the game engines.
Once I have scratched more than just the surface of this tool, I will write a more complete review with pros and cons and some comparisons to the tools I have been using in the past. 

I would like to cover some of the tools and the workflow of Affinity Designer on this blog in the future. It's a very easy to use tool with a large set of tools ideal for creating illustrations and game assets.
Let me know in the comment section if there is any interest in covering more on this great tool.

Affinity Designer is being frequently updated. The newest version might already be different from the one I base this initial post on.

Tuesday, July 12, 2016

Create clouds using circles in Inkscape

This tutorial is a quick answer to a request about how to make make clouds. I have a lot of other tutorial series to finish but this one seemed like a nice little task while enjoying my last day in London.

So... let's get started with circles... :) Keep in mind that this is just one way to do it and you might prefer hand-drawing them or using the pen tool and creating the curves manually.
I quite often use these 'quick clouds' for layered backgrounds - usually with a few layers of mountains, trees or even city skylines on top. 

I hope this will help with the creation of clouds and improve your backgrounds. I had a lot of fun writing it - even with all the other tutorials on my mind and still not being as fit as I would like to be.


I am still without my main work machine and the better microphone making it hard to record a video tutorial. The laptop I am working on is just not ideal with it's insane resolution.