M-20 / Roof Tiles
Shape
Tiling
Light

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

Building, M-20

Roof TilesFree seamless PBR texture

Overlapping curved terracotta tiles in staggered rows with a shadowed lip at the bottom of each one. Colour varies tile to tile.

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.83, matte
Metallic coveragenone

Average colour

#8D4632

Normal format

OpenGL, Y up

What is in the ZIP

  • Roof Tiles albedo map

    Albedo

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

    roof-tiles_albedo.png

  • Roof Tiles normal map

    Normal

    Fine surface direction. OpenGL format, green channel up.

    roof-tiles_normal.png

  • Roof Tiles roughness map

    Roughness

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

    roof-tiles_roughness.png

  • Roof Tiles metallic map

    Metallic

    White is bare metal. Black is everything else.

    roof-tiles_metallic.png

  • Roof Tiles ambient occlusion map

    Ambient occlusion

    Darkens crevices where ambient light struggles to reach.

    roof-tiles_ao.png

  • Roof Tiles height map

    Height

    Raised areas are white. Feeds displacement and parallax.

    roof-tiles_height.png

Where roof tiles works

  • Houses and villas
  • Village rooftops
  • Mediterranean scenes

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 roof 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.

Roof Tiles PBR texture by GenPBR

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