A layered papercut shadow box is deceptively simple: a square frame, several sheets of cardstock cut into nested scenes, foam spacers between them, and usually a strip of LED lights behind. Stack the layers and the offset creates real depth — a forest at dusk, an ocean with a seahorse, a holiday village glowing from within. The magic is in the file. Each layer is its own SVG for shadow box, and the depth you see comes entirely from how those layers are separated, numbered, and aligned. Get the SVG wrong and your "3D" scene collapses into a flat, misregistered mess. This guide covers designing shadow-box SVG files from scratch or from an image, the layer system that makes them work, cutting on a Cricut or Silhouette, the laser alternative, and the assembly tricks that turn flat cuts into a glowing box.

Turning a sketch or photo into clean, layered vector paths for your shadow box? Try Super Vectorizer Pro free trial to preview vectorization results.

Compatible with macOS 10.10+ (M1/M2/M3) & Windows 7/8/10/11

Our Verdict: Build From Scratch vs Convert an Image

Most shadow boxes are designed natively — you draw each layer as a shape. But if you have a detailed illustration or photo you want to turn into a layered scene, converting it to vector first gives you a head start on the base paths. Choose based on what source material you have.

Convert with Super Vectorizer Pro

  • Turns a detailed illustration or photo into editable vector paths fast
  • Preserves the exact proportions of your source art
  • Free trial available to preview the tracing before you commit
  • Exports SVG you split into layers in any editor
  • Best when you already have finished artwork to base the scene on

Draw Natively in Illustrator / Inkscape

  • Total control over each layer's shape and nesting
  • Ideal for brand-new scenes built from simple shapes
  • No tracing artifacts to clean up afterward
  • Slower — every layer is drawn by hand
  • Best when starting from a blank canvas

What Makes a Shadow Box SVG Different

A shadow box is not one SVG — it is a set of them. The depth effect comes from slicing a scene into separate planes, each cut from its own sheet of cardstock and pushed forward with spacers. So the file requirements are different from a single decal:

Because SVG is resolution-independent, you author the scene once and cut every layer at the exact same scale — which is what keeps them aligned.

The Layer System: What Each Plane Does

A typical 5-to-9 layer shadow box assigns a job to each plane. Here is the standard stack, from back to front:

Layer Role in the scene Usually contains
Back (1) Set the deepest backdrop Sky, sun/moon, far hills
Mid-back (2-3) Build atmospheric depth Distant trees, clouds, mountains
Mid (4-5) Carry the main subject Animals, houses, the focal element
Front (6-7) Frame and foreground Grasses, branches, border frame
Top (8+) Outer frame & cut window Frame that hides layer edges

The frame layer is the secret to a clean look — it hides the raw edges of every other layer and gives the box a finished border. Always include one.

Design Method 1 — Build From Scratch

This is the most common approach and the most forgiving. In a vector editor:

  1. Set the canvas. Make every layer the frame size (commonly 8"×8" / 20×20 cm) so they line up.
  2. Draw the back first. A simple sky with a moon, then add progressively more detailed shapes forward.
  3. Cut windows, don't fill. Each front layer should have openings that reveal what's behind — draw the negative space, not a solid sheet.
  4. Add a frame. A border rectangle (with the scene cut out of its center) on the top layer.
  5. Number and export. Save each layer as its own SVG, named by order (layer01.svg … layer08.svg).

Keep shapes bold. Tiny filigree that cuts fine on paper often tears during weeding — favor clean, chunky silhouettes.

Design Method 2 — Convert an Image to Layered SVG

If you have a detailed illustration (say, a licensed line-art scene) or a high-contrast photo you want to turn into a shadow box, start by converting it to vector with Super Vectorizer Pro. That gives you clean base paths you then separate into planes:

  1. Trace the source. Convert the image to vector and preview the result with the free trial.
  2. Split by depth. In your editor, copy the back elements onto layer 1, mid elements onto layer 4, foreground onto layer 6, and so on.
  3. Simplify each plane. Remove internal detail that belongs to other layers so each cut is a clean silhouette.
  4. Add a frame and number. Finish with the border layer and export one SVG per plane.

