Thursday, May 29, 2008

PHOTOSHOP: I. A Simple Tutorial on the " Rule of Thirds"

This is the very first picture I took with my Canon 400D DSLR way back in December 2007. As you can see from the photo on the left, it has a very good exposure, nice hair highlights, beautiful eye catch-lights, no harsh shadows since I am only using natural ambient lighting.

From your monitor what do you observed? What can you do to improve the photo? How would you compose if you were the one who took the photo?

There is nothing wrong with this picture, but we can recompose to give it a dynamic appeal. How are we going to do that? Photoshop! Of course there are lots of photo editing softwares out there but I prefer Photoshop CS3. You can download a 30 day trial here. You can also download, it's supposed to be good (I have not tried it) but what the heck it's free! To follow this tutorial, you should have Photoshop or other equivalent software that support photoshop actions, Rule of Thirds Cropping Photoshop Action from PanosFX (you will find download and installation instructions on their site), and of course a sample photo. You can use any photo you have. Ok let's roll up our sleeves and get started.

What is the "Rule of Thirds"?
According to Wikipedia:

"The rule of thirds is a compositional rule of thumb in photography and other visual arts such as painting and design.[1] The rule states that an image can be divided into nine equal parts by two equally-spaced horizontal lines and two equally-spaced vertical lines. The four points formed by the intersections of these lines can be used to align features in the photograph. Proponents of this technique claim that aligning a photograph with these points creates more tension, energy and interest in the photo than simply centering the feature would."

There you are. We will recompose our image to give it tension, energy and interest by using the rule of thirds! We can begin by opening our photo in photoshop. A brief friendly reminder..... DUPLICATE YOUR BACKGROUND LAYER BEFORE EDITING. You can do this by dragging the background layer to the "create new layer" on your layer pallet or press "Ctrl+J" on your keyboard. It is imporant that you duplicate your background layer, if you made a mistake your original will be lost forever. Make this a habit.

Ok. Now we will divide our photo into nine equal parts by two equally-spaced horizontal lines and two equally-spaced vertical lines. Don't worry you don't have to do this part, this is only for the purpose of discussion.

Let us take a moment to study our image. Click the image on the right to view a larger image.

Obviously, our subject is too centered, a distracting white leaf on the upper left corner and too much activity on the background. These flaws draw our eyes out of our subject which is not good. We want the subject to standout leaving the background,well, a background.

Select actions from the layers pallet or alternatively press Alt+F9 on your keyboard. If you have not load the action you can click on the arrow down button on the upper right of the action pallet and select load. Browse over the folder where you save it, select and press ok. It will now load on your action pallet. Select the crop action and press play button.

The crop action will now execute and wait for a dialog box to appear. Read the instructions and press continue.Use your mouse to move, resize and rotate the yellow grid guide (press shift while resizing if you want to retain the aspect ration of crop). As you can see from the image below, I position the upper right intersection on the left eye of the subject to be my main focus. Eliminated the white leaf, and more space to the right of the subject to give more eyesight room. As a side note, someone once advised me that if you take candid pictures (no eye contact) it would be much better to use landscape format.When you are satisfied with the composition double click inside the yellow grid to confirm the crop. A dialog box will then appear. Click the continue button to remove the yellow grid guide. Clone the leftover white leaf on the upper left corner and you're done!
We have now a well composed and interesting image. Remember, a simple cropping and positioning will enhance and make a lot of difference. Next time you shoot, always consider the "rule of thirds" in your composition.

I hope this tutorial have been helpful to you. My next tutorial will be to make the subject pop up more to isolate him from the background and a little retouching. See you later!

Part II

visual playground

↑ Grab this Headline Animator


Gary Y said...

Another program that has all of photoshop attributes, and actually a few more, is Gimp, which is an open source program, thus free to use. I find it not quite as friendly, but once you get it, it works very well.

Mark Christian Gonzaga said...

I agree. Tried to experiment on it, I find it less user friendly.

smiles4angels said...

thank you for the tutorial.

katty said...

I love the all the variation you can do with photoshop. There are websides which distort things how ever I found I side that presented a great houses and when visit the place I convenced me that was real. In fact I decided to approach the costa rica investment opportunities and buy a beautiful house there.

Help Maintain this site