UE5 / Recipe / Transparent Surface

Glass / Crystal for UE5

A glass and crystal recipe for controlled transparency, edge highlights, roughness variation, tint, and art-directed refraction.

Recipe baseline

Visual slot reserved

The future image should compare smooth glass and faceted crystal so the edge, tint, roughness, and refraction decisions are easy to see.

01

Visual Target

What we are building: a transparent material that still has form: readable silhouette, controlled tint, roughness breakup, and refraction that supports the object instead of hiding it.
Image placeholder: glass and crystal studyGenerate later: faceted crystal and smooth glass prop, strong rim highlights, controlled blue tint, studio lighting, 16:9 landscape, no text.

Glass is mostly edge and reflection. If the silhouette is weak, more transparency will not fix it.

02

Use Cases

PropCrystal pickupsUseful for faceted objects where edge highlights need to pop.
EnvironmentWindows and panelsGood for clean glass where tint and roughness matter more than heavy refraction.
StylizedMagic gemsUse tint, internal glow, and controlled edge response to make gems readable.

03

Mental Model

Clear does not mean invisible

Glass still needs a silhouette, surface response, and value contrast. If the viewer cannot read the object shape, the material is not finished; it is just transparent.

Crystal is more geometric than glass

Smooth glass depends on reflection and subtle roughness. Crystal depends on facets, edge hits, internal tint, and broken planes. Decide which family you are building before tuning transparency.

Refraction is a spice, not the meal

Small masked refraction around edges can sell thickness. Full-object distortion can make props unreadable and create sorting/cost problems quickly.

04

Graph Steps

Material modeEdge responseTint bodyRoughness breakupRefraction maskOutput

1. Decide opaque, masked, or translucent first

Many crystal looks can stay opaque with Fresnel and fake internal color. Use true translucency only when seeing through the object is important to the shot or gameplay.

Why: blend mode changes lighting, sorting, overdraw, and available material features.

2. Build edge strength before transparency

Use Fresnel, bevel normals, curvature, or baked masks to make the silhouette and facets readable. Edge response should survive both bright and dark backgrounds.

Beginner check: preview edge response as grayscale. If the outline is weak here, adding alpha will make it worse.

3. Add body tint with restraint

Tint should suggest glass thickness or crystal color without flattening all planes into the same hue. Use vertex color, object-space gradient, or thickness approximation if the prop needs depth.

4. Break roughness by scale

Clean glass can use subtle smudges or scratches. Crystal may use sharper faceted changes. Keep small scratches weaker at distance to avoid shimmering.

5. Mask refraction to useful areas

Apply refraction or screen offset mostly near edges, thick regions, or impact imperfections. Avoid strong uniform distortion across the whole object.

6. Separate smooth glass from magic crystal controls

Expose glow, inner pulse, or color cycling only as optional controls. A production master should not force fantasy behavior onto every glass panel.

05

Artist Controls

06

HLSL Sketch

float fresnel = pow(1.0 - saturate(dot(normalWS, viewDirWS)), fresnelPower);
float breakup = Texture2DSample(noiseTex, noiseTexSampler, uv * breakupTiling).r;

float3 edge = edgeColor * fresnel * edgeIntensity;
float3 body = tintColor * lerp(1.0, breakup, breakupAmount);
float roughness = saturate(baseRoughness + breakup * roughnessVariation);

float2 refractOffset = normalTS.xy * refractionStrength * (1.0 - fresnel);
float alpha = saturate(baseAlpha + fresnel * edgeAlpha);
return float4(body + edge, alpha);

07

Senior Notes

Sorting is part of the design

If transparent objects overlap, test actual scene order early. Doors, glass shards, windows, particles, and water can all fight each other in ways the material preview will never show.

Faceted crystals benefit from geometry

A shader cannot replace good planes. If the model has no facets, fake highlights will only go so far; ask for bevels, split normals, or a crystal-specific mesh.

Pick the cheapest believable mode

Opaque fake crystal, masked glass, and translucent glass can all be correct. Choose based on target camera, overlap risk, and performance budget instead of defaulting to translucency.

08

Common Mistakes

  • Using high refraction on small props where it only creates noisy distortion.
  • Making transparent surfaces too low contrast to read against bright backgrounds.
  • Adding noisy roughness to clean glass until it feels dirty by accident.
  • Expecting a smooth mesh to look like crystal without facets or strong normal structure.
  • Putting glow in the base version of the material instead of keeping it as an optional fantasy layer.