¿Cómo crear tu propio perfil de posprocesamiento?

Tutorial

Beginner

+10XP

25 mins

Unity Technologies

¿Cómo crear tu propio perfil de posprocesamiento?

Un perfil de posprocesamiento puede modificar drásticamente las imágenes de tu Escena. En este tutorial, crearás tu propio perfil de posprocesamiento para lograr un estilo visual particular en el proyecto.

Al finalizar este tutorial, podrás hacer lo siguiente:

  • Utilizar efectos comunes de posprocesamiento, como Bloom (Resplandor), Depth of Field (Profundidad de campo), Tonemapping (Mapeo de tonos) y Color Adjustments o Ajustes de color.
  • Modificar un perfil de posprocesamiento para lograr un estilo particular.
  • Apreciar el equilibrio entre las imágenes mejoradas y el costo de rendimiento que implican los efectos de posprocesamiento.
  • Describir la finalidad de un perfil de posprocesamiento.

Resources

Languages available:

1. Descripción general

Ahora que sabes qué es el posprocesamiento y por qué se utiliza, puedes crear tu propio perfil de posprocesamiento.

Un perfil de posprocesamiento es una colección de efectos configurados para lograr un aspecto y una sensación particulares.

Esto puede tener un impacto enorme en tu proyecto.

Mira el siguiente ejemplo del proyecto de demostración de Unity, Neon. El posprocesamiento altera por completo el estilo de la Escena.

En este tutorial, seleccionarás una estética objetivo para tu Escena y luego intentarás lograrla mediante el posprocesamiento.

Comencemos por elegir una dirección de estilo.

2. ¿Cómo elegir un estilo visual?

Antes de comenzar a agregar efectos a tu Escena, debes determinar el estilo visual que intentas lograr.

A continuación, se muestran algunos ejemplos de estilos visuales, junto con películas famosas que los ejemplifican.

Viejo oeste

Un estilo del viejo oeste, similar a la película El bueno, el malo y el feo (1966):

Brillante y colorido

Un estilo brillante y colorido, similar a la película Buscando a Nemo (2003):

Verde distópico

Un estilo verde distópico, similar al de la película Matrix (1999):

Oscuro y crudo

Un estilo oscuro y crudo, similar a la película El hombre de acero (2013):

Inspecciona los ejemplos

Revisa los ejemplos anteriores e intenta determinar qué elementos de cada imagen contribuyen a la estética general.

Por ejemplo, en el primer ejemplo del «viejo oeste»:

  • La Escena completa tiene un tinte marrón.
  • La imagen tiene una calidad granulosa.
  • Las sombras son muy oscuras, lo que dificulta ver los detalles en las áreas sombreadas.

Desafíate e intenta completar este ejercicio con los otros tres ejemplos.

Selecciona una estética para tu proyecto

Identifica qué estética te gustaría para tu proyecto:

  • Viejo oeste
  • Brillante y colorida
  • Verde distópico
  • Oscura y cruda

Si nada de lo anterior te atrae y quieres probar algo más, intenta encontrar una o dos imágenes de inspiración que te ayuden a guiar tu paleta de colores.

Con tu objetivo en mente, comencemos.

3. ¿Cómo crear un nuevo perfil de posprocesamiento?

Como aprendiste antes, un perfil de posprocesamiento define la combinación y configuración de efectos que se deben aplicar a un volumen (o área) de tu Escena.

Vamos a crear uno nuevo con el que puedas trabajar:

1. Selecciona el objeto Postprocessing Global Volume (Volumen global de posprocesamiento) en la Hierarchy y, luego, en el componente Volume, o Volumen, selecciona el menú contextual More, o Más (), en la esquina superior derecha y New, o Nuevo, para crear un nuevo perfil.

Esto creará y asignará automáticamente un nuevo perfil en blanco, y restablecerá la apariencia de tu Escena a su estado predeterminado.

Para mantenerte organizado, debes buscar y cambiar el nombre de tu nuevo perfil.

