Anima tu personaje en Clip Studio Paint - Guía detallada

11 092

Syl.thfarn

Syl.thfarn

¡Hola, chicos! Mi nombre es Syl, en este artículo te mostraré cómo animar tu personaje en Clip Studio Paint EX. El artículo incluye la configuración del software, desglosando algunos de mis trabajos de animación como ejemplos y, finalmente, seguirme para crear una animación. Proporcionaré orientación lo más simple y detallada posible, con la esperanza de que incluso los principiantes puedan entenderla.

 

Nota: El tutorial tiene formato de video y formato de texto (este artículo)

1. Configuración

En este paso prepararemos los conocimientos y la configuración necesarios antes de comenzar a animar. Si ya tienes habilidades básicas y has animado antes, ¡puedes saltarte este paso!

a. Programas de animación: Clip Studio paint EX

Recuerde que hay dos versiones de Clip Studio Paint: PRO y EX, necesita comprar la versión EX para hacer animación.

b. Configuración del lienzo

*Para crear un nuevo lienzo, seleccione el menú [Archivo] > [Nuevo]

En la sección del proyecto, haga clic en animación (ícono de video)

Le recomiendo que configure la opción de configuración predeterminada 1920x1080.


*También hay algunas configuraciones que tal vez quieras entender:

- Espacio en blanco: esta es el área fuera de nuestra área de exportación (animación final), puede usar este espacio para notas y movimiento de cámara.

- Velocidad de fotogramas: es el número de fotogramas por segundo, el estándar será 24 fps, pero muchos animadores independientes utilizan 12 fps (como yo).

- Tiempo de reproducción: la duración (fotogramas) de la animación. Si configura 300, hay 300 fotogramas en la animación, podrá ajustarlos más tarde.

 

Puedes ver que hay más secciones de configuración, pero no es necesario que las entiendas todas para comenzar a animar, ¡no quiero que te sientas abrumado! Y para ser honesto, solo entendí la parte de configuración del tamaño cuando animé por primera vez :D.

C. Configurar el espacio de trabajo

Este es mi espacio de trabajo cuando hago animación. No es necesario que configures lo mismo conmigo, pero creo que para los principiantes es mejor que tu espacio de trabajo sea similar al mío, para que puedas seguir mis pasos fácilmente.

Puedes descargar e importar mi espacio de trabajo desde Clip Studio, busca por este ID: 2076802

*Para importarlo, vaya al menú [ventana] -> [material] -> [Material: descargar] Si no tiene una ventana de material en su espacio de trabajo.

Luego, arrastre el material de mi espacio de trabajo al lienzo -> Ok


*O ve a [windows] y abre todas las mismas ventanas así.

d. Comprender algunas funciones básicas de animación.

Después de configurar todo, ya tendremos el espacio de trabajo necesario. Sé cómo te sientes ahora porque solía estresarme con solo mirar la ventana de la línea de tiempo por primera vez.

 

Pero no te preocupes, no te obligaré a comprender todas las herramientas de esta compleja pantalla negra. En su lugar, obtendremos una vista previa de algunas funciones básicas y comenzaremos a animar para mantener tu motivación.

Además, si no entiendes alguna de las cosas que voy a explicar, ¡está bien! Creo que será más fácil aprender y practicar al mismo tiempo. No se sentirá abrumado por los nuevos conocimientos y recordará mejor las funciones.


* La ventana de la línea de tiempo:

- El número de secuencia que ves es el orden del cuadro, el número encima de ellos es la duración en segundos.

- En el menú de la línea de tiempo -> tamaño de miniatura -> ninguno. Si quieres que la línea de tiempo se vea exactamente como yo, fiel a su nombre, muestra la miniatura de ese fotograma, pero creo que consume demasiado espacio.

- Crear nueva celda/cuadro de animación: haga clic en el tiempo en la línea de tiempo, haga clic en el icono "nueva celda de animación"

- Algunos términos de animación: fotogramas clave: los fotogramas principales de una acción (por ejemplo, parpadeo: fotograma con los ojos cerrados y fotograma con los ojos abiertos), intermedios: los fotogramas entre fotogramas clave.


¡Creo que son suficientes! Si hay algo que me perdí, lo mencionaré en pasos posteriores. ¡Ahora vayamos al paso 2!

2. Mi desglose de la animación

En este paso, desglosaré algunos de mis trabajos de animación mostrándote el proceso paso a paso, como boceto, arte lineal, coloración, sombreado, final (efectos agregados) y consejos aleatorios. Este paso te ayudará a acostumbrarte primero a la estructura de una animación. Sin embargo, puedes ir al paso 3 "Hacer animación" y luego volver a este paso si prefieres ese orden.

a. Animación en bucle sencilla

Capas

-> Para una animación en bucle simple, primero crearé una carpeta principal fija, que incluirá partes fijas como la cabeza, el cuerpo y las joyas. Luego crearé algunas carpetas nuevas para animar el cabello, mover joyas, ojos parpadeantes e intentaré organizarlos para que puedan crear un bucle.

Bosquejo

Arte lineal

Colorante

Carpeta múltiple (sombreado)

