Skip to main content
Creative Bloq Creative Bloq ART AND DESIGN INSPIRATION
Sign in
  • View Profile
  • Sign out
Subscribe
(opens in new tab) (opens in new tab) (opens in new tab) (opens in new tab) (opens in new tab)
Design Magazine Subscriptions
(opens in new tab)
Design Magazine Subscriptions (opens in new tab)
Why subscribe?
  • Try 3 issues for £/$/€3
  • Delivered to your door or device
  • Every issue is packed with art and design inspiration
From£3
(opens in new tab)
View (opens in new tab)
  • 3 for $3/£3/€3 mag offer
  • News
  • How to
  • Features
  • Buying guides
  • Reviews
  • Magazines
    • ImagineFX
    • 3D World
  • Events
    • Vertex
    • Brand Impact Awards
    • About Us

When you purchase through links on our site, we may earn an affiliate commission. Here’s how it works.

  1. Home
  2. News
Sponsored

6 reasons why Affinity Designer is perfect for game developers

By Bob Byrne

Affinity Designer is quickly becoming the go-to tool for game developers. Find out why...

Affinity Designer is shaping up to be the weapon of choice for increasing numbers of game developers. 

It’s got smooth raster and vector tools, a Constraint tool for resizing UIs to different screen dimensions, export for Spine, plus improved versions of all the standard features which you have come to expect from design apps. At a competitive one time price, it’s more than worth a look for pro and even casual game developers.

Bob Byrne of Spanish/Irish game developers Big Bad Studios used Affinity Designer to create a game for Wizard Jam 4, where participants have a two-week deadline. The Bear’s Black Heart involves players in a race against hunger and increasing cold as you find food and interact with a host of characters. 

Here, Byrne shares his six reasons why Affinity Designer was the perfect partner…

01. Speedy sketches 

As always, I began by working up pencil sketches. This was my first game jam but I’d completed the comic artist equivalent a few times, for example 24hr Comics Day, which is essentially doing a month's work in one day. Same deal though, you’re given a title and off you go.  

Having a hard deadline with no real negative consequences unlocks something inside you. For artists or designers who struggle with procrastination these projects are invaluable. 

I figured it also gave me an opportunity to really test drive Affinity Designer v1.5 (opens in new tab). I’d been playing with it on and off, but after this project I’m entirely sold on it for all design work including print and UI work. 

I had no idea what the gameplay style would actually be but when Abban (my gamedev partner) showed me his Unity prototype I knew the character would be physically small on screen, so he needed to be bold and chunky. Having his heart on his stomach like the Care Bears was too obvious so I developed the ‘jar bear’ idea with some sketches in Affinity Designer. 

Byrne developed his character designs with some sketches in Affinity Designer

Byrne developed his character designs with some sketches in Affinity Designer

Previously, in other apps, I would break out the Wacom tablet and do some sketches. But I quickly realised that even though Affinity apps are optimised for Wacom, the Pen tool in Affinity Designer is so smooth and intuitive that all I needed was my mouse.

02. Splendid sprites 

I jumped the gun and made a sprite sheet, although in the end we decided to use Spine instead. No harm though as it only took a few minutes to reposition and pose the character to make this sprite sheet. He is mostly made up of Symbols and Styles so, if needed, I could re-style him directly. 

Features in Affinity made amendments to Byrne's character a doddle

Features in Affinity made amendments to Byrne's character a doddle

Because in Affinity the Export Persona is only one click away, I didn’t have to fret about targeting different sizes and remaking the sheet if changes were required. Trying to do all that in Photoshop would have been a hugely time-consuming process. 

03. Environments and assets 

Once the character looked solid, I created some tileset environment tests. Everything was created in one Affinity Designer (opens in new tab) document; by using Artboards there’s no danger of getting lost in a mess of files and I could keep working at a fast pace.

The Symbols feature in Affinity Designer makes mocking up environments very easy

The Symbols feature in Affinity Designer makes mocking up environments very easy

In Affinity Designer, the Symbols feature makes mocking up environments and creating final game assets so easy. The trees in the game are actually just one leaf! Check out how I can change every instance on leaf Symbol in a few clicks...  

Then, to create the Winter and Autumn variations I just used Layer Adjustments to change the tone. So even though it looks like many different shades, every single leaf can be updated just by editing the Symbol.

 It’s ideal for rapidly making and testing a tileset for your game. 

Here’s one of the final tilesets we used: 

