Learn how to use images as backgrounds for your Main Screenshots, panoramics or icons. This guide will show you how to add, adjust, and enhance images to create professional-looking screenshots.
Using Image Fills
The Image Fill type allows you to use images as backgrounds for your Main Screenshot, with powerful controls for adjusting how the image appears.
Adding Images
From the Properties Panel:
- Click 'Select From Computer' to upload your own image
- Click 'Generate Mesh' to create an unique image using the Mesh Generator
Or straight on the canvas:
- Drop it. Drag an image file over a screenshot. The layer under the cursor lights up with a label, such as "Drop on Device 1"; let go and the image is applied. On a device it becomes the screen capture, on a title, subtitle, caption, icon or image it becomes the image fill, and on the background it becomes the background image. In Background Mode, drop onto the panoramic canvas to set the panoramic fill.
- Paste it. Copy an image anywhere, select a layer and press
Ctrl/Cmd+V. It follows the same rules as a drop. - Double-click. Double-click a device to choose its screen capture, or a background, icon or image that already has an image fill to choose a new image.
- Right-click a layer for its menu: add, replace, remove or transform the image.
Scale Modes
- Fill: Covers the entire area while maintaining aspect ratio (may crop)
- Fit: Shows the entire image while maintaining aspect ratio (may show background)
Image Adjustments
- Invert the image by pressing the 'Invert' button
- Rotate the image by 90° increments using the 'Rotate' button
- Flip the image horizontally or vertically using the 'Flip' buttons
- Brightness: Adjust image luminosity (0-200)
- Contrast: Modify difference between light and dark areas (0-200)
- Hue: Shift the color spectrum (0-360°)
- Saturation: Control color intensity (0-200)
Background & Overlay
- Set a background color to show behind transparent images
- Add color overlays to tint the image
- Apply gradient overlays for creative effects
Pro Tips:
Double-click the sliders to reset to default values.
In the number input fields, use keyboard shortcuts to quickly adjust values:
↑ / ↓ - Increment / decrement the value by 1
Shift + ↑ / ↓ - Increment / decrement the value by 10