I was looking at the layout you posted and I noticed that, aside from the white borders on the squares and the b/w effect, you wouldn't know that the picture had been altered at all, whereas with the tutorial, the image doesn't line up exactly. Do you know what I mean? So I played around with DIP and here is how I managed to do it.
First I opened a copy of my original photo. Then I opened another.
My next step was to insert a square shape. I did not alter the size of the square, but if you do, be sure to copy and paste that square later instead of inserting a new one, so your squares are all the same size. Place the square and tilt it until you get it set up where you want it. (When your square is highlighted, there is a little yellow circle on top of it that you can use to make it rotate.)
My next step was to go to effects>fill with texture or colour and to select the second photo I had opened under my file stack. Then you simply resize the photo in your square until it matches exactly with the original. (Just line up the marquee lines along your original photo). The easiest way is just to move your little image up to line up with the top right hand corner of the first photo (your yellow box will be your guide) and then just stretch the lower left corner until all your yellow dots are on the 4 corners of the first photo.
Now that you have your new little square with the proper bit of photo in it, you can alter it. If you want that peice of the square to be black and white, you can change it now by going to effects>black and white while your little square is still selected. Now is also the time to go to effects>edges>highlighted and choose "thin over" (the second border). After clicking "Customize the edge", I made my default shape square, set my colour to white and set my edge width at 15 (but you can play around and choose what appeals most to you).
Keep creating your squares, placing them, tilting them, altering and bordering them until you are happy with your result. Shuffle your squares around in your stack until you are happy with the layering. You can then delete the bottom photograph from your stack so you are left with an uneven edge. Select all your squares and flatten them together to create one image. You can them save as a png file or copy the finished image into your DIP layout.
Ta-daa!!
It seems tedious, but it's easy and fairly fast once you get into it. It took a lot longer to write this tutorial. Whew!
Here's the completed project. I hope this helps! You can, of course, put shadows under all the squares before you flatten them together if you want (I didn't) and you can use filters on the squares instead of just the black and white options. Have fun with it!
