Working with Layer Fills
Learn about the different fill types available in AppMockUp Studio and how to use them effectively in your designs. Choose from solid colors, gradients, images, or create panoramic backgrounds that span across multiple screenshots.
Color Fill
Solid color fills are perfect for creating clean, minimalist designs or establishing strong visual hierarchy. Use the color picker, input HEX codes, or sample colors from your screen.
Quick Overview:
• Input colors using HEX, RGB, or natural language
• Use the color picker for visual selection
• Sample colors from anywhere on your screen
For detailed instructions on working with color fills, see our color fill guide.
Gradient Fill
Create smooth color transitions with linear gradients. Add multiple color stops and control angles for sophisticated effects.
Quick Overview:
• Add and customize multiple color stops
• Control gradient angle and position
Learn more about creating custom gradients in our gradient fill guide.
Image Fill
Use images as fills with precise control over how they appear. Adjust scale modes, apply effects, and add overlays to create unique visuals.
Quick Overview:
• Choose from multiple scale modes
• Apply image adjustments and effects
• Add color or gradient overlays
Discover all image fill options in our image fill guide.
Panoramic Fill
Create continuous backgrounds that span across all your screenshots. Available for Main Screenshots and Instance Screenshots, this special background type helps create cohesive, professional layouts.
Quick Overview:
• Select the device component to access panoramic settings
• Choose from various fill types for the panoramic background
• Creates seamless transitions between screenshots
Learn how to create stunning panoramic backgrounds in our device panoramic guide.
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