Creador de texturas sin costuras
Convierte cualquier foto o textura en una imagen sin costuras que se puede repetir en mosaico. Elige fusión por desplazamiento, fundido de bordes o mosaico en espejo, iguala la iluminación y revisa el resultado en una vista previa en mosaico en directo antes de descargar un PNG para juegos, materiales 3D, sitios web o estampados.
Última actualización:
Cómo usar Creador de texturas sin costuras
- Abre tu textura: suelta una foto de césped, piedra, tela, madera o cualquier patrón, pégala o pulsa Elegir imagen. Primero se carga una textura de piedra de ejemplo.
- Mira Antes en la vista previa en mosaico para ver las costuras y luego cambia a Después.
- Elige un método: Fusión por desplazamiento mantiene el tamaño completo y funciona con la mayoría de las texturas, Fundido de bordes produce menos efectos fantasma pero recorta un poco, y Espejo siempre es perfecto pero simétrico.
- Ajusta el Ancho de fusión hasta que no se vea ninguna costura, y deja activado Igualar iluminación si un lado de la foto es más claro.
- Elige un tamaño de salida (por ejemplo 1024 × 1024 para un motor de juego) y pulsa Descargar PNG.
Cómo funcionan los tres métodos
Fusión por desplazamiento
La imagen se copia y se desplaza la mitad de su ancho, de modo que los bordes izquierdo y derecho de la copia proceden del centro de la foto y ya encajan perfectamente. Las dos capas se mezclan con un peso que es 0 en los bordes (solo la copia desplazada) y 1 en el centro (solo el original), usando la curva smoothstep 3t² − 2t³ a lo largo del Ancho de fusión. Después se repite el mismo paso en vertical sobre ese resultado. Hacer las dos direcciones una tras otra mantiene la costura central de la copia desplazada oculta bajo el original en todas partes, así que no aparece ninguna costura en forma de cruz. El resultado conserva el tamaño original y el centro de tu foto sigue nítido.
Fundido de bordes
Para un ancho de fusión b, las últimas b columnas se funden con las primeras b columnas y luego se eliminan, de modo que el nuevo borde derecho continúa exactamente en el nuevo borde izquierdo; lo mismo se hace con las filas. La pieza queda b píxeles más pequeña en cada dirección, pero solo se funde una franja estrecha, lo que significa menos efecto fantasma en texturas estructuradas como ladrillos o tablones.
Espejo
La imagen se voltea en horizontal y en vertical en un bloque de 2 × 2. Así cada borde se encuentra con su propia imagen reflejada, por lo que la pieza queda matemáticamente sin costuras, a cambio de una simetría visible. Funciona bien con texturas abstractas, orgánicas y de tipo ruido.
¿Qué método para cada textura?
| Textura | Método | Ancho de fusión |
|---|---|---|
| Césped, grava, arena, tierra, hormigón | Fusión por desplazamiento | 40 a 70 % |
| Tela, papel, cuero, ruido | Fusión por desplazamiento | 30 a 50 % |
| Ladrillos, azulejos, tablones | Fundido de bordes | 15 a 30 % |
| Nubes, mármol, arte abstracto | Espejo o Fusión por desplazamiento | n/a o 60 %+ |
| Foto con un lado más claro | Cualquiera, con Igualar iluminación activado | como arriba |
Consejos para conseguir buenas texturas tileables
- Dispara en vertical hacia abajo con luz suave y uniforme (cielo nublado o sombra) para evitar sombras y perspectiva.
- Evita detalles únicos: una sola hoja o grieta repetida en cada pieza se detecta fácilmente. Recorta una zona con detalle uniforme antes de cargarla.
- Usa Comprobar costuras: lleva los bordes de la pieza al centro de la vista, la misma comprobación que hacen los artistas de texturas con un filtro de desplazamiento.
- Los tamaños en potencias de dos (512, 1024, 2048) funcionan mejor en motores de juego y software 3D porque permiten mipmaps eficientes.
- Mapas de normales y de rugosidad: primero haz la textura de color sin costuras y luego genera los demás mapas a partir del resultado sin costuras para que coincidan.
Preguntas frecuentes
¿Qué significa sin costuras o tileable?
Una imagen sin costuras puede colocarse junto a copias de sí misma, a izquierda y derecha y arriba y abajo, sin bordes visibles. El borde derecho continúa en el izquierdo y el inferior en el superior. Los motores de juego, el software 3D, los fondos CSS y la impresión textil repiten estas texturas para cubrir grandes superficies.
¿Qué método debo usar?
La fusión por desplazamiento es el enfoque clásico y conserva el tamaño original: mezcla la imagen con una copia desplazada la mitad de su tamaño, de modo que los bordes proceden del interior de la foto. El fundido de bordes funde cada borde con el opuesto y recorta la superposición, lo que deja el centro intacto. Espejo voltea la imagen en un bloque de 2 × 2; siempre queda perfectamente sin costuras, pero crea una simetría visible, que encaja mejor con texturas abstractas y orgánicas.
¿Por qué sigo viendo un patrón repetido?
Las costuras y la repetición son problemas distintos. Incluso un mosaico perfecto sin costuras deja ver su repetición si contiene un detalle llamativo, como una sola piedra oscura, o un degradado de brillo. Deja activado Igualar iluminación, elige fotos con detalle uniforme y usa un mosaico más grande o más repeticiones por superficie en tu motor.
¿Qué hace Igualar iluminación?
Mide el brillo medio de regiones grandes y lo iguala, eliminando el viñeteado y la luz lateral sin perder el detalle fino. Sin esta opción, una foto más clara por un lado produce un tablero de ajedrez de mosaicos claros y oscuros.
¿Qué tamaño debe tener una textura para juegos?
La mayoría de los motores prefieren tamaños en potencias de dos, como 512, 1024 o 2048 píxeles, que permiten un mipmapping eficiente. Elige uno de los tamaños de salida cuadrados; el redimensionado tiene en cuenta los bordes para que el resultado siga sin costuras.
¿Se sube mi imagen?
No. La textura se procesa en tu navegador con la Canvas API y nunca sale de tu dispositivo.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.