Sumario

1 Introducción
2 Creando un material
- 2.1 Normal Map
  - 2.1.1 Ejemplo de uso
  - 2.1.2 Creando un Normal Map

Introducción

Máis información en este enlace.

Los materiales van a estar asociados a figuras 3D.

Los materiales van a:

Guardar la textura asociada a el material creado, que después será aplicado a un Mesh (objecto 3D). Esta sería la textura sin ningún tipo de fuente de luz aplicada al material.
Guardar la información necesaria para determinar como una fuente de luz va a reflejarse sobre el Mesh (son los Normal Vector, lo veremos después).
Características del material que hacen que la luz se refleje de forma diferente (haciendo que el material adapte características como transparencia, metálico,...)

Pensemos en el mundo real.

Un objeto metálico refleja la luz de forma diferentes a un trozo de madera.

Un cristal permite ver lo que está a través de él...

Todas estas características físicas son modelizadas haciendo uso de materiales.

Creando un material

Normal Map

Alguna de las imágenes de esta sección han sido obtenidas del manual de Unity.

Este mapa representa la forma en como los rayos de luz se reflejan sobre la superficie de un objeto.

Si no disponemos de él, Unity hará uso del Mesh empleado para el diseño del objeto3D y hará que la luz se refleje siguiendo dicho modelo:

Normal Map aplicado a un cilindro
Mesh formado por un cilindro.
Al no tener un 'Normal Map' definido, la luz se reflejará en base a la forma 3D de la figura.

Estaréis pensando: Vale, ¿ pero en qué me influye a mi el reflejo de la luz sobre una figura 3D ? ¿ Cual puede ser la aplicación práctica ?

Imagináis que tenéis un muro hecho con piedras.

La figura 3D que representa el muro es plana, como un cubo alargado o cualquier otra combinación de figuras 3D que podemos tener en un programa de diseño 3D.

Si aplicamos sobre dicha figura una textura de piedras, tendremos algo parecido a esto:

Como podemos apreciar, las piedras aparecen 'planas' sobre la superficie.

Esto es así ya que el modelo 3D no 'incorpora' este tipo de detalle. Hacerlo supondría tener que dibujar muchos más triángulos con el consiguiente coste de CPU-Memoria.

Gracias a los 'Normal Map' podemos 'simular' que las piedras realmente tienen un volumen 3D, como en la siguiente imagen:

Otro efecto que podemos conseguir haciendo uso de los Normal Map es el de incluir formas sobre una superficie, sin necesidad de modelizarlas en el modelo 3D.

Veamos un ejemplo:

Normal Map con formas aplicado a un cilindro
Un ejemplo de 'Normal Map' con un texto y unas formas.
Normal Map aplicado a un cilindro.

Debemos de tener claro que esas formas no existen realmente no existen en el modelo. Lo que hace Unity es aplicar una fuente de luz sobre el objeto 3D y los rayos reflejados sobre la superficie del Normal Map hacen que parezca que esas formas existen. Si nos acercáramos mucho al modelo veríamos que realmente no existen en el 3D.

Nota:Lo que se hace normalmente es tener un modelo 3D con un nivel de detalle altísimo sobre el que se extrae el 'Normal Map'.

Después se realiza otro modelo más sencillo (sin tanto nivel de detalle) y sobre dicho modelo se aplica el 'Normal Map' extraído del paso anterior.

'Normal Map' es un tipo de Bump Maps, el cual es una técnica de programación para dar un aspecto rugoso a superficies.

Dentro de Bump Maps tenemos dos tipos de mapas:

Normal Maps , el cual es el visto hasta ahora. Cada pixel de esta textura indica la dirección que tiene que seguir la luz cuando se refleja sobre su superficie.
Hieght Maps, guarda la misma información que el anterior pero de forma diferente. En este tipo de mapa se usa una textura en blanco y negro, la cual indica la elevación que tiene que tener cada pixel en la textura.

