Automating parallelogram grid generation for scalable, multi-format key art production.
We hired an agency to develop a new brand texture. They delivered a tessellated parallelogram (rhombus) grid as a layered Photoshop template. The look was on-brief, but the file structure wasn't built for high-volume production.
The challenge: Transform a static design asset into a flexible, production-ready system capable of generating hundreds of variations across multiple aspect ratios.
The grid enabled as dozens of hand-built layers. Toggling tiles meant manually switching layer visibility. Adapting to new aspect ratios and crops was slow. Import a single variation took 15-30 minutes; a batch could take hours.
With campaigns requiring 20+ format variations per key art release, and seasonal content drops happening monthly, we needed a systematic solution.
Replaced the layered PSD with a script that recreates the agency's rhombus precisely, calculates tile positions mathematically to align 1:1 with the PSD template, randomly culls ~50% of tiles to create visual rhythm, and exports each tile as an individual PNG when manual Photoshop control is needed.
With the system now parameterized, built a Geometry Nodes rig to introduce depth and dimensionality, organic variation beyond strict tessellation, and motion-ready controls for animation and future use.
The Blender integration allowed the flat 2D grid to become a 3D element, catching light and casting shadows for hero placements while maintaining the mathematical precision of the original system.
A visually faithful system that replaces manual layer toggling with code-driven generation—cutting iteration time per variation and making multi-format production practical.