The approach
Glass and polished metal depend on what they reflect and reveal. If a material looks flat, first inspect the lighting and surroundings rather than pushing every surface slider to an extreme. A readable silhouette matters more than an intense highlight.
Change one material property at a time
Begin with a simple shape and a neutral composition. Roughness affects the sharpness of reflections; metalness changes the surface response. For glass, compare a material preset with a controlled adjustment to transmission. Ordinary opacity and glass transmission solve different visual problems.
Design the lighting around the shape
Give the object a bright area to reflect and a darker region that separates its edges. Review the material against the final page background: a glass object that reads against dark gray may disappear against white. Complex transmissive layers also deserve a careful mobile performance check.
A workflow to start with
Start from a material preset on one simple object.
Choose the final camera angle and page background.
Adjust roughness, then assess lighting before making another change.
Compare the result at mobile size and simplify overlapping glass surfaces.
Start with a specific request.
Give the selected object a frosted-glass look with soft reflections and a clearly visible outline. Use a simple background and lighting that separates the edges. Preserve the geometry and camera while adjusting the material.
Use this as a brief for scene work or AI assistance. Inspect the result in the editor; available AI tools depend on your account and plan.Before you publish
- The silhouette is clear on the actual site background.
- Highlights do not obscure the product shape.
- The scene remains responsive with its final transparent layers.
Common questions
Why does my glass look invisible?
Inspect the background, light direction and object thickness before increasing complexity. Refraction needs visible surroundings to read clearly.
Are reflective materials automatically realistic?
No. Geometry, texture scale, lighting and material values all contribute. Compare the result with references rather than relying on one slider.
Further reading
Platform references for the surrounding workflow. Check destination-platform settings when publishing.
Three.js: material and lighting examplesWatch a related tutorial
Explore practical demonstrations and companion articles by Daksh Brand Creator.