Cómo animar con fotogramas clave en Unreal Engine

Si quieres realizar animaciones con fotogramas clave en Unreal Engine, ¡estás en el lugar indicado!Aquí hablaremos sobre la animación de fotogramas clave y explicaremos paso a paso cómo hacerlo.


¿Qué es la animación de fotogramas clave?

Es posible que, si estás pensando en aprender a animar, te hayas encontrado con el concepto de «fotograma clave». Pero, ¿qué es exactamente un fotograma clave y qué tiene que ver con la animación? 

La animación consiste en una serie de «fotogramas»; dibujos, renderizados y fotos que, al reproducirse a gran velocidad, el ojo humano interpreta como un movimiento continuo. El concepto es el mismo que el del cine, en el que las imágenes individuales de una cinta de película se reproducen a gran velocidad para crear un efecto de movimiento.
Al crear una animación, los artistas suelen usar fotogramas clave para controlar los tiempos de la animación. Un fotograma clave establece el comienzo y el final de una transición, de modo que los fotogramas que estén dentro de ese periodo puedan rellenarse por separado. Por ejemplo, supongamos que quieres que un personaje levante el brazo durante un período de un segundo. Normalmente, los juegos suelen animarse a una velocidad de 30 fotogramas por segundo (fps), es decir, que usa 30 imágenes o fotogramas para crear un solo segundo de movimiento. Para hacer que el personaje levante el brazo durante un segundo, tendrías que establecer un fotograma clave en el fotograma 1 y otro en el fotograma 30. Al reproducir el proyecto en el software de animación, los fotogramas que están entre ambos fotogramas clave se «rellenarán» automáticamente y el brazo se levantará perfectamente durante ese periodo de un segundo.

Cuando la animación se hacía a mano, los animadores sénior eran los encargados de establecer los fotogramas clave, mientras que los animadores júnior se ocupaban de dibujar los fotogramas de en medio. En la animación por ordenador, el artista establece los fotogramas clave y el software se encarga de rellenar los fotogramas de en medio. Para procesos de animación más avanzados en los que el equipo quiere tener más control sobre el resultado, es habitual usar captura de movimiento o mecánicas de juego, entre otros métodos.
 

Animación con Unreal Engine

Unreal Engine es un motor de juegos. Aunque, en un primer momento, se creó como plataforma de desarrollo de videojuegos en 3D, incluye una amplia gama de funciones de animación, como los fotogramas clave, y eso la ha convertido en la herramienta principal de un sinfín de estudios a la hora de crear contenido

Sigue estos pasos para empezar a crear tu primera animación con Unreal Engine. En esta lección, animaremos una puerta corredera. Y no te olvides de echar un vistazo a esta guía de Atajos y configuraciones en algún momento, ya que te ahorrará mucho tiempo.
 

Requisitos

Todas las herramientas y recursos necesarios para este tutorial pueden descargarse gratis, pero necesitarás al menos 36 GB de espacio libre en disco y un ordenador bastante sólido para usarlos. Consulta la documentación de Unreal Engine para obtener más información sobre los requisitos de hardware.

Antes de empezar, tendrás que descargar e instalar el iniciador de Epic Games así como instalar Unreal Engine. Cuando abras por primera vez el iniciador, se te pedirá que inicies sesión o crees una cuenta de Epic Games gratis. Elige el método de inicio de sesión que encaje mejor contigo.
Para instalar Unreal Engine, haz clic en la pestaña de Unreal Engine de la izquierda y después en el botón de «Install Engine» que hay en la parte superior derecha del iniciador. Espera un momento a que se instale la última versión de Unreal Engine. Si quieres ahorrar algo de espacio de disco, puedes elegir instalar únicamente los componentes requeridos.

En este vídeo se explica paso a paso cómo instalar el iniciador de Epic Games y Unreal Engine.
 

Cómo animar un objeto

Una vez que hayas instalado Unreal Engine, verás una escena del Marketplace. Ábrela con el motor. El Marketplace dispone de multitud de recursos que puedes usar de inmediato en Unreal Engine, entre los que se incluyen objetos, personajes, imágenes y archivos de audio.
  1. Haz clic en la pestaña del Marketplace del iniciador de Epic.
  2. En el Marketplace, busca «Scifi Hallway».
  1. Cuando hayas encontrado el recurso, haz clic en él, selecciona Free y luego Create Project. En el cuadro de diálogo Choose Project Name and Location que aparece, elige un nombre y una ubicación para el proyecto y después haz clic en Create. Espera un momento a que se descargue el proyecto en tu ordenador.
  1. Para encontrar y abrir el proyecto descargado desde la biblioteca, haz clic en la pestaña de Library que hay en la parte superior de la pantalla. En la lista debería aparecer el proyecto «Scifi Hallway». Haz doble clic sobre el proyecto para abrirlo en Unreal Engine. Espera un momento a que cargue. 
