¿Alguna vez quisiste animar solo un punto de una imagen? ¡A veces es una excelente manera de comenzar a aprender animación! Te contaré cómo lo hago en mi estilo y espero que te ayude con tus experimentos y tu experiencia en animación.

 

 

LO PRIMERO ES LO PRIMERO: ¿Sabes cómo funcionan las capas y las celdas de animación en Clip Studio Paint? Acompáñame, joven padawan.

 

 

¿Alguna vez has ilustrado digitalmente? Para los principiantes en el mágico mundo del dibujo digital, tenemos la línea de vida llamada "capas". Cuando dibujamos sobre un material físico, ya sean lienzos, papeles o quizás una camiseta con tu diseño dibujado a mano, tenemos que tener cuidado de no cometer errores (o al menos convertir el error en un "accidente feliz" à la Bob Ross jajajajaja). En el dibujo digital, tenemos el as bajo la manga de dibujar diferentes partes en diferentes capas; si cometes un error en una capa, no interferirá con el resto del dibujo. Bueno, ¿captaste el ejemplo de las capas en una ilustración? Perfecto, ¡ahora sigamos la lógica de la animación en Clip Studio!

 

Imaginemos mi imagen como ejemplo, donde hay un niño leyendo y las páginas comienzan a moverse. A partir de esto, el consejo principal es separar tus capas según las dimensiones de tu dibujo. Por ejemplo, en mi animación, el libro está en primer plano, por lo que estará encima de todas las demás carpetas de animación. Siempre que sea necesario que algo esté "más cerca de la cámara", "más cerca del espectador", más arriba estará la carpeta de capas/animación. Una característica MUY útil de Clip Studio es que no es necesario extender el final de la celda de animación hasta el final del número de fotogramas que haya elegido. Solo necesita crear una sola celda y se repetirá automáticamente. ¡Es MUY útil, EN SERIO!

Para cada parte de las dimensiones del dibujo, creo una nueva carpeta, que es donde se guardan las celdas de animación.

 

Imaginemos el eje de un gráfico matemático, que a todos nos encanta, por supuesto.

 

En el eje x, tenemos el horizonte, y en el eje y, tenemos la altura de algo entre el suelo y el cielo, ¿verdad? En Clip Studio, el eje x, nuestro horizonte, muestra la posición de cada celda de animación en su respectivo cuadro elegido por ti, y puedes hacer clic libremente en cualquier celda de este eje para elegir el cuadro que necesitas editar, pintar, etc. En el eje y, tenemos nuestras carpetas de animación (suelen aparecer en la parte inferior derecha, pero puedes moverlas si quieres).

 

Al igual que en la vida real, donde podemos apilar carpetas tan alto como la gravedad lo permita, se pueden acumular y alcanzar una altura inimaginable, ¿verdad? En Clip Studio Paint, es lo mismo. Y puedes jugar al juego de apilar carpetas en modo fácil cerrando las carpetas que no estés usando, o en modo difícil abriéndolas todas y dejando que el viento desordene todas las hojas sueltas. ¡Estas hojas dentro de las carpetas también son las celdas de animación! Y también puedes hacer clic en ellas, todo depende de cuántos millones de carpetas crees en tu entusiasmo y necesidad. A veces es más fácil hacer clic en la celda del eje y para editar y pintar que buscar en el eje x la celda que necesito. Más tarde, cuando empieces a entusiasmarte con tus animaciones, entenderás de qué estoy hablando JAJAJAJAJAJA (risas nerviosas).

 

 

Espero haberte ayudado a entender la lógica de las maravillosas capas de esta aplicación. A primera vista, puede que seas como yo, mirando la pantalla mientras inclinas la cabeza como un personaje que abre un cofre y trata de averiguar qué hay dentro, pero tan pronto como te das cuenta de que es un tesoro disfrazado, la sonrisa aparece de la misma manera.

 

¡Sigamos!

 

 

Paso 0: La cuadrícula como guía

Este paso es más bien un bonus. Si quieres crear una escena armoniosa basada en la regla de los tercios, puedes hacerlo de dos formas: manualmente o con la cuadrícula de Clip Studio.

 

a) Si optas por la forma manual, simplemente dibuja las líneas y sepáralas en 3 columnas y 3 filas, de ahí la regla de los tercios (las columnas y las filas son los espacios vacíos, no las líneas en sí). Para dibujar líneas rectas como en el ejemplo, simplemente haz clic una vez en el área donde quieres que comience la línea, mantén presionada la tecla "shift" y mueve el mouse o el lápiz hasta el final de la línea en la dirección que desees. Luego simplemente repite el proceso hasta que tengas todas las líneas que necesitas.

