¡¡Hola a todos!! Si están buscando formas fáciles (o perezosas) de hacer un emote animado. ¡Prueben estos 5 consejos fáciles para crear un emote animado!!

¡Estoy haciendo todos estos emotes en la versión PRO de Clip Studio Paint! Si eres nuevo en las funciones de animación de Clip Studio o crees que la versión PRO puede no ser suficiente para animar un emote….

 

¡¡ESTE TUTORIAL ES PARA TI!! >w<

Tutorial en vídeo

Mi tutorial está disponible tanto en vídeo como en texto, si tienen alguna pregunta, pueden enviarme un mensaje en cualquier momento.

Prepara el emote estático

Todo lo que necesitas preparar: un emote simple que separe las capas de la cara del cuerpo para una fácil edición posterior. También separo la capa de la cabeza del cuerpo.

Consejo: cambiar el color de la línea hará que la cara resalte más cuando sea pequeña

También apliqué un borde a la capa del ojo, para que resalte más :)

¡Empecemos a animar!

Consejo n.º 1 Animación de dos fotogramas

¡Puedes hacer el emote animado con solo 2 fotogramas!

Aquí copio y edito un poco el emote añadiendo una mano, cambiando la cara e inclinando la cabeza.

Luego, pongo las capas en 2 carpetas separadas.

Si no tienes el panel Línea de tiempo en la pantalla, puedes abrirlo desde el menú

[Ventana > Línea de tiempo]

Crea una nueva línea de tiempo y establece la velocidad de fotogramas en 12

La velocidad de fotogramas significa el número de fotogramas que se reproducirán en 1 segundo.

• Velocidad de fotogramas 8: tardará 3 segundos para 24 fotogramas

• Velocidad de fotogramas 12: tardará 2 segundos para 24 fotogramas

• Velocidad de fotogramas 24: tardará 1 segundo para 24 fotogramas

(Clip Studio Paint PRO tiene una limitación de 24 fotogramas. Estas son las velocidades de fotogramas que uso para crear animaciones GIF)

 

Haz visibles todas las carpetas

Ajusta la línea de tiempo arrastrando el pequeño cuadrado en la parte superior de la barra de línea de tiempo

Esto hará que cada fotograma se muestre en orden y ¡¡lo animará!!

Otra forma de hacer esta animación es usando la carpeta de Animación, que es la forma clásica de hacer animación fotograma a fotograma en Clip Studio.

 

Crea una nueva carpeta de animación

Pon todos los fotogramas en la carpeta de animación

Haz clic derecho y asigna el fotograma a la línea de tiempo

Este método dará el mismo resultado, también es más adecuado si quieres hacer más de 2 fotogramas para la animación.

Consejo n.º 2 Animación de zoom

El zoom puede añadir una escena más dramática a la animación.

¡Y es muy fácil de hacer!

Crea una carpeta de cámara 2D [Animación > Nueva capa de animación > Carpeta de cámara 2D]

Pon tus capas de emote dentro de la carpeta de la cámara

Luego, en el panel de la línea de tiempo, establece el modo de fotograma clave en Interpolación suave.

 

Añade el fotograma clave en el fotograma 1 y en el fotograma 24

(selecciona el fotograma y luego haz clic en el icono de fotograma clave)

Esto hará que se repita (el punto de inicio y el punto final son los mismos).

 

Selecciona el fotograma 7 y usa la herramienta Objeto para redimensionar la cámara (borde azul).

Esto creará el fotograma clave en el fotograma 7 automáticamente.

 

Haz clic derecho en el fotograma clave para copiarlo y pegarlo en el fotograma 18.

Esto creará una animación en bucle de zoom de entrada, parada, luego zoom de salida (en bucle).

Para previsualizar la cámara, en el panel de propiedades de la herramienta Objeto, en [Modo de visualización], haz clic en Mostrar el [campo de visión de la cámara]

Si quieres que el movimiento de zoom sea más continuo, ajusta un poco el tamaño de la cámara en el fotograma 18.

Consejo: también puedes rotar la cámara para un resultado aún más dramático

Consejo n.º 3 Animación de temblor

¡¡La rabia es real!!

Con la carpeta de cámara 2D, también puedes hacer la animación de temblor fácilmente.

• Seleccionando el fotograma.

• Moviendo un poco el borde de la cámara.

• Repitiéndolo en los siguientes fotogramas.

Para la cara, también puedes ajustar la opacidad de la capa desde la línea de tiempo.

