Consejos de Illustrator – Preparando Activos para la Animación
En este post veremos cómo podemos utilizar Adobe Illustrator para el desarrollo de personajes en 2D que pueden ser exportados a un programa como After Effects para ser llevados a la vida- ¡consejos pro illustrator!
Un video donde se demuestra esto es el video de Shippo. Antes de que un animador pueda hacer su trabajo necesita algo con lo que trabajar, así que construimos los activos en Illustrator.
Uno de los aspectos más importantes del desarrollo de personajes para la animación es tener en cuenta que trabajamos en capas y que cada cosa que animamos está en su propia capa individual, en términos simples para que un personaje camine necesita dos piernas, esas dos piernas se pueden traducir en términos de illustrator como dos capas separadas, así que cuando creamos esas piernas tenemos que ser muy específicos en nombrar esas capas IZQUIERDA y DERECHA porque tenemos una pierna izquierda y una pierna derecha. Es importante que establezcamos una estructura de capas coherente para que cuando pasemos nuestro trabajo a un animador o a alguien que tenga experiencia trabajando con Adobe After Effects sepa exactamente qué hacer con ellas y pueda trabajar de forma más eficiente.
Estos son los pasos que tienes que dar cuando diseñes tus personajes para la animación.
El personaje completo en Illustrator, tal y como se ve en el panel de capas, se compone de elementos individuales creados en el programa y luego colocados cuidadosamente para que el personaje tenga forma,
El orden de las capas es muy importante ya que la forma en que se ordenen afectará a cómo se ve el personaje. Por ejemplo, para que los ojos se vean tienen que estar en una capa que esté por encima de la cabeza. Así que mirando la imagen de arriba, las capas superiores son los ojos y la boca, ya que son las características clave que se van a animar. Los brazos y los pies han sido creados en capas separadas y son nombrados a la izquierda y a la derecha para crear alguna distinción entre ellos.
Creando las partes del cuerpo y nombrándolas.
La cabeza y el pelo pueden ser fusionados para convertirse en una sola capa.
En el panel de capas puedes llamar a esto CABEZA.
Ojos &Boca
Los ojos son dos simples círculos creados con la herramienta elipse
En este caso creamos un ojo tras otro nombrándolos ojo derecho y ojo izquierdo, los ojos no deben estar fusionados para formar una capa deben estar separados.
Una vez creados los ojos debes nombrarlos derecho e izquierdo. Si se crean ojos de personajes más complejos con córneas también se utilizaría la misma referencia siendo izquierda y derecha.
La boca del personaje es bastante sencilla. Para crear la boca debemos utilizar la herramienta pluma para crear una curva. La curva puede parecerse a una sonrisa o a un ceño fruncido dependiendo de la dirección en la que vaya.
Si estás familiarizado con la herramienta pluma en Adobe Illustrator sabrás que dibujar curvas es cuestión de mantener pulsada la tecla del ratón para conseguir la curva deseada y luego trazar un punto desde donde quieres que termine la curva.
Hacer una curva es muy sencillo. Arriba tenemos dos puntos A y B la curva será una línea que une el punto A y B.
Selecciona tu herramienta pluma en Illustrator.
Con la herramienta pluma en el punto A haz clic y mueve el ratón en línea recta hasta el punto B. Una vez formada la línea recta haz clic y luego mantén el clic del ratón y mueve el ratón en la dirección deseada que quieres que vaya la curva en este caso moviendo la curva hacia abajo darás una sonrisa y moviendo el ratón en dirección hacia arriba crearás un ceño triste. El resultado final debe ser así. No olvides desactivar las opciones de relleno y darle un peso al trazo, preferiblemente un peso fuerte de 2-4pts dependiendo de lo grueso que quieras que sea tu trazo.
El resultado final debería ser algo así.
Aquí tienes una boca que hice antes y que funcionará bien con los personajes.
Cuando combinamos la boca y los ojos obtenemos algo así.
Todo esto está en capas individuales separadas y se colocarán encima de la capa de la cabeza.
Las capas se indican por colores
Capa azul – Ojo izquierdo
Capa verde – Ojo derecho
Capa púrpura – Cabeza y pelo (HEAD)
Capa roja – Boca
Si nos fijamos en el panel de capas tenemos cada elemento del personaje en una capa representada por un color. Como se mencionó anteriormente la boca
se sienta en una capa de color rojo, usted debe ver la línea de color junto a su capa y en el extremo derecho de la capa verá un cuadrado de color.. Debajo de la boca el ojo derecho se asienta en una capa verde, el ojo izquierdo en una capa azul oscuro y la cabeza que incluye el pelo también se asienta en una capa púrpura.
Las capas pueden ser reordenadas en cualquier momento, así que si tus capas están desordenadas no te preocupes, sólo recuerda ordenar las capas a medida que avanzas, lo harás más fácil para ti.
La cabeza debe tener este aspecto.
Esta es una composición de capas, que han sido ordenadas de una manera para hacer una cara de personaje. Mirando la imagen es simple decir que la capa inferior es la cabeza y los ojos y la boca están por encima de la cabeza.
El resto del personaje está diseñado en los mismos principios que la cabeza.
Tenemos dos brazos, piernas y dos pies. Y el cuerpo. Si estuviéramos creando movimientos corporales más complejos entonces necesitaríamos crear pivotes que actuaran como articulaciones para los brazos serían
codos y para las piernas estas serían rodillas. Si quisieras que tu personaje tuviera movimientos humanos naturales como caminar, entonces aquí es donde se necesitarían.
Si los brazos se movieran por separado, entonces tendrían que ser puestos en capas separadas y se les daría los nombres de izquierda y derecha.
De acuerdo con el panel de capas, el brazo derecho está en una capa cian y el brazo izquierdo está en una capa gris.
El cuerpo es una camiseta blanca/gris. está representado por una marca amarilla en el panel de capas. Cuando se selecciona en el
artwork tendrá marcas de selección amarillo en él.
Finalmente debemos tener algo como esto.
Las piernas en este personaje no se mueven, pero como se mencionó anteriormente si fuéramos a crear caminar necesitarían pivotes para las rodillas .
Sin embargo, los pies tienen capas a la izquierda y a la derecha.
Mirando las composiciones de las capas puedes ver que todas las capas están codificadas por colores y ordenadas para que no desentonen.
Aquí están todas las capas de este personaje. Puedes ver que ciertas capas han sido nombradas a la derecha y a la izquierda estas son los ojos, los brazos y los pies.
Cuando se trata de animar este personaje debido a la forma en que el archivo ha sido ordenado sería muy coherente para el animador sobre qué elementos pueden ser animados. Principalmente aunque las piernas no han sido diseñadas pensando en el movimiento hay un montón de efectos para que esta animación funcione.