Rendering Over CAD Linework
The CAD drawing is the spatial structure. Everything rendered underneath it fills that structure with material, light, and atmosphere.
Why this approach
Plan-view rendering in Photoshop produces a class of image that neither Lumion nor Illustrator can match: the precision and spatial accuracy of a CAD plan combined with the material richness and atmospheric quality of a Photoshop composite. The CAD linework anchors the spatial logic; the rendered content below it communicates what the surfaces are made of, how they feel, and how they are lit. The result reads as both technically accurate and experientially evocative — the two qualities that most design presentations need simultaneously.
The Multiply isolation technique
A CAD export has a white background and black (or colored) lines. Placed in Photoshop at Normal blend mode, that white background covers everything below it — you cannot see materials through the drawing. Set the layer blend mode to Multiply, and the white areas become transparent. Black lines remain fully visible. Mid-tones are partially transparent in proportion to their darkness. The CAD drawing now floats above all layers below it as pure linework, with no visible background.
This is the single most important technique in plan-view Photoshop rendering. Apply it to every CAD linework layer, and the rendering layers below become visible through the drawing exactly as intended.
Colored CAD lines (not black) will also become partially transparent under Multiply — the color is preserved but the line darkens whatever is below it rather than sitting opaquely above it. This is typically the correct behavior for rendering work.
Layer structure for plan rendering
| Layer group (top to bottom) | Content |
|---|---|
Annotation and Dimensions | Text, mleaders, dimension strings — typically at full opacity, Multiply blend mode |
Linework — Proposed | Proposed design linework, symbols, and planting — Multiply, 90–100% opacity |
Linework — Hatches | Hatch patterns — Multiply, 40–70% opacity (hatches read as a suggestion, not a dominant element) |
Linework — Existing | Survey and existing conditions — Multiply, 40–60% opacity (recedes behind proposed) |
Shadows and Depth | Plan-view shadow overlays (see below) — Multiply blend mode layers painted with shadows |
Materials — Planting | Grass, groundcover, mulch, and planting bed textures — clipped to fill shapes (Card 10) |
Materials — Hardscape | Paving, concrete, gravel, water surface textures — clipped to fill shapes |
Base Fill | A single neutral color covering the full canvas — the fallback for any area not covered by a material layer |
Overhead shadow logic
In a plan view, the sun is somewhere above and to one side of the site — not directly overhead. This means objects cast shadows on the ground plane in a horizontal direction, not straight down. The shadow of a tree or wall in plan view extends in the direction away from the sun angle, at a length proportional to the object's height and the sun elevation.
Construct plan shadows on Multiply overlay layers (Card 07). For trees, a soft-edge elliptical smudge extending from one side of the canopy circle in the shadow direction is sufficient. For walls and structures, a parallelogram shadow shape extending in the shadow direction from the wall edge. Keep shadow opacity low (20–40%) — overhead plan shadows are subtle compared to elevation shadows.
| Shadow type | How to construct it in plan view |
|---|---|
| Tree canopy shadow | On a Multiply overlay layer, paint a soft, low-opacity dark ellipse offset from the canopy circle in the shadow direction. The shadow should be roughly the diameter of the canopy at its widest point. |
| Wall/structure shadow | Draw a parallelogram shape (Polygonal Lasso, fill, Multiply blend mode layer) extending from the sun-facing edge of the wall. Length = wall height × (sun elevation factor). Gaussian Blur slightly for soft outdoor shadow quality. |
| Raised planter / step shadow | Same as wall shadow, proportionally shorter. Add a thin dark line on the immediate shadow side of the raised element to indicate the vertical face. |
When plan rendering earns its place
Not every plan needs to be a photo-realistic render. Choose the rendering approach based on what the image needs to communicate:
| Representation need | Best approach |
|---|---|
| Spatial organization and material character together | Photoshop plan rendering — CAD precision + material atmosphere |
| Pure organizational/analytical reading | Illustrator technical rendering — vector fills, no atmospheric distraction |
| Atmospheric spatial experience from above | Lumion orthographic — rendered materials, entourage, lighting |
| Design development / internal review | CAD export alone — fastest to produce, sufficient for decision-making |
Try this
Place a single CAD export and set it to Normal blend mode. Place a color fill layer below it — the fill is invisible under the white background. Now switch the CAD layer to Multiply. The fill becomes visible through the drawing. Now paint a soft shadow on a Multiply overlay layer above the fill but below the linework. Then clip a texture to the fill shape (Card 10). You have just built the complete three-layer foundation of plan rendering in Photoshop: texture, shadow, linework. Everything else in a plan render is a variation on this structure.
What breaks
Colored fills on the CAD layer competing with material layers — if your CAD export includes colored hatches or fills (rather than just black linework), Multiply blend mode will darken those colors onto the material layers below, producing muddy overlaps. Either export hatches as a separate layer with individually managed opacity, or remove color fills from the CAD export entirely and build material color in Photoshop.
Shadow direction inconsistent with sun angle — establish one sun direction for the plan image and maintain it for every shadow. A plan with trees casting shadows northeast and walls casting shadows southwest has no spatial logic and reads immediately as incorrect.