Image

Roll

A print on paper; a change is a slim paper roll travelling across it, winding up the old print and laying down the new one, lit and shadowed by the scene. Use for editorial, stationery, packaging and calm product heroes.

  • image
  • paper
  • roll
  • curl
  • print
  • lit
  • interactive

Settings and defaults

Pointer mode
Lift
Detail
220
Roll size
0.7
Sweep angle
0 °
Skew
0.12
Roughness
0.7
Self light
0.1
Duration
2.2 s
Interval
5 s
Aspect
0
Breathe
0.5
Intensity
1
Opacity
1
Pointer strength
1
Pointer radius
0.6
Paper colour
#efebe3
Pointer colour
#ffffff

Roll shows your picture as a print on paper. A picture change is a slim paper roll travelling across the sheet: ahead of it the old print curls up and winds onto the roll, behind it the new print unwinds and lies flat.

How it works

The paper bends around the roll without ever stretching, so the picture stays true and nothing pops. The printed sides face inward on the roll, so from outside you see a clean paper tube catching the scene's light and casting a soft shadow on the print. The roll grows from nothing and shrinks back to nothing, so it appears and disappears in place. At rest the paper breathes with a very low swell. It is lit by your scene, and object effects work on it.

Settings

  • Detail sets how finely the sheet is divided; more gives a rounder roll.
  • Roll size sets the radius of the roll at its widest.
  • Sweep angle sets the direction it travels; Skew lets one end of the roll lead the other.
  • Roughness sets the paper from satin to matte; Paper colour the back of the paper, seen on the outside of the roll.

Cursor

Lift raises the paper softly toward the cursor, as if air got under the sheet; Press dents it.

Use it for

  • Editorial, magazine and stationery pages
  • Packaging and print product heroes
  • Calm, tactile transitions between images

Code and API

Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.

See plans

More image

Relief

The picture embossed into paper by its own local contrast and lit by the scene; a change is a soft press travelling across the sheet, flattening the old impression and raising the new one as its ink lays down. Use for editorial, print, craft and product heroes.

Lenticular

A lenticular print: fine lenses over interleaved strips of the old and new picture; a change sweeps the flip across the sheet and depends on the viewing angle, with ribbed clearcoat highlights from the scene light. Use for collectibles, posters, fashion and retail.

Frost

A print behind a pane of real glass; a change is a breath of frost that feathers in from the edges, blurs the print through the glass, and clears from the centre to reveal the new picture; the cursor wipes the glass. Use for winter, luxury, beauty and calm editorial.

Pinscreen

The picture as a pinscreen of fine metal pins, each standing out by the brightness under it with a domed head in the picture's colour; a change is a pressure wave that sinks the pins and raises the new relief. Use for tech, product and sculptural heroes.

Prism

The picture printed across a row of slim triangular prisms; a change turns each prism a third of a turn in a travelling wave, its faces passing through the scene light, to show the next picture. Use for signage, retail, product and campaign heroes.

Contour

The picture as a topographic map of itself: a change opens it into hairline contour lines that lift into a floating stack in depth and flow continuously into the new picture's contours before it fills back in. Use for tech, data, science and architecture.

Works well with