The Ultimate Guide to PBR Materials for Digital Footwear & Sneakers

1. The Dielectric Rule: Metalness Must Be Zero

In physical optics, materials divide strictly into conductors (metals) and dielectrics (non-metals). Leather, suede, canvas, rubber, cotton laces, and polyurethane foam are 100% dielectric.

For all non-metal shoe components, set metalness strictly to 0.00. Dielectrics reflect approximately 4% of light at normal incidence (F0 ~ 0.04), which Three.js MeshStandardMaterial computes automatically when metalness is 0. Only metallic eyelets, lace locks, and zipper pulls should have metalness values between 0.85 and 1.00.

2. Roughness Calibration for Organic Footwear Textiles

Roughness dictates microfacet distribution—how sharp or diffuse the reflection specular hotspot appears. Real footwear materials fall into specific, predictable roughness ranges:

• Suede & Nubuck: 0.85 – 0.95 (Extremely diffuse, soft velvety response) • Heavyweight Canvas & Knit: 0.80 – 0.90 (Matte textile sheen with micro-shadowing) • Tumbled & Nappa Leather: 0.62 – 0.75 (Subtle tactile sheen with clear form definition) • Vulcanized Outsole Rubber: 0.65 – 0.80 (Dense, non-reflective matte finish) • Patent Leather (High Gloss): 0.15 – 0.25 (Crisp, mirror-like specular highlights)

3. Normal Maps and Micro-Depth Illusions

Without normal maps, flat polygons cannot convey the tactile grain of pebbled leather or woven polyester laces. Use 16-bit tangent-space normal maps with gentle strength (0.3 – 0.6) to avoid harsh pitch black artifacts under directional key lights.

// Natural Leather Material Definition in Three.js
const leatherMaterial = new THREE.MeshStandardMaterial({
  color: new THREE.Color('#d9532f'),
  roughness: 0.72, // Soft tactile matte
  metalness: 0.00, // Strictly dielectric non-metal
  normalMap: leatherNormalTexture,
  normalScale: new THREE.Vector2(0.45, 0.45),
});