Update Fill Images
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.
Type
Adding Images
There are two ways to add an image:
• Click 'Select From Computer' to upload your own image
• Click 'Generate Mesh' to create an unique image using the Mesh Generator
Image
Opacity
Brightness
Contrast
Hue
Saturation
Background
• Fill: Covers the entire area while maintaining aspect ratio (may crop)
• Fit: Shows the entire image while maintaining aspect ratio (may show background)
• Invert the image by pressing the 'Invert' button
• Rotate the image by 90° increments using the 'Rotate' button
• Flip the image horizontallyor verticallyusing 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)
• 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
Video Example
Related articles
How to Reorder Layers
How to Rename Layers
How to Position Layers
How to Resize Layers
How to Update Layer Fills
How to Update the Fill Color
How to Update the Fill Gradient
How to Update the Fill Image
Effects: Strokes, and Shadows
How to Add and Update Screenshot Highlights
How to Update the Text Layer Background & Decoration
Icon Layer Overview
Text Layer Overview
Device Layer Overview