Dreevoo.com | Online Learning and Knowledge Sharing
 
Home | Programs | Adobe Photoshop | Photo effects | Turn photo into a Puzzle Photoshop tutorial
Guest
Click to view your profile
Topics
Programs
Languages
Recipes
Home
Shortcuts
 
 

Turn photo into a Puzzle Photoshop tutorial

In this tutorial we will take a random photo and make it look like an unfinished puzzle.

 
  Author: mat | Version: CS5 | 8th January 2012 |  
 
 
1.
 

Open a picture you want to turn into a puzzle.

This is a photo of  a prehistoric fish model I took in the Natural History Museum in Vienna while being on a trip in Austria (Europe). Click here for the link to Natural History Museum.

 
 
2.
 

Press Ctrl + J to duplicate the layer.

Select the original layer (Background) and Create a new layer.

 
 
3.
 

Press D and then X to select the white foreground color.

Press Alt + Delete to fill the layer with white color.

Select the duplicated layer (see picture)

 
 
4.
 

Click here to download Adobe's Puzzle texture.

Unzip the downloaded file and copy the Puzzle.psd into some folder.

You can copy it into C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Textures

In the menu click  Filter, Texture and choose Texturizer...

In the new window click the little down arrow and choose  Load Texture... (see picture)

 
 
5.
 

... browse to the folder where you copied the Puzzle.psd file and open it.

 
 
6.
 

Choose the similar settings to mine (depends on how big your picture is) and click OK.

 
 
7.
 

This is how it should look like by now.

 
 
8.
 

Now choose the Pen Tool.

 
 
9.
 

And select a random puzzle like I did (see picture).

Click here for the lesson on how to use the Pen Tool.

 
 
10.
 

Press Ctrl + Enter to turn path into selection.

 
 
11.
 

Make sure you have the duplicated layer selected.

Don't worry if you can't see a Shape 1 layer like in my case.

 
 
12.
 

In the menu click Layer, New Layer and choose Layer Via Cut.

Press Ctrl + T and rotate the puzzle a bit to the side (see picture).

Press Enter to confirm the changes.

 
 
13.
 

In the menu click Layer, Layer Style and choose Drop Shadow...

Choose the same settings as I did and click OK.

A puzzle just got a little shadow.

 
 
14.
 

Again choose the duplicated layer (see picture).

 
 
15.
 

And select another random puzzle.

Repeat the steps 8, 9 and 10.

 
 
16.
 

Press Delete to remove the selected puzzle.

 
 
17.
 

Now make a selection similar to mine (see picture) and press Delete.

You can use a Magnetic Selection Tool if you are not yet comfortable using the Pen Tool.

 
 
18.
 

This is how mine looks like at this point.

 
 
19.
 

All we need to do is create a little shadow.

In the menu click Layer, Layer Style and choose Drop Shadow...

Choose the same settings as I did and click OK.


 
 
20.
 

And your Puzzle is done!

Well not really, there are still some pieces missing ;)

 
 
 
   
  Please login to post a comment
   
 
 
online learning made for people
Dreevoo.com | CONTRIBUTE | FORUM | INFO