Skip to content
For a limited time, get 50% off and enjoy lifetime access!

How to Smooth Out Scrolling and Typing in a Screen Recording

Creavit Studio rebuilds jerky scrolling from the recording's own pixels and can re-type text at an even rhythm. Here is how Scroll Reconstruction and Smooth Typing work, and when to use them.

The short answer

Creavit Studio can fix two common problems in screen recordings after you record. Scroll Reconstruction finds scrolling in the video frames, rebuilds the page, and replaces the jerky movement with a smooth camera move. Smooth Typing uses the recorder's keystroke and caret data to re-type the finished text at an even rhythm, so typos, hesitation and uneven speed disappear.

Both appear as segments on the timeline. Click a Scroll segment to open its settings and pick a Scroll style. Click a segment on the Typing track to choose a Typing style and an animation. Nothing is baked in: you can switch back to the recorded version at any time.

Why scrolling and typing look worse on video

When you scroll with a trackpad or mouse wheel, small changes in speed feel natural in your hands. On video, they show up as stutters, sudden stops and short back-scrolls. Typing has a similar problem. In person, a typo you fix in half a second goes unnoticed. In a tutorial, it is a moment where the viewer reads the wrong word.

You could record the same scroll or the same sentence again and again until it is clean. These two features let you keep the take you have and fix the motion afterward.

Part 1: Smooth scrolling with Scroll Reconstruction

How it works

Scroll Reconstruction works from the recording's pixels. No browser extension is involved. On your Mac, the app decodes the recording, measures the page position frame by frame, finds the scroll segments, and stitches the page into a content map. During a scroll segment, the scrolling area is replaced with a smooth virtual camera move across that map. Browser chrome and fixed headers stay live, so the address bar and a sticky navigation keep looking like the real page.

1. Find the Scroll segment

After the recording is analyzed, scroll segments appear on the timeline. Click one to open Scroll settings. The header shows the time range of the segment.

2. Pick a Scroll style

There are four styles:

Scroll styleWhat it does
RecordedPlays the scroll as you recorded it
SmoothKeeps your pauses, removes jerks and accidental back-scrolls
SteadyOne calm move from start to end
CustomShape the move with your own points

Smooth is a good default for most tutorials because it keeps the rhythm of your explanation. Steady suits a short page tour where you want an even glide from top to bottom.

3. Adjust the options

  • Keep reading pauses holds the camera where you stopped to read or point something out. The Pause from slider sets how long a stop must be to count as a pause.
  • Drop accidental back-scrolls removes the small upward jerks that happen when you overshoot.
  • Top speed limits how fast the camera moves, so long pages do not fly past.
  • Motion blur adds blur during fast moves, with a Blur amount slider.

4. Draw a Custom path when you need control

With Custom, a Path editor appears. Click to add a point, drag to move it, and double-click to remove it. Each point can ease in with Smooth, Linear, Out or In. Use this when you want the camera to stop exactly on a heading or a pricing table.

Scroll limitations

The app tells you when a section cannot be rebuilt, and the recording then plays as is:

  • Repeated identical rows. If the page repeats itself, for example a list of rows that look exactly alike, its position cannot be measured reliably.
  • Content that changes on its own. Animation, video or navigation inside the scrolling area prevents a reliable rebuild.
  • Partly moving content. In some sections the result is limited: moving parts are shown still while the camera is redirected. Watch these segments before export.

Part 2: Smooth Typing

How it works

While you record, the recorder captures keystroke and caret data. In the editor, a Typing track appears on the timeline with a segment for each typing run, and its settings show how many keystrokes it contains. Smooth Typing uses that data together with the recording's own pixels to type the finished text again.

1. Select a typing segment

Click a segment on the Typing track. The Typing settings open.

2. Choose a Typing style

  • Recorded keeps the typing exactly as it happened.
  • Effects shows the finished text typed again at an even rhythm. Typos, pauses and uneven speed are gone, because the animation is built from the final text, not from every keystroke.

3. Choose an animation

With Effects selected, pick an Animation: Blur fade, Glide, Typewriter or Rise. Then choose Animate by Letter, Word or Line.

Typewriter by Letter looks closest to real typing and fits short inputs such as a search query. Blur fade by Word reads well for a sentence in a chat or a prompt box. Rise by Line suits longer blocks such as a code snippet. Use the Blur and Speed sliders to fine-tune.

4. Apply it everywhere

When one segment looks right, click Use this for every typing to apply the same look to the rest of the recording. Consistent typing across a tutorial reads more calmly than a different animation on every field.

If a segment was not detected well, Re-detect in detail analyzes it again more carefully.

Typing and zoom

Auto zoom works with typing: it holds the zoom while you type and pans with the caret, so a long input stays in view as it grows. The smooth typing page has examples of the animations.

Typing limitations

  • Smooth Typing needs the keystroke and caret data from a Creavit Studio recording. A video imported from another app does not have it.
  • Effects shows the finished text. If the typo is part of what you are teaching, for example how a form validates input, keep that segment on Recorded.
  • Check passwords and private values. Smooth Typing re-types what was on screen; it does not hide it. Use a blur overlay for anything sensitive, as covered in hiding sensitive information in a screen recording.

Checklist before export

  • Every Scroll segment is on the style you intended, and none is marked as unsupported without you noticing.
  • Reading pauses are long enough for the viewer to read what you stopped on.
  • Top speed keeps long pages readable.
  • Typing segments share one animation style.
  • No private value is visible in a re-typed field.
  • Zoom stays on the caret during long inputs.
  • You watched the whole video once at normal speed.

Common questions

Do I need a browser extension for smooth scrolling?

No. Scroll Reconstruction measures the scroll from the video frames on your Mac. It is not tied to a particular browser.

Can I go back to the original scroll?

Yes. Choose Recorded as the Scroll style. The same applies to typing: choose Recorded as the Typing style.

Does Smooth Typing fix typos in the final text?

No. It removes typos that you made and corrected while typing, because it animates the finished text. If the final text itself has a mistake, it will still be there.

Keep going

Read more on the smooth scroll page and the smooth typing page. To show an input and its result side by side, see the MultiFocus guide. For the full recording workflow, start with product demo recording.

Download Creavit Studio for Mac ->