How to Make a Jigsaw Puzzle?
Apr 07, 2011
Hello E-Learning Rock Stars -
Does anyone know about about an online (and ideally FREE) jigsaw puzzle generator? A tutorial on how to make my own in PowerPoint would be a great second choice if anyone knows of one.
I want to have individual jigsaw pieces with different phrases on them, animate them to come together to form a larger shape (with the puzzle lines still showing) , and as soon as the pieces come together have the words fade out and the project logo appear across the puzzle.
I know it's possible. It's just a matter of how long it will take me to figure it out. I'm learning to check in with this amazing community before spending half a day attempting something by trial and error.
Thanks in advance for your suggestions!
Natalia
35 Replies
http://www.flash-gear.com/puzzle/
I find that http://generatorblog.blogspot.com/ is a REALLY great source for lots of instantly generated pictures/flash files
You can do this in CS3 Fireworks or in Gimp.
Thanks guys!
Kayla- Thanks for that great resource
James- That's awesome. I haven't used Gimp yet, but I bring my MAC with me to work every day so here's my chance. I'm assuming I can just save every individual piece as a jpg and bring them in to ppt to manipulate and animate.
You just need to break apart the image. One thought that just dawned on me is to use shape subtract on pptx 2010 to create a jigsaw eftect as well. I know there are puzzle pieces in clipart and I'm curious if you simply applied them to an image if you couldn't do the same thing as gimp, but Gimp's option is pretty cool and easy to use.
I just spent about an hour looking for the tutorial done about a month back about using "fill with background" to create a split picture.
It was a three part tutorial. If anyone could find it that would be helpful.
Basically though, if you make your picture the background...make some jigsaw shapes freeform, click "fill with background" and then change the pictures a tiny bit (edit points) it will capture what was the background even if you move it.
Then you could change the background to something else and you would have all your little jigsaw pieces which could move together.
Sorry if that doesn't make sense to you, wish I could find the tutorial, he says it better than me.
Unfortunately, I don't have 2010. It was a big deal in my office for me to get 2007. Kayla, do you remember if that was a 2010 tutorial? If I get a chance today I'll look for it and post it to the group. If not, maybe the Articulate Staff knows where it is. They're amazing resources.
No it definitley works in 2007.
I use "fill with background" all the time. It is one of my favourite tools, and I only have 2007.
Edit points exists on 2007 too, you just have to click "convert to freeform object" first if it started out as a powerpoint object. My instructions above will work, but the tutorial is more detailed. I'm sure someone on the forums can find it.
Hi all! Here's a resource from Tom's blog that might help.
http://www.articulate.com/rapid-elearning/build-a-puzzle-animation/
I needed some puzzle pieces to come together to form a square so I ended up with this. Needed something fast and quick so the expense was worth it for me.
Jeanette,
Don't think that's what she is looking for. She is looking for the solution provided by gimp. Here is a Photoshop tutorial but again, I would use gimp or Photoshop.
http://csscreme.com/tutorials/photoshop-tutorials/create_jigsaw_puzzle_effect_for_photos_photoshop_tutorial
Gerry
Jigsaw maker is $29.99 US
and Gimp = $0.00 US.
I think I would use Gimp. However Tom's solution could be used with CS Fireworks to create the pieces but it would take a while to create.
Thanks, James.
Looking at Gimp is on my wish list. Probably could done it in Xara also, which I use a lot. So many programs, so little time . . .
The add-in was pretty intuitive and I had it done in two minutes after installing it, which, at the time, was well worth it for me. Didn't want to learn a new program then. I've only got a 64K mind sometimes in an 8-gig world.
Don't you mean a 1 byte mind in a 64Bit world?... LOL just kidding...
Thanks Jeanette. James is right, though. Ultimately, I need individual puzzle pieces that I can animate. Once I make the separate pieces, I'm going to animate the pieces to come together and form a solid picture by reversing the motion paths... something I learned from you!
https://player.vimeo.com/video/204926765
Fantastic trick. I can't tell you how much time I've wasted trying to line up the end point of motion paths perfectly. If the rest of you don't already know how to do that, check it out! (or maybe I was the last person to know how)
Hey, I resemble that remark.
Hi Natalia,
Here's the Screenr by David Fair that I think Kayla meant https://player.vimeo.com/video/149032443 Another option, if you have Photoshop you can download free actions that will turn a picture into a puzzle.
Linda
I had used an online Jigsaw tool, and copy pasted the html code into my module. But after 2 years, I found it's all gone.
If you are designing a course with a small shelf life, you may go for online tools. But if you want a `long term' solution, gimp / PPT is better.
Here is a PPT with Jigsaw that I had collected long back. If you are looking for a 16 piece jigsaw, this is just what you need. But if you need to add or reduce a few pieces, there's a little bit of work.
Linda and Poornima - Thanks to you both. With all examples and tutorials everyone has added I have learned all kinds of new stuff and I should be able to make this thing no problem. Thanks to all for your input! You're the best
For all those on a budget I downloaded gimp from cnet
http://download.cnet.com/GIMP/3000-2192_4-10073935.html?tag=contentMain;contentBody;1d
These are great.. Thanks guys for sharing !!!!
You can make yours professionally at Printerstudio. They're not free but they're definitely not expensive either at under $10. I made mine there at the end after trying to make my own at home.
Natalia - Does this help?
Nice, Randy! Thanks for sharing that!
Thank you, Randy!
I'll be looking for reasons to use that. Really well done.
This discussion is closed. You can start a new discussion or contact Articulate Support.