Guide · 3 min read · updated 2026-10-07
Creating Content for Projection Mapping
From mapping template to final render — resolution, frame rate, codecs, colour, storytelling and the After Effects, Cinema 4D, Blender and real-time workflows.
Great mapping content is made for one surface only. The building's lines, materials and history are the starting point — not a finished animation stretched to fit. Here is the workflow most studios follow.
1. Start from an accurate template
Content is animated on a mapping template: an image of the surface exactly as the projector sees it, at the final output resolution. Typical sources:
- a photo from the projector position, corrected and traced into vector outlines;
- a render of a 3D model through a virtual camera matching the projector lens;
- a screenshot of the warped surfaces exported from the mapping software.
Separate the template into layers: outlines, windows, columns, masks of areas that must stay dark.
2. Choose the canvas
- Resolution: match the combined projector canvas (e.g. 5,184 × 1,200 for three blended WUXGA projectors). Use the edge-blending calculator.
- Frame rate: 25 or 30 fps for most festival loops, 50/60 fps for smooth fast motion. Match the playback system and keep it consistent.
- Codec: HAP for real-time playback of very large files, ProRes or image sequences during production; follow your media server's recommendations.
3. Storytelling for architecture
The best works use the building: windows become eyes or aquarium tanks, columns become organ pipes, the facade "remembers" its own history. Some proven structures:
- Reveal — trace and light the architecture so people see details they never noticed.
- Transform — change materials: stone into water, glass, foliage, metal.
- Destroy and rebuild — 3D illusions of collapse, followed by restoration.
- Narrate — tell a local story in chapters, with a strong soundtrack.
Keep shows short for festivals (3–8 minutes on loop) and design them to be understood by people arriving at any moment.
4. Design for outdoor viewing
- Use bold shapes and high contrast; thin lines and subtle gradients disappear in ambient light.
- Avoid large black areas spanning blend zones.
- Saturated colours read better than pastel tones on stone.
- Test at real scale as early as possible — even a small projector on a scale model or on site at night helps.
5. Tools and workflows
2D animation on a template — After Effects. The classic workflow: import the template, animate layer by layer, render to the canvas size.
3D illusions — Cinema 4D or Blender. Model the building, place a camera at the main audience viewpoint, and render effects that use real geometry: shadows, extrusions, physics. Camera-projection techniques re-project the render onto the model so it aligns with the real facade.
Real-time — TouchDesigner, Notch, Unreal Engine. Content is generated live, enabling interaction with sound, people or data. It needs strong GPUs and careful performance testing.
6. Sound
Sound design is half the experience. Compose music and effects together with the visuals, and sync playback via timecode. Check local noise limits for outdoor shows.
FAQ
What resolution should mapping content be?
Exactly the resolution of the projector canvas that covers your surface — after warping and blending. Rendering higher wastes time; lower looks soft.
Which frame rate is best?
25 or 30 fps works for most shows. Use 50/60 fps if you have fast camera moves or scrolling patterns, and make sure the whole playback chain supports it.
Can I reuse content on another building?
Generic loops can be adapted, but the magic of mapping comes from fitting a specific surface. At minimum, rebuild masks and key alignments for each new site.