Home / Tutorials / Photoshop / Puzzleup your Picture

Puzzleup your Picture

In this Photoshop tutorial we are going to make a Puzzle, then we will mask our picture into it. We will not be using existing Puzzle, we will make Puzzle by our self. So many new things for you to learn, new techniques in this tutorial.

1. Lets start with a new empty file of size 560×400 px with RGB color mode and 72DPI resolution.

2. Now first of all, Create a New Group in layer panel, by clicking on Create a new group Icon:

3. Pick Rectangle Tool and draw a rectangle of size 50 px x 50px, having any color:

4. Right click on its name in Layer Panel and select Rasterize Layer. Now pick Ellipse Tool and draw an ellipse of size 20px x 20px, have same color as of Rectangle. But you have to put in center of the rectangle horizontally but 15px above the rectangle, so 5px should touch the rectangle. As shown below:

5. Press Ctrl+J to duplicate this circle and move it on the bottom of the rectangle, but this time 15px should overlap the rectangle and 5px below the rectangle. As shown below (for your convenience I’ve filled this circle with red color):

6. Now do the same thing with Horizontally this time as shown below:

7. Now select both layers of Red Ellipse and press Ctrl+E to merge these two Ellipses. Now select Rectangle layer and then click on the thumbnail of the red ellipse layer (which we just merged). It will bring marquee around ellipses, hit Del key to delete that part from Rectangle, press Ctrl+D to remove selection and then delete red circles by selecting the layer and hitting the Del key, and then merge it with other two black circles layers so that you should have the following object in one layer:

8. Now here is the part which will take some time, it needs your strong nerves, you have to duplicate this shape as many time to cover the whole stage as shown below:

9. Now we require the picture, which we are going to mask in Puzzle, I’m going to use this picture:

10. Now select the first puzzle and apply the following layer style to it:

11. Right click on the name of this layer and select Copy Layer Style, then select all other Puzzle layers and right click on it and select Paste Layer Style.

12. Now we have to copy the picture as many time as Puzzles are and we have to put One Puzzle and One Picture alternatively:

Looks very long process but it will take only few minutes, as simply paste the picture over the first puzzle and then use Ctrl+J and Ctrl+] again and again.

13. Now we have to mask every picture into its own Puzzle part, simply hold Alt key and click on between Puzzle and Picture layer, you have to click on for every picture so you will have this in layer panel:

Picture will become as:

14. Now select each Puzzle and Picture one by one and press Ctrl+E to merge each picture with its own Puzzle.

15. Now move some part away from its location and rotate these on different directions and give them normal shadow as:

16. As we have made all these things in a group, so goto Layer Panel and right click on the name of the group and select Duplicate Group, no need to give any name, simply hit <Enter> key and then press Ctrl+E to merge everything in one layer, and press Ctrl+[ to move it down the original Group. (remember to minimize that group so that you simply have to press Ctrl+[ once. Now give it the following Dropshadow property:

This final result should come:

About Wijdan Rohail

A professional Web/Graphic Designer, working as Freelancer since 2000. Designing is my passion, blogging is my hobby.

Check Also

Fried Egg Design in Photoshop

This Photoshop Tutorial will teach you some basic tools and commands of Photoshop. This Photoshop …

11 comments

  1. Please can you make a video tutorial…

  2. purchase electronic cigarettes

    Oh my goodness! Amazіng article dude! Thank you, Ηoωeveг I am
    encountering issues with youг RSS. I dοn’t understand the reason why I саnnot join
    іt. Is therе anybody getting іdentiсal RSS ρгoblems?
    Anyone that κnοws thе anѕwer
    will you κindly гespond? Thanx! Now the timе has сomе to enjoy my present, an eleсtгonic cigаret
    fгom Нealth eCigarette, a surprise coming from my brοther to quit smоking cigarettes.
    Cheers!

  3. Oh
    Fine tutorials this is look difficult but your system its make a very easy. Thanks a lot for your good tutorials.

  4. Awesome end result 🙂 This was a really interesting tutorial. Love the short step by step description, makes it a lot easier to understand. Very well done !

  5. WOW Its Amazing….

  6. would you please elaborate step no. 7.
    i am unable to do selecting and deleting.

  7. Too good !!!! I like this effect the most!

  8. Thank you so much for the thoughtful ideas you’ve shared in this article.

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: