Introducción

Entonces, la animación 2D es difícil para otros, pero no debería serlo.

 

Aunque ya sabía cómo animar usando un flipbook, aprender la aplicación sigue siendo parte del desafío.

 

Antes de empezar a dibujar algo, al menos deberíamos saber cómo sujetar un lápiz.

 

Pero en este caso conviene saber cómo utilizar la aplicación.

 

En este video, debería enseñarte cómo animar usando Clip Studio Paint, y también compartir suficientes conocimientos y técnicas de animación como lo hacen los animadores clásicos, para que al menos puedas crear emojis personalizados para tus redes sociales.

También tengo un video tutorial para las personas que quieren más presentaciones visuales.

Parte 1.1 - Preparando su espacio de trabajo

Primero, abra un lienzo. Asegúrate de haber elegido el Preajuste de animación.

El tamaño de mi lienzo sería 128 x 128 en píxeles(px), ya que sería el tamaño más grande recomendado para un emoji, pero dependiendo del sitio, los tamaños pueden variar.

 

Aunque puedes hacerlo más grande, como 512x512 px, y tendrá capacidad para pegatinas, pero mantendré el 128px para no tener la tentación de agregar más detalles.

 

Esta sería la representación visual de los 2 tamaños.

Normalmente, puedes dejar todas las configuraciones como están, pero en mi caso, mantendré el área segura para mosaicos para poder tener una guía central para mi lienzo.

También agregué espacio en blanco para poder mantener la coherencia y poder realizar un seguimiento cada vez que dibujo fuera del marco.

Desde que uso Clip Studio Paint EX, puedo tener más fotogramas en mi animación, pero quiero este tutorial para todos, así que seguiré la limitación de Clip Studio Paint PRO y estableceré mi tiempo de reproducción. a 24 y mi Velocidad de fotogramas a 12 para poder tener un máximo de 2 segundos de animación.

Una vez que abras un lienzo de animación, obtendrás una ventana de línea de tiempo en la parte inferior de la aplicación donde podrás hacer tu animación.

Pero siempre que lo pierdas por algún motivo, siempre podrás encontrarlo en la barra de menú en Windows y luego en Línea de tiempo.

También en la pestaña Animación del menú, puede encontrar todo lo que necesita para la animación, pero no los discutiremos todos aquí. Esta es sólo una nota para que experimentes durante tu tiempo libre.

También sugeriría duplicar tu ventana para que puedas ver el tamaño real del emoji mientras trabajas en él.

Para hacer eso, despliegue la pestaña Ventana en el menú, seleccione Lienzo, Elija Nueva ventana.

 

Eso le dará una ventana duplicada sobre algo en lo que se encuentra actualmente.

Y esa nueva ventana, arrástrela fuera de la pestaña, cambie el tamaño de la ventana y mantenga el zoom en 100 para que pueda obtener el tamaño real del emoji.

Parte 1.2 - Línea de tiempo de la animación

En la línea de tiempo, podrás encontrar todas tus capas de animación. Lo que hay en su ventana de capa también estará en la Línea de tiempo, pero organizado de manera diferente para que sea un espacio de trabajo amigable con la animación.

 

Verás la carpeta de animación de forma predeterminada cuando abras un lienzo preestablecido de animación.

Si necesita más, puede crear otra carpeta de animación haciendo clic en este icono Nueva carpeta de animación.

 

 

La carpeta de animación es diferente a la carpeta normal que conocemos.

 

Carpeta de animación es donde debes colocar todos los cuadros y celdas de animación.

Puede agregar más de una carpeta de animación si desea tener más capas en su animación.

Si alguna vez quisiste cambiar tu línea de tiempo, como cambiar su velocidad de fotogramas.

 

Puedes hacerlo fácilmente siguiendo las 3 líneas en la esquina superior izquierda de la línea de tiempo.

 

Seleccione Línea de tiempo y elija Cambiar velocidad de fotogramas.

 

En este caso, puse 8 cuadros y se convertirá en animación de 3 segundos en un total de 24 cuadros.

Las divisiones en la línea de tiempo implican cuántos segundos de animación podrás hacer.

También notarás que mi línea de tiempo de animación no tiene miniatura. Esto se debe a que lo mantuve así para tener más espacio para dibujar en el lienzo.

 

Puede hacerlo fácilmente yendo a esas 3 líneas y luego seleccionando Miniatura.

Parte 1.3 - Cel y Marco

Para algunas personas, Cel y Frame son confusos, o al menos para mí al principio debido a que la cámara y las computadoras, como escuchar esos 60 cuadros por segundo, me hicieron pensar en cosas cuadro a cuadro. Pero son ligeramente diferentes.

 

Para mí, realmente no importa si lo llamas celda de fotograma, pero si te comunicarás en el animador, esto puede ser importante a veces. Aunque si va a hablar con un cliente, es posible que no lo haga, a menos que esté dispuesto a conocer la terminología adecuada.

Para explicarlo con una lógica más simple, los cel son solo capas en animación.

Los celdas se pueden usar repetidamente en diferentes fotogramas de la línea de tiempo, como en esta animación de muestra que hice. 1 cel puede ser solo 1 dibujo que se puede reciclar en otro momento.

 

