Adición de efectos a una escena

Al crear una escena, crear un rig de personaje o una vez que la animación esté terminada, puede agregar efectos, como desenfoques, brillos, sombras, filtros de color y de transparencia, así como mejorar la calidad del proyecto. Los efectos cambian la forma en la que las capas o grupos de capas se renderizan en la escena.

Acerca de los efectos

Los efectos son tipos de nodos especiales que se pueden agregar a la estructura de la escena. Para que un nodo de efecto funcione, debe estar conectado debajo de un dibujo, una composición, otro efecto o cualquier otro nodo que genere una imagen. Los nodos de efecto modifican la información de la imagen enviada al puerto de entrada y generan la imagen procesada a través del puerto de salida. Esto proporciona flexibilidad a la hora de decidir a qué elementos de la escena afecta un efecto.

Algunos efectos necesitan vincularse a otra capa, denominada capa de mate, que se usa para definir el área a la que deben afectar. Un buen ejemplo de ello es el efecto de tono, que se usa para agregar una sombra de una forma determinada a una capa. De forma independiente, el efecto de tono no tiene ningún impacto en el dibujo al que está conectado. Una vez combinado con una capa de mate, el efecto de tono usará la forma del mate para aplicar una sombra al dibujo. Incluso si la forma del mate sale fuera de los contornos del dibujo, la sombra solo se aplicará dentro de los contornos del dibujo.

Una capa de mate es una capa de dibujo habitual que está conectada a un efecto como su mate. El efecto toma la forma del dibujo en la capa de mate para determinar el área del dibujo a la que afecta. Los colores y detalles de la capa de mate se ignoran mediante el efecto y solo se tiene en cuenta su forma.

En la vista de nodos, se debe conectar un efecto al dibujo o composición a la que debe afectar mediante su puerto de entrada (superior), mientras que su puerto de salida (inferior) se debe conectar a la composición principal de la escena.

Si el efecto puede usar una capa de mate, tendrá un puerto de mate a su izquierda al que se puede conectar la capa de mate.

El puerto de mate tiene un icono Matte (Mate) debajo. Puede invertir el mate haciendo doble clic en este icono, que hará que el efecto utilice el espacio negativo del dibujo de mate en lugar de que el dibujo de mate sea mate. Cuando el mate de un efecto se invierte, el mate aparece negro sobre blanco en lugar de blanco sobre negro: .

Una vez que el efecto está conectado, puede ajustar sus parámetros seleccionándolo y, a continuación, ajustando sus parámetros en la vista de propiedades de capa. También puede hacer clic en el icono Layer Properties (Propiedades de capa) de un nodo para abrir sus propiedades de capa en un cuadro de diálogo. Si se desea, incluso puede animar los parámetros del efecto convirtiendo sus valores a funciones.

CONSEJO

Si necesita usar la versión sin cortar de la capa de dibujo en cualquier otra parte de la escena, puede omitir el efecto al que está conectada conectando el puerto de salida de la capa de dibujo a otros puertos de entrada de la composición o a otros efectos o composiciones, según sea necesario. De este modo, se crearán nuevos cables sin que ello afecte a la conexión de la capa con su efecto.

Adición de un efecto

En Harmony, puede agregar efectos al arrastrarlos desde la vista de librería de nodos hasta la vista de nodos y conectarlos como un intermediario entre la capa de dibujo y su composición. A continuación, puede conseguir el efecto previsto ajustando los parámetros en la vista de propiedades de capa y conectándolos a un mate o a otro tipo de capas de entrada que pueda necesitar.

Para agregar efectos u otros tipos de nodos a la vista de nodos, primero debe encontrarlos en la vista de librería de nodos.

Al crear un nuevo proyecto en Harmony, el sistema de nodos predeterminado que aparece en la vista de nodos tiene un aspecto parecido al siguiente.

