Creación de materiales y texturas para modelos 3D. Cómo hacer una textura perfecta a partir de una foto

Cómo hacer una textura perfecta (fondo)

Si se dedica al diseño web, modelado 3D u otra creatividad relacionada con 3D max o Photoshop, periódicamente necesitará texturas y fondos fluidos de alta calidad. A veces es muy difícil encontrar la textura o el fondo correctos en Internet, por lo que la solución a este problema puede ser crear usted mismo una textura (fondo) perfecta. Al mismo tiempo, usted mismo puede crear la textura de la calidad y el tono que necesita.

Creemos nuestra propia textura perfecta (fondo) en Photoshop. Y así, la característica principal de una textura perfecta (fondo) es la ausencia de bordes, es decir Al tomar esta textura y combinarla con una copia en cada lado, finalmente obtendremos una imagen perfecta, sin divisiones ni límites. Como ejemplo, mire la imagen a continuación, donde la textura de piedra se encuentra a la derecha y varias de estas texturas están conectadas a la izquierda.

Una imagen tan perfecta, ya sea una textura o un fondo, se puede crear fácilmente en Photoshop utilizando un complemento especial. Ahora veremos todo esto en detalle.

Para empezar, necesitamos el fondo o la textura en sí, que “transformaremos” en una perfecta. Naturalmente, la calidad de nuestra futura textura o fondo sin costuras dependerá directamente de la calidad de la imagen o foto original. Digamos que necesitas hacer una textura de asfalto sin costuras, en este caso necesitarás una foto de este asfalto y cuanto mayor sea la calidad de esta foto, mejor será la calidad de la textura sin costuras. Puede encontrar la imagen que necesita en Internet o tomar una foto del objeto usted mismo, pero la foto debe ser de alta calidad.

Tomemos, por ejemplo, una foto de asfalto encontrada en Internet, seleccionaremos especialmente una foto de mayor tamaño para que la textura sea de alta calidad; En nuestro caso, el tamaño de la foto es de 1300 x 864px, que será suficiente.

Esta imagen (foto) no es perfecta y esto se puede comprobar fácilmente conectando esta imagen con una copia. Como resultado, vemos que las juntas (costuras) son visibles en la imagen general.

El principio de crear una imagen perfecta es reflejar los bordes (uniones), lo que da como resultado una conexión perfecta de la imagen, creando así la apariencia de una única superficie en lugar de diferentes partes de la imagen. Para "transformar" fotos (imágenes) fácil y rápidamente en texturas perfectas, existe un complemento especial para Photoshop que realiza automáticamente las funciones anteriores (reflejo y ajuste de las costuras de la imagen).

Este complemento está diseñado para Photoshop, comenzando con CS3 y terminando con la última versión de CC. El complemento es gratuito y puedes descargarlo desde nuestro sitio web:

Descargue el complemento para su versión de Photoshop e instálelo. Después de instalar el complemento, el ícono del complemento aparecerá en la barra lateral derecha del programa Photoshop:

Para crear una imagen (textura) perfecta con este complemento, debe abrir la imagen (foto) deseada con Photoshop y hacer que esta imagen sea cuadrada; este es un requisito obligatorio de este complemento. Aquellos. abra la imagen requerida en Photoshop, seleccione la herramienta "Área rectangular" en el panel izquierdo del programa y úsela (manteniendo presionado el botón izquierdo del mouse) para seleccionar un área cuadrada de cualquier parte de su imagen.

Para que el área sea seleccionada como un cuadrado normal y no como un rectángulo, es necesario mantener presionada la tecla “Shift” mientras selecciona el área deseada, además del botón izquierdo del mouse.

Después de seleccionar el área deseada, seleccione "Imagen" - "Recortar" en el menú superior y el área seleccionada se recortará y se convertirá en una imagen cuadrada.

Ahora es el momento de utilizar el complemento "mágico". Con nuestra capa de imagen cuadrada seleccionada, haga clic en el icono del complemento y se abrirá un panel.

