DISEÑO

Generador de Bump Maps

Convierte cualquier imagen en un bump map en escala de grises con relieve embossado — el clásico para simular textura sin cambiar la geometría. Listo para Photoshop, Blender o tu motor 3D.

HW

Blanco = zona alta, negro = zona baja. El bump map se diferencia del normal map en que usa un solo canal (escala de grises).

El emboss se calcula con derivadas Sobel sobre la luminancia: las pendientes brillan hacia arriba y se oscurecen hacia abajo.

Bump vs Normal vs Displacement

Los tres mapas se generan desde la misma altura pero se usan distinto: el bump map es en escala de grises y el motor calcula sombras falsas a partir de la pendiente (barato y compatible con todo); el normal map codifica la misma pendiente en RGB con más detalle de dirección (ver generador de normal maps); y el displacement map desplaza geometría real de vértices (el más caro pero con silueta real).

El embossado se obtiene derivando la luminancia con el operador Sobel: el gradiente de cada píxel se escala por la fuerza y se desplaza alrededor del gris medio (128). El modo tileable calcula las derivadas con envolvente circular para que la textura se repita sin costuras.

Como siempre en 1000HW: todo el procesado ocurre en tu navegador y no se sube ninguna imagen a ningún servidor.

Qué hace Generador de Bump Maps

Generador de Bump Maps resuelve una tarea concreta en el navegador, sin instalar programas ni crear una cuenta. Convierte mapas de altura en bump maps en escala de grises con relieve embossado: fuerza, inversión, suavizado y modo tileable. Exporta PNG en 512 o 1024 píxeles. 100% client-side. Categoría: DISEÑO.

Cómo usarla

  1. Entra en esta página. No hay registro: la herramienta está lista en cuanto carga.
  2. Completa «Imagen origen (se usa su luminancia)», «Fuerza: 1 x», «Suavizado previo: 0», «Invertir relieve» y «Tileable (sin costuras)».
  3. Si hay desplegables (512 × 512, 1024 × 1024), elige la opción que corresponde a tu caso.
  4. Pulsa «Altura procedural» o «Rampa circular» o «Exportar Bump Map PNG» según quieras copiar, generar o descargar.
  5. El resultado se queda en formato PNG.
  6. Cierra la pestaña cuando termines. No queda una copia en 1000herramientasweb.com porque el cálculo no ha salido de tu dispositivo.

Un caso real

Rellenas imagen origen (se usa su luminancia) y el resto de campos de la ficha, pulsas Altura procedural y te quedas con un archivo o un texto listo para usar.

1000 Herramientas Web publica utilidades client-side: el valor está en que puedes resolver la tarea sin una cuenta SaaS y sin entregar el documento a un tercero. Esta ficha sigue esa regla.

Límites (para no venderte humo)

Preguntas frecuentes

¿Generador de Bump Maps sube mis datos a un servidor?

No. El JavaScript de esta página corre en tu navegador. Puedes comprobarlo en las herramientas de desarrollador (pestaña Red): no verás una subida del contenido que has pegado o del archivo local.

¿Puedo usar el resultado de Generador de Bump Maps en un trabajo o con un cliente?

Sí. El archivo o el texto que generas es tuyo. La plantilla o el cálculo son una ayuda; si el documento tiene efectos legales o fiscales, revísalo con un profesional.

¿Qué navegadores valen?

Chrome, Edge, Firefox y Safari actuales. Es HTML y JavaScript: no hace falta un plugin.

Herramientas relacionadas