How to use Fabric Mockup

About this tool

Drop a tileable image — a tartan from the tartan tool arrives with its own sett and physical size, a repeat from the pattern generator or a halftone tile arrives as pixels — and it is rendered as woven fabric on one of four written scenes. The garments are generated from flat panels in centimeters, the way a real one is cut, so the repeat you type is the repeat on the cloth, the grain is a rotation of the panel on the flat, and matching a seam is aligning two panels before they are joined. The throw over the chair is settled by a cloth solver under gravity, with the folds, the self-collision and the hem that falls out of that; the kilt and the shirt are built by their construction. Every cloth has a weave — a 2/2 twill by default, the diagonal tartan photographs by — derived at the thread scale the repeat and the weight imply, a sheen where wool has one rather than a gloss, and a hem with real thickness.

Two layers of controls. The first is six things and one per scene: repeat size, grain, cloth weight, a named light, a background, and the pleat mode on the kilt or the seam matching on the shirt. Cloth weight moves drape and weave depth together because they are one physical fact. Full controls opens the depth underneath — weave structure, warp and weft stiffness, sheen and roughness, the key and the fill, the lens — where every value is what the simple slider implies multiplied by your own adjustment, so moving the simple slider still moves everything and nothing you set is ever overwritten. Exports come out of the same render: a PNG at up to four times the stage, a GIF turntable that closes exactly with one palette across the loop, an MP4 or WebM, and an interactive HTML file that orbits on drag, opens from a folder and asks nothing of the network.