Observe cómo están conectadas las capas a la composición de la escena. Para que un efecto funcione, debe estar conectado como intermediario entre una capa y su composición, como si se hiciera para filtrar la información de dibujo de la capa antes de alcanzar la composición.

  1. En la vista de librería de nodos, seleccione un efecto y arrástrelo a la vista de nodos. Puede usar la barra de herramientas de búsqueda para buscar nodos con mayor rapidez.

  1. Para que el efecto funcione, debe funcionar como el intermediario entre un dibujo y su composición. Puede agregar un nodo al centro de una conexión existente manteniendo pulsada la tecla Alt y, a continuación, arrastrando el nodo sobre la conexión, de esta manera:

  1. Haga clic en el icono Layer Properties (Propiedades de capa) situado a la izquierda del nombre del nodo para abrir su cuadro de diálogo de propiedades de capa.

    Aparece el cuadro de diálogo de propiedades de capa del efecto.

NOTA Una vez que haya establecido los parámetros para el efecto, puede almacenarlo en la vista de librería como plantilla para poder reutilizarlo rápidamente sin necesidad de volver a establecer los parámetros; consulte Creación y uso de plantillas.

Adición de un efecto con un mate

El siguiente tutorial muestra cómo usar el efecto de cuchilla con un mate. En Harmony, varios efectos usan mates para determinar el área de la imagen a la que afectan.

El efecto de cuchilla permite cortar una parte de una imagen. Para ello, debe conectarse al dibujo que se pretende cortar, así como a una capa de mate. La cuchilla adoptará la forma del dibujo de la capa de mate y cortará esta forma de la capa de dibujo. Esto es particularmente útil si desea que un personaje desaparezca entre un elemento de fondo o si desea realizar un agujero en el centro de un personaje.

Al igual que todos los efectos que utilizan un mate, el efecto de cuchilla tiene un parámetro Inverted (Invertido), que está deshabilitado de forma predeterminada. Cuando esté habilitada, la cuchilla tendrá el efecto contrario: en lugar de cortar la forma del mate del dibujo, cortará todo lo que se encuentre fuera de la forma del mate del dibujo, dejando solo las partes del dibujo que estén cubiertas por el mate.

Puede alternar rápidamente el parámetro Inverted (Invertido) de un efecto haciendo doble clic en el icono Matte (Mate) en la vista de nodos.

  1. Seleccione una capa de dibujo y realice una de las siguientes acciones:
    • En la vista de librería de nodos, seleccione el efecto Cutter (Cuchilla) y arrástrelo a la vista de nodos.
    • En la vista de nodos, haga clic con el botón derecho y seleccione Insert > Combine > Cutter (Insertar > Combinar > Cuchilla).
    CONSEJO

    También puede crear nodos de cuchilla pulsando un atajo de teclado. Para poder hacerlo, debe asignar un atajo de teclado al comando Create Cutter (Crear cuchilla) en la sección de vista de nodos del cuadro de diálogo Keyboard Shortcuts (Atajos de teclado). Para acceder al cuadro de diálogo Keyboard Shortcuts (Atajos de teclado):

    • Windows o GNU/Linux : en el menú superior, seleccione Edit > Keyboard Shortcuts (Editar > Atajos de teclado).
    • macOS : en el menú superior, seleccione Harmony Premium > Keyboard Shortcuts (Harmony Premium > Atajos de teclado).

  2. Mientras mantiene pulsada la tecla Alt, mueva el nodo Cutter (Cuchilla) sobre el cable que conecta el dibujo a la composición principal de la escena. El nodo Cutter (Cuchilla) se conectará como intermediario entre el dibujo y su composición.

  1. En la barra de herramientas sobre la lista de capas en la vista de línea de tiempo, haga clic en Add Drawing Layer (Agregar capa de dibujo).

  1. En el cuadro de diálogo Add Drawing Layer (Agregar capa de dibujo), asigne a la nueva capa de dibujo un nombre relevante para una capa de mate, como "Dibujo de mate" y, a continuación, haga clic en Add and Close (Agregar y cerrar).

  1. En la nueva capa de dibujo de mate, dibuje un mate para el efecto. El mate puede ser una forma simple, pero se debe rellenar con un color, ya que solo se tendrán en cuenta las partes del mate que sean opacas.

    NOTA Los mates también pueden tener áreas semitransparentes. Las áreas del dibujo cubiertas por áreas semitransparentes del mate se ven parcialmente afectadas por el efecto.

  1. En la vista de nodos, conecte el puerto de salida del nodo de dibujo de mate al puerto de entrada izquierdo (mate) del nodo Cutter (Cuchilla).

    En este punto, las áreas de la capa de dibujo que se cruzan con la ilustración del nodo de dibujo de mate están ocultas.

  1. Si desea invertir el efecto de cuchilla, para que la ilustración que se cruza con la ilustración de la capa de mate sea visible y todo lo demás esté oculto, haga doble clic en el icono Matte (Mate) del nodo Cutter (Cuchilla) para alternar su parámetro Inverted (Invertido). Cuando el mate de un efecto se invierte, su puerto de mate también aparece invertido .

