Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Sign in to follow this  
Rss Bot

How to design for print in Affinity Designer

Recommended Posts

Recently, I was asked by French designer Fabien Barral of Mr Cup Studio to contribute to his beautiful Letterpress Calendar project. As part of this crowd-funded project, 13 designers were each given an inspirational phrase to incorporate into their design. My phrase was: If everything has already been done, try doing it even better. 

dtj28JkPPyHQHdbEmAoXqD.jpg

This was the perfect opportunity to show what I could do in Affinity Designer, the Apple Award-winning vector graphics editor from Serif. I discovered Affinity Designer simply by chance online, and snapped it up when it was first released. I played about with it a few times, but I only really started to use it when my subscription to Adobe had ended. From there I decided to switch to Affinity full-time.

jAaVpaGNWh6Ha57BKySh7k.gif

The first thing that really grabbed me about Affinity Designer was the sheer speed of the software and how intuitive and fun it was to use. There are so many features I love – especially the Symbols tool, which I will go into a little more depth about below. This software is a great option for professional designers and, given the price, there’s no excuse not to own it, even if you’re just using it as a backup.

For the Letterpress calendar, I was given free rein – the only requirement was that the piece included my given phrase. It was an opportunity I couldn’t pass up! Here’s a step-by-step guide to how I created by piece, with some tips for making the most of Affinity Designer.

01. Set up your project

JgVhBXcLDDTvE7oXW8fJVH.png

Click the icon in the top right to enlarge the image

In my work I almost always use a grid, because this allows me to quickly and accurately check the spacing of my lines and keep things contained. With the calendar piece I needed to fit a lot of detail into a small frame, so had to make sure my design was accurate and symmetrical from the start. 

02. Try the snapping feature

KZGPhui4L3Lbzm5mqphQMR.gif

One feature I love using is the ability to snap your lines to the grid. This makes precise linework very straightforward and helps streamline and speed up the design process, leaving you time to experiment.

I almost always work in mono-line and aim for utmost precision, as this can make or break a piece of work. You don’t want to let down a great concept with sloppy execution. Affinity Designer easily matches any other software for its precision, with the ability to zoom in over 100 million per cent.

03. Build your basic frame

s6avH5vD8Q32DeNTeZg8We.gif

At this stage you want to build a basic frame that all your detailing will fit inside. This saves a lot of headaches, as you can be sure all the work you’re doing is in the right place. I usually go for a square or circle and build into it, adding smaller frames and filling the inners with hatching. 

04. Add hatching in the gaps

Creating hatching in Affinity Designer is easy. Create a vertical or diagonal line using the Pen tool and simply hold cmd/ctrl and drag in the direction you wish the hatching to run in, then press cmd/ctrl+J repeatedly to duplicate the line as many times as you need.

You don’t just have to use hatching, you could use a small repeated pattern – just be careful you don’t make your design too complicated, or it may be lost in print.

05. Add detail with the Rotate and Duplicate tools

7ME7cAFN5o3r4TWurkRh3k.gif

In my design I wanted to repeat the dots that appear around my vine motif. To do this, firstly make a circle to acts as a base to rotate around (this will later become part of my vine motif). Create a smaller circle above the base circle. Then with the smaller circle selected, use the Show Rotation Center tool from the top bar, and drag the crosshair symbol into the centre of the base circle. 

Holding down shift+cmd, drag the smaller circle around the circumference of the base circle until you reach the angle of your choosing, and release. From there press cmd+J to duplicate the smaller circle around the base. It takes a little playing about to get things spot on and a little time to ensure your pattern is evenly spaced around the base.

06. Use the Symbol tool for pattern work

C6KF8jxxh8QdFyZPVXcL8k.gif

The Symbol tool in Affinity Designer is a genius feature that speeds my workflow up massively. With it, I’m able to create an object and mirror it in real-time. I can repeat the design as many times as I wish, anywhere on my artboard.

This enables me to create patterns incredibly quickly, and see whether a concept will work as I’m designing it. This feature makes me work in a completely different way – I’ve come up with visuals I would have had difficulty dreaming up without it.

07. Prepare your work for print

Yeaza7r8iixSNj6mrqVrGk.gif

When preparing this illustration for print, I had made sure to group up specific segments of the piece (as pictured in the GIF above). This helped me hugely when it came to export this piece, as there were a whopping 4,578 separate objects. 

From there I was able to easily expand the strokes and use the Pathfinder tool to join up all my overlapping objects. The aim is to end up with as few objects as possible, in order to minimise the chance of any details or information being lost in the printing process.

6Rf9K39kNWeCJehyzeQLx7.jpg

Get 20% off the official Affinity Designer Workbook

Affinity Designer, winner of an Apple Design Award, is available now for Mac and Windows, with an iPad version in advanced development. You can learn how to do similar projects to this with the help of the official Affinity Designer Workbook, which is currently available with 20 per cent off. It’s full of information ranging from core skills, design tips and tricks, to advanced techniques. The book takes you through the whole journey using enjoyable, easy to follow projects. Buy your copy now.  

View the full article

Share this post


Link to post
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.

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.

Sign in to follow this  

×