Selecciona la capa, habilita el fotograma clave de la capa y luego selecciona el fotograma clave 1.

Ajusta la opacidad en el fotograma uno, el fotograma clave se creará automáticamente.

Crea el fotograma clave al principio y al final para que se repita:

 

Consejo: en lugar de copiar y pegar el fotograma clave, haz esto:

• selecciona el último fotograma clave

• ajusta la opacidad hacia arriba y hacia abajo (al valor anterior)

 

Esto creará un fotograma clave con el mismo valor que al principio

El fotograma clave para la opacidad está separado del fotograma clave para el movimiento, puedes verlo expandiendo el icono [+] en el panel de la línea de tiempo.

Selecciona en el medio de la línea de tiempo y ajusta la opacidad hacia arriba.

Resultado

Para otro objeto en pantalla, también puedes animarlo usando el fotograma clave de capa.

 

Convierte la capa a capa de material de imagen [Haz clic derecho en la capa > Convertir capa] y establece el tipo en [Capa de material de imagen]

Habilita el fotograma clave de la capa

Crea fotogramas clave al principio y al final de la línea de tiempo (para animación en bucle).

Selecciona el medio de la línea de tiempo y usa la herramienta Objeto para mover/rotar el objeto.

El fotograma clave se crea automáticamente.

Y aquí está el resultado ^w^

Consejo n.º 4 Animación por partes

Este método será un poco más complicado que otros, ¡pero el resultado es impresionante!

 

Tienes que separar las partes que quieres mover en capas o carpetas de capas.

 

Convierte todas las partes que quieras mover en capas de material de imagen.

[haz clic derecho en la capa > Convertir capa > establece el tipo en 'Capa de material de imagen']

Usa la herramienta Objeto en modo de transformación libre para inclinar un poco la parte de la cabeza hacia un lado.

Ajusta la posición de todas las partes

Crea una nueva línea de tiempo, establece la velocidad de fotogramas en 8.

Esto creará una línea de tiempo de 3 segundos.

Crea un nuevo fotograma clave al principio y al final de la línea de tiempo.

En 1 segundo (fotograma clave 9), usa la herramienta Objeto para editar la cabeza como si estuviera inhalando.

Esto hará una animación simple como si estuviera inhalando rápidamente y luego exhalando lentamente.

Repite los pasos en otras partes para que se muevan todas juntas.

Con la edición de transformación libre en el objeto, al habilitar el fotograma clave de capa, también es posible animar todas las esquinas por separado y crear una animación más flexible.

Para el texto del emote, puedes aplicar un efecto de desvanecimiento de entrada y salida habilitando el fotograma clave de capa y ajustando la opacidad.

Resultado

Consejo n.º 5 Animación de luz de fiesta

Cambiar el color también añade un cierto ambiente al emote estático.

 

Crearé una rueda de color que aplicará la luz al emote y luego la animaré para crear el efecto de cambio de color.

 

Crea una nueva capa.

Usa la herramienta Regla [Regla especial > Modo línea radial]

Y haz clic en el centro del lienzo.

Usa la herramienta Pluma Milli, establece el anti-aliasing en [Ninguno]

Dibuja la línea hacia el centro con varios colores.

Asegúrate de que el modo de ajuste a la regla esté activado.

Crea la selección circular cubriendo la línea.

Usa la herramienta de degradado de forma libre para rellenar entre las líneas,

esto creará un degradado en el círculo.

Copia y pega el círculo (con la selección) [Ctrl+C y luego Ctrl+V].

Creará una nueva capa con el círculo de color, luego elimina la capa original.

(para eliminar las líneas no deseadas fuera del círculo)

Hazlo más suave bloqueando la transparencia y aplicando un efecto de desenfoque.

Convierte la capa de la rueda a capa de material de imagen.

Redimensiona la rueda para cubrir toda la imagen con la herramienta Objeto.

(alejar el lienzo será mucho más fácil)

Luego cambia el modo de capa a color, esto aplicará el color al emote.

Recorta la rueda al emote, el color solo se mostrará en el emote.

Nota: si el color es demasiado fuerte, reduce la opacidad.

 

Habilita el fotograma clave de capa, luego crea el fotograma clave de [Interpolación lineal] al principio y al final de la línea de tiempo.

Con la herramienta Objeto, selecciona el último fotograma clave y cambia el ángulo de rotación a 360.

¡El emote con cambio de color está hecho!

Espero que mis consejos te den ideas para empezar a crear emotes animados o te inspiren.

¡Diviértete animando!