En este panel, indicamos el tamaño de nuestra imagen en píxeles (en nuestro caso resultó ser 864px) y marcamos la casilla junto a "Difine Pattern", después de lo cual simplemente seleccionamos el método para crear una imagen perfecta haciendo clic en el botón “Mosaico” o “Espejo”. Si elige el método "Mosaico", su imagen perfecta se creará a partir de su imagen en su tamaño completo. Si elige el método "Espejo", se creará una imagen perfecta a partir de 4 de sus imágenes, reflejada y reducida para adaptarse a su cuadrado. En general, pruébalo y entenderás todo por ti mismo.

Elegimos el método "Tile" y como resultado obtuvimos una textura de alta calidad, con un tamaño de 864 x 864 píxeles:

Hemos creado una textura (fondo) transparente de alta calidad que se puede usar en 3D max o Photoshop, pero también le daremos el tono que necesitamos. Digamos que necesitamos la textura del asfalto agrietado, no de color gris claro, sino de color rojo oscuro. Para empezar, combinaremos las capas resultantes en una sola imagen y simplemente eliminaremos la imagen original si no es necesaria. En el panel de capas de la derecha, eliminamos la capa más baja con nuestra imagen original para que no interfiera y convertimos todas las capas resultantes que forman la textura perfecta en una sola imagen.

Para hacer esto, haga clic derecho en la carpeta "patrón de mosaico" y seleccione "Convertir en objeto inteligente" en el menú que aparece. Después de estos pasos, todo el contenido de la carpeta se convertirá en una capa de imagen, con la que trabajaremos más adelante (cambiaremos su tono de color).

Seleccione nuestra capa con un fondo transparente haciendo clic izquierdo sobre ella en el panel de capas y en el menú inferior, debajo del panel de capas, haga clic en el icono de corrección y seleccione "Tono/Saturación" en el menú que aparece. Después de esto, aparecerá una nueva capa de ajuste encima de nuestra capa de textura y se abrirá una ventana con configuraciones para el tono y la saturación del color. En esta ventana, puede ajustar los "controles deslizantes" para las configuraciones de color y tono a su discreción y luego aplicar estas configuraciones.

De esta forma conseguirás una textura perfecta con el tono de color deseado. Todo lo que queda es guardar esta imagen en alta calidad; para ello, seleccione “Archivo” – “Exportar” – “Guardar para web” en el menú superior y en la ventana que aparece, establezca la configuración de calidad al 100% y luego haga clic en el botón "Guardar".

Después de estas manipulaciones obtuvimos una textura fluida de alta calidad con el tono que necesitábamos. Y ahora, si adjuntamos copias de la imagen entre sí, nos aseguraremos de obtener un fondo perfecto, no habrá más juntas (costuras).

En este tutorial aprenderemos cómo crear nuestras propias texturas en Adobe Photoshop. Luego se pueden utilizar para diseñar el fondo de sitios web, como texturas para gráficos 3D, etc.

Pero existen algunos inconvenientes que dificultan un poco la creación de texturas. El caso es que cuando se utilizan formas para crear texturas, es difícil suavizar los lugares donde se unen. Y si se ve una discrepancia, entonces la calidad de la textura no será la mejor.

En esta guía intentaremos solucionar este problema.

Para comenzar, crea un nuevo documento de 100x100px en Photoshop. Selecciona el pincel (B) de tu elección y dibuja algo como esto:

Ahora conviertamos la figura dibujada en un patrón usando el comando Editar > Definir patrón... y llamémoslo "textura". Vaya al comando Imagen > Tamaño del lienzo y establezca el nuevo tamaño en 400x400px.

Llenemos todo nuestro lienzo con un nuevo patrón usando Editar > Rellenar...

Deberías obtener lo siguiente:

Como puede ver, los patrones no encajan completamente. Por tanto, no se obtiene una textura completa. Me gustaría :)

Este problema se resuelve utilizando el filtro Compensación. Este filtro mueve la imagen el número de píxeles especificado. En este caso, la imagen se mueve dentro del contorno, mientras que el contorno permanece en su lugar original.

