¡Herramientas de hoy para la animación!

¡Hola a todos! ¡NihongoGamer y Hinoe de Doki Doki Drawing aquí! Sabemos que te encantan las pegatinas de emoji animados que ves en las aplicaciones de mensajería como Line y Facebook Messenger, pero ¿sabías que puedes crear tus propias pegatinas animadas con mucha facilidad en Clip Studio Paint Pro? ¡Incluso puedes usar estas animaciones para tus videos de YouTube o transmisiones en vivo de Twitch para personalizar realmente tu canal de una manera única de agradecer a los espectadores por sus generosas donaciones y apoyo! Solo necesitas dos herramientas para hacer la animación de hoy.

 

La primera herramienta es Clip Studio Paint. Estamos utilizando Clip Studio Paint Pro, que permite hasta 24 cuadros de animación, lo que es suficiente para la mayoría de las pegatinas animadas. Si desea hacer animaciones más largas, es posible que desee echar un vistazo a Clip Studio Paint EX.

 

La segunda herramienta es una herramienta de dibujo. Utilizamos un monitor interactivo Wacom Cintiq Pro 16 que te permite dibujar directamente en la pantalla, pero puedes usar lo que quieras. Incluso puede dibujar algunas animaciones geniales con solo el mouse de la computadora, especialmente si hace un buen uso de las herramientas vectoriales de Clip Studio Paint para dibujar formas.

 

 

Una vez que tenga sus herramientas en su lugar, seguimos 10 sencillos pasos para completar nuestra pegatina animada.

Paso 1 - Decide qué dibujar

Hay muchas ocasiones en las que es posible que desee utilizar una etiqueta en lugar de texto sin formato. Muchos de ellos incluyen un mensaje corto como "Suscríbete a mi canal" o "Gracias". Hoy hemos decidido animar a nuestro personaje de cerdito favorito de los videos de Doki Doki Drawing. Podríamos hacer que digan cualquier cosa, pero esta vez hemos elegido "Mucho tiempo sin vernos". También es una frase popular en Japón, "O Hisashiburi".

Paso 2: configure el lienzo en ClipStudio Paint Pro

Antes de que puedas dibujar, ¡necesitas configurar un lienzo! Para mayor comodidad, hagamos clic en "Archivo-> Nuevo" y luego elija el valor predeterminado "Etiqueta animada (APNG) x 1 (320 x 270px). Puede cambiar el tamaño del lienzo a su gusto. Estamos usando este ajuste preestablecido que mantiene la imagen dentro de las reglas para muchas pegatinas animadas en aplicaciones de mensajería.

Puede elegir el "Número de celdas" en la animación. Esta vez hemos elegido "6" para comenzar, pero puede agregar o restar marcos más adelante si es necesario.

Paso 3 - Dibuja la pose final de la animación

El consejo de Hinoe es comenzar dibujando primero la pose final de la animación. Las pegatinas animadas suelen ser muy cortas, por lo que la pose final es la imagen que se ve durante más tiempo. Para esta pose, estamos dibujando a nuestro personaje de cerdito mirando por encima del hombro para mirarnos.

Consejo rápido: dibujar el personaje en un lado te dejará suficiente espacio para agregar un mensaje redactado. ¡Estas pegatinas son geniales porque facilitan la comunicación con amigos sin escribir un mensaje por separado!

Paso 4 - ¡Agrega palabras!

Una vez que hayas terminado de dibujar el personaje, ¡es hora de agregar tu mensaje! Puede dejarlo en blanco para una calcomanía de uso general o tal vez probar algo como "¡Lo siento, llegué tarde!" o "¡Gracias por la donación!"

Paso 5: utilice la "Mesa de luz" de Clip Studio Paint

¿Sabía que Clip Studio Paint tiene una función de "Mesa de luz"? Es como lo que usaban los animadores profesionales para la animación analógica tradicional, ¡pero con todos los beneficios de la era digital! Para dibujar el siguiente fotograma de la animación (fotograma 1, el inicio de nuestra animación), vamos a encender la caja de luz. Haga clic en el fotograma 1 en la paleta de capas, luego haga clic en la marca de verificación del fotograma 6 (la pose final de la animación). Ahora haga clic en "Registrar la capa seleccionada" en la ventana Animation Cel. Esto debería permitirnos ver el cuadro 6 debajo mientras dibujamos el cuadro 1.

Puede reducir la opacidad del fotograma 6 a algo así como un 30%. Esto hará que sea más fácil dibujar el marco 1 sobre la parte superior. El cuadro 1 será nuestro personaje cerdito de espaldas a nosotros.