2. En el componente Volume, haz clic en el nombre del perfil. Esto lo ubicará y resaltará automáticamente en la ventana Project.

3. Cambia el nombre a algo como «Posprocesamiento brillante y colorido» (según tu objetivo) y luego reubícalo a una carpeta que tenga sentido, como una de Configuración.

Ahora tienes un perfil en blanco y estás listo para comenzar a agregar efectos.

4. ¿Cómo agregar Bloom?

¿Qué es Bloom?

Bloom es uno de los efectos de posprocesamiento más populares y puede beneficiar tu perfil, independientemente del estilo que estés buscando.

Cuando las cámaras del mundo real toman imágenes de luces muy brillantes, la cámara se abruma y produce un efecto de brillo alrededor de la fuente de luz.

El efecto Bloom de Unity simula este comportamiento de la cámara, lo que indica que una fuente de luz es extremadamente brillante.

Agrega Bloom a tu Escena

La forma más sencilla de apreciar cómo funciona Bloom en Unity es probarlo:

1. Selecciona el objeto Postprocessing Global Volume en la Hierarchy.

2. En la parte inferior del componente Volume, selecciona Add Override (Agregar anulación)y luego selecciona Post-processing > Bloom. Se llama «Override» porque eliges anular (o cambiar) la forma en que se procesa la Escena. Esto agregará un nuevo componente de anulación de volumen de Bloom con todas sus propiedades desactivadas de forma predeterminada.

3. Habilita las propiedades Threshold (Umbral) e Intensity (Intensidad), luego aumenta el valor de Intensity a 1.0. Ahora deberías ver el efecto de resplandor en tu Escena, especialmente alrededor del cuadro rojo, el cuadro celeste y el punto brillante detrás del cuadro azul más oscuro.

Intenta activar y desactivar el efecto con la casilla de selección junto al componente Bloom para apreciar el efecto.

4. Si lo deseas, habilita las otras propiedades de Bloom y experimenta con ellas para ver su efecto. Puedes obtener más información sobre esto en la documentación de Bloom o en este tutorial.

Nota: Solo puedes implementar Bloom si HDR (Alto rango dinámico) está habilitado en la configuración de renderizado de tu cámara y si las luces o los materiales emisores son lo suficientemente brillantes. Si te interesa, puedes leer más en la documentación de HDR y en la documentación de materiales con emisividad. También aprenderás más sobre HDR en el siguiente paso.

5. Aplicar tonemapping

El tonemapping es una característica importante para hacer que tu Escena se vea de la mejor manera en la pantalla. Pero para entender qué es el tonemapping, primero debes entender qué es HDR.

¿Qué es HDR?

Si HDR está habilitado, permite un rango más amplio de valores de brillo (o luminosidad) en tu Escena.

Por ejemplo, con un LDR (rango dinámico bajo) normal, es posible que puedas mostrar una luz con un valor de brillo máximo de 1.0. Pero con un HDR, podrías mostrar un valor de brillo de 1.5 (o más si lo deseas).

Sin HDR, cualquier valor por encima del brillo máximo de LDR parecería idéntico, lo que sería muy decepcionante.

De hecho, es el HDR el que permite el efecto Bloom, ya que puede procesar luces que son «demasiado brillantes» para el rango normal.

El problema al mostrar el HDR

Pero hay un problema. Aunque podemos aumentar el brillo de un objeto en nuestra Escena para que sea tan brillante como el sol, las pantallas normales no son capaces de mostrar ese brillo.

Piénsalo: ¿cuándo fue la última vez que tuviste que entrecerrar los ojos para mirar la pantalla de un TV como lo haces cuando miras el sol?

Por lo tanto, cuando el hardware de tu pantalla limitada intenta representar objetos realmente brillantes, llega al límite de lo que es físicamente capaz de hacer y simplemente pone toda el área en blanco, con lo cual elimina todos los detalles a su paso.

Eso no se ve muy bien, y no es como se vería en la vida real. Ahí es donde entra en juego el tonemapping.