This is faster than drawing a complex scene by hand, but you still must do the layer separation yourself — auto-tracing gives you paths, not depth.

Alignment rule: Every layer must share the same outer rectangle (even if invisible) so the stack drops into place. A small notch or the frame itself acts as a jig. Misalignment is the #1 cause of a shadow box that "looks wrong" even when every cut is perfect.

Cutting Shadow Box Layers on Cricut / Silhouette

Cardstock is the standard material, and the workflow is the same as any cut file — just repeated per layer:

Laser Cutting Shadow Box Layers (Wood or Acrylic)

An alternative is cutting the layers from thin wood or acrylic on a Glowforge or diode laser. This gives a rigid, permanent box (often unlit, or backlit through etched acrylic). The SVG prep is the same layer logic, but:

Materials & Machine Settings

Layer material Machine Typical setting Watch out for
65-80 lb cardstock Cricut / Silhouette Cardstock preset, fine-point blade Thin details tear on weed
1/16" basswood Glowforge / diode laser Cut layer, red hairline, moderate power Kerf shifts alignment
3mm acrylic CO₂ laser Cut layer, slower speed Melting / cloudy edges
Foam spacers Hand / cutter Same outer size as layers Uneven gaps = wobbly depth

Assembly & Lighting

The cut files are half the project; assembly is the other half:

  1. Stack back to front. Place layer 1, add foam spacers at the corners (and mid-edges for large boxes), then layer 2, and so on.
  2. Keep gaps even. Use the same spacer thickness everywhere so the depth reads consistently.
  3. Light it. Tuck a 5V or 12V LED strip or fairy lights behind the back layer. Warm white reads as a sunset; RGB lets you shift mood.
  4. Frame it. Drop the stack into an 8"×8" shadow box frame (or a standard frame for cardstock without spacers).
  5. Test in the dark. The scene only "works" when lit — check for layers blocking the light or sitting too close.

Common Shadow Box SVG Mistakes

Importing artwork into vector software to begin preparing layered shadow box SVG paths
Starting point for a layered scene: import your illustration and begin separating it into depth planes. View full size.

Frequently Asked Questions

How many layers should a shadow box SVG have?

Most designs use 5 to 9 layers. Fewer than 4 and the depth looks flat; more than 9 and cutting, aligning, and lighting every plane gets fiddly. Start with 6 and add layers only where they add real depth.

Can I make a shadow box from a single SVG?

Not a true layered one. A single SVG is one plane. The 3D effect needs separate layers stacked with spacers, so you need one SVG per plane — all sharing the same outer dimensions so they align.

What file does a Cricut need for a shadow box?

Cricut Design Space reads SVG, PNG, JPG, and DXF, but SVG is best because it preserves clean vector cut paths and imports with the right scale. Use one SVG per layer and keep each shape a closed, cut-ready path.

Do I need special software to design the layers?

No. Convert a detailed illustration with Super Vectorizer Pro to get the base paths, then open the SVG in any free editor (Inkscape works well) to split it into numbered depth layers, add a frame, and export. You only need the cutter's software at the very end to send each layer.

Turn Your Illustration Into Layered Shadow-Box Vectors

Start from clean vector paths: convert your artwork with Super Vectorizer Pro and preview the tracing with the free trial, then split it into numbered depth layers in any editor.

Compatible with macOS 10.10+ (M1/M2/M3) & Windows 7/8/10/11

Try These Free Online Tools

No download required — convert, compress & optimize SVGs right in your browser

Free Online

PNG to SVG Converter

Convert PNG, JPG, BMP images to scalable vector graphics instantly

Try free →
Free Online

SVG Compressor (Mini)

Reduce SVG file size by up to 80% without losing quality

Try free →
Free Online

SVG Optimizer

Clean up SVG code, remove redundant data and optimize for web

Try free →
Free Online

JPG to SVG Converter

Turn JPEG photos into crisp vector artwork in seconds

Try free →
Free Online

EPS to SVG Converter

Convert EPS vector files to web-friendly SVG format

Try free →
Free Online

All Free Tools

Browse our complete collection of free online conversion tools

Browse all →