Opacity
Opacity measures the degree to which a surface blocks light, ranging from 0% (fully transparent) to 100% (fully opaque). It is fundamental in digital design for layering, transparency effects, and blending.
Key Applications
- Adobe Photoshop:
- Brush opacity controls stroke transparency (adjustable via brush settings panel; e.g.,
5for 50% opacity). - For brush tool usage (size/hardness adjustments), see Julianne Kost using brush tool in photoshop.
- Brush opacity controls stroke transparency (adjustable via brush settings panel; e.g.,
- CSS:
opacityproperty sets element transparency (e.g.,opacity: 0.7). - SVG:
opacityattribute defines shape transparency.
Related Concepts
- Transparency
- Blending Modes
- Brush Tool
- Digital Art Techniques
2026 04 14 Julianne Kost using brush tool in photoshop
Source Notes
- 2026-04-07: Fundamental UI/UX Design Concepts: Affordances, Hierarchy, Grids, Typography Explained
- 2026-04-10: Fundamental UIUX Design Concepts Affordances Hierarchy Grids · ▶ source
- 2026-04-21: Adobe · ▶ source
- 2026-04-30: Photoshop · ▶ source