Layers
What are layers in AppMockUp Studio?
Layers are the building blocks of your App Store screenshots. They are the individual elements that let you create professional, engaging presentations of your app that stand out in the store.
Each layer serves a specific purpose and can be extensively customized. You can easily rearrange, hide, or modify layers to achieve your desired layout and maximize visual impact.
Available Layers
Every screenshot includes these essential layers to help you create compelling App Store visuals: background, icon, title, subtitle, device 1, device 2, device 3, device 4
Background
Add depth and visual interest to your screenshots with a customizable background that supports solid colors, gradients, images, or dynamic patterns - serving as the foundation that ties all your design elements together while ensuring your content remains the focus.
Icon
Add visual impact with a versatile icon layer that can display images, solid colors, or gradients with customizable shapes, shadows, and borders - perfect for logos, decorative elements, or creating eye-catching backgrounds that enhance your screenshot's design.
Title & Subtitle
Add eye-catching text to your screenshots with customizable font styles, background shapes, decorative elements, and precise positioning that stays consistent across all device sizes.
Add supporting text beneath your title to explain features or benefits in detail, with all the same styling options but typically using a smaller font size and lighter weight to maintain visual hierarchy.
Devices
Choose from a wide range of device frames to showcase your app in context, with options to customize the device color, orientation, and shadow effects to create a realistic and engaging presentation.
Use up to 4 devices to create unique layouts and showcase different app features or use cases in a single screenshot.
Working with Layers
Create compelling screenshots by managing your layers effectively:
• Show or hide layers to control what appears in your screenshot
• Customize the style and position of each layer independently
• Maintain consistent layouts across all your screenshots
• Combine layers creatively to achieve your desired visual impact
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