Proyecto de
Animación Proceso y resultado
2D
Diseño Asistido por Computadora I Autor: Castro Villavicencio, Christy
“Creo que la fantasía en el sentido de que la imaginación es muy importante. No debemos ceñirnos demasiado a la realidad cotidiana, tenemos que dar cabida a la realidad del corazón, de la mente y de la imaginación.”
- Hayao Miyazaki
2
3
Propuesta inicial del
PROYECTO Inicialmente se pensó en una animación 2D totalmente realizada con el programa de Photoshop (es decir realizando los movimientos de los personajes cuadro por cuadro), sin embargo conforme se avanzaba el desarrollo de este, se decidió combinar diferentes tipos de animación, incluyendo también el 3D. En este último punto nos referimos a los fondos y el contexto donde sucederían los hechos.
4
Capturas de la animación inicial Programa: Photoshop
En total fueron 6 programas utilizados para el desarrollo completo del video: Paint Tool SAI, Photoshop, Live2D, SketchUp, Twinmotion y VegasPro15.
Como se mencionó anteriormente, El paisaje de la animación terminó siendo en 3D, esto con la ayuda de dos de los programas mencionados: SketchUp (para el modelado tridimensional) y Twinmotion (para el renderizado de este). Mientras que el resto de programas (exceptuando el Vegas Pro 15 que fue para la edición del video) se usaron para la parte del 2D. A pesar de la cantidad de programas y técnicas que hemos mencionado, todo el proyecto partió desde lo más simple: un lápiz y un papel. 5
Primeros
dibujos
El primer paso fue hacer el diseño de personaje que aparecería en la pequeña animación. Aquí no solo se vería la ropa que utilizaría desde diferentes perspectivas, sino también la paleta de colores que se repetirá a lo largo de cada toma para cada prenda (Incluyendo claro, el color de piel, ojos y cabello).
Así mismo, se aprovechó en avanzar con el story board, que nos ayudaría a visualizar las escenas que se irían dando una a una de acuerdo al ritmo de lo que se quería contar.
6
Una vez sabiendo como se quería que fuese el personaje, se comenzó con los dibujos en el programa de Paint Tool SAI.
La cantidad de dibujos sería de acuerdo al número de escenas en donde se animaría por medio de Live2D. Por lo tanto, mientras más escenas moviéndose hubieran, más dibujos y horas tomaría hacerlo.
Como se puede apreciar, se usaron todas las capas para cada uno de los elementos y partes de la chica. Este era un paso que se tenía que lograr con mucho cuidado de no confundir y combinar capas entre sí. Por ello, para poder identificarlas más rápido, se nombró cada una de ellas el nombre de el elemento que contenía dibujado. 7
Cuando finalmente se tuvieron todos los dibujos de las diferentes escenas, cada archivo se pasó al programa de
Live2D Este software nos permitiría mover y deformar las distintas capas que habíamos separado con anterioridad.
Lo anteriormente mencionado es gracias a los vértices que se pueden crear alrededor de cada elemento. Una vez dado estos puntos, podremos deformarlo como queramos. Además, así a cada movimiento que se le esté haciendo, se tiene que ir guardándolo en la parte de “parámetros” con su nombre respectivo. Esto nos servirá para cuando se vaya a pasar a la animación como tal, donde ya se irán pasando cada acción al orden que queramos. 8
Una vez realizado todos los movimientos que se quiso, se le agregó la pantalla verde de fondo. Esto se dio para pasarlo al final al programa de edición de video y poder agregarle el fondo que queramos.
El último paso en este programa fue renderizar cada uno de los videos que se habían animado ahí. Se tuvo que tener seguro de que cada video mostrara el fondo verde y no uno de color negro que aparece por defecto en el programa. Cuando se tuvieron todos los videos se pasó al siguiente paso: las animaciones por Photoshop. 9
Eh Photoshop fueron animadas las escenas donde aparecería el personaje antagónico. Se decidió que fuera una bestia de varios ojos, por lo tanto para darle una apariencia más terrorífica se lo animó mediante un estilo un poco más “sucio”, con trazos rápidos y en constante movimiento. Además, en ciertas partes donde aparecería se tenía que colocarlo sobre la capa animada de la chica.
10
Este tipo de animación contrastaba bastante con el que se utilizó para las escenas de la protagonista, por lo tanto llamaría la atención cuando se juntaran ambas partes en la edición final. Así mismo se intentó usar una paleta de colores que tuvieran cierta coherencia con la que se usó en el diseño de personaje al inicio del proceso.
11
Diseño del
Paisaje en El contexto en el que se desarrollaría el cortometraje sería un entorno natural, más específicamente un bosque. Por ello, se comenzó a diseñar con diversas “montañas” a lo largo de este plano en sketchup. Igualmente, para que se viera tan vacío este contexto, se decidió colocar algunas columnas y un suelo firme al lado de la laguna. Una vez que se finalizó con el modelado en 3D del paisaje, se pasó el archivo al programa de Twinmotion.
12
Renderizados en
Este programa permitió agregarle los elementos esenciales como las texturas del entorno, los árboles y la elección de la iluminación que se daría. Si bien al inicio se intentó colocar gran cantidad de elementos como pasto o varios árboles alrededor, se terminó excluyendo la gran mayoría de estos debido al excesivo tiempo que llevaba renderizar videos así de cargados.
13
Edición final de
la animación El último programa que se usó para la edición del video de la animación fue Vegas Pro 15. Aquí se unieron todas las escenas dadas hasta ese momento y se ordenó de acuerdo al ritmo de la banda sonora elegida.
14
Como se hubo mencionado en las anteriores páginas, los renders que se sacaron del programa de Live2D se tuvieron que colocar con un color característico que contrastara con los colores usados en esas escenas. En este editor de videos, se pudieron poner transparentes estos fondos con ayuda de la opción “Clave cromática” en “pantalla verde”. Una vez que estuvieran así solo se colocaban los renders dados en Twinmotion de fondo, sin embargo, no en todas las escenas iban los videos en 3D, sino las animaciones hechas en Photoshop. Así finalmente solo se renderizó el resultado de estas ediciones en el programa. El video del proceso y resultado: https://drive.google.com/drive/folders/1ajpDXPkX0zp-65jG-hG28L2ozzBsQ9Qj?usp=sharing
15