b) Si optas por la cuadrícula de Clip Studio Paint, tendrás que programar el espaciado entre las líneas, solo tienes que seguir los ejemplos de la captura de pantalla a continuación. Mi programa está en portugués porque soy brasileño, pero espero que puedas entender mi explicación en este tutorial y que las flechas e indicaciones de la captura de pantalla te ayuden de alguna manera... una vez que configures el espaciado entre las líneas y columnas, arrastrando la "x" para enmarcar la cuadrícula de la forma que necesites, solo confirma, abre el menú "vista" nuevamente y selecciona la opción "cuadrícula", que ahora mostrará las líneas de la forma en que las editaste.

¡Muy bien, volvamos al tutorial!

Paso 1: Definir la idea principal

Estuve pensando unos días e imaginé una pequeña escena en la que un niño siente que el tiempo se ha detenido mientras lee su libro de fantasía. Lo dibujé y separé el personaje con un bolígrafo rojo y todo lo demás en azul oscuro.

 

Consejo: Mantén el boceto como base visible para todas las carpetas. Para que esto suceda, debes arrastrar la capa fuera de cualquier carpeta; debe ser una capa independiente, ubicada en el fondo, justo encima de la capa "papel" donde elegimos el color de fondo de la animación.

Paso 2: Definamos la animación

Luego del paso anterior, animé las páginas "moviéndose" de lado a lado aún en modo boceto. Una cosa que al principio te puede parecer extraña es la forma en que se presentan las capas en Clip Studio, que termina siendo vertical, PERO cuando empiezas a ver que en la línea de tiempo las capas son paralelas, la cosa se vuelve más fácil. E incluso me parece interesante cómo sucede esto, me termina ayudando con las animaciones, ya que me permite seguir el arte final y las capas de colores o efectos que hago por separado. Siento que estoy ilustrando, pero con la diferencia de que también es animación jajajajaja. Bueno, sigamos.

 

Tip: Para repetir los cuadros, tenemos 2 opciones simples: copiar y pegar manualmente los dibujos de una celda a otra; o copiar y pegar rápidamente con el botón derecho del mouse (esto también funciona si creas una celda vinculada, la que tiene un ícono de cadena).

 

a) Copiar y pegar manualmente significa usar el atajo "m" y seleccionar el tipo de corte para copiar el corte y pegarlo en otro cuadro. Puede parecer inútil y como un aumento de trabajo ridículo, pero créeme: no lo es. Cuando eliges esta opción, puedes cambiar los fotogramas pegados según lo necesites o quieras sin alterar el fotograma original. Con esto, dependiendo del tipo de animación que estés haciendo, puedes ahorrar tiempo. Tuve que hacer esto en un video que publiqué recientemente, créeme, esta es la mejor ventaja de esta opción. La desventaja es que es un poco de trabajo pegar en cada celda independiente, pero si es lo que necesitas, el esfuerzo valdrá la pena.

 

b) Copiar y pegar rápidamente con el botón derecho del mouse (o con la celda vinculada con el ícono de la cadena): esto también tiene sus ventajas pero con un enfoque TOTALMENTE diferente a la opción anterior. Aquí debes estar seguro de que no habrá más cambios, porque si cambias algo en la celda que pegaste, también cambiará la celda original. Sí, baby. Esa es la desventaja, pero también es la principal ventaja porque si vas a repetir la escena para hacer un loop, con esto es más que suficiente, y si necesitas cambiar algo, ya cambiará las copias y el original al mismo tiempo, por lo que no tendrías el trabajo de ir a cada cuadro para hacer el cambio.

 

Todo depende de tu objetivo, solo aprovecha las funciones =)

PD: En la captura de pantalla anterior, hay un ejemplo de cómo se ve la pantalla cuando seleccionas la creación de una celda de animación vinculada. El programa muestra qué celda quieres usar como base y básicamente te pregunta cuál quieres repetir.

 

 

2.1: Recuento total de fotogramas, fotogramas por segundo y cómo navegar

Bueno, existen reglas y pautas con las mejores prácticas sobre los principios de la animación y todo lo demás. Pero en este caso más simple, les mostraré un ejemplo que me ayuda cuando tengo prisa. Cuando aún necesito definir la velocidad y el "flujo" de la animación, puedo guiarme mejor creando un patrón entre los fotogramas mientras solo cambio el dibujo entre fotogramas clave y transiciones.

