Jump to content
Sign in to follow this  
GarryP

Sheet of simple jigsaw pieces

Recommended Posts

I recently read about someone paying to get some simple jigsaw artwork and thought it was a shame they had to do that, so I decided to create some shapes that could be usable for free.
Attached is a sheet of jigsaw shapes that are customisable (compound layers, just adjust as necessary) and should fit to any regular grid (after proportionally resizing the shapes).
Apologies for the terrible names of the layers but I think it’s fairly easy to figure out which one is which.
I’ve also attached some images showing:
1. The basic shape sheet.
2. A simple use of coloured shapes.
3. A more ‘artistic’ use with 3D and embossing.
The shapes are usable in all Affinity applications: Designer, Photo and Publisher.
You can use these shapes for anything you want, entirely for free, without restriction or attribution.

basic jigsaw pieces.afdesign

jigsaw-basic-state.png

jigsaw-example-2.png

jigsaw-example-1.png

Share this post


Link to post
Share on other sites

Excellent! Thanks for sharing! :-)


Lenovo laptop with Intel Core i7, 16 GB RAM, Windows 10 Home. Former user of most Serif software from PagePlus 3.0 through PagePlus X9, now enjoying Affinity Designer, Photo, and Publisher.

 

Share this post


Link to post
Share on other sites

You’re welcome.
I think it’s worth noting that you can adjust either the “Inny-up” or “Outy-up” shapes to create other pieces that don’t already exist by changing the geometry mode of some layers or switching some compounded layers off. (These two shapes are exactly the same but one has been rotated by 90 degrees.)
This attached GIF shows some quick examples.

jigsaw-modification.gif

Share this post


Link to post
Share on other sites

Hi @GarryP .  This is really nice, but I am trying to fill the puzzle shapes with images, with zero success.   Is that possible, and if so, how do the puzzle pieces differ from other shapes (which I know how to fill)?  I am obviously doing something wrong.


21.5 iMAC Retina 4K display. MacOS Sierra v. 10.12.6 (which I am not changing).  3.1 GHz quad-core Intel Core i5, Turbo Boost up to 3.6 GHz.  Memory 8 GB 1867 MHz LPDDR3.  1TB Fusion Drive.  Intel Iris Pro Graphics 6200 1536 MB.   iPad Pro 12.9, iOS v. 12.3.1, Apple Pencil.  Affinity Publisher 1.7.3, Affinity Photo 1.7.3, Affinity Designer 1.7.3. 

Magic mouse.9_9

Share this post


Link to post
Share on other sites

Thanks jmwellborn.
I don’t think you’re doing anything wrong; it looks like it’s something to do with how the software processes Compounds.
As far as I can tell, an object placed in a Compound is temporarily ‘converted’ to just its shape. This means that the outline/fill/image/etc. are stripped away leaving just the vectors that make up the shape.
So, when you try to place a rectangular image inside one of the jigsaw pieces, that rectangular image is ‘converted’ (albeit temporarily) into just a rectangle with no other features. In other words, while something is in a Compound it’s just a shape and nothing else.
This sounds sensible as, otherwise, a Compound could have all kinds of colour and contents which would be confusing.
However, you can place an image inside a jigsaw piece by converting the piece to curves.
Therefore, to make a full jigsaw sheet:
* get the pieces as you want them;
* convert them all to curves (can be done en masse);
* place your image at the top of the stack;
* duplicate the image as many times as you have pieces;
* drop an image inside each piece.
My attached image shows one example.
I hope this helps.

jigsaw-with-image.png

Share this post


Link to post
Share on other sites

Adding single image in one go:

  1. Ctrl+A>convert to curves>Ctrl+A>group
  2. Select the group object in the layers panel.
  3. Select fill tool(G)>bitmap>choose your bitmap with setting wrap and lock aspect ratio
  4. This will look repeated but;
  5. Move just one of the handles of the bitmap fill a bit.
  6. Fit and Rotate to your liking
  7. Ctrl+clicking a child of the group, you can move/rotate it or edit further.
  8. Or simply ungroup the whole puzzle and you have separate pieces.

To replace the image of the puzzle:

Place all pieces back together and group them back together(if ungrouped) and repeat the above 2-8 steps.

PuzzleFill.thumb.gif.c3b23f3ec97f89f44f6cdcaeacfed07a.gif


-------------------------------------------------------------------------------------------------------------------------------
Win10(1903)Home / Photo / Designer / Publisher & latest (beta) versions

Share this post


Link to post
Share on other sites

Thank you so much @GarryP and @haakoo !  You are both splendid!!  I was trying to make a puzzle of 14 different dogs but will settle for 14 different dog puzzles.   Such fun, now that I have the magic steps.


21.5 iMAC Retina 4K display. MacOS Sierra v. 10.12.6 (which I am not changing).  3.1 GHz quad-core Intel Core i5, Turbo Boost up to 3.6 GHz.  Memory 8 GB 1867 MHz LPDDR3.  1TB Fusion Drive.  Intel Iris Pro Graphics 6200 1536 MB.   iPad Pro 12.9, iOS v. 12.3.1, Apple Pencil.  Affinity Publisher 1.7.3, Affinity Photo 1.7.3, Affinity Designer 1.7.3. 

Magic mouse.9_9

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.