Photoshop Bevel and Emboss: Simulating 3D Relief

The Bevel and Emboss layer style in Adobe Photoshop simulates three-dimensional relief on a two-dimensional canvas by manipulating optical cues of light, shadow, and edge geometry. By analyzing the boundaries of a layer's content, the software generates artificial highlights and shadows along the perimeter, tricking the human visual system into perceiving physical depth, elevation, and tactile material properties without altering the actual underlying pixels.

The Physics of Perceived Depth

Human visual perception relies heavily on directional lighting to determine the form and curvature of objects. Photoshop leverages this by establishing a virtual light source defined by two key parameters: Angle (the horizontal direction of the light) and Altitude (the vertical angle of the light relative to the canvas).

When applied, the effect evaluates the alpha channel—the transition between opaque pixels and transparent canvas—and constructs a simulated slope along these edges. Surfaces tilted toward the virtual light source receive lighter tonal values, known as highlights, typically rendered using lightening blend modes such as Screen. Surfaces angled away from the light source are darkened with shadows, typically rendered using darkening blend modes like Multiply.

Edge Calculation and Gradients

Photoshop calculates the illusion of relief through several underlying mechanisms:

• Structure and Style: The style setting (Inner Bevel, Outer Bevel, Emboss, Pillow Emboss, or Stroke Emboss) dictates where the gradient is generated relative to the layer's boundary. For example, an Inner Bevel confines the relief to the opaque interior, whereas an Emboss splits the highlights and shadows across both sides of the boundary line.
• Technique: This controls the interpolation of the edge slope. Smooth applies a gradual Gaussian-style transition suitable for rounded, organic shapes. Chisel Hard and Chisel Soft generate sharp, faceted transitions using steep geometric thresholds to simulate carved stone or cut metal.
• Size and Depth: The Size slider determines the pixel radius of the edge transition, establishing the width of the simulated bevel. The Depth parameter scales the contrast of the generated slope, effectively steepening the perceived gradient to make the edge appear taller and more pronounced.

Material Emulation Through Gloss Contours

Beyond basic lighting, surface reflectivity defines the perceived physical material of a layer. Photoshop achieves this through the Gloss Contour curve. By mathematically remapping the distribution of the highlight and shadow tones across the bevel slope, contours can produce flat, matte gradients or complex, multi-banded reflections. Sharp, oscillating curves create rapid shifts between bright white and dark tones, producing the specular reflections characteristic of polished chrome, glossy plastic, or glass.