Final (Efectos)

Enlace de alta calidad:


*Para crear y ajustar la capa de filtro como yo, vaya al menú [Capa] -> [Nueva capa de corrección] -> Pruebe lo que quiera

b. Animación normal

Elijamos esta breve animación.

La escena inicial donde el personaje salta, tengo que grabarme saltando para tomar los fotogramas clave jajaja. Ese es un consejo que puedes usar al animar movimientos complicados, grabarte haciendo eso y animar en base a eso.

 

Nota: Intente determinar y dibujar fotogramas clave primero y luego los intermedios. No recomiendo rastrear todos los fotogramas de la secuencia, lo intenté y me di por vencido a mitad de camino.


Capas

Esta vez solo tengo una carpeta de animación lineal y una animación en color, ya que no separo las partes fijas y en movimiento. También utilicé mucho el movimiento de cámara 2D en esta animación

Consejo aleatorio: Para ajustar la cámara, menú [Línea de tiempo] -> [Nueva capa de animación] -> [Carpeta de cámara 2D] -> Agrupa todas las capas existentes en la carpeta de la cámara 2D

  • Luego elija cualquier momento en la línea de tiempo -> Crear [Fotograma clave] -> [Operación] -> Ajustar la cámara (inicio) -> Elegir otro momento -> Crear nuevo [Fotograma clave] -> Ajustar la cámara (finalizando). Y tendrás el movimiento de la cámara*

Videotutorial:

Bosquejo

Arte lineal

Colorante

Sombreado

Final (Efectos)

Enlace:

3.Haz la animación del personaje.

Sí, la etapa final, en este paso mostraré mi proceso paso a paso para hacer una breve animación de mis personajes originales, mientras los explico y doy consejos aleatorios. Sabrás cómo hago una animación sencilla y tendrás la motivación para empezar la tuya propia (eso espero).

Consejo: aunque mi próxima animación no es demasiado difícil, sugiero que los principiantes comiencen a animar cosas simples primero (parpadeo, movimiento del cabello), comenzar con una idea demasiado complicada hará que quieran darse por vencidos. Puedes practicar según mis fotogramas clave, comparto muchos fotogramas clave en mi Instagram.

\

También este es un video que comparte mi animación de parpadeo, por si lo necesitas:

a. Idea

¡Sí! Primero necesitarás una idea amplia de animación en tu cerebro. La idea funciona como guía, esquema y también como motivación para nosotros. Pensar en convertir lo que imaginas en trabajo de animación, es genial (eso dice que sé que soy genial jajaja :D).

Para animaciones largas, primero necesitaremos dibujar el guión gráfico y no lo necesitamos en este breve tutorial de animación.

Normalmente encuentro mis ideas a través de la música, especialmente del Jpop.

 

Pero: para importar mp3, solo necesitas arrastrar la canción en formato mp3 al lienzo

b. Bosquejo

Primero tendremos que esbozar la idea, nos ayuda a moldear nuestro personaje y ceñirnos a la idea original.

He guiado estas funciones en pasos anteriores. Si aún no estás seguro de cómo hacerlo, te recomiendo que mires también el vídeo insertado.

 

              + \-CtrlGuardar o\[Archivo\]->\[Guardar\]para guardar su archivo y recuerde hacerlo cada 10 minutos.

- Cambie el nombre de la carpeta de animación predeterminada a "boceto" (opcional)

- Comience a dibujar en el cuadro 1, cree nuevos cuadros moviéndose al nuevo tiempo y haga clic en el icono. O para dibujar el fotograma 2 del fotograma 1, copie y pegue el fotograma 1, luego haga clic con el botón central en la línea de tiempo, aparecerá un tablero y solo tendrá que elegir el fotograma llamado [2].

- Reproduce para ver si se ajusta a la canción/el tiempo que deseas.

- Rehacer, dibujar, jugar hasta que estés satisfecho.

Consejo: Por lo general, las personas solo dibujan fotogramas clave; no es necesario dibujar todo, incluidos los espacios intermedios.

Consejo: Como principiante, se recomienda realizar bocetos minuciosos. Aunque mis bocetos no son geniales porque odio dedicar tiempo a ellos, un boceto limpio puede ayudar a evitar rendirme a mitad del camino.

Consejo: hago algunas escenas de cámara lenta en esta animación. Para animar en cámara lenta, solo necesitas dibujar más fotogramas entre fotogramas clave. (por ejemplo, normalmente dibujas 3 fotogramas entre el fotograma clave 1 y el fotograma clave 2, para hacerlo en cámara lenta, intenta dibujar 10 fotogramas entre ellos)

 

Esta animación tendrá una duración de 40 segundos. Desafortunadamente, no puedo grabar y finalizar todo el proceso de animación en este artículo. Mi vieja computadora portátil tiene dificultades para grabar y animar al mismo tiempo (problema de la gente pobre) y también me distraigo al grabar. Seguiré mostrando cada paso desde el boceto hasta el producto final, pero sólo para la primera escena (de mi oc Maris).

C. Arte lineal

El siguiente paso es forrar esos bocetos.