I also had to create a bunch of non-playing characters, title screen, icon and promo screenshots. 

The NPC’s were fun and I wanted to continue making them but, yeah...tick-tock!  

04. Silky export to Spine 

In Affinity Designer 1.5 you can now export for Spine JSON

In Affinity Designer 1.5 you can now export for Spine JSON

In Affinity Designer 1.5 you can now export for Spine JSON, which was another massive time saver.  

And I must say it was genuinely painless getting the model rigged and ready from Affinity to Spine. If time permitted, we would have liked to add blinks and animation on the liquid bubbles and so on, but the deadline was approaching fast. 

05. Simple symbols 

App icons...the bolder and stronger the better. Plus we needed something which doubled as the icon and Title Screen. This is the best thing about working fast and lean; you need to be economical with everything and, most of the time, simplicity is the best. Decisions have to be taken without hesitation. 

That wonderful green glow gradient below is just a simple Style which you can create by right clicking on any shape and hitting Create Style. 

Byrne achieved the green glow gradient using a simple Style

Byrne achieved the green glow gradient using a simple Style

Again, I used Symbols in Affinity Designer (opens in new tab), just in case I needed to edit fast or even reuse his arms on a different character 

The two-week deadline approached very fast as we juggled real life and work. We spent all day Sunday before the bell rang making the actual game content and promo stuff like the screenshots and video: 

06. Auto-magically resize your game UI 

The Bear’s Black Heart is a desktop game so we had no real concerns about managing the UI elements, but designing user interfaces for mobile apps and games is whole different story. 

Affinity Designer’s new Constraints tool is jaw dropping; you can set your buttons and icons to ‘constrain’ in place, keep relative distances when you resize the parent object and even not squish text when you need to shrink or grow things like buttons. 

See how “Play” stays in the centre and doesn’t distort when the button is resized. I love this feature. It’s ideal for web and app designers. 

There’s been massive interest in the game since YouTube ‘big beast’ Markiplier put out a gameplay video:

We were blown away to see the video and the response has been amazing. We’re making a spinoff game for iOS and Android called ‘Woodland Run’. 

Affinity Designer is available for Mac and Windows at a one-time purchase price of £48.99 / $49.99 / 49,99 € with no ongoing subscription and free updates. 

  • More info on Affinity Designer (opens in new tab)
  • Check out the game here (opens in new tab)

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

Already have an account ? Sign in here

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Already have an account ? Sign in here

Get Weekly Tips and Inspiration

Sign up below to get the latest from Creative Bloq, plus exclusive special offers, direct to your inbox!

By submitting your information you agree to the Terms & Conditions (opens in new tab) and Privacy Policy (opens in new tab) and are aged 16 or over.
Bob Byrne
Bob Byrne is a writer and artist from Dublin, Ireland now living in an orange orchard in southern Spain. He writes and draws comics for 2000AD, makes language learning apps and games which use nutty methodologies.
Recommended
The best drawing tablets: The best graphics tablets in 2023
How to make and sell an NFT
  1. two women at a house party one holding a camera. She has too many fingers
    1
    AI house party images are freaking people out
  2. 2
    Can you spot what's wrong in this viral street ad?
  3. 3
    iOS 16 lock screen: How to customise your iPhone
  4. 4
    This new AI photo watermark remover is worrying
  5. 5
    5 logo secrets that never get old
  1. logo secrets
    1
    Infographic reveals 50 huge logo design secrets
  2. 2
    AI house party images are freaking people out
  3. 3
    We love the negative space in this new logo
  4. 4
    iOS 16 lock screen: How to customise your iPhone
  5. 5
    This new AI photo watermark remover is worrying
Design Magazine Subscriptions
(opens in new tab)
  • ●
Design Magazine Subscriptions (opens in new tab)
  • Try 3 issues for £/$/€3
From£3
(opens in new tab)
View (opens in new tab)

Creative Bloq is part of Future plc, an international media group and leading digital publisher. Visit our corporate site (opens in new tab).

  • About us (opens in new tab)
  • Terms and conditions (opens in new tab)
  • Privacy policy (opens in new tab)
  • Cookies policy (opens in new tab)
  • Advertise with us (opens in new tab)
  • Accessibility Statement
  • Careers (opens in new tab)

© Future Publishing Limited Quay House, The Ambury, Bath BA1 1UA. All rights reserved. England and Wales company registration number 2008885.