Creating Puzzle Pieces

Affinity Designer Video Tutorials

Creating simple puzzle pieces using Boolean operations

In this mini tutorial, I explain two simple approaches to creating puzzle pieces using
– Snapping,
– Boolean operations [Add and Subtract], and
– Compound groups for a more complex and varied approach.

Working with compounds

Compound groups allow quick variations to puzzle pieces by changing the settings [Add or Subtract] of the connector shapes in the layer panel.

2Dgameartguru - spacer
2Dgameartguru - spacer
2Dgameartguru - spacer

Affinity Designer Mini Tutorial – Easily Align Puzzle Pieces using a Grid

In this 2nd mini tutorial on puzzle pieces, I explain an easy way to set up and align a larger number of pieces by using
– Grids,
– Compound groups, and
– Symbols

After facing some snapping issues in the first video, ‘Creating Puzzle Pieces’, I use a grid in this mini video. By reducing the shapes to the core square, it’s easy to align them to a grid. Place a larger number of pieces precisely and connect them properly.

2Dgameartguru - spacer
2Dgameartguru - spacer
2Dgameartguru - spacer

Adding Content Inside Puzzle Pieces

In this mini tutorial, I show different ways to add content to puzzle pieces by using:
– Mask to Below with compound shapes,
– Separate clipping masks, and
– a single contoured and combined mask.

When clipping content to a shape, the clipping mask is the easiest and fastest approach. Compound groups can’t be turned into clipping masks. They need a different approach.

2Dgameartguru - spacer
2Dgameartguru - spacer
2Dgameartguru - spacer

Adding Content Inside Puzzle Pieces – v2 bug

In the last mini tutorial, I used a single contoured and combined curve to act as a clipping mask. A kind user approached me with a problem with this workflow in v2. It’s simply not working! When clipping content to a shape, the clipping mask is usually the easiest and fastest approach, but in v2, dividing a complex curve loses the content inside the mask. The Gradient Fill Tool’s Bitmap option offers a working alternative.

2Dgameartguru - spacer
2Dgameartguru - spacer
2Dgameartguru - spacer
2Dgameartguru - spacer

I hope you enjoyed these videos and maybe even learned something new. If you did, please subscribe to my channel, turn on the notifications, and leave a like and a comment.
Your feedback is very important to me! Let me know what you think about the video or what you would like to see on the blog.

2Dgameartguru - spacer

Check out more video tutorials on the youtube channel!

2Dgameartguru - spacer
2dgamearguru - working with compounds
2Dgameartguru - spacer
2Dgameartguru - spacer
2dgameartguru - cute and colourful character design
2Dgameartguru - spacer