Introducción

La animación tanto 2D como 3D es tan solo el engaño al cerebro mediante la presentación "rápida" de imágenes consecutivas creando una sensación de movimiento. Para lograr engañar al cerebro, será necesario que el ojo perciba del orden de entre 12 y 24 imágenes (frames) por segundo. Con un ratio menor a 12 frames/segundo el ojo detectará una discontinuidad rompiéndose la continuidad del movimiento. Este engaño puede llevarse a cabo de muy distintas formas (ver wiki del año 2014-2015).

Desarrollo y técnicas

En la mayoria de los entornos de animación 3D, se crea una representación simplificada del cuerpo del personaje un esqueleto o stick figure. La posición de cada segmento del modelo del esqueleto es definida por «variables de la animación», o Avars (técnica de animación de Rigging, ver curso pasado).

En personajes humanos y animales, las partes del modelo corresponden a la ubicación real de los huesos. Esta técnica es también utilizada para animar expresiones faciales. Sin embargo el ordenador no renderiza el modelo de esqueleto directamente de forma habitual render el esqueleto es invisible, pero usa el modelo de esqueleto para calcular la posición exacta y la orientación del personaje, que es eventualmente renderizado en una imagen. Cambiando los valores de los Avars sobre la línea de tiempo, el animador crea movimiento realizando el personaje cuadro por cuadro.

Tradicionalmente es el animador el encargado de mover los Avars para dar movimiento a la animación pero en lugar de hacerlo en cada cuadro utilizan un proceso llamado keyframing el cual tras proporcionarle la posición inicial y final (fotogramas clave) de los Avars generará la transición "natural" de los Avars en todos los frames intermedios (ver Etapas de desarrollo de una secuencia animada del curso pasado).

También toma relevancia la «captura de movimiento» (motion capture) utilizada sobre todo en el cine. Esta técnica consiste en colocar un traje con muchos marcadores al actor de tal manera que en el ordenador podremos capturarlo como si de un personaje animado por nosotros se tratara.

Herramientas

Existen numerosas herramientas que pueden ayudarnos en la edición y creación de animaciones. Todas estas herramientas tienen enfoques diferentes y apuntan a distintos tipos de usuario.

Estos enfoques están centrado principalmente en 2 puntos: Profesionalidad del usuario (desde amateur o principiante hasta animador profesional), Objetivo del proyecto (tipo de animación 2D o 3D, calidad, proyectos pasados, soporte). Sin embargo enfocados hacia un público mas 'casual' en la realización de animaciones se está imponiendo las animaciones en la web.

A continuación se listan una serie de herramientas así como sus características principales y enfoque.

Toon Boom Studio/Harmony

Fue creado en 1994 por Toon Boom Animations, una empresa canadiense de animación. En 2015 se paró el desarrollo de "Toon Boom Studio" y paso a llamarse "Toon Boom Harmony". Es una herramienta profesional, preparada para animaciones tanto en 3D como en 2D. Ofrece cantidad de funcionalidades divididas en distintos paquetes cada uno con un coste distinto.

Su uso es muy extendido entre empresas del cine como Disney, Fox o LucasFilm. Fue usado, por ejemplo para crear películas como "Los Simpsons" o series animadas como "Scooy Doo".

Vídeo de la compañía con un enlace para una prueba gratuita: https://www.youtube.com/watch?v=yGGUMuJSyg0

CrazyTalk Animator

CrazyTalk es una herramienta que permite el desarrollo de animaciones tanto en 2D como en 3D. Permitiendo modificar por completo la escena en la que se realiza la animación, los actores que la componen y las animaciones que realizan; además permite realizar efectos especiales para añadir complejidad a la animación. Esta aplicación ofrece una gran cantidad de plantillas de personajes ya creados donde se obtiene tanto el modelo del mismo como animaciones básicas para este (estático, andar, correr, ...) de forma que permite centrarse únicamente en cumplir con el objetivo final (ya sea un videojuego o una película animada) sin necesidad de preocuparse por dibujar los personajes que van a actuar o realizar las animaciones.