Otros dos ejemplos de efectos que funcionan con mates son los efectos de tono y resaltado. El efecto de tono aplica una sombra a su dibujo basada en su mate, mientras que el efecto de resaltado aplica un resaltado a un dibujo basado en un mate. Estos efectos no se aplican fuera de los dibujos a los que están conectados, de modo que solo tiene que dibujar los resaltados y la sombra del personaje en las capas de mate sin preocuparse por dibujar fuera del trazado.

La adición de estos efectos a un dibujo funciona exactamente igual que la adición de una cuchilla a un dibujo, salvo que tienen parámetros adicionales para configurar el color, la intensidad y el renderizado del efecto.

Animación de un efecto

Es posible que necesite animar algunos efectos para obtener los resultados esperados. Por ejemplo, puede desear que el radio de un efecto de brillo aumente y disminuya lentamente para hacer que vibre a lo largo de una escena, o puede desear que la transparencia de un efecto de transparencia aumente de 0 % a 100 % para hacer desaparecer un dibujo.

Casi todos los parámetros numéricos de un efecto se pueden unir a una función. Una función permite definir un parámetro para distintos valores en diferentes puntos de la escena agregándole fotogramas clave y definiendo cada fotograma clave en un valor específico. Entre fotogramas clave, el valor del parámetro avanzará desde el valor del fotograma clave anterior al valor del siguiente fotograma clave. Las capas de dibujo se animan asociando sus coordenadas a funciones. Del mismo modo, los efectos se pueden animar asociando sus parámetros a funciones.

