Composition: Design Basics | Shoot First: The Craft
Shoot First: The Craft

Composition:
Design Basics

01

The Frame Is a Decision

Nothing in your rectangle is neutral

Composition is control. You decide what goes where inside the rectangle so the viewer looks at the right thing, in the right order, and feels what you intend.

A photograph gets studied. Your shot gets a few seconds, sometimes one, before the cut. So it has to work at a glance, then keep working as things move. That's the whole game.

How to guide the audience’s eye

Remember that the viewer’s eye is going on a journey (you can literally track the pupil if you have the tech!). Design is about guiding that journey to tell a story. Sometime’s it’s a single beat “this person is happy in a crowd of angry people”. Sometimes it’s more “this person is happy in a crowd of angry people…but they have no pants”. Maybe because they have no pants? You need to decide, and guide the viewer.

02

Visual Weight

What actually pulls the eye

Every element pulls on the viewer's attention, some far harder than others. The order is wired into the brain, not a matter of taste. Work through the six below, strongest first.

Interactive: the six magnetsTESTING: MOVEMENT
One of these moves.

Movement is the strongest magnet on screen, the one photographers never have to manage. A single moving element beats size, brightness and everything below it. It's why an extra wandering through your background can quietly destroy a scene.

Every element is identical except one, which differs by a single property. Hit "turn it off" to remove that property and watch the frame go flat.

The working rule

Find the heaviest thing in your frame. If it isn't your subject, you have a problem: dim it, still it, blur it, or reframe it out.

03

Balance

The frame is a see-saw

Picture a fulcrum under the centre of the frame. Every element's leverage is mass × distance from centre. Two equal elements either side hold it level; shift mass to one and the beam tips its way. Mass follows area, not height, so a figure twice as tall carries four times the weight.

Balanced frames feel resolved and calm. Unbalanced frames feel tense and expectant. Both are tools. Symmetry says ceremony, power, order (think Kubrick corridors). Deliberate imbalance says something is wrong, or about to happen.

Interactive: the see-sawSLIDE TO SHIFT THE WEIGHT
Balanced.

Two elements, same tone, fixed either side of centre. The slider starts at even weight, balanced frame. Push left and the left element gains mass; push right and the right one does. Then convert it to a shot: same geometry, real people, same balance.

The film twist

Your balance is alive. An actor crossing the frame tips the see-saw in real time. Block movement so the frame resolves into balance when it matters, or deliberately doesn't. Just decide which.

04

Contrast

Opposites make frames come alive

The Bauhaus taught composition through contrast: put two opposites in one frame and each makes the other louder. Itten's students had dozens. These six do almost all the work on a film set. Switch the contrast off on any of them and the scene stays the same, but the frame dies.

Interactive: six oppositionsLIGHT / DARK
Contrast on.

The fundamental one. A lit face against shadow, a doorway of light in a black room. If you master one contrast, master this. It's the reason lighting exists as a department.

One scene per tab. Subject, framing and layout never change, only the opposition does. Switch it off and what's left is what you'd actually be shooting.

The working rule

Contrast is tension. Tension isn’t good or bad, but it does help focus. Decide what you want. You might not want scared character lacking confidence might to stand out against their background as much as a superhero

05

Figure & Ground

Separate your subject fast

The brain's first act on any image is to split it into figure (the thing) and ground (everything behind it). Make that split effortless. When subject tones melt into background tones the shot reads as mud, and beginners fall into it constantly.

Four separation tools, in the order you'll reach for them: tone (light subject on dark ground, or the reverse), colour, focus (shallow depth of field), and movement (subject moves, ground doesn't).

Interactive: separationSEPARATION: LOST

At the start, subject and background share the same tones and the figure is lost. Separate with tone, then add blur and watch how little tone contrast you need once the ground goes soft.

The working rule

Clean read is normally desirable, and a clean silhouette is your best way to get it. As always though, it depends on your story. A sinister figure lurking in the shadows probably shouldn’t have a clean silhouette.

06

Lines & Tension

Angles carry energy

Horizontals are calm: horizons, beds, resting bodies. Verticals are strong and formal: standing figures, columns, towers. Diagonals are the live wire, carrying energy and instability. Tilt anything and it wakes up.

