Puzzleup Your Picture – Photoshop Tutorial

Categories Photoshop, Pictures, TutorialsPosted on

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:

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

12 comments

  1. Pingback: 40+ Photoshop tutorials That Will Make You A Pro! | news 4niger
  2. 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. Pingback: 31 Fresh And Best Photoshop Tutorials From 2011 | 1step web design: Best for developer and designer
  4. Pingback: PHOTOSHOP’LA FOTOĞRAFINIZI PUZZLE’A DÖNÜŞTÜRÜN | vektograf

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.