Layer Fill in Photoshop

Layer Fill controls the visibility of the main content or pixels of a layer.

You can change the Fill value from 0% to 100%.

The Fill control is located near the top of the Layers Panel, directly below or near the Opacity control depending on the Photoshop workspace.

Fill uses a percentage value.

• 100% Fill – Full layer content visibility
• 75% Fill – Slightly reduced content visibility
• 50% Fill – Half-strength layer content
• 25% Fill – Very light layer content
• 0% Fill – Layer content becomes invisible

At 100% Fill, the layer's normal content is fully visible.

This is the default Fill value for most layers.

At 0% Fill, the main content of the layer becomes invisible.

However, layer styles such as a Drop Shadow or Stroke may remain visible. This is one of the most important differences between Fill and Opacity.

Fill and Opacity both affect the appearance of a layer, but they are not exactly the same.

• Opacity: Affects the entire layer, including layer styles.
• Fill: Primarily affects the layer's actual content.

Create a colored rectangle on a new layer.

Change its Fill from 100% to 50%.

The rectangle becomes less visible and the content underneath becomes easier to see.

Fill becomes especially useful when a layer has layer styles applied.

You can reduce the Fill while keeping certain styles visible.

Suppose a shape has a Drop Shadow.

If you reduce the Fill of the shape to 0%, the shape itself can disappear while its Drop Shadow remains visible.

Fill can also be useful with a shape or layer that has a Stroke effect.

At 0% Fill, the main interior content can disappear while the Stroke remains visible.

A layer with an Outer Glow can use a low Fill value to create a special effect.

The original content can become invisible while the glow remains visible.

One useful technique is to create a shape, add a Stroke, and reduce its Fill to 0%.

This can create an outline-only appearance.

Fill can be used with text layers that have layer styles.

For example, you can create text with a Stroke and reduce the Fill to create an outlined text effect.

Setting both Fill and Opacity to 50% can produce similar-looking results when no layer styles are involved.

The difference becomes more noticeable when layer styles are applied.

Reducing Fill to 0% does not permanently delete the layer content.

Increase the Fill value again and the layer content becomes visible.

Fill and Visibility are different controls.

• Visibility: Completely shows or hides a layer.
• Fill: Controls the visibility of the layer's main content.

Fill can be used to create outline shapes, transparent decorations and special text effects in posters.

It gives designers more control over the appearance of layer content.

Social media graphics can use Fill to create outlined headings, transparent shapes and decorative effects.

Create a text layer and apply a Stroke layer style.

Reduce the Fill to 0%. The original text fill can disappear while the outline remains visible.

Fill can be combined with layer styles to create creative effects such as:

• Outlined text
• Outlined shapes
• Shadow effects
• Glow effects
• Decorative borders

When Fill is reduced, layers underneath can become visible through the reduced layer content.

The final appearance also depends on the order of the layers.

Select the required layer in the Layers Panel and change the Fill percentage.

Try values such as:

100%
80%
60%
40%
20%
0%

1. Create a rectangle shape.
2. Apply a Stroke using Layer Style.
3. Set the Fill to 0%.
4. Keep the Stroke visible.
5. Place text inside the outlined shape.

1. Create a text layer.
2. Choose a large font size.
3. Add a Stroke using Layer Style.
4. Reduce the Fill to 0%.
5. Observe the outline effect.

Use Opacity when you want to make the entire layer, including its styles, more transparent.

Use Fill when you want to reduce the main layer content while keeping certain layer styles visible.

• Confusing Fill with Opacity
• Setting Fill to 0% and thinking the layer was deleted
• Forgetting about layer styles
• Using Fill without checking the final design
• Not understanding why a Stroke remains visible

Practice the following:

1. Create a rectangle shape.
2. Apply a Stroke layer style.
3. Set Fill to 100%.
4. Reduce Fill to 50%.
5. Reduce Fill to 0%.
6. Observe the Stroke at each stage.

Create a simple promotional design using outlined text.

1. Create a dark background.
2. Add a large text heading.
3. Apply a Stroke to the text.
4. Reduce the Fill to 0%.
5. Adjust the Stroke size.
6. Add smaller text below the heading.

1. Select the required layer.
2. Check whether it has layer styles.
3. Adjust the Fill percentage.
4. Compare the result with different values.
5. Use Fill with Stroke, Shadow or Glow when appropriate.
6. Keep the value that produces the desired effect.

Layer Fill controls the visibility of a layer's main content. It becomes especially useful when working with layer styles. By setting Fill to 0%, the main content can disappear while effects such as Stroke or Drop Shadow may remain visible.

Understanding the difference between Fill and Opacity will help you create more advanced Photoshop effects.