Draw over a photo of the real location: tracing a scene image
Published: 2026-08-18 · Updated: 2026-10-30
Drafted with AI assistance; reviewed by the site operator on 2026-10-31. · How these pages are made
Templates cover the common intersections, but real scenes are stubborn: a five-way junction, a gate with a guard booth, a curved off-ramp, a lot with an odd stall pattern. For those, the fastest route to a diagram that matches the real layout is not to draw the roadway at all, but to put an image of the actual place underneath and trace what you need on top.
Three ways to get the image in
Open the Scene photo panel in the editor. The image can arrive by any of three routes, whichever suits the device you are holding:
- ▸Paste with Ctrl+V, the fastest route on a laptop. Copy a map screenshot and press Ctrl+V anywhere in the editor.
- ▸Drag the file straight onto the canvas.
- ▸Tap Upload photo and pick the image, the usual route on a phone, where it opens your camera roll.

The two controls that make tracing work
Once the image is in, two sliders in the same panel do the real work. Photo opacity runs from 20% to 100%; drop it to roughly half and the photo becomes a guide you can see through rather than a background competing with your drawing.
Rotate photo turns the image from 0 to 359 degrees, with quick ±90° buttons beside it. Use it so the roadway runs the way you want it on the page, then set the north arrow to match the real bearing, which is what actually orients the reader.
The photo replaces the road template. That is intended, because you are drawing on the real layout instead of approximating it. Remove the photo and the templates come back, with everything you drew still in place.
Keeping the drawing readable over the image
A traced diagram fails in one specific way: the markings disappear into the photo. Three habits prevent it.
- ▸Dim the photo before you draw, not after. At 50–60% the drawing stays the brightest thing on the page.
- ▸Over dark asphalt or a night image, switch the element color to white, which is in the palette for this purpose.
- ▸Draw less. On a photo the context is already there, so adding cones, signs and labels the picture already shows only buries the parts that matter.
Measurements still come from the scene
This is the part worth being strict about. A photo makes positions look precise, and that precision is an illusion: image scale varies with the source, the zoom and the camera angle, so a distance eyeballed off a picture is only an estimate.
Measure on the ground with a tape or wheel, then record those numbers on the diagram. Set the grid scale so the drawing is consistent with them, and label paced estimates as estimates. The photo gives you geometry, meaning where things are relative to each other. The tape gives you distance.
What to use as the source image
An aerial or satellite view of the address is the usual choice, and a screenshot of one works fine. Check the imagery is current enough to match the scene. Lane configurations and lot layouts change, and an outdated view can contradict your diagram without you noticing.
Your own overhead photo works too, and sometimes better: taken from an upper floor, a parking deck, or simply held high, it shows the scene as it was that day, including the conditions and any temporary obstruction. Whatever the source, respect the terms of the imagery you use, and remember that your draft never leaves your device. The photo is stored in the local draft in your browser, and the finished export is yours to file.
Ready to draw your own diagram? The editor is free and needs no account.
Open the free sketch tool