Field Study 01 Subject La Sagrada Família Location Barcelona, Spain Architect Antoni Gaudí, 1882– Frames 121 · 24 fps

Drawn into being.

A scroll-through of how a landmark assembles — from architectural blueprint to luminous bloom to realized stone. One image per scroll tick, 121 frames in total, extracted with ffmpeg from a Kie.ai transition video and played back as a flipbook.

Begin the study How it’s made

Live · scroll to play

01
The blueprint.

The cathedral arrives as a line-drawing — pure geometry, callouts floating in the dark. This is the architect’s sketch before any stone is cut.
02
The bloom.

Light pours through the wireframe. The model is now treating the drawing as scaffold, hallucinating volume, weight, and shadow into the spires.
03
The realized.

Stone settles. Carvings sharpen. The basilica stands as it stands in Barcelona — one frame, one final piece of geometry made flesh.

01 · The blueprint

Process / 02

Four steps from
idea to scroll.

The same pipeline works for any landmark you can describe in two frames — a building, a statue, a bridge, a folly. Swap the input images and re-run.

Step 01

Draw the start.

A line-art / architectural blueprint of the landmark on pure black. White strokes, dimension lines, faint callouts. This is frame zero.

Step 02

Render the end.

A fully realized, photo-real version in the same composition. Same camera, same crop — only the materiality changes. This is frame final.

Step 03

Generate the video.

Feed both stills to Kie.ai. The model writes the frames in between — usually 121 of them, a five-second transition at 24fps.

kie --start start.png --end end.png

Step 04

Extract with ffmpeg.

Slice the video into individual JPGs. The webpage swaps frames on scroll — no video player, no playback bar, just geometry under the wheel.

ffmpeg -i sagrada.mp4 frame_%03d.jpg

Field Study / 02

Now do it for
the Eiffel Tower.

Same pipeline, different landmark. The two bookend images were the only inputs — an 1889 engineering elevation and an editorial study of the finished tower — and ffmpeg’s xfade wrote the 121 intermediate frames itself, no model required.

Live · scroll to dissolve

01
The blueprint.

An 1889 engineering elevation on grid paper. Rivet details on the left, elevator-track callouts on the right. This is iron drawn, not iron built.
02
The dissolve.

The grid paper thins. Iron lattice fades up through the linework — rivets become rivets, callouts become callouts. Halfway through, drawing and structure share the same plate.
03
The reality.

324 metres of wrought iron, lit from within against pure black. Antenna, restaurant level, observation deck, base arch — every callout from the blueprint now standing in built form.

01 · The blueprint

Bookends / 03

Two frames
and everything between.

These are the only two images the pipeline saw. The scroll above is the model’s answer to “become this.”

Start frame: line-art blueprint of La Sagrada Família — The *blueprint*. Geometry, dimension lines, no materiality.

End frame: photo-real basilica of La Sagrada Família — The *realized*. Stone, light, weight — one final image.

Make your own. Drop a blueprint and a realized render of any landmark into the pipeline. The intermediate frames write themselves — the rest of this page just plays them back to scroll.

More sights,
soon.

Field Study 03 is in the queue — another landmark, same pipeline. Subscribe on the Tester Tech newsletter to get the next one in your inbox, or skip ahead to the family of devices this study lives next to.

Back to Tester Tech Replay the study