Home Photoshop Photoshop CS5 Tutorials Create a Fascinating Puzzle Effect in Photoshop CS5

Create a Fascinating Puzzle Effect in Photoshop CS5


A puzzle is a problem or enigma that tests the ingenuity of the solver. In a basic puzzle, one is intended to put together pieces in a logical way in order to come up with the desired solution.

So today, in this tutorial we will learn that how to create a puzzle effect with any image in photoshop CS5. If you are beginner, intermediate and advance Photoshop designer you can easily create your own puzzle effect. This tutorial just take your 30 minutes to make such a amazing effect. So feel free and remember to share your opinions with us.

Create a Fascinating Puzzle Effect in Photoshop - Final Preview

img

Final Preview

Lets start to create fascinating puzzle effect in in photoshop.

Step 1

Create new document (Ctrl+N) with 700x500 of size.

img

Create New Document

Step 2

First of all Add BMW Car Image in photoshop

img

Add BMW Image

Go to Edit > Free Transform or press (Ctrl+T) to transform car image, and set it to the whole canvas.

img

Transform Car Image Layer

After set car image we get this result.

img

Get This Result

Step 3

Now duplicate car image layer one time (Ctrl+J) then create a new layer (Shift+Ctrl+N) center of both car and duplicate car image layers and fill with black color.

img

Create a New Layer

Step 4

Now we are going to add the Puzzle Texture in photoshop, select duplicate car image and go to Filter > Texture > Texturizer and set this settings.

img

Set Texturizer Settings

Now click the arrow button and select Load Texture option as like in preview.

img

Select Load Texture Option

Now a window opened, select puzzle texture and click OK then puzzle texture applying on duplicate car image layer as like in picture below.

img

Select Puzzle Texture

After applying puzzle texture, here we get a beautiful effect on duplicate car image.

img

Get Beautiful Effect

Step 5

In this step select Pen Tool from tool panel and create a puzzle path as like in preview.

img

Create a Path

After create path right click on path and select (Make Selection) option to create a selection.

img

Make Selection Option

Now go to Layer > New > Layer Via Cut, after this implement, selected area cut in to a new layer name it layer Puzzle.

img

New Layer Created

Step 6

Select puzzle layer go to Edit > Transform or press (Ctrl+T), rotate it and set it little bit left side.

img

Transform Puzzle Layer

After rotate puzzle layer we get a new result.

img

Get a New result

Now go to the Blending Options and applying Drop Shadow on puzzle layer.

Go to Layer > Layer Style > Drop Shadow.

img

Drop Shadow

After applying drop shadow here we get a nice effect on puzzle layer.

img

Get a Nice Effect

Step 7

Select duplicate car image layer then select Pen Tool and create a path as like in preview.

img

Create a Path

right click on path and select (Make Selection) option to create a selection.

img

Select Make Selection Option

After create selection hit Delete button to delete selected area then press (Ctrl+D) to deselect selection, we get a new result.

img

Delete Selected Area

 Step 8

Repeat step 6 and step 7 to make more puzzle effects as like in picture below.

img

Make More Puzzle

Step 9

Select Pen Tool again create a path to the whole picture as like in preview.

img

Make a Selection

After create path right click on path and select (Make Selection) option then a selection created.

img

A Selection Created

Now press (Shift+Ctrl+I) to inverse the selection.

img

Inverse The Selection

Hit delete button to delete the selected area then press (Ctrl+D) to deselect the selection and applying white color #ffffff on black background layer.

img

Delete Selected Area

Go to the Blending Options and applying Drop Shadow on duplicate car image layer.

Go to Layer  > Layer Style > Drop Shadow.

img

Drop Shadow

After applying drop shadow we get new result.

img

Get New Result

When we complete all steps we get our puzzle effect photo in final preview.

Final Preview

img

Author's URL: tutorialchip.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
More Photoshop CS5 Tutorials: Featured Materials | Fresh Materials


Like us to: