ColourFun
For Z

Composition

Lay compositional guides over a photo, reference or scan of your own work, crop it to a chosen format, and check where the focal points sit. The guides help you analyse a picture. They are not rules for making one.

Guides, not rules

A composition works because of how its shapes, values, edges and directions relate, not because a subject lands on a line. Use the overlays to ask questions of a picture, then decide for yourself.

Overlay and crop

Load an image (it stays on your device and is never uploaded), or use a sample. Drag inside the frame to move it, drag the handles to resize it, or drag outside it to draw a new frame. The overlays follow the crop.

Keyboard: focus the image, then use the arrow keys to move the frame (Shift for bigger steps) and + or − to resize it. You can also drop an image file here.

Image

Crop format

Overlays

Line style

Export

Focal point checker

This shows the current crop. Click where the eye goes first (the area of strongest contrast, sharpest edge or most saturated colour) and anywhere else that holds attention. Each point is measured against the thirds and phi intersections. Distances are given as a percentage of the frame’s diagonal.

Thirds intersection Phi intersection Your points

Show

Points

    Points are pinned to the image, so they stay put if you move the crop above. That lets you compare how the same focal point sits in different crops.

    The overlays explained

    What each overlay is, how it is constructed, and what it is good for. The diagrams are drawn from the same geometry as the tool.

    Thumbnail sheet

    Print an A4 sheet of empty frames in your chosen proportion. Small tick marks on the edges show the thirds or phi divisions without drawing lines through the frame. Fill the frames with quick value sketches before you commit to a composition.

    Format

    Frames

    Tick marks

    Per sheet

    THUMBNAIL SKETCHES

    NAME DATE

    Work small and fast: big shapes and three to five values only. Try the same subject in several frames with different placements, then pick the strongest.