El efecto del filtro Desplazamiento es similar a insertar una imagen en un camino y luego moverla.

Por lo tanto, vaya al comando Imagen > Tamaño del lienzo y nuevamente establezca el valor en 100x100px. Luego rellena la imagen con nuestro patrón Editar > Rellenar...

Llamemos al filtro Desplazamiento usando Filtro > Otro > Desplazamiento con los siguientes parámetros:

Como puedes ver, los píxeles horizontales y verticales se han movido casi la mitad de la imagen:

Ahora solo queda unir los bordes de las líneas “quebradas” usando el mismo pincel con el que las pintamos. Así que selecciona la herramienta Pincel (B) y conecta las líneas en una:

Ahora aplique el filtro Desplazamiento nuevamente (Ctrl+F).

Siempre es interesante crear texturas con tus propias manos en Adobe Photoshop y luego usarlas para diseñar la imagen de fondo de un sitio web, como texturas originales para gráficos 3D, etc. Puedes aprender a crear una textura, así como familiarizarte con el funcionamiento preciso de ciertas funciones, en nuestra guía. Hay una serie de sutilezas, sabiendo cuáles, crear texturas no parecerá una tarea tan difícil. Así que pongámonos manos a la obra.

¿Cómo hacer una textura en Photoshop?

Dado que las formas se utilizan para formar texturas, resulta muy difícil suavizar los lugares donde se unen entre sí. De acuerdo, la calidad de tal textura no será la mejor. ¿Cómo solucionar este problema?

1. En Photoshop, crea un nuevo documento con un tamaño de 100 x 100 px. Luego toma un pincel (B) y, como ejemplo, dibuja un patrón arbitrario o un par de líneas cruzadas. Luego, convierte la figura resultante en un patrón. el comando Editar > Definir patrón... y asígnale el nombre "teksture". Establece un nuevo tamaño para la imagen (400 x 400 px) yendo al comando Imagen > Tamaño del lienzo. Esto hace posible llenar todo el lienzo. con patrones Utilice el comando Editar > Rellenar....
2. Si todo se hace correctamente y el lienzo está lleno, es fácil descubrir que los patrones representados no encajan del todo. Sin textura completa. En este asunto ayudará el filtro Desplazamiento, cuya función es mover la imagen un número específico de píxeles. Nuestro caso se caracteriza porque la imagen se mueve dentro del contorno, mientras que el contorno mismo permanece en el mismo lugar. El resultado del filtro Desplazamiento es similar a insertar una imagen en una ruta con la capacidad de moverla más tarde. Es por eso que debes ir nuevamente al comando Imagen > Tamaño del lienzo y establecer el valor en 100 x 100 px. Luego necesitas rellenar el fondo con el patrón creado - Editar > Rellenar...
3. Llamamos al filtro Desplazamiento a través de Filtro > Otro > Desplazamiento, y vemos que los datos horizontales y verticales corresponden a +50. Los píxeles se han movido aproximadamente la mitad del patrón especificado.

Ahora, usando el mismo pincel que usé para dibujar la imagen, conectamos los bordes "rasgados". Cuando tengamos una sola imagen, aplicamos nuevamente el filtro Desplazamiento (Ctrl+F). Es mejor agregar un nuevo patrón al conjunto usando el comando Editar > Definir patrón.

Esto hace que pintar texturas sea fácil y sencillo. Esta técnica le permite crear texturas nuevas y únicas y editar las existentes o descargadas.

Además, existe otra forma de crear texturas. Puedes familiarizarte con él y aprender más sobre cómo crear una textura perfecta aquí: “Escuela de Photoshop Parte 1. Texturas perfectas”. Sólo una textura perfecta permite que el dibujo parezca una imagen completa, original y absolutamente única. Además, puede ser la forma en que el usuario quiera verlo.

