■1. Introducción

□1-1. ¡Creemos una animación!

¡Hola a todos!

¡Esta vez, en modo simple, crearemos una animación linda y fácil que incluso los principiantes pueden hacer!

 

¡Esta vez crearemos un movimiento de parpadeo como la imagen de arriba!

¡No hay movimiento de cabello! ¡No hay movimiento de ropa! Pero el resultado es muy bonito.

 

Aunque la animación puede parecer difícil, ¡no hay motivo para preocuparse! ¡Vamos a ello!

---

□1-2. ¿Qué significa animar un dibujo?

Esta vez vamos a crear el movimiento más básico de la animación: el parpadeo... Pero, ¿qué se necesita para animar un dibujo?

 

Hay varias formas, pero la más sencilla sería...

• Partes que no se mueven, excepto los ojos

• Ojos x3

• Cejas x3

¡Creo que sería así!

Dicho esto, no hay una forma correcta de animar. Por ejemplo,

si comparamos

• Parpadeo con 2 dibujos

• Parpadeo con 3 dibujos

se vería así.

Esta vez animaremos principalmente solo los ojos, así que usaremos 3 dibujos para evitar que sea aburrido .

■2. ¡Dibujemos!

□2-1. ¡Separa las partes que se van a mover!

Entonces, vamos a dibujar de inmediato... o eso me gustaría, pero antes, hay un punto a tener en cuenta al animar.

 

¡Es importante separar las capas de las partes que se van a mover!

 

Esta vez quería animar

• el parpadeo de los ojos

• y las cejas que bajan con ellos,

así que la estructura de las partes fue principalmente la siguiente:

• Cejas

• Pestañas

• Ojos

• Esclera (blanco del ojo)

• Otros

En cuanto a

---

□2-2. Dibujemos el boceto (borrador)

Ahora que tenemos una idea de la composición de las partes, ¡empecemos a dibujar!

 

Esta vez usaremos un tamaño cuadrado. ¡Por supuesto, puedes usar un tamaño diferente si lo prefieres!

Por cierto, hay momentos en los que estás dibujando y piensas: ¡Necesito referencias!

Para un dibujo mejor, las referencias son indispensables.

 

Así que, ¡dibujemos mientras mostramos las referencias!

Al pulsar el botón ... en la esquina superior derecha, encontrarás la pestaña

Luego, pulsa la ventana de referencias que aparece y selecciona la imagen deseada...

¡Hemos podido cargar la imagen de referencia!

¡Ahora es más fácil dibujar!

 

Con la ventana y la imagen de referencia, puedes:

・Deslizar el borde → Cambiar el tamaño de la ventana de referencias

・Deslizar el centro → Cambiar la posición de la ventana de referencias

・Deslizar el centro con dos dedos → Ajustar el tamaño y la posición de la imagen

¡Es muy útil!

---

□2-3. ¡Hagamos el dibujo final!

Una vez que hayamos terminado con el boceto y el borrador, ¡pasemos al dibujo final! ¡La forma de colorear es a tu gusto!

 

Repito, esta vez lo dividiremos en:

• Cejas

• Pestañas

• Ojos

• Esclera (blanco del ojo)

• Otros

Como la zona de la cara necesita una división especialmente detallada, ¡dibujemos separando las capas y las carpetas!

 

¡Puedes añadir carpetas desde aquí!

Una vez que hayas terminado de colorear a tu gusto, ¡el dibujo final está completo!

¡No olvides tener preparadas las partes del ojo normal y las del ojo cerrado!

■3. ¡Animemos el dibujo!

□3-1. ¡Primero, organiza en carpetas!

Hemos dibujado, ¡así que ahora vamos a animar!

... Pero antes, ¡hagamos los preparativos para animar!

 

Por ejemplo, supongamos que la zona de la cara está así ahora.

 

■Carpeta Cara

・Cejas

・Pestañas

・Delineado de ojos

・Relleno de ojos

・Relleno de esclera

Si está así, por ejemplo,

• Quiero transformar solo los ojos

• Quiero mover los ojos (pestañas + delineado de ojos + relleno de ojos) juntos

En esos casos, ¡es inconveniente tener que cambiar de capa cada vez!

 

Por lo tanto, ¡agrupemos los elementos relacionados!

 

Hay dos formas de agruparlos:

• Combinar capas (delineado de ojos + relleno de ojos)

• Dividir en carpetas