Paso 6: configura la mesa de luz para "intermedio"

A continuación, queremos dibujar un "intermedio". Se llama así porque es un marco que se encuentra entre otros 2 marcos. Queremos dibujar el cuadro 2 que se encuentra entre el cuadro 1 y el cuadro 6. Vamos a configurar la mesa de luz para mostrarnos el cuadro 1 y el cuadro 6. Con el cuadro 2 seleccionado, agregue marcas de verificación para el cuadro 1 y el cuadro 6.

Al igual que en el paso 5, haga clic en "registrar la capa seleccionada" para agregar el cuadro 1 y el cuadro 6 a la mesa de luz.

¡La mesa de luz en Clip Studio Paint es muy poderosa porque es digital! ¡Cambiemos los colores del cuadro 1 y el cuadro 6 para que sean más fáciles de distinguir visualmente!

Ahora que la mesa de luz está configurada para "entremedios", dibujemos el marco 2. Nuestro personaje de cerdito se moverá rápidamente de estar de espaldas a nosotros a mirar de lado. ¡Dibujemos una vista lateral!

Consejo rápido de Hinoe: céntrese en mantener los volúmenes de las formas consistentes. Las formas cambiantes son más difíciles de ver, ¡pero un volumen cambiante es muy obvio para el espectador!

Paso 7: dibuja el siguiente intermedio (repite según sea necesario)

El paso 7 es el mismo que el paso 6. Dibuje los puntos intermedios que considere necesarios. Asegúrate de comprobar el movimiento de tu animación. ¡Asegúrate de que parezca que se está moviendo, ya que ese es el objetivo de hacer una pegatina animada! Para nuestro personaje de cerdito, este será el último cuadro que dibujemos. Dado que el movimiento se ralentiza al llegar a la pose final, dibujamos una pose intermedia que se acerca más a la pose final.

 

Este es el marco 2 y el marco 6 en la mesa de luz.

Aquí está el marco que dibujamos en el medio.

Paso 8: probar la animación y ajustar el tiempo

Parece que no necesitamos los 6 fotogramas para la animación. Eliminemos los fotogramas en blanco innecesarios y también aceleremos la animación. Para hacer esto, usamos "Animación -> Línea de tiempo -> Cambiar velocidad de fotogramas ..."

 

Cambiémoslo a 15 fps (cuadros por segundo).

Paso 9 - ¡Limpieza y color!

¡Hinoe es una animadora profesional muy ocupada de anime japonés! ¡NihongoGamer terminará los dibujos clave haciendo el proceso de limpieza del arte lineal y luego agregando un color simple!

Recuerde mantener la paleta de colores simple. ¡Esto reduce el tamaño del archivo y hace que la animación sea inmediata y fácil de entender rápidamente! Después de todo, es una pegatina para las aplicaciones de mensajería, por lo que la comunicación es una prioridad.

Paso 10 - Exportar animación

La animación está terminada, pero no podemos usar un archivo de imagen de Clip Studio en aplicaciones de mensajería o en transmisiones en vivo, así que exportemos el archivo APNG estándar de la industria (PNG animado). Si desea que su animación tenga un fondo transparente, recuerde quitar primero la capa de fondo blanco.

 

En el menú de archivo, haga clic en "Archivo -> Exportar animación -> Etiqueta animada (APNG)"

Para este ejemplo, elegimos la configuración predeterminada de 320 x 270 píxeles. Puede configurar la animación para que se repita varias veces, pero nos quedamos con "1 vez".

¡Y eso es! ¡Clip Studio Paint creará un archivo PNG animado para usted y puede colocarlo en sus videos, transmisiones en vivo o enviarlo a una aplicación de mensajería para usar en chats!

¡Eso es todo por esta animación! ¡Recuerda divertirte! ¡No hay límite para la cantidad de cosas que puedes animar! Puede complicarse, pero si te concentras en asegurarte de que parece que se está moviendo, ¡serás un animador en poco tiempo!

Acerca del dibujo de Doki Doki

Doki Doki Drawing es un canal de YouTube con cientos de videos con tutoriales, divertidos desafíos artísticos y entrevistas con artistas japoneses profesionales que trabajan en la producción de manga y anime en Japón. ¡Conéctese con Doki Doki Drawing suscribiéndose en YouTube o Siguiendo en Twitter!

 

Versión de video para este tutorial → https: //youtu.be/tcZJGp1pnIc

Suscríbete al canal → https: //www.youtube.com/dokidokidrawing

Siga en Twitter → https: //twitter.com/DokiDokiDrawing