Image settings

This article will take you through the different features and options that are available from the 'Edit' panel

The following options can be found in the 'Edit' right-hand panel for any given image on your canvas. Click on any of the options below to learn how they work.

Replace image

The replace image option is useful for quickly swapping one of the images for another one - for example, if you want to change an image on your canvas whilst maintaining its position and all of it's animation properties.

  1. Select an image
  2. Navigate to the ‘Edit’ tab in the right-hand panel 
  3. Click the ‘Replace imagereplace button
  4. Choose an image from the library or upload your own to replace the existing image with

Screen Recording (30-11-2022 16-57-32)

Lock element position

When you’re creating a particularly busy or intricate scene, locking element positions is a great way to avoid moving or adjusting them by accident.

  1. Select an element
  2. Navigate to the ‘Edit’ tab in the right-hand panel 
  3. Click the ‘Lock element positionlock icon

Screen Recording (05-01-2023 12-58-12)

To unlock the element, first select it on the timeline, and then click the ‘Unlock element positionunlock icon.

Please note: When an element is locked a padlock locked icon appears on the element tile in the timeline.

Lock aspect ratio

You might want to resize an image without changing its horizontal or vertical proportions - for example, pictures of people or animals can look odd if they are stretched or squashed too much in one direction. In these instances, you can lock the image aspect ratio to keep their proportions fixed.

  1. Select an image
  2. Navigate to the ‘Edit’ tab in the right-hand panel 
  3. Click the ‘Lock aspect ratioaspect ratio - lock icon

Screen Recording (30-11-2022 17-05-13)

To unlock the element’s aspect ratio, click the ‘Unlock aspect ratioaspect ratio- unlock icon.

Use content bounding box

Sometimes when you insert an image into VideoScribe browser, the outer box consisting of the resizing controls may be much larger than the image it contains, which can make it difficult to accurately resize your image and avoid selecting it by mistake.

To resolve this you can use the content bounding box instead, which shrinks the outer box to fit the image. This makes it much easier to arrange these images on your canvas.

  1. Select an image 
  2. Navigate to the ‘Edit’ tab in the right-hand panel 
  3. Click the ‘Use content bounding boxbounding box off icon

To revert to using the image’s original view box, click the ‘Use original viewboxbounding box on-1 icon.

Top tip: When importing your own SVG images, the box containing your image in VideoScribe is based on the size of the image’s canvas/artboard. If the box is too large or parts of your SVG are cut off, try resizing the canvas/artboard of the image in your vector graphics editor.

Hide element

Sometimes when you’re building a complex scene or working with layered elements, you may want to see behind a specific element without having to move it out of the way. You can hide elements in order to do this, which temporarily makes them fully transparent.

  1. Select an element
  2. Navigate to the ‘Edit’ tab in the right-hand panel 
  3. Click the ‘Hide elementHide icon

To unhide an element, click the ‘Unhide elementUnhide icon.

Please note: Hiding an element only applies to the editing view - elements will remain fully visible in previews and video exports. If you want an image to be partly or fully transparent in previews and video exports, you will need to adjust its opacity.

Flip object

Flipping an image gives you the flexibility to orientate elements however you like - you can use it, for example, to have a character face the opposite direction to their usual orientation.

  1. Select an image 
  2. Navigate to the ‘Edit’ tab in the right-hand panel
  3. Click the ‘Flip verticallyflip vertically icon or the ‘Flip horizontallyflip horizontally icon to flip the image in the corresponding direction


Crop image

Perhaps there’s an image that you like the look of, but it contains some extra details that you don’t need in your animation - for example, you might only want one person in an image of two people, or you’d like part of an image to not be visible. You can crop images to cut away detail from the top, bottom, and/or sides.

Please note: Cropping an image involves VideoScribe converting it into a raster PNG image. This means that the drawing instructions in the original SVG image will be lost, and the new image will use a simple diagonal reveal animation.

  1. Select an image
  2. Navigate to the ‘Edit’ tab in the right-hand panel
  3. Click the ‘Crop imagecrop icon
  4. A warning message will display, demonstrating how the image will animate once cropped. You can continue cropping, cancel the crop, or turn off the reminder
  5. If you have chosen to continue with the crop, the crop tools will appear. You can adjust the crop using the handles around your image, or change its shape using the icons in the right-hand panel
  6. Click ‘Apply crop’ to confirm your changes, or ‘Cancel cropping’ to discard them

Top tip: You can apply more than one crop to an image - simply follow the above process again for the same image.