Puedes ver un excelente video tutorial sobre cómo crear texturas transparentes aquí: "Valve Hammer Editor #25: Creación de una textura con un fondo transparente". La ayuda visual se centra en una demostración práctica de acciones para crear varios fondos transparentes y texturas personalizadas. El uso de diversas técnicas y métodos es el factor principal para crear las texturas necesarias con un patrón único.

¿Cómo hacer tu propio paquete de texturas?

1. Necesitarás:
   • programas para crear paquetes de texturas: un archivador (por ejemplo, WinRAR) y un editor de imágenes que admita transparencia (Photoshop, Paint.net o GIMP);
   • conocimiento mínimo del editor existente;
   • Otro paquete de texturas que se utilizará como base.
2. Descargue el paquete estándar y vea la imagen.
   • Extraiga el primer archivo del lado izquierdo (el que descargó) en la misma carpeta.
   • Obtenga el segundo archivo, que será el paquete que debe instalarse.
   • Extraiga el contenido del paquete en una carpeta del mismo nombre, desde donde se continúa con el trabajo.
3. Dibujo.
   • Abra cualquier paquete (por ejemplo: terreno.png) cuando utilice Photoshop.
   • Luego haz los cambios.
4. Examen
   • Agregue el contenido de esta carpeta a un nuevo archivo zip. Su nombre será el nombre del pack.
   • Luego copie el paquete a la carpeta de paquetes de texturas, que se encuentra en el directorio del juego. No es necesario parchear el paquete, así que carga el juego inmediatamente y mira el paquete de texturas creado en el menú.
   • Carga el mundo y el paquete de texturas estará listo.

La capacidad de crear texturas perfectas en Photoshop es una habilidad útil. A menudo, es necesario que la textura se repita para formar una capa continua. Las texturas sin costuras también se llaman "azulejos" (de la palabra inglesa Tile - azulejo). Veremos cómo crear una textura a partir de una imagen de fondo original sin costura. Esta es una técnica útil que siempre será útil. Es muy importante elegir el tamaño correcto de las fotografías originales, ajustar correctamente las transiciones de luces y sombras e incluso guardar el resultado en el formato deseado.

En este tutorial crearemos un fondo de césped sin costuras.

¿Por qué no puedes simplemente aplicar el relleno de la imagen original? Si rellenamos el fondo con la imagen original no conseguiremos un resultado muy bueno. Puedes ver un ejemplo a continuación, la imagen se repite y las áreas oscuras se ven incómodas. Entonces, antes de crear un fondo sin costuras, debemos eliminar los defectos y luego trabajar en las juntas de textura.

Paso 1. Herramienta " Marco» (Recortar) seleccione una sección de césped en el centro donde no haya áreas oscuras.

Paso 2. El área resultante está iluminada en su mayor parte de manera uniforme, pero tendré que trabajar en la iluminación de los bordes ya que las ligeras diferencias se volverán bastante obvias una vez que el fondo esté cubierto de textura. Herramienta " Clarificador"(Herramienta Sobreexponer) (O), seleccione un pincel grande y suave y recorra suavemente los bordes izquierdo y derecho de la imagen para aclararla.

Paso 3. Ahora nuestro césped luce más uniforme. Pero en la esquina superior izquierda hay una pequeña hoja, y si la rellenamos con una textura como esta, la hoja se repetirá una y otra vez, así que tenemos que deshacernos de ella. Seleccione la herramienta " Parche» (Herramienta Parche) (J) y seleccione el área alrededor de la hoja, mueva la selección resultante a cualquier parte del césped (en la configuración de la herramienta "Parche" Se debe configurar "Fuente").

Paso 4. Trabajaremos las uniones de los bordes entre sí. Duplica la capa de césped ( Control+ j), mueve la primera capa a la izquierda y la segunda a la derecha (con el " Emocionante" (Mover)).

Paso 5. En la imagen de abajo puedes ver dos capas tocándose. Conéctelos de modo que el área blanca entre ellos no sea visible y combine ambas capas en una ( Control+ mi).

Paso 6. Ahora usamos el " Parche

