M-21 / Ceramic Tiles
Shape
Tiling
Light

Best for judging shine and roughness. Drag to turn it.

Building, M-21

Ceramic TilesFree seamless PBR texture

Square glazed tiles with grey grout lines. The glaze is very smooth and the grout is rough and recessed.

Make your own from a photo
  • CC0, no credit needed
  • 1024 x 1024
  • Tiles both ways
  • Six maps

Data sheet, measured from the maps

Roughness0.28, glossy
Metallic coveragenone

Average colour

#CCC9C3

Normal format

OpenGL, Y up

What is in the ZIP

  • Ceramic Tiles albedo map

    Albedo

    Base colour with the lighting taken out, so the engine can light it.

    ceramic-tiles_albedo.png

  • Ceramic Tiles normal map

    Normal

    Fine surface direction. OpenGL format, green channel up.

    ceramic-tiles_normal.png

  • Ceramic Tiles roughness map

    Roughness

    White scatters light into a matte finish, black keeps it mirror sharp.

    ceramic-tiles_roughness.png

  • Ceramic Tiles metallic map

    Metallic

    White is bare metal. Black is everything else.

    ceramic-tiles_metallic.png

  • Ceramic Tiles ambient occlusion map

    Ambient occlusion

    Darkens crevices where ambient light struggles to reach.

    ceramic-tiles_ao.png

  • Ceramic Tiles height map

    Height

    Raised areas are white. Feeds displacement and parallax.

    ceramic-tiles_height.png

Where ceramic tiles works

  • Bathrooms and kitchens
  • Pool surrounds
  • Hospital and lab interiors

Getting it into your engine

Roblox
Upload albedo, normal, roughness and metallic, then set them as ColorMap, NormalMap, RoughnessMap and MetalnessMap on a SurfaceAppearance.
Blender
Albedo into Base Color. Set the other maps to Non-Color and run the normal through a Normal Map node.
Unity
The OpenGL normal works as it is.
Unreal
Flip the green channel of the normal map. Unreal expects DirectX.

Put a live ceramic tiles preview in your own post

Writing a tutorial or answering a forum thread? Pick a shape and lighting, copy the code, and your readers can turn the material themselves.

Preview

Standard, 480 x 360. Blog or tutorial.

Ceramic Tiles PBR texture by GenPBR

Shape
Light
Tiling
Format
Embed code
<iframe
  src="https://genpbr.com/embed/ceramic-tiles"
  width="480" height="360"
  style="border:0;max-width:100%"
  loading="lazy"
  title="Ceramic Tiles PBR material preview"></iframe>
<p style="font-size:12px;margin:6px 0 0">
  <a href="https://genpbr.com/materials/ceramic-tiles?utm_source=embed">Ceramic Tiles PBR texture by GenPBR</a>
</p>

The link under the viewer is the credit, and it is the only one. Keep it and the embed stays free. It works in any page that allows an iframe.

Need a surface that is not in the library?

Drop in any photo and get the same six maps in your browser. Nothing uploads, and the core tool needs no account.

Open the generator