I’ve gotten a lot of emails asking for a quick way to build puzzle animations. Usually the requests are to build them with no additional software or advanced graphics skills. They also added the words famous to all of us in the rapid elearning world…no time and no budget.
Building a puzzle animation is simple and only takes a few minutes. I built a quick demo of how this could be done just using PowerPoint. Click on the link to see the published version and then learn how I did it by reading the rest of the post.
Build a Puzzle
When building animations, the key is to trick the mind into thinking that what it sees is what it sees. In this case, we want it to look like puzzle pieces are added to the screen to build an image.
Instead of building individual pieces and adding them to the screen, what we really do is hide the complete image underneath the entire puzzle. As we remove the puzzle pieces, part of the image is revealed. This creates the illusion that we’re building a puzzle, piece by piece.
To create this effect, you’ll need a clip art image of a puzzle that can be ungrouped and modified in PowerPoint. A quick search of PowerPoint’s clip art will give you one.
- Ungroup the puzzle clip art and change the fill color to match the background color of the slide.
- Place the image that you want to reveal underneath the puzzle image.
- Duplicate the slide and then remove a puzzle piece from the clip art.
- Continue to do this until the entire image is revealed.
Here’s a tutorial to show you how I built it.
That’s it. Pretty simple, huh? In essence you’re just creating a hole that peeks into the layer beneath. So you’re really not limited to just the puzzle shapes. You can use it to create the illusion of images that are cut or sized to the screen area. So instead of actually editing the image, you just modify the “hole” that you place on top of it.
This is a quick and simple way to create a puzzle without having to do a lot of editing of your graphics. If you have some tips or tricks, feel free to share them in the comments section. Also, if you have some questions about other tips and tricks like this, feel free to send them my way. I’ll see about doing some simple tutorials.
Upcoming Events (2015)
- April 15 & 16 (Chicago, IL). Updated! Register for one or both days.
Day 1: How to Build Interactive E-Learning
Day 2: Use Articulate Storyline to Build Interactive E-Learning
- May 17-20 (Orlando, FL). ATD International Conference & Expo. Swing by the Articulate booth to say “Hello.”
- June 3 & 4 (San Francisco, CA). Updated! Register for one or both days.
Day 1: Learn to Create Your Own E-Learning Assets
Day 2: Use Storyline to Build Interactive E-Learning
- June 12 (Austin, TX). Use Storyline to Build Interactive E-Learning. Updated! Register here.
Elearning Heroes Roadshows
We’re hosting a series of two-day elearning workshops that focus on practical tips and tricks. You can register for one day or two days.
Complete this form if you’re interested in presenting or want to submit an idea for a presentation. Presenters attend the workshop for free.
- Toronto: June 17 & 18
- Seattle: August 4 & 5
- Vancouver: September 23 & 24
- Philadelphia: October 28 & 29
E-learning Community News
- Learn: Want to learn more about elearning? Check out these articles and free resources in the community.
- Get hired: Job board for elearning, instructional design, and training jobs
- Participate: Weekly challenges to sharpen your skills and show off what you’ve done. Great way to learn and get feedback.
- Resources: Free PowerPoint templates, free elearning templates, and free e-books. Updated all the time.
- Inspiration: Cool elearning examples.