En esta animación, uso la Cel #4 para los cuadros 11 y 15 para ahorrarme algo de tiempo al no volver a dibujarlo.

Ahora, como ya conoce la terminología, comprenderá el uso de los otros 3 íconos al lado de Nueva carpeta de animación.

El primero es Nueva animación Cel.

 

Básicamente, simplemente agregarás una celda vacía en el marco para dibujar.

 

Y el siguiente ícono al lado es Asignar celda a fotograma.

 

Lo que significa que asignarás una celda existente al marco.

O puedes simplemente hacer clic derecho en el lugar del marco específico y seleccionar la cel que deseas agregar.

Parte 2 - Animación

Ahora pasemos a la parte divertida, la animación.

 

Hay principios de animación, pero por supuesto no los discutiré aquí porque no quiero que te bombardeen con información.

 

Pero estoy aquí para decirte que es importante, por lo que quizás quieras buscarlo un poco en tu tiempo libre.

 

• Los principios de la animación son básicamente LifeArt.

 

Si observas lo suficiente en la vida, intuirás qué agregar junto a tu animación.

 

Ahora, para el diseño de mi personaje, el emoji sería un rey mono, ya que soy el año de un mono y el zodíaco de Leo, así que eso debería tener sentido.

Y hazlo lo más simple posible, menos detalles, por lo que habrá menos cosas que mirar y menos líneas que animar.

Más líneas para animar = Más tiempo.

Parte 2.1: Poses de fotogramas clave

Entonces, lo primero que debes hacer al hacer animación es dibujar las poses de los fotogramas clave.

 

Keyframe Poses es básicamente una pose inicial de cualquier acción que suceda, un comienzo del cambio en la acción y la pose final.

El objetivo es que, incluso solo en las poses de los fotogramas clave, aún puedas leer la acción del personaje.

Habilitar la piel de cebolla te ayuda a ver la celda anterior y siguiente que creaste.

Puedes cambiar su configuración yendo a la pestaña Animación > Mostrar celdas de animación > Configuración de piel de cebolla.

Puedes cambiar cuántas celdas se mostrarán para poder ver más acciones de tu animación.

 

y puedes cambiar su color y opacidad. Esto será muy útil en procesos posteriores.

Parte 2.2 - Intermedios

La animación no se completará sin llenar los espacios en blanco.

 

Este es el momento que necesitabas en el medio.

 

Los espacios intermedios son básicamente dibujar entre los espacios para que la animación tenga un movimiento suave.

Para ver los cambios, esto es ANTES

Y esto es DESPUÉS

Cuantos más fotogramas haya, más fluida será la animación.

 

Duplicar el fotograma mejoraría mucho la animación, pero lleva mucho tiempo animarla.

 

 

Parte 2.3: Manchas y desenfoque de movimiento

Con una animación de 12 fotogramas por segundo, no hay manera de que podamos hacerla más fluida.

Justo como lo que hicimos aquí. No parece lo suficientemente rápido por lo que no hay sensación de velocidad en su movimiento.

 

Esta es la parte en la que vamos a agregar manchas para crear una ilusión de movimiento rápido.

En realidad, cuando nos movemos demasiado rápido, debería aparecer un desenfoque de movimiento. Pero como estamos trabajando en líneas duras, agregar manchas será suficiente.

 

Estos son los cambios cuando se agregan.

Parte 2.4 - Aplastar y estirar

Ahora agregaré texto a mi emoji para que haya una técnica de aplastamiento y estiramiento que podamos usar.

 

Esto es un poco similar a untar, pero la diferencia es que hará que el objeto se estire cuando se mueva en movimiento rápido. Esto funciona perfectamente en objetos blandos.

Se estirará a medida que entre y se aplastará cuando llegue a su destino antes de volver a su forma original.

Esto mostrará qué tan hinchable se vería.

Parte 3: finaliza tu emoji

Finaliza tu trabajo agregando movimiento adicional, como movimiento del cabello, después de mover al personaje.

fotograma adicional antes de que tu personaje deje de moverse. Este detalle sutil hace que tu animación parezca más natural.

 

 

Luego, cuando todo esté hecho, puedes comenzar con el arte lineal.

 

Si haces un arte lineal, te sugiero que uses una capa vectorial.

Lo bueno de las capas vectoriales es que puedes cambiar su tamaño al tamaño que desees manteniendo su nitidez.

 

 

Asegúrese de utilizar la herramienta de operación para cambiar su tamaño. Resalta todo y ajusta.

y marque la casilla Ajustar el grosor de la línea al escalar. Esto mantendrá la proporción de la línea al cambiar el tamaño.

desmarque si desea que su arte lineal mantenga el mismo grosor por píxeles

Y también puedes cambiar el grosor del Line Art cuando quieras.

Y lo demás que debes hacer es colorear.

 

Agregar luces y sombras también requiere bocetos de animación, pero en nuestro caso, el movimiento es mínimo, puedes hacer conjeturas en cada fotograma.

Y eso es todo por este tutorial, gracias y espero que hayas aprendido algo aquí.

 

Todo lo que aprenda aquí puede ser útil para cualquier animación en general, por lo que es muy informativo.

 

¡GRACIAS DE NUEVO!