Cinemagraph

A still photograph with one living region: the frame is frozen while a single feathered window keeps moving - here, steam rising over a cup - drawn from the seek time alone with a period that divides the duration, so the render loops seamlessly. Swap the placeholder scene for a freeze-frame still masked over a looping video to cinemagraph real footage.

Add it to your video

It runs for 10 seconds at 1920×1080. Paste this into your composition:

index.html

<div
  data-composition-id="cinemagraph"
  data-composition-src="compositions/cinemagraph.html"
  data-start="0"
  data-duration="10"
  data-track-index="1"
  data-width="1920"
  data-height="1080"
></div>

Move it in time with data-start. Put it on a different timeline row with data-track-index. See data attributes for the rest.Tagged effect cinemagraph photo loop freeze-frame.

Catalog

Cinemagraph

Add it to your video

Related topics