---

Introducción

¡Hola! Estás a punto de embarcarte en un emocionante viaje hacia el mundo de la creación de emotes animados en Clip Studio Paint. Los emotes animados pueden transmitir emociones, expresiones y personalidad en tus conversaciones en línea, ya sea en tus streams de Twitch, chats de Discord o mensajes en redes sociales. En este tutorial, te guiaré paso a paso a través de las herramientas esenciales para crear tus propios emotes animados.

 

Ya seas un artista experimentado o un principiante entusiasta, este tutorial está diseñado para ayudarte a convertir tus conceptos en emotes animados.

Así que prepárate para sumergirte en el mundo de la creatividad digital y llevar tus conversaciones en línea a un nivel completamente nuevo. ¡Comencemos a dar vida a tus ideas!

---

Videotutorial

En este video tutorial te mostraré la interfaz de trabajo, además podrás ver un time-lapse de la animación

---

Preparando nuestro espacio de trabajo

Antes de comenzar, es fundamental preparar nuestro espacio de trabajo. En este paso crucial, te mostraré cómo configurar Clip Studio Paint para la animación, incluyendo la organización de capas, y la explicación de las herramientas esenciales.

Un nuevo archivo de animación

Vamos a Archivo > Nuevo y se nos abrirá una ventana:

1- Seleccionamos la opción animación

2- Modificamos el Alto y Ancho de nuestro lienzo, en mi caso lo dejo en 2000x2000

3- Seleccionamos 24 fotogramas por segundo (esto quiere decir que habrá 24 imágenes en 1 segundo) Mientras más fotogramas por segundo tengamos, la animación será más fluida, pero el estándar es de 24fps.

En el apartado de Duración, lo dejamos como está, ya que lo modificaremos luego, en el caso de ser necesario. Ustedes pueden editar cualquiera de estas opciones como prefieran.

---

Capas y Carpetas

Esto es muy importante para facilitarnos el flujo trabajo. No olviden hacer este paso antes de comenzar cualquier animación

Como verán, en la ventana de capas tendrán una ya creada (1), esta capa representa su primer fotograma, pero no podremos poner capas por arriba para hacer el lineart o por debajo para pintar nuestro dibujo. En otras palabras, cada fotograma que creemos solo puede tener una capa de dibujo.

Pero vamos a cambiar eso, y hacer que cada fotograma pueda tener múltiples capas. Esto nos ayudará a tener un espacio de trabajo mucho más ordenado.

1- Creamos una nueva carpeta

2- Movemos nuestra Capa (1) a la carpeta anteriormente creada

3- Cambiamos el nombre de la Carpeta al mismo nombre de la Capa, o sea, 1

Ahora cada vez que creen un fotograma nuevo, tendrán una carpeta nueva donde podrán agregar todas las capas que quieran

---

Navegando por las herramientas

En esta sección te enseñaré las herramientas básicas para animar

1- Pueden mover estos marcadores para modificar la duración de su animación

2- También pueden modificar el tamaño de esta casilla, esto determina hasta dónde quieren que su animación sea visible.

1- Con esta opción crearás tus fotogramas.

2- Haciendo clic en este ícono podrás activar el papel cebolla.

3- Con estas opciones podrás reproducir tu animación (>), ir al inicio (I<), al final (>I) moverte un fotograma anterior (<I), o moverte al fotograma siguiente (I>).

1- Podrás acercar o alejar la vista de tu línea de tiempo, para ver mejor los fotogramas.

2- Activa esta función para que tu animación se reproduzca en bucle.

3- Esta opción es para crear nuevas carpetas de animación, así podrás hacer una nueva animación independiente de la que ya hayas creado.

---

Papel cebolla

El papel cebolla es para visualizar los fotogramas anteriores y posteriores, vamos a configurar esta función a nuestro gusto

Para configurar el papel cebolla vamos a “Animación” > “Mostrar cels de animación” > “Ajustes de papel cebolla”

Se nos abrirá la siguiente ventana:

1- Puedes modificar cuántos fotogramas anteriores o posteriores quieres ver.

2- Modifica el color de los fotogramas anteriores o posteriores.

3- Modifica la opacidad del papel cebolla

---

¿Y ahora? ¡A animar!

Ya explicadas todas las funciones más importantes del espacio de trabajo de animación, podemos comenzar a hacer nuestro emote animado

1- Primero comencé haciendo los fotogramas clave, antes de lanzar el corazón y cuando ya lo lanzó.

2- Agregué una pose de anticipación para que la transición de una imagen a otra sea un poco más fluida.

3- Por último, dibujé dos poses de reacción, haciendo que el cabello y la chaqueta se muevan un poquito por el movimiento del cuerpo.

 

Al final esta es la duración de cada imagen, 1=6 fotogramas; 2= 2 fotogramas; 3= 3 fotogramas; 4= 2 fotogramas; 5= 2 fotogramas

---

Exportar animación

Aquí les mostraré cómo exportar su animación como GIF animado o como secuencia de imágenes.

Exportar como GIF animado

Iremos a “Archivo” > “Exportar animación” > “GIF animado”

Luego de seleccionar la carpeta donde quieren guardar su archivo, les aparecerá esta ventana:

-En Ancho y Altura lo modifican para que sea la misma medida que su lienzo (2000x2000).

-En rango de exportación lo dejan como está, será lo mismo que la duración que tiene la animación.

-Velocidad de fotogramas, lo dejan en 24 (o los mismos fps que configuraron al inicio)

 

Le dan a aceptar y esperan.

Exportar como secuencia de imágenes sin fondo

La secuencia de imágenes nos permitirá tener nuestro gif animado sin fondo, para que esto funcione, primero debes desactivar la capa “papel” apretando el ojito que se encuentra a un lado de la capa.

Iremos a “Archivo” > “Exportar animación” > “Secuencia de imágenes”

Se nos abrirá la sieguiente ventana:

1- Seleccionamos la carpeta donde se guardarán nuestras imágenes.

2- Le cambiamos el nombre que tendrán cada una de estas imágenes.

3- Para que la imagen no tenga fondo, el tipo de archivo debe ser PNG.

4- Dejamos en Lienzo completo.

5- Esta sección la dejamos como está, determina cuánto durará la animación y los fotogramas por segundo que tendrá.

Presionamos Aceptar, esperamos y listo.

Esta secuencia de imágenes la pueden importar en Photoshop u otro programa que les permita exportar un GIF animado sin fondo. Por desgracia Clip Studio aún no tiene esta función, esperemos que la agreguen en las próximas actualizaciones.

---

¡Gracias por leer!

¡Y así concluye el tutorial! Espero que lo hayas encontrado informativo y que se haya entendido todo claramente, también espero que te sientas inspirado para llevar tus ideas creativas a nuevos horizontes.

Ahora que has adquirido conocimientos sobre las herramientas y procesos esenciales, te animo a seguir explorando y perfeccionando tus habilidades en el mundo de la animación digital. Vuelve a este tutorial siempre que lo necesites como referencia.

 

No dudes en dejar un comentario, puedes dar tus sugerencias y opiniones, me encantaría leerte.

 

¡Gracias por acompañarme en este viaje de aprendizaje y creatividad! Espero con ansias ver tus propios emotes animados! ¡Hasta la próxima!