Combinar las capas las hace más ligeras, pero tiene el inconveniente de que dificulta los ajustes finos y las correcciones.

Dividir en carpetas facilita los ajustes, pero como todas las capas permanecen, tiende a ser más pesado.

 

Esta vez usaremos la división en carpetas. La estructura es la siguiente.

¡También puedes transformar los elementos mientras están dentro de las carpetas, lo que lo hace mucho más fácil!

---

□3-2. ¡Empecemos a animar!

Ahora que hemos organizado las carpetas, ¡vamos a animar el dibujo!

 

Se necesitan al menos las siguientes partes:

• Parte del ojo normal

• Parte del ojo cerrado

A partir de aquí, ¡vamos a transformar las partes para el parpadeo en 3 fotogramas!

Hecho esto, ¡**pulsa el botón ... en la esquina superior derecha y selecciona

Una vez que la línea de tiempo esté visible, ¡dupliquemos el dibujo!

Al tocar el dibujo que deseas duplicar, aparecerán los botones

---

□3-3. ¡Usa la herramienta de distorsión!

¡En animación, la

Además, ¡no solo se mueve el párpado superior en los humanos!

 

• El párpado superior desciende

• El párpado inferior también se eleva ligeramente

• Las cejas también bajan un poco

¡Ten en cuenta estos tres movimientos y anímalo con la herramienta de distorsión o la herramienta de transformación!

---

□3-4. ¡Convirtámoslo en una animación!

Una vez que hayas duplicado la ilustración y tengas los tres fotogramas:

• Normal

• A punto de cerrarse

• Cerrado

¡Ahora, aumentemos el número de estos fotogramas para animar!

Aunque las preferencias de movimiento varían de persona a persona... aquí, si consideramos:

• Normal → ①

• A punto de cerrarse → ②

• Cerrado → ③

Entonces, al seguir el orden:

 

① 7 fotogramas

② 2 fotogramas

③ 5 fotogramas

② 1 fotograma

① 5 fotogramas

¡El resultado será el siguiente movimiento!

¡Puedes imitarlo tal cual o, por supuesto, añadirle pequeños ajustes!

¡Hemos creado la animación! ¡Bien hecho!

---

★3-5. ¡Quiero una animación más elaborada!

¡Pero! Puede que algunos no estén satisfechos todavía y quieran ir más allá.

 

¡Así que, a partir de aquí, ¡es la sección avanzada! ¡Vamos a crear una animación más elaborada!

Antes teníamos el siguiente movimiento...

¡En la sección avanzada, será así!

¡Los ojos parpadean un poco!

Dicho esto, ¡no hemos hecho nada complicado!

 

El truco para que la animación parezca más realista es...

¡Aprieta y suelta de golpe!

 

Así que, hemos añadido un pequeño movimiento: cerrar los ojos con fuerza y abrirlos de golpe.

 

¡La siguiente imagen lo explica mejor!

Es decir, para esta versión elaborada, ¡necesitarás 6 fotogramas!

①-1. Ojo abierto

①-2. Ojo más abierto

②. Ojo a punto de cerrarse

③-1. Ojo cerrado

③-2. Ojo más cerrado

③-3. Ojo aún más cerrado

 

¡Los movimientos de abrir y cerrar se hacen con la herramienta de distorsión, como antes!

 

Si los organizamos así:

①-1. 7 fotogramas

②. 1. 1 fotograma

③-1. 1 fotograma

③-2. 3 fotogramas

③-3. 1 fotograma

②. 1 fotograma

①-2. 1 fotograma

①-1. 2 fotogramas

③-1. 2 fotogramas

①-1. 4 fotogramas

 

Obtendremos el movimiento anterior. Parece un poco complicado, pero si añades dibujos para complementar los espacios entre ①, ② y ③, obtendrás esto. Puede que no tenga mucho sentido, así que quizás sea más fácil entenderlo si lo pruebas tú mismo...

■4. Conclusión

¿Qué te ha parecido?

 

Puede que algunos encuentren la animación difícil... pero en realidad, se puede animar con 3, o incluso 2, fotogramas.

Cuando un personaje se mueve, cobra vida como si fuera real, una vitalidad que no se puede obtener con una imagen estática...

 

Esta diversión es algo que solo se puede experimentar al animar. ¡Con el deseo de que más personas lo prueben, he explicado esta animación sencilla y vibrante! Espero que te sea útil.

 

¡Gracias por leer hasta aquí! Si tienes alguna duda o pregunta, déjala en los comentarios.