Por ejemplo, puedo ver si puedo desarrollarlo mejor con una frecuencia de 4 cuadros (cuento 3 cuadros y en el 4º, agrego el nuevo cuadro, ¿sabes?), así que para que sea más fluido, voy ajustando los dibujos. A veces podemos perdernos con el conteo total de cuadros y los cuadros por segundo, pero es solo una cuestión de dividir el conteo total de cuadros por el número total de cuadros, o dividir el número de cuadros por los cuadros por segundo.

Por ejemplo, si estoy completando un ciclo y aún no sé cuántos necesito, pero hay 1 cuadro cada 4 cuadros, entonces necesitaré 6 cuadros cada 4 cuadros para tener 1 segundo (aquí, simplemente dividí 24/4 = 6 cuadros en 1 segundo. Sí, quien haya pensado que escaparía de las matemáticas acaba de enfrentarse al terror de frente).

 

Pero en general, es bastante manejable porque solo necesitas organizar lógicamente tu prioridad: cuadros por segundo, recuento total de cuadros para ver cuántos segundos durará tu animación... y a partir de ahí, toma tu confiable calculadora de la esquina de tu teléfono o computadora y verifica si la cantidad de segundos es suficiente para lo que quieres. =D

O puedes hacerlo al revés, como en el ejemplo donde el espacio entre un cuadro y el siguiente es 5, y en el 6 creo una nueva celda, por lo que termina siendo 4 cuadros por segundo (es decir, 4 celdas dentro de 24 cuadros) como en la imagen de arriba.

 

 

Solo para que conste: el recuento total de fotogramas o los fotogramas por segundo se pueden cambiar en cualquier momento en el programa, por lo que si te das cuenta de que necesitas más o menos, siempre puedes ajustarlo ;)

 

 

Paso 3: Definir valores, colores y experimentar con pinceles

Esta parte es más relajada porque es el momento de experimentar con el efecto que quieres transmitir con la animación a través de pinceles y colores. La forma correcta es hacerlo en blanco y negro para entender dónde habrá luz y sombra sin que se vea raro o sin tener que pensar demasiado en los colores y sus efectos con luces o sombras, pero yo soy terca y pasé directo al color. No hagas como yo.

 

 

Paso 4: Colorear las partes estáticas

Como este es un ejemplo de animación en el que solo se mueve una parte, no hay mucho secreto en la coloración. Mi consejo es crear una carpeta para cada capa y nombrarla para poder navegar rápidamente entre ellas, porque como mencioné en el ejemplo anterior: las carpetas se apilan hasta que llegan al cielo si la gravedad lo permite (y en Clip Studio Paint, la gravedad les permite llegar al planeta Venus).

 

Recuerda: para pintar, necesitas crear una celda de animación, pero no necesitas crear más de una celda para repetir la capa que estás creando.

 

 

Paso 5: Animar tu punto mágico

En mi caso, la única parte animada son las páginas del libro. Mientras tanto, estuve experimentando con otras animaciones para complementar y acompañar las páginas, pero al final me di cuenta de que sería demasiado desordenado, así que simplemente desactivé el icono del ojo, que hace visible tu carpeta o capa, y seguí con mi vida.

 

No te encariñes demasiado con el trabajo que has hecho; si te das cuenta de que es mejor tirarlo a la basura o reiniciarlo, hazlo. Y no hay desperdicio porque terminas con experiencia y aprendiendo qué hacer o no hacer en situaciones similares en el futuro. Simplemente relájate y disfruta del proceso, y el trabajo final naturalmente será mejor de lo que esperabas.

 

Entonces, para animar solo una parte, necesitas hacer el bucle de la manera que mencioné en el paso 2, colorearlo siguiendo el paso 4 y estás listo para renderizar y guardar tu archivo como quieras.

PASO FINAL: Renderiza tu animación y guárdala como video o GIF

Clip Studio Paint te permite guardar fácilmente tu animación, ya sea como video o GIF. Como ya conoces la magia de las capas, solo debemos ir a “Archivo” y seleccionar “Exportar animación” para guardarla en el formato que prefieras.

 

¡Y listo! ¡Ya hiciste tu linda animación tal como tu corazón deseaba!

 

Espero que disfrutes del proceso de animación, tanto en los aspectos técnicos como en el uso del programa, tiene muchas funciones que ayudan a los estudios unipersonales y a sus soñadores, jajaja.

 

¡Feliz estudio y nos vemos en la próxima! =D