Donde brilla esta aplicación es en la animación facial de los personajes, actualmente es la aplicación que mejor trata el tema facial y nos ofrece un amplio catálogo de funcionalidades en este aspecto:

Creación automática de un modelo 3D de la cara

CrazyTalk permite al usuario importar una imagen de un personaje en 2D y, a través de esta, genera un modelo 3D del personaje para poder usarlo en las animaciones de la apliación; además permite modificar cualquier aspecto de la cara por si algo no convencía poder cambiarlo. Esta funcionalidad permite, de una forma muy sencilla, incluir en un proyecto los temas faciales en 3D pudiendo pasar de 2D a 3D de una forma simple y eficiente.

Despliegue del rango de emociones faciales

Además de la creación de un modelo 3D de la cara, CrazyTalk permite que ese modelo pueda generar emociones según se decida. La aplicación permite que el modelo mueva ciertas partes de la cara, de una forma concreta, para mostrar una determinada emoción y, todo esto, controlado a través del ratón de forma interactiva. De esta forma se puede decidir que emoción debe mostrar dependiendo de que interacción este recibiendo.

Vocalización del personaje a través de texto/audio importado

CrazyTalk también permite automatizar la vocalización del modelo generado de forma que sea capaz de sincronizar un cierto diálogo que tenga que decir sin que recaiga en el usuario la tarea de animar la boca. La funcionalidad permite importar un archivo de texto con el diálogo o, incluso, un archivo de audio donde se pueda escuchar dicho diálogo y la aplicación de forma automática lo parseará y mostrará como el personaje lo vocaliza.

Aquí se puede ver un ejemplo de la aplicación funcionando: https://www.youtube.com/watch?v=5_WLdBCns-s

Para más información consultar la página web de la aplicación: https://www.reallusion.com/crazytalk/

iClone

Esta aplicación es de los mismo fabricantes que CrazyTalk, permite la creación de modelos 3D de personajes completos así como de elementos para la escena (como un coche, árboles, farolas, ...). Además permite también realizar animaciones sobre los modelos creados tal y como CrazyTalk lo permite sobre las cabezas 3D y modelos 2D de los personajes. Se podría decir que iClone es complementario a CrazyTalk en el sentido que una vez creada una cabeza en CrazyTalk, se puede enviar a iClone para generar el modelo 3D del personaje completo para su uso en el futuro.

Aquí se puede ver un ejemplo de la aplicación funcionando: https://www.youtube.com/watch?v=S7E3-m_FTOA

Para más información consultar la página web de la aplicación: https://www.reallusion.com/crazytalk/

Pivot Animator

Quizás una de las herramientas de animación más conocidas y la más sencilla para usar, es una forma muy sencilla de iniciarse en el mundo de la animación ya que es una herramienta simple, es gratuita, la interfaz es intuitiva y sencilla y permite centrarse en aprender a animar y como tratar con los personajes más que en aprender a usar la propia aplicación. La aplicación permite la creación de personajes y elementos para añadir a escena usando una herramienta de dibujo sencilla, aun así, se puede conseguir crear elementos bastante complejos para la animación a crear por lo que aun siendo una herramienta sencilla y accesible se puede llegar a conseguir animaciones más complejas de lo que se espera de esta aplicación. La animación en esta aplicación es bastante sencilla, únicamente se tiene que crear un frame, mover ligeramente al personaje, crear otro frame, y así hasta que la animación esté completada.

Aquí se puede ver un ejemplo de la aplicación funcionando: https://www.youtube.com/watch?v=1PFJPg9BhSw

Para más información consultar la página web de la aplicación: http://pivotanimator.net/

Unity

Unity es una de las herramientas más conocidas y más potentes que existen ahora mismo en el mercado, se conoce sobre todo por la creación de videojuegos como "I am bread" o "Subnautica", pero también permite la creación de animaciones complejas como la más reciente ADAM, una animación de 5 minutos y medio que demuestra hasta donde se puede llevar Unity teniendo unos gráficos increibles.