Es posible que veas un mensaje en la parte superior izquierda de la pantalla que dice: «LIGHTNING NEEDS TO BE REBUILT» (la iluminación debe reconstruirse). Puedes ignorar el mensaje, pero si quieres hacer que desaparezca, ve al menú Build > Build Lightning Only y espera a que la iluminación de reconstruya (tardará unos minutos). Si vuelve a aparecer este mensaje más adelante cuando estés trabajando en el proyecto, sigue el mismo procedimiento para eliminar el mensaje.
Unreal Engine incluye un visor de perspectiva que muestra la escena, además de controles encima, al lado y debajo. Si has usado antes un software de modelado 3D, tanto el visor como el sistema de controles te resultarán familiares.

El visor muestra una serie de objetos no renderizables, como objetos de luz o esferas de reflejo.
  1. Haz clic en el visor y pulsa la tecla G para ocultar los objetos no renderizables. Ahora puedes ver la escena renderizable real.
  1. Tómate tu tiempo para experimentar con los controles de navegación del visor y explorar la escena:
Botón izquierdo del ratón + Arrastrar Mueve adelante y atrás y rota a izquierda y derecha.
Botón derecho del ratón + Arrastrar Rota la vista.
Botón derecho e izquierdo del ratón + Arrastrar Mueve arriba y abajo o a izquierda y derecha.

Hay distintas formas de navegar por el visor, y es posible que algunas de ellas te suenen. Por ejemplo, las teclas estándares de Maya también funcionan aquí, al igual que las teclas de dirección. Para saber más sobre los controles del visor, echa un vistazo a la página de ayuda de los Controles del visor.
  1. Ajusta la vista para que tenga un aspecto similar al de la imagen de abajo, orientada hacia las puertas naranjas con plantas a cada lado.
  1. Haz clic en la puerta naranja de la izquierda para seleccionarla. En la ventana del Outliner de la parte superior derecha de la pantalla, puedes ver que el objeto Fond_Wall_3 está seleccionado. Al seleccionarse, aparece un conjunto de ejes de trípode en la esquina inferior izquierda de la puerta.
Nota: Si no ves los ejes de trípode, pulsa la tecla W del teclado. Ahora deberían aparecer.

El siguiente paso es añadir el objeto que quieras animar al módulo del Sequencer. El Sequencer actúa como editor de fotogramas clave, algo parecido a un editor no lineal.
  1. Haz clic en el botón de Cinematics de la barra de herramientas principal, el icono de la claqueta, y selecciona Add Level Sequence para añadir la secuencia de nivel. Cuando aparezca la ventana de Save Asset as, escribe el nombre en el campo de Name y haz clic en Save para guardarlo. Esta acción abrirá el módulo del Sequencer.
Nota: Si cierras el Sequencer sin querer, puedes volver a abrirlo haciendo clic en el cajón de contenido de la parte inferior de la pantalla o pulsando Ctrl + Espacio.
  1. En el Sequencer, haz clic en el botón de Track de la parte superior izquierda de la ventana. Selecciona la opción Actor to Sequencer y elige el objeto Fond_Wall_3. Para encontrar rápidamente el objeto en la lista, puedes escribir parte de su nombre en la barra de búsqueda.
De esta forma, crearás una pista en el Sequencer para el objeto de la puerta. A continuación, debes animar su posición para deslizar la puerta hacia arriba.
  1. En el Sequencer, haz clic en la flecha a la izquierda de Transform para expandir las tres pistas de transformación. Recuerda que lo que queremos animar es la pista de posición, es decir, Location.
