Hide Layer Content but Keep Layer Styles in Photoshop

In Adobe Photoshop, designers often need to render layer effects—such as drop shadows, bevels, or strokes—without showing the underlying text or shape pixels. This article explains the exact layer setting required to hide layer content while preserving applied layer styles, breaks down the difference between Opacity and Fill, and outlines how to use this feature effectively.

The Solution: Fill Opacity at 0%

To hide the base content of a layer while keeping all applied layer styles completely visible, set the Fill Opacity (labeled simply as Fill in the Layers panel) to 0%.

When Fill is reduced to 0%, Photoshop makes the original pixels, vector shapes, or text transparent while leaving any applied Layer Styles (Blending Options) at their full, designated opacity.

Fill Opacity vs. Standard Opacity

Photoshop provides two separate controls for layer transparency located at the top of the Layers panel:

  • Opacity: Governs the transparency of the entire layer as a unified element. Reducing Opacity dims both the core layer content (pixels, shapes, text) and every applied layer effect simultaneously. Setting Opacity to 0% makes the entire layer completely invisible.
  • Fill: Governs only the internal pixels or vector fill of the layer. Adjusting the Fill slider has zero impact on attached layer styles like Stroke, Inner Glow, Drop Shadow, or Bevel & Emboss.

How to Set Fill Opacity to 0%

  1. Open the Layers panel (F7 or Window > Layers).
  2. Select the layer containing the applied styles.
  3. Locate the Fill input field in the top-right section of the Layers panel, directly beneath the standard Opacity field.
  4. Drag the slider to 0% or highlight the value, type 0, and press Enter.
  5. Alternatively, with the layer selected and the Move Tool active, press Shift + 0 twice quickly (or Shift + 0 depending on your shortcut settings) to set Fill to 0%.

Common Use Cases

  • Watermarks: Create subtle, transparent text across images using an embossed or stroked appearance without opaque lettering.
  • Glass and Gloss Effects: Design translucent user interface elements, buttons, and badges where only highlights, inner glows, and drop shadows define the object.
  • Non-Destructive Outlines: Apply a Stroke style to text or shapes and set Fill to 0% to create outline-only graphics without needing to convert text to outlines or manually delete fill areas.