Unity permite además realizar proyectos orientados a la tecnología de realidad virtual/aumentada en cualquiera de las plataformas que permiten esto, ya sea HTC Vive, Oculus Rift, ... siendo de las únicas o la única que lo permite actualmente. Por último, igual que CrazyTalk, ofrece plantillas de modelos ya creados (ya sea de personajes, elementos, escenas, ...) que se pueden usar para los proyectos así como animaciones ya creadas, música o, incluso, proyectos enteros.

Aquí se puede ver un ejemplo de la aplicación funcionando: https://unity3d.com/es/pages/adam

Para más información consultar la página web de la aplicación: https://unity3d.com/es/

Adobe Flash Player

Es posiblemente una de las herramientas de animación más conocidas. Es un editor completo y muy extendido. Sin embargo recientes cambios en los principales navegadores están haciendo que su demanda baje ya que no son soportados.

Moovly/PowToon

Herramientas de animación en la web. Son dos muy semejantes. Mientras que Moovly proporciona más posibilidades de animación PowToon proporciona más plantillas para animar las imágenes que crees. Su publico es más casual y esta centrado en la creación de animaciones principalmente para presentaciones. Son herramientas poco flexibles, con una capacidad de animación reducida y las cuales tienen servicios de pago para activar más funcionalidades.

Blender

Por último, una de las herramientas más potentes en el desarrollo de cualquier actividad relacionada con las tecnologías multimedia. Blender esta orientada a profesionales y grandes proyectos. Sin embargo es completamente gratuita lo que ha generado una amplia comunidad a su alrededor con foros y soporte. Es una herramienta completa, capaz de generar animaciones tanto en 2 como en 3D aunque su uso principal no sea únicamente ese. El uso principal de esta herramienta es para la creación de videojuegos, publicidad, películas, grandes simulaciones etc.

Actualmente avanza con fuerza en el sector de la publicidad ya que sus técnicas de animación permiten recrear fácilmente el objeto a vender lo que ahorra grandes esfuerzos de tiempo y dinero en las sesiones fotográficas o de grabación. Tan solo es necesaria la recreación del entorno en Blender.

https://www.youtube.com/watch?v=yJe0iN5nu8g

Tutorial Adobe Animate

Para la presentación de la asignatura se realizó una demostración de lo que se podía llegar a conseguir al usar herramientas como Adobe Animate. Para la realización de la demostración se siguió una lista de reproducción de Youtube con tutoriales sobre cómo diseñar y animar personajes y diferentes elementos en esta herramienta. A continuación se dejarán los enlaces a dichos vídeos, además de algunos consejos a la hora de diseñar y animar y por último el personaje usado en la presentación con licencia Creative Commons de forma que cualquiera puede utilizarlo.

Vídeos de Youtube

Consejos diseño

Dibujar el personaje a lápiz y en hoja primero para hacerse una idea de que se quiere.
Importar una foto del personaje dibujado en una hoja para tener un punto de referencia.
Bajar al mínimo la sensibilidad del ratón si se va a dibujar con este.
Realizar trazos lentos y pequeños para perder lo mínimo posible de tener que borrarlo.
Usar la herramienta de color de bajar el brillo (más o menos un 10-20%) para dibujar sombras.
Usar el pincel con la opción pintar detrás o pintar dentro para marcar el límite de la sombra y luego usar el cubo de pintura para rellenar.

Consejos animación

Poner un rectángulo alrededor del personaje para marcar su límite.
Poner una línea bajo los pies del personaje para tener siempre una referencia de donde los tenía.
Intentar minimizar el dibujar los frames a mano y usar más la herramienta automática de Animate (interpolación clásica).
Comprobar a menudo como está quedando la animación para comprobar si nos gusta.
Si se va a dibujar los frames manualmente, usar el papel cebolla para tener una referencia a como estaba antes el personaje

Personaje usado

A continuación, se dejan las tres imagenes del personaje usado, la primera es el diseño del mismo mientras que las dos últimas son las dos animaciones; estático y movimiento.

Presentación

https://drive.google.com/open?id=1WF8ijoAYU8P4VIrQN4rwqVRkY2IoHNzhCpKC2N_9_xQ

Alumnos implicados

Referencias