Frosted glass panels built from your screenshot itself
A glass panel in InnoShot is not a gray rectangle at half opacity. It reads the pixels of your screenshot underneath, blurs and frosts them, then adds a tint, a fine border, a reflection and a soft shadow, the way glassmorphism looks in a real interface. Use it to hold a caption, frame a group of controls or give a plain capture a finished, layered look.
Why a translucent rectangle does not look like glass
Glassmorphism is the design style of frosted, translucent panels floating over colorful content. The effect depends on what is behind the panel: shapes and colors show through, but softened, so the panel feels like a pane of frosted glass rather than a sheet of tinted plastic.
A flat semi-transparent shape cannot do that. It lays one color over the screenshot and leaves every edge and letter underneath just as sharp, which then competes with anything you put on top. An InnoShot glass panel samples the screenshot beneath it and blurs those real pixels before tinting them, so the interface behind turns into soft color and your caption reads clearly.
Because the panel is built from whatever sits under it, it changes as you move it: darker over a dark sidebar, brighter over a white header. It stays an editable layer, so you can resize, rotate, restyle or remove it at any point before you export.
How to add a glassmorphism effect to a screenshot
-
1
Start from a capture
Take a screenshot with any InnoShot capture mode, or reopen one from your history. It opens in the editor, where effects are added as layers.
-
2
Drag out a glass panel
Pick the glass tool from the tool rail and drag a panel over the area it should cover, such as a quiet corner for a caption or a group of related controls.
-
3
Start from a preset
Apply one of the editable glass presets to get a balanced mix of blur, tint and highlights in one step.
-
4
Tune it for legibility
Raise the blur, adjust the tint and saturation, and add your text on top. Text and other annotations always draw above the glass.
-
5
Save the look and export
Save your settings as a preset to reuse across a series of screenshots, then export the result as an image or a PDF.
Every layer of the glass is yours to tune
-
Real backdrop sampling
The panel reads the screenshot pixels directly beneath it, so what shows through is your actual interface, not a stock texture or a flat fill.
-
Blur and frost
Blur sets how far the content underneath is softened. Frost adds a milky diffusion on top, for a clearer or a more frosted pane.
-
Tint, gradient and saturation
Lay a color over the glass, let color or light change across it with a gradient, and raise or lower the saturation of what shows through.
-
Border and radius
A thin border defines the panel against busy content, and the corner radius sets how rounded its corners are.
-
Reflection and inner highlight
A sheen across the surface and a bright edge just inside the border give the panel the lit look of real glass.
-
Shadow and glow
A shadow adds depth beneath the panel, and a glow spreads soft light around it so it lifts off the screenshot.
Good to know
Glass depends on what is underneath it, which brings a few things to keep in mind.
- Keeping text legible
- Contrast matters most: pair light text with a darker tint and dark text with a lighter one. Increase the blur until shapes underneath stop competing with your words, lower the saturation if bright colors bleed through, keep captions short, and judge the result at the size it will be exported.
- Glass is decoration, not concealment
- Glass blur is designed to look good, and content under it can sometimes be made out or recovered. To hide passwords, tokens or personal data, use redaction, which is opaque and flattened into every export.
- Clipped to the screenshot
- Glass panels, like other effects, stay inside the screenshot area. They do not extend over the background or the browser frame, so place them where the screenshot itself has room.
Glassmorphism questions
Something else? The full FAQ and the documentation go further.
What is glassmorphism?
Glassmorphism is a visual style built around translucent panels that look like frosted glass: the content behind them shows through blurred, usually with a light tint, a subtle border and a soft shadow. On screenshots it is used for captions, labels and highlighted cards that sit on top of a real interface.
How is an InnoShot glass panel different from a semi-transparent shape?
A semi-transparent shape only tints what is below it and leaves every detail sharp. A glass panel samples the actual screenshot pixels beneath it, blurs and frosts them, then adds tint, saturation, reflection, highlights, a border and a shadow. The result changes with what is underneath, which is what makes it read as glass.
How do I keep text readable on a glass panel?
Give the text strong contrast with the tint, raise the blur until the content underneath turns into soft color, and reduce the saturation if bright areas show through. Short labels in a larger size are the easiest to read. Text always draws above effect layers, so the glass never covers it.
Can I create a glass effect without InnoShot?
Yes, by hand in a layer-based image editor: copy the area under the panel, blur the copy, clip it to a rounded rectangle, then add a light tint, a thin border and a shadow. On a live web page, the CSS backdrop-filter property produces a similar effect. InnoShot combines these steps into one editable layer on top of your capture.
Can a glass panel hide sensitive information?
No. Its blur is cosmetic, and blurred content can sometimes be recovered. Use the redaction tool for anything that must stay private: it covers the area with an opaque box that is flattened into every exported image and PDF.
Keep reading
- Glass panels, property by property What each setting does and how to keep captions readable.
- How to add glassmorphism effects to screenshots From a plain capture to a finished glass caption.
- Spotlight effect Dim the surroundings, then explain the highlighted area on glass.
- Screenshot backgrounds Place the finished screenshot on a gradient or mesh backdrop.
More in Beautify
Give your next screenshot a glass finish
Glass panels are part of the free InnoShot editor. No account, and nothing leaves your browser.
For Google Chrome on desktop. Coming to the Chrome Web Store.