Unfinished Jigsaw Puzzle

Resources:

Golden Metal Gradients from deviantart.com

_______________________________________________________

This will be the finished result:

Unfinished Jigsaw Puzzle

Click on the image for full size view

____________________________________________________

Open a new document, 1200 x 750, 72px resolution, background contents White

Create a new layer

Fill the layer with white

Double click on the layer to bring up the blending options and apply the following Pattern Overlay settings:

Pattern Overlay Settings

Open the picture you are going to use

Image>Image Size – set width to around 1000px, auto height

Select>All

Edit>Copy (Ctrl + C)

Make your project active

Edit>Paste (Ctrl + V)

Duplicate the layer

Filter>Texture>Texturiser

Click on the small arrowhead next to the Texture setting

Click on Load Texture

Load Texture

Navigate to Photoshop’s Textures folder (usually C:\Program Files\Adobe\Adobe Photoshop CS3\Presets\Textures)

In that folder you should find the file Puzzle.psd – click on it to load it

Apply the following settings:

Puzzle Texture Settings

Zoom into your project

Select the Pen Tool applying the following settings:

Pen Tool Settings

Create a path with the pen around some puzzle pieces in the centre of the jigsaw

Right click inside the path, click Make Selection

Edit>Copy

Select>Modify>Expand – set to 2, click OK

Making sure the jigsaw layer is active, hit the Delete Key

Edit>Paste

Turn off the visibility of the jigsaw layer

Using the Pen Tool, with the same settings as previously, cut out each piece of the jigsaw and cut and paste it onto its own layer

Now we have to do some very repetitive work, so we will create an action

Make sure one of your jigsaw piece layers is active

Click on the Actions Palette to open it

Click on the small arrowhead in the top right corner

Click on New Action

Give your action a name, and click Record

New Action

Ctrl + Click on the thumbnail of the active layer in the layers palette to select the pixels

Select>Modify>Contract – set to 3, click OK

Select>Inverse

Hit the Delete Key

Ctrl + D to deselect

Click on the Stop button (square) at the bottom of the actions palette

Click on each of your jigsaw layers and run the action to clean up each piece

Restore visibility to the jigsaw layer

Using the Move Tool, move the jigsaw pieces as required

Ctrl + T to transform the object if you want to rotate any pieces

When you have the pieces laid out as desired, turn off the visibility of all layers except the jigsaw-piece layers

Right click on any visible layer and click Merge Visible

Double click on the layer in the layers palette to bring up the blending options and apply the default Drop Shadow settings:

Drop Shadow Settings

Create a new layer

Select the Rectangle Tool

Set foreground colour to white

Set the rectangle to fixed size as shown below:

Rectangle Size Settings

Click once on the canvas to apply the rectangle

Drag the duplicate picture layer to the top of the palette

Select the Rectangular Marquee Tool

Ctrl + T to transform the object

Holding down the Shift Key to maintain the proportions, scale the image down to fit onto the white rectangle:

Resized Picture

Create a new layer between the top 2 layers

Select the Rectangular Marquee Tool, make sure the options are set to Unconstrained:

Rectangle Settings

Drag out a rectangle a little bigger than the picture

Set foreground colour to #EDC752

Select the Paint Bucket Tool and click in the selection to fill it with colour

Rectangle Placement

Select>Modify>Contract – set to 6, click OK

Hit the Delete Key:

Border

Double click on the layer in the layers palette to bring up the blending options and apply the following Gradient Overlay settings:

Gradient Overlay Settings

Turn off the visibility of all layers except the border and small picture layer

Right click on either visible layer and click Merge Visible

Restore visibility to all layers

Using the Move Tool, move the picture and border to the top left corner of the box

Select the Text Tool, font of your choice (I used Elephant), foreground colour black

Type the name of the puzzle under the picture

Right click on the layer in the layers palette and click Rasterize Type

Double click on the layer in the layers palette to bring up the blending options and apply the following Color Overlay and Drop Shadow settings:

Blending Options Settings

Select the Text Tool – for this layer I used Garamond, Italic, 24pt, foreground colour black

Type the amount of pieces and ‘Jigsaw Puzzle’, each word on a new line so it fits in the column to the right of the picture

Create a new layer

Make a small logo of your choice to fit into the bottom right corner

Turn off the visibility of all layers that do not make up the box-top

Right click on any visible layer and click Merge Visible

Restore visibility to all layers:

Box Top

Create a new layer

Select the Rectangle Tool

Set foreground colour to #EDEBEB

Drag out a thin rectangle along the bottom edge of the box

Ctrl + T to transform the object

Right click in the transform box and click Skew

Drag the bottom middle handle to the right

Right click in the transform box and click Scale

Resize the rectangle to fit along the box-top edge

Create a new layer

Select the Rectangle Tool

Drag out a thin rectangle down the right side of the box-top

Ctrl + T to transform the object

Right click in the transform box and click Skew

Drag the middle right handle down to meet the skewed corner of the previous layer

Right click in the transform box and click Scale

Manipulate the size of the rectangle so it fits along the box-top edge and abuts the mitre corner of the previous layer

Right click on the layer in the layers palette and click Merge Down

Repeat this step so your box is contained on one layer

Ctrl + T to transform the object

Rotate the box slightly and move it to the top right corner of your jigsaw puzzle

Unfinished Jigsaw Puzzle

Click on the image for full size view

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: