Con frecuencia trabajo para crear texturas de fondo en Photoshop para usar en la web. Desafortunadamente, generalmente tengo que adivinar, o simplemente usar regalos de otros sitios web.
Me gustaría crear mis propias texturas en Photoshop y verificar si se colocan correctamente antes de exportar la imagen. ¿Hay alguna manera de hacer esto rápidamente? Recuerdo un método que usa compensación, pero no estoy familiarizado con las herramientas.
A continuación se muestran un par de mosaicos de fondo de ejemplo para que pueda ver de lo que estoy hablando:
Para imágenes más complejas, es posible que deba hacer una compensación final de, digamos, 1/4 de las dimensiones de los píxeles para retocar los bordes que podría haber pasado por alto la primera vez que cayeron cerca del borde del lienzo.
DA01 responde cómo hacerlo, pero su pregunta es cómo probarlo. La respuesta a esa pregunta es:
Tradicionalmente, guardo la imagen como jpg o png y luego uso html básico para probar el mosaico.
<html>
<head></head>
<body style="background: url(image.jpg) repeat 0 0;">
</body>
</html>
Ábralo en un navegador y podrá ver el mosaico y simplemente volver a guardar "image.jpg" y actualizar la página web para verificar las revisiones.
También hay otra forma de hacer esto, pero el límite es que todos los demás patrones deben ser del mismo tamaño, verás por qué.
Pasos:
Hay una gran herramienta (gratis para uso personal) llamada AMP Tile Viewer que le permite verificar rápidamente si una imagen se puede colocar en mosaico y cómo se verá en mosaico. Lo uso todo el tiempo y funciona muy bien. No es necesario crear patrones en Photoshop que nunca usará o tendrá que eliminar después.
Escribí una extensión de Chrome llamada Vista de mosaico que te permite hacer clic con el botón derecho en una imagen y ver cómo se muestra en mosaico.
La forma en que lo hago es simplemente guardar el mosaico como jpg y configurarlo en mosaico en mi escritorio. Bastante rápido y fácil.
Islas del destino