¡Mi estilo lineal se ve muy incompleto jajaja! La mayoría de la gente dibuja dibujos lineales de forma limpia y continua, lo que ayuda con los espacios intermedios y el color. Para los principiantes, sugeriría probar ese enfoque. Sin embargo, últimamente me he enamorado de este estilo incompleto.

 

- Crear nueva carpeta de animación, cambiarle el nombre a lineart

- Reduzca la opacidad del boceto a 10-20, para que pueda trazarlos más fácilmente

- Crea una nueva celda de animación, comienza a rastrear fotogramas clave

- Después de terminar los fotogramas clave, dibuja los espacios intermedios.

- Ocultar carpeta de bocetos

Herramienta: Activa 'piel de cebolla'. al hacer intermedios. Las líneas verdes representan los siguientes fotogramas, las líneas moradas representan los fotogramas anteriores. Tu misión: dibujar entre ellos (la línea marrón son mis bocetos)

Consejo: normalmente dibujo diferentes partes en capas separadas, como la cabeza, la ropa y especialmente el cabello.

Consejo: Para determinar la proporción de su cabeza, marco los ojos, la nariz, la boca y la barbilla, luego copio, pego en el siguiente cuadro y dibujo en base a eso.

Consejo: Al dibujar entremedio de un mechón de cabello, el inicio debe estar cerca del siguiente fotograma, mientras que el final debe estar cerca del fotograma anterior. (el principio de seguimiento de la aplicación)

d. Colorante

Utilizo mi técnica de coloración igual que cuando coloreo mi ilustración. Primero coloree la base, agregue sombras y finalmente agregue efectos (es decir, efectos). En la industria de la animación, primero aclararán la paleta de colores y luego dividirán diferentes secciones de colores. Puedes elegir el método que quieras.

- Crea una nueva carpeta de animación, cambia el nombre al color, arrástrala debajo de la carpeta de dibujos lineales

- Crea una nueva celda de animación y comienza a colorear.

- Cree una nueva carpeta de animación encima de la carpeta de animación en color, elija [Recortar a capa debajo], luego cambie el modo de fusión a [multiplicar]

- Crea una nueva celda de animación y comienza a agregar sombreado.

La gente suele utilizar la herramienta [Rellenar] para colorear la animación, pero con este arte lineal, es mejor utilizar una herramienta de lazo. Puede encontrar la herramienta Lazo en [Figura] -> [Relleno de lazo]


Esta es la etapa donde trabajo con las sombras. Dibujo líneas de colores para separar varias secciones de las sombras, usando diferentes colores para representar sombras, sombras claras y luz reflejada. Esto ayuda a garantizar que no coloree por error la sección equivocada.

Sin embargo, sólo hago esto para fotogramas clave (fotogramas importantes), no en todos los fotogramas.


Y el resultado:

mi. Efectos (finales)

¡Yayyy casi completamos este tutorial súper largo! ¡El último paso es agregar efectos a nuestra animación para que parezca más atractiva! Primero, enumeremos algunos de los efectos que podemos agregar y cómo agregarlos, luego mostraré los efectos que agregué a esta animación.


*Efectos de listado

Esquivar brillo: uso este modo de fusión para agregar luz.

Multiplicar capa: además de agregar sombras, uso este modo de fusión para establecer un tono para la ilustración/animación.

Por ejemplo, para un tono cálido, aplicaré un naranja apagado y reduciré la opacidad.

Funciones de filtro (Nueva capa de corrección): te he guiado en un desglose de animación de bucle simple, se utilizan para ajustar el balance de color, el sombreado,...

(Aquí ajusto el balance de color y el brillo/contraste)


*La animación final que obtuve: (Se exporta en formato GIF, por lo que la calidad puede no ser óptima)

Así que uso 3 carpetas de animación de esquivar brillo para la luz general (para cada escena), la luz de los ojos y las luces (para fotogramas específicos)

Utilizo 1 capa multiplicada para el tono general, la arrastro sobre todas las capas existentes y 1 carpeta de animación multiplicada para cada escena de mi animación (bebé -> escena de ventana -> Cerrar cara)

Tengo 2 capas de corrección de balance de color para la última escena (cara cercana). La primera mitad tiene un tono cálido cuando el personaje está esperanzado y emocionado, luego cambia a un tono frío cuando el personaje vuelve a la realidad y no puede salir a jugar.


Herramienta: Para crear un degradado suave como ese, uso esta herramienta [Gradiente]

4. Conclusión

Gracias por leer hasta el final, puedo sentir tu pasión por la animación XD ¡Realmente espero que puedas empezar a hacer animación y puedas convertir tu idea en trabajo!

Además, hay información que no puedo convertir a texto; es mejor leer y ver tanto el artículo como el vídeo insertado.

Si encuentra útil mi tutorial, considere dejar un me gusta o algún consejo, para que pueda crear más y mejores consejos :D

Lo último que quiero decir es que este es mi propio proceso para hacer animación a mi estilo. Nunca he asistido a una escuela de animación académica, así que espero que puedas dejarme algún consejo si encuentras algún error. ¡Gracias!

Comentario

Nuevo

Últimas publicaciones en Oficial