¿Qué es el tonemapping?

El tonemapping toma esos valores de brillo realmente extremos y los vuelve a "asignar" a valores más bajos, lo que recupera los detalles en esas áreas descoloridas que de otro modo se perderían en las manchas de blanco.

Mira cuántos detalles más puedes ver en esa pared con el mapeo de tonos habilitado.

Si todo eso fue un poco confuso, está bien. Lo más importante que debes saber es que si estás usando HDR, y especialmente si estás usando Bloom, debes aplicar tonemapping para asegurarte de que esos puntos superbrillantes se sigan viendo bien.

Agrega tonemapping a tu Escena

Afortunadamente, implementar el tonemapping es mucho más fácil que entenderlo, así que hagámoslo ahora:

1. Selecciona el objeto Postprocessing Global Volume en la Hierarchy.

2. En la parte inferior del componente Volume, selecciona Add Overridey luego selecciona Post-processing > Tonemapping. Ten en cuenta que también puedes buscar «Tonemapping» en la barra de búsqueda después de seleccionar Add Override.

3. En el nuevo componente Tonemapping, habilita la propiedad Mode (Modo) tonemapping y en el menú desplegable selecciona Neutral o ACES, lo que creas que se ve mejor.

Neutral y ACES (Academy Color Encoding System) son solo dos formas diferentes de realizar la operación Tonemapping que producen resultados ligeramente diferentes. Como puedes ver al mirar los cuadros rojo y celeste en la Escena, ACES tiene un mayor efecto sobre los colores.

Para ver un ejemplo simplificado, examina las imágenes a continuación.

Con Bloom y tonemapping para que tu iluminación se vea lo mejor posible, es hora de cambiar los colores en tu perfil.

6. ¿Cómo hacer una gradación de color?

¿Qué es gradación de color?

La gradación de color es el proceso de ajustar los niveles de color en tu Escena para lograr un efecto de estilo que puede tener un gran impacto en la percepción del género de tu proyecto.

Ya has visto algunos ejemplos clásicos de películas, pero piensa en la amplia gama de paletas de colores que se usan en los juegos. Todos los ejemplos a continuación se crearon con Unity.

Según el brillo y la gama de colores del entorno, tu proyecto puede transmitir sensaciones de terror, ciencia ficción, arte o agradables para los niños.

Hay personas en la producción de medios de comunicación, a veces llamadas coloristas, cuyo trabajo es poner en práctica la teoría del color mediante la gradación.

Solo vamos a examinar la superficie de un arte y una ciencia muy complejos, pero intentémoslo.

Agrega gradación de color a tu Escena

Para hacer la gradación de color, agreguemos el módulo de anulación de Color Adjustments a tu perfil:

1. En el componente Volumen, agrega el componente de anulación de volumen Color Adjustments.

Puedes leer más sobre lo que hace cada una de las propiedades en la documentación de Color Adjustments, pero es más fácil experimentar con ellas y ver lo que hacen.

2. Utiliza las propiedades de Color Adjustments para intentar acercarte lo más posible al perfil que deseas.

Previamente en este tutorial, te tomaste el tiempo de identificar las diferencias de colores entre cada uno de estos estilos. Es momento de aplicar eso en tu Escena.

A continuación, encontrarás orientación sobre cada estilo de ejemplo que te puede resultar útil.

Brillante y colorido

  • Aumenta el contraste y la saturación.
  • Tonemapping neutro.

Viejo oeste

  • Aumenta la exposición.
  • Disminuye el contraste y la saturación.
  • Agrega un filtro de color amarillo.
  • Tonemapping neutro.

Verde distópico

  • Reduce la saturación.
  • Agrega un filtro de color verde.
  • Tonemapping ACES.
  • Aumenta Bloom.

Oscuro y crudo

  • Disminuye la exposición y la saturación.
  • Aumenta el contraste.
  • Agrega un filtro de color azul.
  • Tonemapping ACES