Algunos parámetros de efectos se pueden animar directamente en la vista de línea de tiempo, pero no todos. Al expandir los parámetros de un efecto en la vista de línea de tiempo, algunos de sus parámetros pueden estar ocultos para evitar saturar la vista de línea de tiempo. Puede animar esos parámetros desde la vista de propiedades de capa o el cuadro de diálogo de propiedades de capa, que muestra todos los parámetros de una capa.

  1. En la vista de línea de tiempo, localice el efecto que desea animar y haga clic en el botón Expand (Expandir) situado a la derecha de su nombre.

    Aparece en la vista de línea de tiempo la lista de parámetros que muestra los parámetros de efectos disponibles.

  2. En el área derecha de la vista de línea de tiempo, en la misma fila que el parámetro que desee animar, seleccione el fotograma en el que desee crear el primer fotograma clave de animación para el efecto.

  3. Cree un fotograma clave realizando una de las siguientes acciones:

    • En la barra de herramientas de línea de tiempo, haga clic en el botón Add Keyframe (Agregar fotograma clave).
    • Haga clic con el botón derecho y seleccione Add Keyframe (Agregar fotograma clave).
    • Pulse F6.

  4. En el área de la izquierda de la vista de línea de tiempo, debajo de la columna Parameters (Parámetros), ajuste el valor del parámetro para este fotograma clave realizando una de las siguientes acciones:

    • Haga clic y mantenga pulsado el valor del parámetro. A continuación, arrástrelo hacia la izquierda para reducir su valor o hacia la derecha para aumentarlo.

    • Haga clic en el valor del parámetro. Aparecerá un campo de texto. Escriba el nuevo valor del parámetro y pulse Entrar.

  5. En el área derecha de la vista de línea de tiempo, haga clic en el fotograma en el que desee crear el segundo fotograma clave de animación para el efecto.

  6. Cree el segundo fotograma clave para la animación del efecto realizando una de las siguientes acciones:

    • En la barra de herramientas de línea de tiempo, haga clic en el botón Add Keyframe (Agregar fotograma clave).
    • Haga clic con el botón derecho y seleccione Add Keyframe (Agregar fotograma clave).
    • Pulse F6.

  7. En la columna Parameters (Parámetros), ajuste el valor del parámetro en el fotograma clave actual.
  8. Repita los pasos para crear tantos fotogramas clave de animación para el efecto como sea necesario.
  9. Para ajustar el tiempo entre los fotogramas clave de la animación, seleccione el primer fotograma clave.

  10. En la barra de herramientas de línea de tiempo, haga clic en el botón Set Ease for Multiple Parameters (Definir aceleración para varios parámetros).

    Aparece el cuadro de diálogo Set Ease For Multiple Parameters (Definir aceleración para varios parámetros). El gráfico de funciones de este cuadro de diálogo se centrará en el primer fotograma clave de la animación, que debe tener un controlador de la curva Bézier al lado apuntando hacia la derecha.

  11. Haga clic en el controlador de la curva Bézier y arrástrelo hacia la derecha, en cualquier ángulo, para ajustar la aceleración gradual de la animación.

  12. Haga clic en Apply/Next (Aplicar/siguiente).

    El cuadro de diálogo Set Ease For Multiple Parameters (Definir aceleración para varios parámetros) se centrará en el segundo fotograma clave. Si este es el último fotograma clave de la animación, solo tendrá un controlador de curva Bézier apuntando hacia la izquierda. Si hay más fotogramas clave de animación después de este, tendrá dos controladores de la curva Bézier, uno apuntando en cada dirección.

  13. Haga clic en el controlador izquierdo de la curva Bézier y arrástrelo hacia la izquierda, en cualquier ángulo, para ajustar la desaceleración gradual de la animación entre el fotograma clave anterior y el fotograma clave actual.

  14. Si hay un controlador de curva Bézier apuntando hacia la derecha, haga clic en él y arrástrelo hacia la derecha, en cualquier ángulo, para ajustar la aceleración gradual de la animación entre el fotograma clave actual y el siguiente fotograma clave.

  15. Repita los pasos anteriores hasta que el tiempo de la animación se ajuste a lo largo de toda la escena.
  1. Abra las propiedades de capa del efecto realizando una de las siguientes acciones:
    • Agregue la vista de propiedades de capa a la zona de trabajo y seleccione el efecto en la vista de línea de tiempo o de nodos.
    • En la vista de línea de tiempo, haga doble clic en la capa del efecto, pero no en su nombre.
    • En la vista de nodos, localice el nodo de efecto y haga clic en el botón Layer Properties (Propiedades de capa).

  2. En las propiedades de capa del efecto, localice el parámetro que desea animar y haga clic en el botón Function (Función) situado a su derecha.

    El campo de entrada del parámetro se atenuará. Esto se debe a que no puede editar un parámetro directamente una vez conectado a una función. El campo indicará el nombre de la función que se creó para él en este formato:

    Nombre de nodo: Nombre de función: Valor en fotograma actual

  3. Haga clic de nuevo en el botón Function (Función) del parámetro.

    Se abre el cuadro de diálogo Bezier Editor (Editor de Bézier).

    Este cuadro de diálogo permitirá animar la función. El gráfico de funciones de la parte inferior sirve para representar los valores de la función a lo largo de cada fotograma de la escena.

  4. En el gráfico de funciones, haga clic y arrastre el cursor rojo para moverlo al fotograma donde desea crear el primer fotograma clave de animación.

  5. Haga clic en el botón Add Keyframe (Agregar fotograma clave) para crear el primer fotograma clave de animación para el efecto.

    Se crea un fotograma clave y debe ser visible en el gráfico de funciones. Si no se ve, es porque el gráfico de funciones no está colocado para incluir el fotograma clave en su fotograma. Para mover el gráfico de funciones con el fin de ver el fotograma clave de la función, haga clic en el botón Reset View (Restablecer vista) o Reset View Vertically (Restablecer vista vertical).

  6. Ajuste el valor del parámetro al fotograma actual realizando una de las siguientes acciones:
    • En el campo Value (Valor) sobre el gráfico de funciones, escriba el valor deseado para el parámetro.

    • En el gráfico de funciones, haga clic y arrastre el fotograma clave y muévalo hacia arriba para aumentar su valor o hacia abajo para disminuirlo.

      CONSEJO Si desea establecer el fotograma clave en un valor que está fuera del fotograma del gráfico de funciones, puede pulsar la tecla 1 para alejarse. También puede pulsar la tecla 2 para volver a acercarse.

  7. Haga clic y arrastre el cursor rojo para moverlo al fotograma donde desea crear el segundo fotograma clave de animación.

  8. Haga clic en el botón Add Keyframe (Agregar fotograma clave) para crear el segundo fotograma clave de animación para el efecto.

  9. Ajuste el valor del parámetro al fotograma actual realizando una de las siguientes acciones:
    • En el campo Value (Valor) sobre el gráfico de funciones, escriba el valor deseado para el parámetro.
    • En el gráfico de funciones, haga clic y arrastre el fotograma clave y muévalo hacia arriba para aumentar su valor o hacia abajo para disminuirlo.

  10. Si desea ajustar el tiempo de la animación entre el primer y el segundo fotograma clave, haga lo siguiente:

    • Haga clic y arrastre el controlador de la curva Bézier del primer fotograma clave hacia la derecha, en cualquier dirección, para que afecte a la aceleración gradual de la animación.

    • Haga clic y arrastre el controlador de la curva Bézier del segundo fotograma clave hacia la izquierda, en cualquier dirección, para que afecte a la desaceleración gradual de la animación.

  11. Repita estos pasos hasta que haya creado y sincronizado los fotogramas clave de animación necesarios para animar el efecto.

