En este tutorial muy breve les mostraré cómo crear el efecto de un antiguo monitor CRT en nuestros renders de Blender usando una imagen y un par de nodos en el Shader Editor.
El audio de este tutorial no está disponible en Español. A continuación, puedes ver el video con audio en Inglés y subtítulos en Español, Inglés y otros idiomas. Debajo del video encontrarás la transcripción traducida al Español.
Transcripción del video
Hola a todos. En este tutorial muy breve les mostraré cómo crear el efecto de un antiguo monitor CRT en nuestros renders de Blender usando una imagen y un par de nodos en el Shader Editor.
Hace algún tiempo publiqué un video en el que mostré cómo recreé la configuración de mi primer PC de principios de los años 90. El problema con esa escena y con los renders creados a partir de ella es que la imagen en la pantalla se proyecta usando un nodo Emission con una Texture de imagen aplicada. Los puntos de color típicos de los monitores de esa época no se reproducen, así que la imagen se parece más a un póster brillante y hace que el resultado final sea menos realista.
En aquel entonces, los monitores generaban imágenes usando fósforos rojos, verdes y azules. Básicamente existían dos tipos de distribución. El primero era el Shadow Mask, con tríadas RGB organizadas en un patrón de puntos. El segundo era el Aperture Grille, caracterizado por fósforos organizados en franjas verticales y utilizado principalmente en monitores de gama alta.
Mi monitor utilizaba la primera solución, así que lo primero que hice fue crear una imagen repetible en Blender organizando círculos con shaders Emission para replicar el patrón de esos fósforos, renderizando todo a través de una Camera configurada en modo Orthographic sobre un fondo negro. La imagen resultante luego puede repetirse múltiples veces.
En la escena de Blender de la configuración del PC, seleccioné el material asignado a la pantalla y añadí un nodo Image Texture con la imagen de la tríada de fósforos a esta configuración de nodos.
Para hacer que la imagen parezca dibujada por tríadas de fósforos, son necesarias dos operaciones. La primera consiste en multiplicar la imagen por la máscara. Esta operación debe realizarse usando un nodo Color Mix configurado en modo Multiply, con el parámetro Factor ajustado a 1. El resultado de esta multiplicación debe conectarse después a la entrada Color del nodo Emission.
La segunda operación está relacionada con el mapeado de la máscara, porque la máscara necesita reducirse y repetirse muchas veces. Esto se hace conectando la salida UV de un nodo Texture Coordinate a un nodo Vector Mapping y luego conectando el nodo Vector Mapping a la entrada Vector de la imagen de la máscara.
Para reducir y repetir la máscara a lo largo del mapeado UV de la pantalla, debemos modificar los valores X e Y del parámetro Scale en el nodo Vector Mapping. Podemos conectar un nodo Input Value a la entrada Scale de Vector Mapping para cambiar los valores todos al mismo tiempo.
En cuanto al ajuste de Value, no hice un cálculo exacto, pero tengan en cuenta que en los monitores CRT la distancia entre fósforos equivalentes, llamada Dot Pitch, solía ser de aproximadamente 0,3 milímetros. Un monitor de 14 pulgadas tenía un ancho de pantalla aproximado de 284 milímetros, así que para lograr un efecto creíble la máscara de fósforos debería repetirse varios cientos de veces. El valor exacto depende del tipo de monitor y de la estructura de la textura utilizada.
En pantalla estoy mostrando ahora una comparación entre el render creado usando únicamente el nodo Emission y el creado usando la nueva configuración de nodos mostrada en este tutorial. Con esta nueva configuración, el resultado final parecerá mucho más oscuro que el original, pero esto es completamente normal porque la imagen ahora contiene áreas negras entre los fósforos y, en general, cada fósforo transporta información de intensidad para un solo canal de color, así que el brillo general disminuye. Puedes compensarlo aumentando el valor Strength del nodo Emission.
Bien, eso es todo por este video. Como en algunos de mis otros videos, la versión en texto de este tutorial y recursos adicionales están disponibles en mi sitio web en el enlace que pueden encontrar en la descripción. Si este video les resultó útil, pueden agradecérmelo con un Like y suscribiéndose al canal. ¡Nos vemos pronto!