Narrowband.org

Today I’m gonna spend some time to share with you how to produce something like this:

This was a special request by Eunice, who was clearly hungry for more tricks after reading my previous Photoshop entry (by the way, she turns 23 today, so Happy Birthday Eunice!). She showed me an example on Ladyshanice’s blog (I was told that she was some beauty queen… which I’m not surprised), and she said that she wanted to produce something similar. To be honest, I hadn’t done this before but it shouldn’t be too difficult. Let’s try it, step-by-step:

Note: Here I shall assume you already have 9 photos, and all of them have been resized to 175 x 200 pixels. (Read my entry on How to Resize Multiple Photos in Photoshop).

Step 1: Open all the 9 photos in Photoshop.

Step 2: Create a new canvas by going to File -> New… (alternatively, hit CTRL+N). Define the Width to be 175 pixels, and Height to be 200 pixels. Click OK.

Step 3: Use the Move Tool to drag one of the photos into the newly-created canvas.

The photo will snap itself perfectly into place. We shall call this photo “Layer 1″. You may close the original photo now as it is no longer needed.

Step 4: Repeat Step 3 to drag the next photo over. We shall call this photo “Layer 2″.

Step 5: Repeat Step 3 again until all 9 photos have been dragged over (9 layers).

By now you should have closed all the original photos as they are all no longer needed. You can toggle the visibility of Layer 9 by clicking the ‘eye’ icon.

Step 6: Next, we insert a greyish frame around the photo to create the polaroid effect. Do this by first increasing the canvas size: Image -> Canvas Size… Set the Width to 200 pixels, and Height to 300 pixels. Click OK.

Step 7: Crop away the upper portion of the frame by using the Crop Tool. Normally polaroids look like that right?

Step 8: Use the Paint Bucket Tool to fill the entire frame with a light-grey colour (#DEDEDE should be a good pick).

Now, we are done creating the polaroids. Let’s put them all together in one big canvas.

Step 9: Create a new canvas by going to File -> New… (alternatively, hit CTRL+N). Define the Width to be about 700 pixels, and Height about 800 pixels. Click OK.

Step 10: Now we are ready to drag our polaroids over to the big canvas, one by one. We first merge the Background layer with Layer 1. To do this, toggle the visibility of the other layers (make them invisible), and link Layer 1 with the Background layer, like this:

The little ‘chain’ icon in Layer 1 indicates its linkage with the Background layer.

Step 11: Now, with the two layers linked, press CTRL+E to merge them into one.

Step 12: Next, use the Move Tool to drag the polaroid over to the big canvas.

Step 13: On the big canvas we’ll tilt the polaroid a little bit for a nice effect. To do this, select the Marquee Tool (which is just next to the Move Tool on the first row), and then right-click on the polaroid that has just been dragged over. Select Free Transform.

You can tilt the polaroid as much as you like. Now let’s drag the rest of the polaroids over.

Step 14: Toggle the visibility of Layer 2 and link it with the Background layer.

Step 15: Merge the layers by pressing CTRL+E. Then, repeat Step 12 to drag it over to the big canvas.

Step 16: Repeat Step 13 to tilt the polaroid.

During Free Transforming, the polaroids will appear jittery but once you apply the changes, it will smoothen itself out.

Step 17: Repeat Steps 14, 15, and 16 for Layers 3 onwards. Here’s how the big canvas should look like with all the 9 polaroids together:

Haha, I know, it doesn’t look right. You can actually determine which polaroid should overlap which, by rearranging the order of the Layers. Simply click and drag a layer up or down, like this:

I’ve also readjusted the positions of each the polaroids. Just select the layer you wish to move, and use the the arrow keys on your keyboard to move them up, down, left or right.

Step 18: Finally, Drop Shadows by adding a Layer Style onto any layer.

Step 19: Then we need to apply the style onto the rest of the layers. To do this, first link up all the layers.

Then, right-click on the layer with the style (in the screenshot above, it’s Layer 4), and select Copy Layer Style. After that, right-click again to select Paste Layer Style to Linked and voila, you’re done!

My method may not be the most efficient, mind you. But it’s logically simple enough. Heh. It’s my first try, and I must stress that there is an infinite many ways to produce the same result, maybe even better. For me, I’m pretty much a results-oriented kinda person, so anything goes as long as it works!

Footnote: I’d like to acknowledge a Photoshop guru by the name of Nic, whom I met once upon a time in PJ. I had the opportunity to pick up some tricks from him many moons ago, some of which I’ve used here.

Related Entries:

• How to Resize Multiple Photos in Photoshop
• February Babies' Dinner at Marche
• How to Restring a Classical Guitar
• How to Restring an Acoustic Guitar
• How to Create a CSS Photo Gallery
• How to Bulk-Rename Your Filenames