2.8.- Infografía

Esta práctica consistía en crear una Infografía animada o ,animación con informació, que fuera capaz de mantenerse en pantalla suficiente tiempo para poder leerse perfectamente. Uno de los requisitos era animar algo dentro de la linea temporal del propio símbolo.

Este es el resultado final:

https://www.youtube.com/watch?v=6FiV3IFnjWo

Gif a menor calidad debido al peso de archivo entero

Proceso:

Primer paso fue realizar unos bocetos y storyboard para plasmar y ver mejor la idea en caso de querer hacer cambios en un futuro y para recordar la idea en sí.

Una vez terminé con el bocetaje y storyboard empecé haciendo la imagen de fondo que estaría en bucle. Decidí hacerlo en Illustrator por comodidad y facilidad para hacer este tipo de ilustraciones.

Una vez terminado el fondo me fui a Animate para crear el bucle constante en el que estaría el fondo para solo tener que mover la cámara para el resto de la animación.

Después para empezar la animación y crear el bucle hice una transición de fundido negro a la animación.

Para las animaciones de los textos usé una técnica que aprendimos en la práctica del rotoscopio que era la de borrar el texto frame a frame para que pareciera que se escribía. Decidí borrar la letra entera en vez de ir poco a poco porque buscaba crear la ilusión de que se estaba escribiendo con un teclado en una pantalla.

Usando movimiento de camara cambio a ambos lados para mostrar los textos, usé formas para rellenar parte del fondo donde estaba el texto para que fuera legible debido al movimiento constante del fondo.

Para la animación de la imagen apareciendo probé a hacer un efecto "glitch" donde desmonté frame a frame la imagen y la repetí debajo en otra capa, un frame más tarde y con otro color para conseguir ese efecto.

Una vez terminada la primera parte de la animación fui a grabar lo que necesitaba del juego y editarlo en Sony Vegas.

Para poder inclinar el vídeo tuve que usar After Effects ya que en Animate no se puede y en Sony Vegas tampoco. Rendericé el video desde Sony Vegas, lo llevé a After Effects y ya de aquí lo pude guardar como quería.

Para la parte final de la animación quería hacer una transición cortando el fondo en movimiento con una moneda y apareciera una imagen que pareciera oficial siguiendo el mismo estilo que se usaron para las del juego.

Referencia a las imagenes oficiales del juego:

El estilo a captar era usos de colores planos con colores muy fuertes y llamativos de fondo para resaltar un montón la ilustración en sí.

Debido a que no se dibujar usé un "programa"(Garry's Mod) para usar modelos del juego y crear las poses que yo quería para después realizar la ilustración con mayor facilidad.

Una vez creada la imagen me fui a Photoshop para crear la imagen que aparecería al final de la animación.

En primero momento la imagen quedaría así pero debido a lo mucho que destacaban los colores más apagados que usé para el fondo de la animación y para esta imagen se le cambió el color del fondo para que fuera más apropiado para la animación. Igualmente muestro aquí el resultado final principal.

Para la transición de la animación de fondo a la imagen creada en Photoshop hice una pequeña animación frame a frame donde, una de las monedas que se usan en el juego, corta el fondo y sale de pantalla para luego aparecer más pequeña y ya colocarse en posición.

Una vez terminada la animación, ya que en animate no se manejan muy bien los vídeos o archivos de vídeo, usé Sony Vegas de nuevo para usar la herramienta máscara e incrustar el vídeo en la animación final.

Una ver terminado lo exporté a Gif animado en Animate y After Effects, para comparar tamaño de archivos, y escoger el más apropiado.

Conclusión:

Aunque disfruté mucho pudiendo hacer una animación de uno de mis juegos favoritos, y encima ser capaz de captar con más facilidad de la que esperaba el estilo del juego, esta animación me ha causado muchos problemas hasta el punto en el que casi no pude si subirla al propio Wix por el tamaño. Esto me hace ver más claramente el uso que puedo y debo a darle a Animate, es decir, animaciones más cortas y sin uso de vídeo a menos que quiera perder el ordenador.