Podéis descargar ejemplos de texturas junto con su 'normal map' desde https://3dtextures.me/

Ejemplo de uso

Descargar la textura y el normal map de este sitio web.

Modelo realizado por João Paulo.

Aplicando un Normal Map
Arrastramos los archivos descargados a una carpeta creada previamente de nombre 'Muro'.
Ahora arrastramos la textura a un objecto 3D creado previamente y modificada su apariencia para que parezca un muro. Fijarse que al hacerlo se crea un directorio de nombre 'Materials' que es donde está creado el material que se está aplicando al objecto 3D. En su propiedad 'albedo' está la textura.
Ahora creamos un punto de luz y lo situamos delante del muro.
Podemos comprobar como la piedra no da la sensación de tridimensionalidad.
Seleccionando el material podemos comprobar como no tiene 'Normal Map' asociado. Podemos arrastrarlo a dicha propiedad o seleccionarlo.
Para seleccionar el Normal Map, debemos pulsar el círculo que aparece al lado de la propiedad y aparecerá una lista con todas las texturas del proyecto. Seleccionaremos la que se corresponde al Normal Map descargado.
Podemos comprobar la diferencia con respecto a no tener un 'Normal Map' aplicado.

Creando un Normal Map

Vamos a ver un ejemplo haciendo uso del programa GIMP.

Para poder crear un Normal Map debemos descargarnos un 'plugin' para Gimp deste este enlace.

Instalando el plugin NormalMap para Gimp
Una vez descargado y descomprimido podemos abrir el archivo readme.txt. En el se indica lo que hay que hacer.
Copiamos los 3 archivos con extensión .dll al directorio indicado.
Copiamos el archivo normalmap.exe al directorio indicado y lanzamos la aplicación de Gimp.

Existen en Internet multitud de páginas que muestran como crear un Normal Map en Gimp.

Un ejemplo es este vídeo.

Instrucciones concretas de cómo crear un Normal Map en este enlace.

Recursos a descargar:

El archivo de textura de madera desde: https://3dtextures.me/2018/04/27/old-wood-001/.

Solo descargar la textura. El enlace del mismo es https://meocloud.pt/link/985fb169-076e-4842-adc3-a30a32948ccd/Old_Wood_001_SD/.

La imagen que vamos a emplear para crear el Normal Map. Es una imagen creada con GIMP, podéis crear una propia personalizada: Media:Unity3D_normalmap_ej_1.png

Lo que vamos a obtener será lo siguiente:

Creando un Normal Map propio
Con la imagen 'Unity3D_normalmap_ej_1.png' cargada en Gimp lo quitamos los colores para dejarla en tonos de grises (necesario para obtener el 'Normal Map'.
Escogemos la opción NormalMap.
Cambiamos 'filter' y 'scale' hasta obtener el efecto deseado. Normalmente se debe marcar la opción 'wrap'. Si pulsamos sobre el botón '3D Preview' podemos ver como quedaría sobre una figura 3D. Podemos rotar dicha figura manteniendo pulsado el botón del ratón y movemos el mismo.
Así quedaría la imagen una vez aplicado las configuraciones del Normal Map.
Como se comenta en este enlace es necesario realizar un ajuste antes de guardar el Normal Map. Debemos ir a la sección de canales y desmarcar el canal azul (no aparece el texto).
Debemos ir a la opción de 'Balance del color'.
Debemos dejar a 0 el color Amarillo y a 1 el color rojo y verde.
Ahora ya podemos exportar la imagen que va a conforma nuestro 'Normal Map'.
La exportamos con formato .jpg.
Dejamos las opciones por defecto.
Ahora solo tenemos que crear un modelo 3D en Unity (en este caso un Cubo) y arrastrar la textura y el 'Normal Map' como hicimos en el caso anterior. Arrastramos la textura al objeto 3D y se creará un material. Vamos a sus propiedades y cambiamos el 'Normal Map' por el creado en el programa Gimp.