Using Director
by Vivienne Trulock
Jigsaw
Created and designed by Vivienne Trulock for ilikecake, 2005
Creating Jigsaw-shaped Pieces in Photoshop.
Open your image in Photoshop.
Create a new layer.
Use the rectangular marquee tool to draw a square/rectangular shape of the approximate size of the jigsaw piece in the top left hand corner
Stroke it with a line of one pixel (edit / stroke)
Duplicate the layer (right click on layer and select 'duplicate layer') and move the new layer across the image with the move tool so that it overlaps with the first.
Layout Shapes
Continue doing this until the top row is filled.
Turn off the image layer and merge visible (layer > merge visible)
Copy and paste the new layer down the image this time. Over lap the boxes like a 'wall'.
Merge visible again so that all the boxes are on one layer.
Create Interlock
Select the circular marquee tool.
On a new layer, draw the rounded piece at the edges of the rectangles, to create the jigsaw shape
Repeat this throughout the image, by duplicating the layer and using the move tool to reposition it.
Merge visible again
Use the eraser tool to remove the overlapped area
Jigsaw Pieces
At this stage you should have 2 layers.
Use the magic want tool to select the area outlined by the jigsaw piece.
Click on select / modify / expand and expand the selection by 1 pixel. This is so that we are selecting the whole area of the shape, not just the inside of it. If we didn't expand the selection, then we'd have a 1 pixel gap in the final jigsaw.
Select the original layer again.
Use the copy command (edit / copy OR ctrl c) to copy the area.
Paste into a new file, with a transparent background
Continue to do this for each shape.
Import into director as a transparent .psd for best quality.
you should get some images which look like these. You can then use them to make a 'real' jigsaw.
