THAT'S RIGHT. I MISSPELLED "COMPOSITION" ON THE IMAGE. I RULE.
Ok, so since I was explaining this to an aspiring artist, I figure I post this up since I already have the screenshots and it's a subject that's rarely touched up on. This may look complicating at first, but you'll see what's going on as you go along.
This is something I had to learn for myself, and though these pieces are good for demonstrating this rule, at the time I've done them, I had my eye trained enough to do it without measuring. Going over this, I can see how much I've learned on it, and I'm quite happy that I got this down to the extent where I don't have to grid and such when composing my images. Fortunately, it just shows you can too, for those who struggle with composition.
On to the "Tutorial":
THE RULE OF THIRDS What is the Rule of Thirds? Well, to be short, it's breaking up your image into thirds. Just that simple. There are two parts of the "Grid": the lines and the boxes.
-The lines are used as "lanes" (this is what i call them, so don't go correcting me on this. I describe things in this way to make them easier to understand.), so use them to help your objects, or subjects, in your picture to "stay in their lane".
The lines when combined vertically and horizontally, form "Crosshairs" or "Reticles". They provide the main focal points for your image. To determine whether your main focal point is solid or not, I deem that term as "having a clear shot", as if you're sniping and are about to pull the trigger.
-The boxes, when grouped together into thirds, helps you with your overall balance in the image. Balance is determined both symmetrically and asymmetrically. I'll explain that as I get into these examples.
Symmetry Unless you're going with a full-on symmetrical image, you must have a balance with asymmetry in your composition. You can use the Rule of Thirds to help you balance it. I'll explain this with three types of pictures, multiple subjects, two subjects, and one subject (which is the hardest to make interesting).
IMAGE ONE: Rat Rage Main Cast and Crew Multiple characters may seem taxing to pull off well, but they're also the most fun to play around with when thinking in terms of composition. My markup may look complicating, but I'm going to break it down for you. Let's think totally in the rule of thirds here, paying attention to the grid's boxes.
If we look at Jinx (in upper right corner), we see that he takes up a box. There has to be a balance. So if we were to "mirror" our position diagonally to the bottom left, we can see it's OPEN in comparison to Jinx's scale. Let's now look at the lines in the grid.
Since Rai and Nini are the main characters of the piece here, they should obviously get more image real estate. They're the only characters drawn full-body. Let's pay attention to the southeast "reticle". We have a "clear shot" here, so our main characters have a main focal point, right on the money. With as many characters as this on one piece, there shouldn't be any other focal point in comparison.
Now there are also extra "key elements" on almost each line. Look at each of Rai's feet. They both hit a vertical line on the bottom third of the image. Squeek's face hits a line. Sam's grin is on a line. Roxelle's extended arm is on a line. Rai's upper body stays in the right vertical line, or "lane", as well as Nini's body staying in the bottom horizontal line, or "lane".
Hope you're getting this so far.
FLOW OF THE IMAGE
I've designated a route for the eye to lead along. We subconsciously look at the biggest thing and the smallest last. So the flow begins with Rai and Nini and ends with Roxelle. And as you can see based on the percentages, their should be a varying of contrast in size and scale to help lead the eye better. It would be nearly impossible if everyone's the same size to lead the eye. P.Dawg's head plants the image in the center, kinda like the middle of a flower.
IMAGE TWO: Rocketsneer Rumble So I slightly missed the closest Rocketsneer in the reticle, haha. But I was close enough! But what matters really here is the main two, Rai and Nini. As you can see, I have a "clear shot" on Rai and a "clear shot" on Nini. And since they're the main characters on this piece, it works out.
Center box, the "planting of the image", Rai's hand holding Nini's arm. Now let's mirror our positions to check the symmetry and asymmetry.
Top two corner boxes are EMPTY, bottom two corner boxes are FULL. Left Middle box, a missile there, opposite side, no missile.
Breaking down your image into subjects help too. say if we were to just focus on the BG. The city's "L shape" takes up exactly THREE BOXES. The rest is land. There goes our third of the BG.
IMAGE THREE: Mechanic on Break Ahh, the single character image. The easiest thing to draw but the hardest thing to make visually appealing when thinking compositionally.
Let's begin. Focusing on the gal; Center Vertical Boxes, we have the gal. There goes a THIRD. The other two thirds (the left vertical boxes and right vertical boxes), EMPTY (in comparison with the gal.) Now focusing on the Car. Top two horizontal rows of boxes, the car. There goes TWO THIRDS. The bottom horizontal row of boxes? EMPTY.
Let's do our "mirroring" now.
Focusing on the gal, upper right corner box = Ice Cream, We All Scream For It, yeah? Mirroring our position diagonally = EMPTY (not minding the logo). Upper left corner box = at least a hand. Mirroring our position diagonally - EMPTY. Mirroring both corners parallel from the top to the bottom = EMPTY.
For single character images, it's rather hard to focus on our "reticles", (unless it's an elongated pose that hugs the image's boundaries in an L-Shape, those are generally easy to find a focal point) so we mainly concern ourselves with the lines. So two lines here will lock in our composition. Top horizontal line = Chest (or breasts if you're feeling guttery tonight) and bottom horizontal line = knees.
Now for the vertical lines, there's a slight asymmetrical value here. We see with how her weight is distributed, the left side of her body "stays in the lane" of what? YUP, the left vertical line. Asymmetrically speaking, on the right vertical line, it's EMPTY.
WHEEEEWWWWWWW. So yeah, that's a lot. But I hope it's probably the easiest basic explanation on the Rules of Thirds and Composition you can find.
Damn...... I wouldn't have though of this Going over this a lot Helps understand the Rules of Thirds ( I'm slow learner) I never tried these methods before and in all my shots most of my pics are 3rd Image with weak backgrounds. Image 1 and 2 is just Mind Blowing. I'm mostly amazed how you drawn Image 3 with Rules of Thirds, Wow i wish I could do that. I'm probably to simple to do a master piece like Image 2. Awesome Material and Explanation man this is Definitely useful and for Future Images.
is a pixel art
process used to
blend blocks of
colour together or
help apply a texture
to a pixelled
emoticons it is most
commonly used when
it can be used in a
number of other
areas, e.g. massive
Welcome CSS can be
you're unfamiliar to
it. So that's why
we're writing these
articles! If you
have any suggestions
or would like to
write a section in
future CSS Did You
are like Ogres by
Magepresented by the
--- dear friends and
ly I'm not longer
able to make my
large news in
deviant art... the
shows the numbers of
the thumbs but not
the pics...so I'm
just going on here
with my little
hope you enjoy it
`anmari has been spreading her infectious positivity throughout our community for over 6 years. Throughout this time Ana has been at the core of all things devious, passionately developing an eclectic gallery, helping organise devmeets, participating in chat events and also recently completed dedicating her time as a Community Volunteer. We are absolutely delighted to bestow the Deviousness Award for May 2013 to `anmari, congratulations! Read More