Rule of Thirds in Photoshop: Using the Grid

How the “Rule of Thirds” Guides My Illustrations

Magoz
magoz
3 min readNov 22, 2017

--

by Magoz

This post originally appeared on my Blog.
You can find more illustrations, animations, and articles on my
Website.
Follow me on
Instagram and Twitter.

Composing an image means deciding how to place the elements inside the format.

The way you compose has a massive impact on the final result. Bad composition can ruin a good image and idea. It is as important as the color palette or the style.

I always follow a specific procedure to develop my illustrations, especially at the beginning of the process.

Setting up guides is the first thing I do after creating the Photoshop file.

To help me in this process, I use my particular version of the rule of thirds.

And I use guides in Photoshop, which makes this system fast and painless.

The guides give me certainty and direction. The elements and shapes aren’t floating around; they are placed, built and based on those powerful invisible lines.

The Rule of Thirds

The rule of thirds is a simplified version of the golden ratio. It is based on Phi, a mathematical ratio, and has been used since antiquity, extensively by people like Leonardo Da Vinci, Dali, and Le Corbusier.

The rule of thirds involves dividing the composition into nine equal sectors using two vertical and two horizontal lines.

How I Use the Rule of Ninths, My Particular Version of the Rule of Thirds

The rule of thirds is very practical because you can use it unlimited times over the resulting sectors, getting as many divisions and guides as you need.

I use the rule of thirds twice, which creates 3 times more thirds. So, I call it the rule of ninths.

This is extremely helpful because:

  • You end up with guides that allow you to define margins. For example, I rarely surpass the external sectors. I like to give space to the composition.
  • The rule of thirds creates 4 attention points where you can place the most important element of the composition. If I have two important elements, I place them on diagonally opposed points.
  • I use those guides as lines or shapes like horizon line, or other vertical or horizontal reference lines in my illustrations.

Break the Rules

Some images require breaking those rules, and I don’t have any trouble doing it.

The guides are just for reference, and the nature of each image is distinct. Each composition should respond to each brief, as they produce different effects.

There are dozens of different composition diagrams. Rikard Rodin has a marvelous article about it, where he analyzes the composition diagrams of more than 50 posters.

I highly recommend it!

GuideGuide

I create the guides based in the rule of thirds in one click. I use an awesome free Photoshop extension by Cameron McEfee called GuideGuide.

In addition to the rule of thirds’ guides, I like to add the vertical and horizontal midpoints guides. This is very useful to center elements. You can import my set of guides using this link in GuideGuide.

Paying attention to the composition has a huge impact on the final result.

Working with the rule of thirds and guides gives me direction. My steps are firm.

But I trust my eye and my experience most. I break and ignore those rules when I need to. Every image is unique.

Do you use guides or any theory for composing? How do you use them? As always, I would love to hear about your workflows in the comments!

This post originally appeared on my Blog.
You can find more illustrations, animations, and articles on my
Website.
Follow me on
Instagram and Twitter.

--

--

Magoz
magoz
Editor for

Nomadic illustrator. Thinker. Seeker. Conceptual illustrations and animations. Download my toolkit. Tools and resources I use every day: http://toolkit.magoz.is