Web Design Tutorials osCommerce Template Tutorials
New osCommerce Templates osCommerce Specials osCommerce Forums Search Our Site Contact Us Resources Web Design Tutorials
Web Designers Library- Tutorials and Articles
Tutorial Search
  Advanced Search
 
Tutorial Menu
 
 Video Tutorials
  · Dreamweaver
  · osCommerce
  · Installations
 
 Photoshop
  · Tutorials
  Photoshop Basics
  Special Effects
  Text Effects
  3D Effects
  Textures & Patterns
  Web Layout
  Drawing Techniques
  Color Management
  Photo Editing
  ImageReady Animation
  Miscellaneous
  · Articles
 
 Web Design Basics
  · Design Principles
  · Website Usability
  · Color Theory
  · Templates & Tuning
 
 osCommerce
  · osCommerce Knowledgebase
  Catalog Area
  Installation and Upgrades
  Administration Tool
  General Information
  Developers Section
What's New
Latest Tutorials and Articles
Video Tutorials
osCommerce Tutorials
Template installation with cPanel and Ipswitch
Photoshop
Photoshop CS3: Output Sharpening
Change Color on an Object
Sunlight Effect
Autumn Effect
Eyes in Green Pea Pod
Web Design Basics
A To Z About RSS
Elements of Great Websites
The Next Generation Website Model
Why Use a Web Design Template?
Web Site Templates and Their Benefits
osCommerce
SSL - This page contains secure and non secure items
Post-Installation
Security - .htaccess
SSL - This page contains secure and non secure items
Tax Proposal
Photoshop : Articles Last Updated: Apr 15th, 2008 - 18:38:37


The Rule of Thirds
Author: Head Nerd
Authors Website: www.photoshopnerds.com
Jun 13, 2006, 21:58

Email this article
 Printer friendly page

This tutorial is more of one related to composition than to a specific technique. The Rule of Thirds is a principle of composition used for centuries by artists and photographers. The underlying principle is really very easy to understand and use. In photography, using this The Rule of Thirds keeps the main subject off center, away from the middle of the frame. As a result, a photo looks more dynamic and interesting. The Rule of Thirds envisions two horizontal and two vertical lines trisecting an image with four intersecting points. You place your main subject where the lines intersect rather than centered in the frame. For example, placing the horizon on an upper or lower line helps create a well-composed landscape photo. For portraits, placing person where lines intersect vertically produces a more compelling photo. Now, to use the rule of the thirds, you need to know what resolution you want the image. I've chosen 1024x768. So create a new document with these values.
Web Designers Library- Tutorials and Articles
The Rule of Thirds


Now let's create a grid to help us see the main focus points better. Go to Edit > Preferences > Guides,Grid & Slices.


In the menu, because we want the canvas divided in 3, we will ask Photoshop to put a Grid line every 33% of the canvas
Web Designers Library- Tutorials and Articles
The Rule of Thirds


You'll have something like this: (if you don't see the grid lines, go to View > Show > Grid).
Web Designers Library- Tutorials and Articles
The Rule of Thirds

Web Designers Library- Tutorials and Articles
The Rule of Thirds


Now observe that the black dots I added there are your main focus points. So don't put your main subject in the center. This is the trick you would have to use when shooting with your camera, but if you don't have the time to do that, you'll crop your image using this technique.
Web Designers Library- Tutorials and Articles
The Rule of Thirds


Now open your image. Observe that I didn't have the time to use this rule when I shot this photo. The main subject is in the very center of the photo. Now double click the background layer to make it a simple layer. Drag the photo layer in the other document you prepared.
Web Designers Library- Tutorials and Articles
The Rule of Thirds

Web Designers Library- Tutorials and Articles
The Rule of Thirds

 
Now scale or position the photo to bring the subject to your interest focus points, like me.
Web Designers Library- Tutorials and Articles
The Rule of Thirds

Web Designers Library- Tutorials and Articles
The Rule of Thirds




Top of Page

 
Level Ten Hosting