Create a puzzle piece outline for your images using the shape builder tool in Illustrator. Then bring the puzzle pieces path from Illustrator and lay it over an image in Photoshop, add some layer styles, and watch this effect come to life.
Sprite sheets allow designers to combine multiple images in one place and then call different sections of the image to display. By loading an entire sprite sheet into memory, it helps to avoid image swamping that will slow things down. Brand new features in Fireworks CS6 will slice up an image, give each part a name and export the CSS to use with them. Watch this video to find out how.