emocn

Focus Pull

Rack focus from one scene to the next through a soft defocus breath

Installation

$ pnpm dlx shadcn@latest add @remocn/focus-pull

Usage

focusPull() is a Remotion transition presentation. Pass it to a TransitionSeries.Transition between two sequences. The outgoing scene drifts out of focus and brightens like an over-exposed bokeh, the incoming scene resolves from the same blur and settles into sharpness with a gentle lens breath. Calm and editorial — give it around 46 frames.

import { TransitionSeries, linearTiming } from "@remotion/transitions";
import { focusPull } from "@/components/remocn/focus-pull";
 
export const MyVideo = () => (
  <TransitionSeries>
    <TransitionSeries.Sequence durationInFrames={80}>
      <SceneA />
    </TransitionSeries.Sequence>
    <TransitionSeries.Transition
      timing={linearTiming({ durationInFrames: 46 })}
      presentation={focusPull()}
    />
    <TransitionSeries.Sequence durationInFrames={80}>
      <SceneB />
    </TransitionSeries.Sequence>
  </TransitionSeries>
);

Props

focusPull(props) accepts:

PropTypeDefaultDescription
blur
number16Maximum defocus blur in pixels at the handoff point.

Push Through

Dolly through the outgoing scene while the next one approaches from the depth

Zoom BlurNEW

Push the outgoing scene through the viewer while the incoming one resolves out of blur