Nota: Pon el marcador naranja en 0000, también llamado cursor de reproducción. La posición actual del cursor de reproducción también aparece con texto de color naranja, justo a la izquierda del área de fotogramas clave.
  1. La mayoría de los animadores trabaja en fotogramas por segundo, por lo que la escala de tiempo se muestra como un número de fotograma de manera predeterminada.  En este tutorial para principiantes, cambiaremos la escala de tiempo a segundos para que resulte más fácil de leer. Para hacerlo, busca el menú de Frames Per Second en la barra de herramientas del Sequencer. Selecciona Show Time As y cambia el tiempo a Seconds.
  1. Ahora, tendrás que establecer el tiempo de un fotograma clave en 0,00 para la posición de la pared. En la pista de Location, haz clic en el botón + para añadir un fotograma clave en 0,00.
  1. El siguiente paso es colocar una clave para la puerta a los tres segundos de la secuencia. Primero, arrastra el cursor de reproducción naranja al 3.00.
  1. Asegúrate de haber seleccionado la puerta de la izquierda y de colocar el eje del trípode en la esquina inferior izquierda de la puerta en el visor. Arrastra hacia arriba la flecha superior del eje para abrir la puerta.
  1. En la pista de Location, haz clic en el botón + para añadir un fotograma clave a los 3.00 segundos.
  2. Arrastra el cursor de reproducción para adelantar y rebobinar la animación. Verás que has animado la puerta para que esté cerrada a los 0.00 segundos y se abra a los 3.00 segundos. ¡Enhorabuena, has creado una animación!
Ahora que ya sabes cómo configurar los fotogramas clave, puedes animar cualquier elemento simplemente añadiéndolo al Sequencer como pista y moviéndolo. Por ejemplo, puedes abrir la otra puerta siguiendo el mismo proceso: seleccionas la puerta, vas a un fotograma clave, mueves la puerta y estableces una clave.

Veamos ahora cómo generar la animación para poder verla. Para ello, primero necesitaremos una cámara en la escena.
  1. En la barra de herramientas del Sequencer, haz clic en el botón Create Camera (el icono de la cámara) para crear una cámara en la escena. De esta forma, también crearás varias pistas para la cámara, incluyendo una pista de Camera Cuts en la que podrás ver los fotogramas de tu animación.
El visor mostrará ahora lo que la cámara ve, con la etiqueta «Pilot Active» (piloto activo) en la esquina superior izquierda. Esto indica que puedes «pilotar» la cámara con los controles de navegación del visor, que te permitirán darle a la vista el aspecto que quieras para el renderizado.

Ahora ya puedes generar la animación en un archivo de película. Al renderizar la escena en Unreal Engine, el renderizado coge una fracción de segundo por fotograma. 
  1. En la barra de herramientas del Sequencer, haz clic en el botón Render (busca el icono de la claqueta) para abrir el cuadro de diálogo Render Movie Settings.
  1. En el cuadro de diálogo de «Render Movie Settings», asegúrate de que el Image Output Format está configurado como Video Sequence (avi)
  2. Haz clic en los tres puntitos que hay a la derecha del Output Directory para abrir la carpeta Content del proyecto.
  3. Haz clic y crea una carpeta que se llame Renders. Selecciona la carpeta para volver al cuadro de diálogo Render Movie Settings.
  4. Haz clic en Capture Movie para renderizar la película en la carpeta. En el cuadro de diálogo de «Save Content», selecciona «Save Selected» para guardar la escena antes del renderizado.
El renderizado se completará en unos segundos. Ahora ya puedes ver la película renderizada.
  1. Sal de Unreal Engine y usa el sistema de navegación de carpetas de tu sistema (p. ej.: Explorador de archivos de Windows) para ir a la carpeta Renders. Haz doble clic en el vídeo de la carpeta para verlo con el reproductor de vídeo que elijas. 
 

Continúa la aventura de la animación de fotogramas clave

Para profundizar en tu formación sobre animación, puedes practicar animando la escena de arriba o cualquier otra que elijas en el Marketplace de Unreal Engine. También puedes echar un vistazo a la Comunidad de desarrolladores de Epic, donde encontrarás cientos de horas de contenido de aprendizaje en línea gratis, entre los que se incluyen cursos de animación.

La documentación de Unreal Engine contiene multitud de artículos interesantes sobre cómo usar el Sequencer para animación. También puedes inspirarte en estudios profesionales usando Unreal Engine para la animación en nuestro Centro de animación y en la Guía para la animación gratuita.

Si quieres empezar a animar personajes, también puedes echar un vistazo a nuestro resumen de formación en animación de personajes en tiempo real.

Más lecciones sobre la tecnología de tiempo real


lecciones sobre el tiempo real

Animación en el cine

lecciones sobre el tiempo real

¿Qué es la realidad aumentada?

lecciones sobre el tiempo real

¿Cómo se crea un humano digital?

Artículos relacionados


Animación

Actualizaremos los precios de Unreal Engine, Twinmotion y RealityCapture a finales de abril

Animación

Rebajas de marzo del Marketplace de Unreal Engine: más de 2000 productos al 50 %

Animación

Rebajas de febrero del Marketplace: más de 2000 productos al 50 %