Creación de un efecto basado en un personaje animado

En el siguiente tutorial se demuestra cómo combinar efectos con otras funciones de Harmony para crear fácilmente una sombra paralela para un personaje animado. Siguiendo estos pasos, puede crear una sombra paralela que seguirá automáticamente la animación del personaje, incluso si después cambia la animación.

  1. En la vista de nodos, asegúrese de que el rig de personaje se encuentre en un grupo con una composición. De no ser así, seleccione todos los nodos que forman el rig de personaje y realice una de las siguientes acciones:
  • Haga clic con el botón derecho en la selección y, a continuación, seleccione Group > Group Selection with Composite (Grupo > Agrupar selección con composición).
  • En la esquina superior izquierda de la vista de nodos, abra el menú de vista y seleccione Nodes > Group Selection with Composite (Nodos > Agrupar selección con composición).
  • Pulse Ctrl + Mayús + G (Windows/Linux) o ⌘ + mayúsculas + G (macOS).

  1. Mediante la librería de nodos, agregue al sistema de nodos un nodo Peg, un nodo Apply-Peg-Transformation (Aplicar transformación de peg) y un nodo Shadow (Sombra).

  1. Conecte el puerto de salida del rig del personaje al puerto de entrada del nodo Shadow (Sombra).

  1. Conecte el puerto de salida del nodo Shadow (Sombra) al puerto de entrada situado más a la derecha (imagen) del nodo Apply-Peg-Transformation (Aplicar transformación de peg).

  1. Conecte el puerto de salida del peg al puerto de entrada situado más a la izquierda (transformación) del nodo Apply-Peg-Transformation (Aplicar transformación de peg).

  1. Conecte el puerto de salida del nodo Apply-Peg-Transformation (Aplicar transformación de peg) a la composición principal de la escena, justo a la derecha de la conexión del rig del personaje. De esta manera, la sombra aparecerá detrás del rig del personaje.

  1. Seleccione el nodo Peg de Apply-Peg-Transformation (Aplicar transformación de peg).
  1. En la barra de herramientas de herramientas, seleccione la herramienta Transform (Transformar).
  1. En la vista de cámara, escale y sesgue la selección de modo que parezca una sombra difuminada.