Paso 7 Herramienta "Parche» (Herramienta de parche) facilita este tipo de trabajo, especialmente con un fondo tan difícil como el césped (si no estás contento con los pequeños detalles, entonces puedes usar la herramienta "Estampilla"(CloneStampTool) clona briznas de hierba individuales).

Paso 8 Repitamos el proceso verticalmente. Duplicar la capa ( Ctrl+J) y mueva una capa hacia arriba, la otra hacia abajo, conéctelas para que el área blanca entre ellas no sea visible y combine ambas capas en una ( Control+ mi). Usando la herramienta nuevamente Parche"(Herramienta Parche): seleccione el área donde están conectadas dos capas y arrastre la selección al área adyacente.

Paso 9 Nuestra textura está lista,

Todo lo que queda es guardar nuestra imagen como muestra para seguir trabajando. Hacer clic Ctrl+A(seleccione la imagen completa), vaya al menú Edición\Definir patrón(Editar\Definir patrón), asigne un nombre a su textura y guárdela.

Ahora puedes aplicar un estilo de capa a cualquier capa " Superposición de patrones"(Superposición de patrón) y seleccione nuestro césped de la lista de texturas. A continuación se muestra un ejemplo del uso de un fondo de césped para un sitio web.

No olvide guardar el documento en el formato PSD o J PG.
nota del autor: Todavía hay áreas oscuras repetidas visibles en la imagen final, puedes deshacerte de ellas usando la herramienta "Estampilla"(CloneStampTool), pero como el autor utilizó esta imagen para rellenar el fondo del sitio web, no interfieren mucho con él.

Hay otra forma de retocar las juntas: aplicar un filtro al cuadrado de textura recortado. Filtro\Otro\Mayús(Filtro\Otro\Desplazamiento).

En el cuadro de diálogo que se abre, mueva los controles deslizantes, moviendo la imagen horizontal y verticalmente. Como resultado de aplicar el filtro, las costuras aparecerán aproximadamente en el medio de la imagen y los bordes se alinearán automáticamente. Ya solo queda utilizar cualquier herramienta de retoque de Photoshop para eliminar juntas (“Sello” o “Parche”) y trabajar en la iluminación de los bordes.

No siempre es posible encontrar texturas listas para usar de los materiales necesarios para 3ds max. A menudo los diseñadores tienen que crearlos ellos mismos. Por ejemplo, a partir de fotografías proporcionadas por el cliente. En este tutorial veremos cómo hacer una textura perfecta en Photoshop con nuestras propias manos.

Abra la imagen original en Photoshop. Disponemos de una fotografía de una pieza de ladrillo.

Para texturas 3D necesitas tomar una imagen cuadrada. Esto hará que sea más fácil trabajar con la textura en el futuro al aplicarla a un objeto. Puede ajustar la imagen original editando el tamaño del lienzo. Imagen → Tamaño del lienzo → Nuevo tamaño, ancho, alto.

Ajustando los bordes

Vaya a la pestaña Filtro → Otro → Mayús. En la ventana que aparece, ingrese valores iguales a aproximadamente la mitad del tamaño de la imagen. Haga clic en Aceptar. Ahora las costuras están en el medio de la imagen, los bordes izquierdo y derecho de la textura se encuentran automáticamente.

Retocar las articulaciones

Destacamos las articulaciones. Presione Mayús+F5. En la ventana que aparece, seleccione "Considerando el contenido". Haga clic en Aceptar.

Modificamos las zonas antiestéticas con un sello o parche. Trabajaremos con un Sello usando Alt+LMB.

Todas las costuras deben procesarse cuidadosamente. Prestamos especial atención a los objetos que se repiten rítmicamente (manchas, nudos). Cuantos más haya, más artificial se verá la textura al aplicarla. Por eso, los eliminamos siempre que sea posible.

Guarda nuestra imagen cuadrada. Comprobamos que esté configurado el modo de color correcto (Imagen → Modo → RGB).

Ahora ya sabes cómo hacer tu propia textura sin costuras en Photoshop. También puedes ver un vídeo útil sobre este tema: