¡¡Hola a todos!! Si estás buscando formas fáciles (o sencillas) de crear emoticones animados. ¡¡Prueba estos 5 sencillos consejos para crear gestos animados!!

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

 

ESTE TUTORIAL ES PARA TI!! >w<

Vídeotutorial

Mi tutorial está en video y texto, si tienes alguna pregunta, puedes enviarme un mensaje en cualquier momento.

Prepara el gesto quieto

Todo lo que necesitas para prepararte: un simple gesto que separa las capas de la cara del cuerpo para editarlas fácilmente más adelante. También separo la capa de la cabeza del cuerpo.

Consejos: cambiar el color de la línea hará que la cara se vea más resaltada cuando es pequeña

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

¡Empecemos a animar!

Consejos nº 1 Animación de dos fotogramas

¡Simplemente puedes hacer que el gesto animado tenga solo 2 fotogramas!

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

Luego puse capas en 2 carpetas separadas.

Si no tiene el panel Línea de tiempo en la pantalla, puede abrirlo mediante 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 la cantidad de fotogramas que se reproducirá en 1 segundo.

• Frecuencia de fotogramas 8: tomará 3 segundos para 24 fotogramas

• Framerate12: tomará 2 segundos para 24 fotogramas

• Framerate24: tomará 1 segundo para 24 fotogramas

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

 

Hacer visible toda la carpeta

Ajuste la línea de tiempo arrastrando el pequeño cuadrado en la parte superior de la barra de la 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 Animación, que es la forma clásica de hacer animaciones cuadro por cuadro 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 desea crear más de 2 fotogramas para la animación.

Consejos nº 2 Animación con zoom

El zoom puede crear una escena más dramática en la animación.

¡¡Y es muy fácil de hacer!!

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

Pon tus capas de gestos dentro de la carpeta de la cámara.

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

 

Agregue el fotograma clave en el fotograma 1 y el fotograma 24.

(seleccione en el fotograma y luego haga clic en el icono del fotograma clave)

Esto hará que se repita (el punto inicial y el punto final son el mismo)

 

Seleccione en el cuadro 7 y use la herramienta Objeto para cambiar el tamaño de la cámara (borde azul)

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

 

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

Esto creará una animación en bucle de acercamiento, parada y luego alejamiento (en bucle)

Para obtener una vista previa de la cámara, en el panel de propiedades de la herramienta de objeto en [Modo de visualización] haga clic en Mostrar el [campo de visión de la cámara]

Si desea que el movimiento del zoom sea más continuo, ajuste un poco el tamaño de la cámara en el cuadro 18.

Consejos: también puedes girar la cámara para obtener resultados aún más espectaculares

Consejos nº 3 Animación de vibración

¡¡La ira es real!!

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

• Seleccionar el marco.

• Mover un poco el borde de la cámara

• Repítelo en los siguientes fotogramas.

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

Seleccione la capa, habilite el fotograma clave de la capa y luego seleccione en el fotograma clave 1

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

Cree el fotograma clave al principio y al final para convertirlo en bucle:

 

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

• seleccione el último fotograma clave

• ajustar 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; puede verlo expandiendo el ícono [+] en el panel de la línea de tiempo.

Seleccione en el medio de la línea de tiempo y ajuste la opacidad hacia arriba.

resultado

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

 

Convierta la capa en capa de material de imagen [Clic derecho en la capa > Convertir capa] y establezca el tipo en [Capa de material de imagen]

Habilitar el fotograma clave de la capa

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

Seleccione el centro de la línea de tiempo y use la herramienta de objeto para mover/rotar el objeto

El fotograma clave se crea automáticamente.

Y aquí está el resultado ^w^

Consejos No.4 Animación de piezas

¡Este método será un poco más complicado que otro, pero el resultado es fantástico!

 

Tienes que separar las partes que deseas mover a capas o carpetas de capas.

 

Convierta todas las partes que desee mover a una capa de material de imagen

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

Utilice la herramienta de objeto en modo de transformación libre para inclinar la parte de la cabeza un poco hacia un lado

Ajustar la posición en todas las piezas.

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

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

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

En 1 segundo (fotograma clave 9), use la herramienta de objeto para editar la cabeza como si estuviera inhalando.

Esto hará que la animación simple parezca que ella inhala rápido y luego exhala lentamente.

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

Con la edición de transformación gratuita en el objeto, cuando se habilita el fotograma clave de la capa, también se pueden animar todas las esquinas por separado y crear animaciones más flexibles.

Para el texto en el gesto, puede aplicar un efecto de aparición y desaparición gradual habilitando el fotograma clave de la capa y ajustando la opacidad.

Resultado

Consejos No.5 Animación de luces de fiesta

Cambiar el color también agrega algo de humor al gesto inmóvil.

 

Crearé una rueda de colores que aplicará la luz en el gesto y luego lo animaré para crear el efecto de cambio de color.

 

Crea una nueva capa

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

Y haga clic en el centro del lienzo.

Utilice la herramienta Pluma Milli y establezca el antialiasing en [Ninguno]

Dibuja la línea al centro con varios colores.

Asegúrese de que el modo Ajustar a regla esté activado

Crea la selección de círculo que cubre la línea.

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

esto creará un degradado en el círculo

Copie y pegue el círculo (con la selección) [Ctrl+C y luego Ctrl+V]

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

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

Hazlo más suave bloqueando el transparente y aplicando el efecto de desenfoque

Convierta la capa de la rueda en una capa de material de imagen

Cambie el tamaño de la rueda para cubrir toda la imagen con la herramienta de objeto

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

Luego cambie el modo de capa a color, esto aplicará el color en el gesto

Sujeta la rueda al gesto, el color se mostrará solo en el gesto

Nota: si el color es demasiado fuerte, reduzca la opacidad

 

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

Con la herramienta de objeto, seleccione el último fotograma clave y cambie el ángulo de rotación a 360

El gesto de cambio de color ¡está listo!

Espero que mis consejos te den una idea para comenzar a crear emoticones animados o te den alguna idea para ello

¡¡Diviértete animando!!