Add image overlays in the editor

« to Riverside editor: Overview

Add images to your video in the editor to make your video more engaging. Upload your own pictures or choose from our photo library.

Plan: All plans
Device: Computer browser

Step by step

From the toolbar
1. Log in to your Riverside account.
2. Open a recording in the editor or upload an external file to start editing.
3. On the timeline, move the playhead to the desired location.
4. In the editing toolbar, click either:
  - Your media. In the Images panel, search the image library by keyword or click Upload and choose a JPG or PNG file on your computer.
  - Stock. Explore stock images, or generate your own using the text field at the bottom of the panel.
5. Click the image or drag and drop over Add to overlay in the video player to add as an overlay.
  - To view the image larger and see more details, hover over it and click Preview.
6. On the canvas, click and drag the image's corners to resize it or its edges to crop it.
7. Click the image overlay to open its menu. Then:
  - Click Ask to open Co-Creator to edit the image.
  - Click Crop to crop the image.
  - Click the Fill icon to fill the frame.
  - Click Border radius to round the corners.
  - Click Shadow to add a shadow.
  - Click the Animation icon to apply entry and exit animations.
  - Click the Opacity icon to adjust the image’s transparency.
  - Click the ••• [three dots] to change its layer, copy, or duplicate, or delete it.
8. Adjust the overlay's duration on the timeline.
From the transcript
1. Log in to your Riverside account.
2. Open a recording in the editor or upload an external file to start editing.
3. On the transcript, double click a word to select when you want the image overlay to appear.
4. On the context menu, click Add and click either:
  - Your media. In the Images panel, search the image library by keyword or click Upload and choose a JPG or PNG file on your computer.
  - Stock. Explore stock images, or generate your own using the text field at the bottom of the panel.
5. Click the image or drag and drop over Add to overlay in the video player to add as an overlay.
  - To view the image larger and see more details, hover over it and click Preview.
6. On the canvas, click and drag the image's corners to resize it or its edges to crop it.
7. Click the image overlay to open its menu. Then:
  - Click Ask to open Co-Creator to edit the image.
  - Click Crop to crop the image.
  - Click the Fill icon to fill the frame.
  - Click Border radius to round the corners.
  - Click Shadow to add a shadow.
  - Click the Animation icon to apply entry and exit animations.
  - Click the Opacity icon to adjust the image’s transparency.
  - Click the ••• [three dots] to change its layer, copy, or duplicate, or delete it.
8. Adjust the overlay's duration on the timeline.