Features

Backgrounds, Gradients, And Wallpapers

Style the canvas with solid colors, gradients, procedural wallpapers, image backdrops, blur, padding, corners, and shadows.

Background controls define the canvas behind the screen recording. Use them when the source video does not fill the final aspect ratio, when you are making Shorts or square posts, or when a demo needs a more branded frame.

Choose a background mode

The Background inspector includes four main modes:

  • Wallpaper for built-in image and generated wallpaper presets.
  • Gradient for linear or radial color blends.
  • Color for a simple brand or neutral canvas.
  • Image for a custom imported backdrop.

The background is part of the project state and exports with the final video.

Use generated wallpapers

Generated wallpapers live in the Minimal wallpaper category. They render from colors, a style, and a shape seed, so they do not require a large image asset.

Available generated styles include:

  • Soft Mesh for blended glow fields.
  • Organic Blobs for soft abstract color regions.
  • Folded Planes for layered paper-like surfaces.
  • Wavy Bands for flowing horizontal motion.
  • Rounded Shapes for simple geometric layouts with light grain.

After choosing a generated wallpaper, use Generated Shapes to switch styles. Use Colors to cycle through palette schemes, Shape to regenerate the procedural seed, or edit the four color wells directly.

Tune gradients

Gradient mode supports preset palettes and more detailed shaping:

  • Use linear gradients when you want direction and depth.
  • Use radial gradients when the screen should sit inside a soft glow.
  • Adjust angle for linear gradients.
  • Move the radial center and invert it when the highlight needs to sit behind or away from the source.
  • Add up to five gradient stops for more complex brand palettes.

Keep gradients subtle enough that text, cursor movement, subtitles, and redactions remain readable.

Import an image background

Use Image mode when a custom visual is part of the brand system. Fraime.it copies the imported image into the .fraimeit project package so the project can reopen without depending on the original file location.

For best results, choose a high-resolution image that still works when cropped to 16:9, 9:16, and 1:1.

Frame the screen

After choosing the background, tune how the source sits on the canvas.

  • Padding controls how much background is visible around the source.
  • Corner radius softens the source frame.
  • Blur can reduce distracting source edges.
  • Shadow and shadow distance separate the recording from the background.

Background framing matters most when the output aspect ratio differs from the recording, such as vertical clips, square posts, or 4:3 exports.

Export review

Before exporting, scrub a few scenes and check:

  • The background does not compete with the screen content.
  • Gradient stops and generated shapes still work at the selected aspect ratio.
  • Shadows and rounded corners feel intentional.
  • Redactions, subtitles, cursor, keyboard HUD, webcam, and overlays remain readable.