Use this composition overlay to place Rule of Thirds, Center Cross, Golden Ratio, an adjustable Golden Spiral with Fibonacci grid, Diagonal Method, or Golden Triangle guides over a reference image, reframe it, and download the result.
Private image processing Your reference stays in this browser
Use this composition overlay tool to inspect how a subject, horizon, focal point, and negative space relate to a clear geometric structure. Add one of six guides, move or resize the Golden Spiral and its Fibonacci construction grid, reframe the image, and download the finished PNG without uploading the reference.
Drop a JPG, PNG, GIF, or WebP into the tool. The image is prepared locally in your browser.
Switch between six guide types, choose a frame ratio, then adjust the image or move and resize the Golden Spiral independently. Use arrow keys for precise movement and hold Shift for larger steps.
Choose a visible line color, opacity, and width, then download the exact framed composition as a PNG.
A composition overlay is a transparent set of guide lines placed over an image. It can reveal alignments, divisions, directional movement, and visual weight that are difficult to notice while looking at detail. The overlay does not grade the image; it gives you a consistent structure for comparing alternatives.
A composition grid can make large spatial relationships easier to compare. A Rule of Thirds overlay divides the image into nine equal regions, while a Golden Ratio overlay uses divisions near 38.2% and 61.8%. Golden Spiral adds a curved route toward a focal area, an optional Fibonacci construction grid, and eight orientations. Move or resize the guide when the focal area does not match the default frame. Center Cross is useful when symmetry, central alignment, or equal visual weight is intentional.
Diagonal Method draws 45-degree lines from each corner, helping you find directional edges and subjects that reinforce movement through the frame. Golden Triangle starts with one major diagonal and adds perpendicular guides from the opposite corners, making it useful for poses, landscapes, and arrangements built around a sloping axis.
A strong composition does not need to place every important edge on a guide. Compare several overlays, then drag, zoom, rotate, or straighten the image beneath the fixed frame to test a real alternative. Lower the opacity or change the line color when the guide hides information you still need to evaluate.
Start with the visual question you need to answer rather than trying to make every image fit the same template.
| Option | Best for | Notes |
|---|---|---|
| Rule of Thirds | General balance | Useful for focal points, horizons, and quick crop comparisons. |
| Center Cross | Symmetry and alignment | Useful for centered portraits, architecture, icons, and deliberate equal weight. |
| Golden Ratio | Off-center divisions | Useful when thirds feel too regular but you still want a stable structure. |
| Golden Spiral | Curved visual flow | Show the Fibonacci construction grid to study its structure, then move, resize, rotate, or mirror the guide around a focal area. |
| Diagonal Method | Directional movement | Useful for finding edges and gestures that lead in from the corners. |
| Golden Triangle | Strong diagonal axis | Useful for dynamic poses, landscapes, and triangular arrangements. |
Use one guide to answer one visual question, then hide it mentally and judge whether the composition still supports the intended idea.
Rule of Thirds · 70–85% opacity · contrasting line color
Makes the main intersections and horizontal divisions easy to compare without implying they are mandatory targets.
Center Cross · thin line · moderate opacity
Reveals whether the visual center, subject center, and frame center agree or intentionally diverge.
Golden Spiral + Fibonacci construction grid · adjust the image or guide
Aligns the spiral with a focal area while preserving a separate, reversible image crop.
A composition overlay places a simple geometric guide over an image so you can inspect subject placement, balance, movement, and negative space before drawing, painting, photographing, or cropping.
Start with Rule of Thirds for a familiar general-purpose check. Use Center Cross for symmetry, Golden Ratio for off-center balance, Golden Spiral for a curved route toward the focal area, or the diagonal guides for directional movement.
No. A guide is a way to ask questions, not a scoring system. Important subjects can sit on, near, or deliberately away from guide lines depending on the visual idea.
Yes. Choose a frame ratio, drag the image beneath the fixed guide, zoom from 100% to 300%, rotate in 90-degree steps, or straighten by up to 15 degrees. The preview prevents empty areas from entering the frame.
Yes. Switch the adjustment target from Image to Guide, then drag the spiral, use the arrow keys for precise movement, hold Shift for larger steps, or resize it proportionally with the corner handles and size control. You can also show or hide its Fibonacci construction grid.
No. The image is decoded and annotated locally in your browser. It is not uploaded to Art Grid Maker for composition processing.
Yes. Download a PNG containing exactly the current frame, transformed reference image, selected composition guide, line color, opacity, and width.
Connect Composition Overlay with other tools in your creative workflow:
Use this value study tool to turn a reference image into clear grayscale or 2-, 3-, or 5-value light and shadow groups before drawing. Download the study or open it in Drawing Grid.
Use this color palette generator to extract the dominant colors from a reference image. Choose 5, 8, or 12 colors, set a custom 2–24-color palette, copy HEX values, or download a palette PNG.
Use this drawing grid tool for the grid method: add a grid to a reference image, scale a drawing, and transfer artwork with accurate proportions one cell at a time.
Add a customizable grid overlay to any reference image for drawing and proportion checks. Adjust the image and grid, then export the finished reference.
