cutedevilz Blog: Tutorial How to Create Puzzle Effect

By: Unknown on 2:32 AM

In this tutorial I used CS6 portable, and some other Photoshop has no Puzzle Texture you can go to this link and download puzzle texture http://phildo1965.deviantart.com/art/Puzzle-Texture-125851636 after you download this file copy and paste it into this folder Computer>Local Disk>Program files>Adobe Folder>Photoshop folder>Presets>Textures.

Tutorial How to Create Puzzle Effect

1. Open your image from the Photoshop that you want to make a puzzle effect”

· File>Open> or Simply “CTRL + O”

2. Duplicate the image or the Background Layer.

· Click the Image>Layer>Duplicate Layer or Simply “CTRL + J”

· Refer to the image below.

3. Create new layer and place it between the 2 image and then fill the layer with color black or any color that you want.

· Layer>New>layer or Simply “CTRL + SHIFT + N”

· Edit>fill or Simply “Shift + F5”

· Refer to the image number 3 after adding Fill.

4. Adding Texturizer, Click the first image or the layer 1.

· Filter>Texture>Texturizer.

5. Load The “Puzzle” Texture. After adding a texturizer it will prompt another dialog refer to the image 1

· Click the Load texture refer to the image 2

· After Clicking Load Texture it will prompt a Dialog Box and look for the puzzle under the folder Textures,

· You can adjust the Scaling & relief depends on what you want in my case I use 64 for Scaling and 3 for relief and this would be the result image 3.

6. Tracing and Removing the piece of puzzle

· Click the Pen Tool or Simply Click “P”

· Trace the piece of puzzle using the Pen tool refer to the image 1

· Convert it into a selection

i. “CTRL + Enter” refer to image 2

· Cut the Selection into its layer this will add another layer refer to image 3

i. Layer>New>Layer Via Cut or simply “CTRL + Shift + J”

7. Move and Rotate the Puzzle Piece with Free Transform.

· Ctrl + T to make a free transform and you can move and rotate the piece of puzzle (to rotate place the mouse cursor to the side of the puzzle until the mouse cursor become rotate cursor) refer to the image below.

8. Adding a Drop Shadow to the layer 3 or the piece of the puzzle that I cut before.

· Click the fx icon below the layer refer to image 1.

· Under fx click the drop shadow and it will prompt another Dialog Box refer to image 2 and you can adjust the shadow anything you want and this would be the result refer to image 3.

9. Repeat the Step 6 to 8 it depends on how many piece of puzzle you want to create take note that if you create piece of puzzle your layers must set into a layer 1, this is my image after repeating the Step 6 to 8.

10. Adding Drop Shadow to Layer 1 proceed to step 8 on how to add drop shadow. As you notice nothing happened because the background color for the layer 2 is set to black.