M-11 / Asphalt
Shape
Tiling
Light

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

Ground, M-11

AsphaltFree seamless PBR texture

Charcoal bitumen packed with crushed stone of two sizes, mostly dark and mid grey with a few pale chips. Worn patches show more stone, with a couple of glossy oil stains and hairline cracks that only run part of the way.

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.79, satin
Metallic coveragenone

Average colour

#222122

Normal format

OpenGL, Y up

What is in the ZIP

  • Asphalt albedo map

    Albedo

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

    asphalt_albedo.png

  • Asphalt normal map

    Normal

    Fine surface direction. OpenGL format, green channel up.

    asphalt_normal.png

  • Asphalt roughness map

    Roughness

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

    asphalt_roughness.png

  • Asphalt metallic map

    Metallic

    White is bare metal. Black is everything else.

    asphalt_metallic.png

  • Asphalt ambient occlusion map

    Ambient occlusion

    Darkens crevices where ambient light struggles to reach.

    asphalt_ao.png

  • Asphalt height map

    Height

    Raised areas are white. Feeds displacement and parallax.

    asphalt_height.png

Where asphalt works

  • Roads, car parks and race tracks
  • Playgrounds and basketball courts
  • Urban Roblox maps

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

Asphalt PBR texture by GenPBR

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