El componente de anulación Color Adjustments puede ayudarte a avanzar, pero puedes tener un control aún más preciso sobre los colores de tu Escena.

3. En el componente Volume, agrega la anulación de Lift, Gamma, Gain y luego usa las casillas de selección debajo de las bolas de seguimiento de color para habilitar cada una.

Esto es lo que se conoce como corrector de color de tres direcciones, ya que te permite ajustar de forma independiente tres tipos de colores en tu Escena:

  • Los tonos oscuros en tu Escena (Lift)
  • Los tonos medios (Gamma)
  • Los destellos brillantes (Gain)

4. Juguetea con cada una de las bolas de seguimiento y los deslizadores debajo de ellas para ajustar la gradación de color en tu Escena.

En el ejemplo anterior, los tonos oscuros (Lift) se redujeron para hacer que las sombras sean más oscuras y dramáticas, mientras que los tonos medios se aumentaron para que la imagen no sea demasiado oscura. Ten en cuenta que puedes realizar casi los mismos ajustes con la anulación Shadows, Midtones and Highlights (Sombras, tonos medios y destellos).

La mayoría de las veces, la anulación Color Adjustments básica será suficiente, pero si tienes un aspecto muy particular en mente, la corrección de color de tres direcciones puede ser útil.

Si deseas experimentar con otros efectos de posprocesamiento relacionados con el color, hazlo con el balance de blancos, la tonalidad divididay las anulaciones de las curvas de color.

Con la gradación de color lista, puedes dirigir tu atención a algunos de los otros efectos divertidos de posprocesamiento.

7. Prueba otros efectos de posprocesamiento

Ahora que implementaste algunos de los efectos más utilizados, experimentemos con otros.

Una vez más, en lugar de explicar todas las propiedades de cada efecto aquí, te instamos a experimentar con ellos y ver lo que hacen. Siempre puedes leer los detalles en la documentación.

Pero recuerda: el posprocesamiento tiene un precio. Cada efecto que agregas hace más lenta tu Escena. Solo usa un efecto si realmente mejora las imágenes.

A continuación verás algunos efectos que te pueden ser de utilidad.

Profundidad de campo

La profundidad de campo mantiene los objetos ubicados a una distancia particular con un enfoque nítido y los desenfoca más cerca o más lejos. Esto le da a tu proyecto un aspecto más cinemático. Este efecto tiene un impacto significativo en el rendimiento, por lo que se debe utilizar con moderación.

Grano de película

El grano de película simula el aspecto granulado que puedes ver en las películas antiguas. Este efecto se puede utilizar para hacer que una imagen parezca muy antigua o proveniente de un registro.

Viñeta

Un efecto de viñeta oscurece los bordes externos de la pantalla para emular un efecto que puede suceder con los lentes físicos de la cámara. También puede utilizarse para hacer que algo parezca antiguo o enfocar el ojo del espectador en el centro de la pantalla.

Esos son solo algunos de los efectos que puedes probar, pero también puedes revisar las anulaciones de la Lens Distortion (Distorsión del lente), el Motion Blur (Desenfoque de movimiento) y la Chromatic Aberration (Aberración cromática). Ten en cuenta que estos efectos también pueden afectar el rendimiento de forma importante.

8. Explora: ¿Cómo crear perfiles para otros estilos visuales?

Has creado un perfil con el estilo de tu elección. Ahora intenta utilizar tus habilidades para crear otros perfiles para otros estilos. Solo tienes que duplicar el perfil que creaste, cambiarle el nombre a un estilo visual diferente y ver si puedes lograr esa estética.

Puedes intentar con uno de los otros ejemplos de este tutorial (el viejo oeste, oscuro y crudo, etc.), pero también puedes probar con algo completamente diferente.

9. Próximos pasos

¡Felicitaciones! Has creado tu propio perfil de posprocesamiento para lograr una estética particular en toda la Escena. En el siguiente tutorial, intentarás crear un perfil de posprocesamiento «local», que te permitirá incluir varios estilos en una sola Escena.

Complete this Tutorial