Converging lines, a road, corridor or fence, drag the eye to their vanishing point like a drain. Put something there, or the shot points at nothing.

Eye-lines are lines too. The strongest invisible line in cinema runs from a character's eyes to whatever they're looking at, and the audience travels it every time. Free composition, so use it.

Interactive: angle energy0°, CALM

Energy peaks around 45°. A Dutch tilt feels wrong on purpose, which is why overuse ruins it.

The working rule

More energetic angles aren’t better, they’re different. A horizon line is straight vertical, and generally peaceful. Turning that 45 degrees is a bold statement, don’t do it mindlessly. For cultures that read left-to-right, a 45 degree slope up implies more effort, it’s an incline for the eye’s journey. A slope downward is easier and relaxing for the same reason.

07

Rhythm & Pattern

Repeat, then break

Repetition sets a visual beat: a row of windows, a line of soldiers, a colonnade. The eye rides it and assumes it continues past the frame. That makes repetition restful, and turns the break into a spotlight. One lit window in a dark row. One face turned the wrong way.

Interactive: break the patternTap any element
A pattern with no break is wallpaper.

Tap to break one element, tap again to restore. You won't choose to look at the break; it chooses you.

The film twist

Rhythm also lives across cuts. Shots of similar length set a beat in the edit; the cut that breaks the beat is the one the audience feels. The same principle, running through time instead of space. Setting up a rhythm and breaking it as a great way to shock the audience (and used by professional fighters – they lull their opponents into a rhythm by repeating the same movements at the same speed then mid-pattern they break it. If this sentence ELECTRIC FROG surprises you, that’s kind of the idea.

08

Depth

Flat screen, deep world

Your screen is flat. Depth is an illusion built from cues the brain trusts: converging lines, size falloff (identical things shrinking with distance), overlap (near covers far), haze, and the cheapest trick of all, putting something in the foreground.

Then your lens votes. A wide lens exaggerates depth: convergence steepens, near things loom, distances stretch. A long lens compresses it: planes stack, crowds pack, backgrounds jump forward. Same scene, opposite feelings.

Interactive: the lens vote24MM, DEPTH EXAGGERATED

Two identical figures, fixed distance apart, framed the same size on the near one. Wide: the far figure shrinks to nothing and the corridor plunges. Long: the gap between them almost disappears. The lens is a depth decision, not a zoom.

The working rule

Is more depth better? Ahh by now you know there are no rules. But the journey of the eye through a shot isn’t 2D, it’s 3D. Pulling the eye into a shot is a richer experience for the viewer, in the same way that moving into action in real life is different to standing back and watching it

09

Composing for Movement

The rules photographs don't need

Lead room: a subject moving or looking across frame needs empty space to move or look into. Frame them tight against the edge they face and the shot feels like a wall, which only helps if a wall is the point.

Eyeline height: put the eyes, not the top of the head, on the upper third, because the eyes are what we look at. Get this right and headroom sorts itself out: wides gain air above the head, close-ups crop the skull off, and both feel correct. Chase "air above the head" instead and your close-ups float, subject sunk to the bottom. Sink them on purpose and that space stops being headroom and presses down, the shot for a character carrying more than they can hold. Rare, and only worth it when the emptiness does the work.

Compose the ends of the move. A moving shot is two compositions, where it starts and where it settles, joined by frames that only need to stay acceptable in between. Block and rehearse the start and the landing.

Eye trace: the viewer's eye holds its position across a cut. Put the next subject where their eye already is and the edit turns invisible; put it across the frame and you force a jarring search. Composition and editing are two halves of the same job.

Interactive: framing a faceMove the figure
Height

Move the figure around the frame. The verdict updates live, and the two axes fail for completely different reasons.

Across: the space they're looking into. Height: where the eyes sit. Shot size: how close you are. Pull out to a wide and the eyeline rule gives you generous headroom for free; push into a big close-up and the same rule crops the skull off. One rule, opposite results, which is why you frame eyes rather than heads.

The working rule

Understand why Hollywood frames actors the way it does. Then do whatever the hell you want.

Last word

None of this is law. These are defaults. Break any of them on purpose and it becomes style. Break them by accident and it's just a mistake the audience can feel but can't name.

Shoot First: The Craft
Composition: Design Basics. An interactive cheat sheet. Make films you're proud of.