Guía para principiantes: Cómo animar expresiones faciales
🎀 Introducción
Animar expresiones faciales puede dar vida a los personajes, añadiéndoles emoción y personalidad. Este tutorial guiará a los principiantes a través de las herramientas esenciales en Clip Studio Paint (CSP) para crear animaciones sencillas, como parpadeos y sonrisas.
🎀 Configuración del espacio de trabajo
Antes de empezar a animar, necesitas configurar tu espacio de trabajo correctamente.
🌸 Abre Clip Studio Paint y crea un archivo nuevo.
🌸 Ve a Archivo > Nuevo y selecciona Animación. Esto asegura que el archivo esté configurado para animación fotograma a fotograma.
🌸 Elige un tamaño de lienzo apropiado (por ejemplo, 1920x1080 píxeles) según las necesidades de tu proyecto. Los tamaños más grandes permiten un trabajo detallado, mientras que los más pequeños hacen que las animaciones sencillas se rendericen más rápidamente.
🌸 Configura la velocidad de fotogramas (12 o 24 fps es común para una animación fluida). La velocidad de fotogramas determina cuántos fotogramas por segundo se muestran; una velocidad de fotogramas más alta resulta en un movimiento más suave.
🌸 Haz clic en OK para crear tu archivo de animación, ¡y ya estás listo para empezar!
🎀 Comprendiendo la línea de tiempo
La Línea de tiempo es donde se gestionan todas las secuencias de animación. Controla cómo aparecen los fotogramas a lo largo del tiempo, determinando el movimiento y el flujo de tu animación.
🌸 Abre la ventana de la Línea de tiempo desde Ventana > Línea de tiempo si no está visible.
🌸 Haz clic en Nueva línea de tiempo y configura la velocidad de fotogramas y el rango de reproducción. El rango de reproducción define cuántos fotogramas se incluirán en la vista previa de la animación.
🌸 Añade fotogramas de animación haciendo clic en el botón Nueva celda de animación en la línea de tiempo. Cada celda representa un fotograma individual, y las nuevas celdas te permiten crear movimiento entre fotogramas.
Aquí tienes una breve explicación de la funcionalidad de cada botón:
1. Editor de gráficos – Abre el editor de gráficos para ajustar las curvas de animación.
2. Editar línea de tiempo – Permite modificar la configuración de la línea de tiempo.
3. Nueva línea de tiempo – Crea una nueva línea de tiempo de animación.
4. Alejar – Disminuye el nivel de zoom de la línea de tiempo para una vista más amplia.
5. Acercar – Aumenta el nivel de zoom de la línea de tiempo para una vista más cercana.
6. Ir al inicio – Mueve el cabezal de reproducción al primer fotograma.
7. Ir al fotograma anterior – Mueve el cabezal de reproducción un fotograma hacia atrás.
8. Reproducir/Detener animación – Inicia o detiene la reproducción de la animación.
9. Ir al fotograma siguiente – Mueve el cabezal de reproducción un fotograma hacia adelante.
10. Ir al final – Mueve el cabezal de reproducción al último fotograma.
11. Reproducción en bucle – Activa o desactiva la reproducción en bucle para la animación.
12. Nueva carpeta de animación – Crea una nueva carpeta para organizar las capas de animación.
13. Nueva celda de animación – Añade una nueva celda (fotograma) en la animación.
14. Asignar celda a fotograma – Vincula una celda específica a un fotograma seleccionado.
15. Eliminar celda – Elimina una celda de la línea de tiempo.
16. Activar papel cebolla – Activa el papel cebolla para ver los fotogramas anteriores y siguientes de forma tenue.
17. Añadir fotograma clave – Inserta un fotograma clave en la posición seleccionada.
8. Eliminar fotograma clave – Elimina un fotograma clave de la línea de tiempo.
19. Habilitar fotogramas clave en esta capa – Activa los fotogramas clave para una capa específica.
20. Editar capas con fotogramas clave activos – Permite la edición de capas que tienen fotogramas clave.
🎀 Conceptos importantes y cómo usarlos
1. Fotograma clave
🔹 ¿Qué es?
Un fotograma clave es un fotograma especial en una animación donde ocurre un cambio importante, como un personaje moviéndose, un objeto cambiando de color o un cambio de escena.
🔹 ¿Qué hace?
Los fotogramas clave definen los puntos inicial y final de una animación. El software rellena automáticamente los fotogramas intermedios, creando un movimiento suave. Este proceso se llama interpolación (tweening).
🔹 ¿Cómo usarlo?
🌸 Selecciona un fotograma en la línea de tiempo.
🌸 Haz clic en "Añadir fotograma clave" (📌) para marcarlo.
🌸 Cambia algo en tu escena (como mover un objeto).
🌸 Muévete a otro fotograma y añade otro fotograma clave.
🌸 ¡Pulsa reproducir ▶️ para ver la animación ocurrir entre los fotogramas clave!
Ejemplo:
Imagina animar una pelota que rebota. Colocas un fotograma clave donde la pelota está en la parte superior y otro donde toca el suelo. El software rellena el movimiento, haciendo que la pelota parezca rebotar suavemente.
2. Celda
🔹 ¿Qué es?
Una celda (abreviatura de "celuloide") es un único fotograma de dibujo utilizado en animación. Los animadores tradicionales usaban láminas transparentes para crear animaciones superponiendo celdas.
🔹 ¿Qué hace?
Cada celda contiene una parte de tu animación, como un fotograma en un libro animado. El software moderno imita esto permitiéndote añadir y gestionar celdas digitalmente.
🔹 ¿Cómo usarlo?
🌸 Crea una nueva celda.
🌸 Dibuja algo en ella.
🌸 Asígnala a un fotograma.
🌸 Repite el proceso para el movimiento.
Ejemplo:
Piensa en una celda como una página en una animación de libro animado. Si dibujas un muñeco de palo en diferentes páginas y las pasas rápidamente, ¡parece que el muñeco se está moviendo!
3. Papel cebolla
🔹 ¿Qué es?
El papel cebolla te permite ver una versión fantasma de los fotogramas anteriores y siguientes, ayudándote a dibujar transiciones suaves.
🔹 ¿Qué hace?
Superpone versiones atenuadas de tus fotogramas de animación para que puedas seguir el movimiento fácilmente y mantener las cosas alineadas.
🔹 ¿Cómo usarlo?
🌸 Activa "Papel cebolla" 🧅.
🌸 Verás versiones atenuadas de los fotogramas anteriores y siguientes.
🌸 Dibuja el nuevo fotograma usando las imágenes fantasma como referencia.
🌸 Ajusta la configuración del papel cebolla en Animación > Mostrar celdas de animación > Configuración del papel cebolla si es necesario para personalizar la visibilidad de los fotogramas pasados y futuros.
Ejemplo:
Imagina animar a una persona corriendo. Necesitas ver dónde estaban sus piernas en el último fotograma para que el siguiente fotograma fluya de forma natural. ¡El papel cebolla ayuda mostrando las posiciones anteriores de forma tenue!
4. Interpolación
🔹 ¿Qué es?
La interpolación (del inglés tweening o in-betweening) es la creación automática de fotogramas entre dos fotogramas clave para que el movimiento se vea suave.
🔹 ¿Qué hace?
En lugar de dibujar cada fotograma manualmente, el software rellena los huecos entre los fotogramas clave, haciendo que la animación sea mucho más rápida y fluida.
🔹 ¿Cómo usarlo?
🌸 Coloca dos fotogramas clave (uno al principio, uno al final).
🌸 Aplica la interpolación (si el software lo soporta).
🌸 ¡Observa cómo la animación transiciona suavemente entre los fotogramas clave!
Ejemplo:
Si animas un coche moviéndose de izquierda a derecha, solo necesitas establecer dos fotogramas clave:
🌸 Fotograma clave 1 (Coche en el lado izquierdo de la pantalla)
🌸 Fotograma clave 2 (Coche en el lado derecho de la pantalla)\
El software generará el movimiento intermedio, haciendo que el coche se desplace suavemente.
5. Reproducción en bucle
🔹 ¿Qué es?
La reproducción en bucle repite la animación continuamente en lugar de detenerse al final.
🔹 ¿Qué hace?
Te permite ver animaciones una y otra vez sin tener que pulsar reproducir de nuevo. Útil para probar movimientos suaves.
🔹 ¿Cómo usarlo?
🌸 Haz clic en el botón Reproducir en bucle 🔁.
🌸 Pulsa reproducir ▶️.
🌸 La animación se repetirá de principio a fin automáticamente.
Ejemplo:
Piensa en un GIF: ¡se reproduce en bucle sin detenerse! Si estás animando a un personaje caminando, el bucle te ayuda a comprobar si los pasos se ven naturales.
🏵️ Paso 1: Dibujar el fotograma base
Tu primer fotograma sienta las bases para tu animación.
🌸 Selecciona una herramienta de lápiz o pluma para dibujar. Elige un pincel que ofrezca trazos suaves para líneas de animación limpias.
🌸 Dibuja el rostro neutro del personaje. Esta es la expresión predeterminada a partir de la cual cambiará la animación.
🌸 Mantén las líneas simples y evita los detalles excesivos para facilitar la animación de movimientos faciales sutiles.
Deberías terminar con un lineart limpio para trabajar (¡puedes optar por una base esquemática si ese es tu estilo!).
🌸 En mi caso, usaré este dibujo simple solo para fines de demostración. 🌸
Intenta mantener tus capas separadas; por ejemplo, yo separé la cara del cuerpo, el cabello y la ropa, de esa manera tengo más libertad para mover las cosas.
🏵️ Paso 2: Animar un parpadeo
El parpadeo es una de las formas más sencillas de dar vida a un personaje.
🌸 Duplica el primer fotograma y modifica ligeramente los párpados. Dibuja los párpados ligeramente más bajos en comparación con el fotograma anterior.
🌸 Crea fotogramas adicionales donde los párpados se cierran y abren gradualmente, dividiendo el movimiento en pequeños incrementos para una transición suave. Puedes crear el primer, el intermedio y el último fotograma donde los ojos están completamente abiertos, a medio cerrar y cerrados, y luego rellenar los fotogramas intermedios como mejor te parezca.
🌸 Usa el Papel cebolla para alinear cada fotograma correctamente y asegurar una forma de ojo consistente durante todo el movimiento.
🌸 Reproduce la animación pulsando el botón Reproducir en la línea de tiempo para comprobar la fluidez del parpadeo. Ajusta los fotogramas si es necesario.
Aquí tienes un timelapse de cómo dibujo los fotogramas intermedios para que se vea natural.
Y aquí tienes una imagen para un fotograma paso a paso.
🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸 🌸🌸 Consejos 🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸
1. No tienes que dibujar la ilustración de nuevo en cada fotograma, simplemente cópiala, pégala y cambia lo que quieras.
2. Separar las capas te ayudará enormemente; si solo quieres animar una parte específica, mantén esa parte en una capa separada, luego crea un grupo de la obra de arte y cópialo y pégalo en tu fotograma de animación.
🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸 🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸
Aquí tienes otro conjunto de ojos y una animación ligeramente diferente con un boceto.
🌸 No tienes que animar una ilustración completa, simplemente diviértete con cosas sencillas. 🌸
Y así es como se ve la animación terminada.
🏵️ Paso 3: Animar un guiño
Usando el paso anterior como base, ahora podemos animar fácilmente un guiño.
🌸 Usa la animación anterior y comienza modificando el segundo fotograma.
🌸 Mantén un ojo estático y cambia lentamente el segundo ojo para que se cierre.
🌸 Añade algunos efectos para exagerar el guiño; en mi caso, añadí un corazón.
🌸 Puedes usar referencias de video si no estás seguro de algo.
Cambia los fotogramas para ajustar la velocidad a tu gusto; puedes hacer que el dibujo intermedio dure unos pocos fotogramas y el resto solo uno. Experimenta con ello.
🏵️ Paso 4: Animar una sonrisa
Animar una sonrisa implica cambios graduales en la boca y los músculos faciales circundantes.
🌸 Comienza con la cara neutra como Fotograma 1.
🌸 Añade un nuevo fotograma y levanta ligeramente las comisuras de la boca, creando una sonrisa sutil.
🌸 Continúa añadiendo fotogramas, curvando progresivamente la boca y levantando las mejillas para enfatizar la sonrisa.
🌸 Mejora el realismo añadiendo ligeros movimientos oculares, como un leve entrecerrar los ojos al sonreír.
🌸 Reproduce la animación para revisar y ajustar la transición entre fotogramas para un movimiento natural.
Como siento que esta obra de arte no muestra bien los pasos, ¡aquí tienes otra más sencilla!
¡Vamos a añadirle más movimiento para que sea más creíble!
Intenta sonreír, sentirás tus mejillas empujando tus párpados inferiores, ¡y eso es exactamente lo que está ocurriendo en este caso!
🎀 Ajuste del ritmo
El ritmo afecta la expresividad de tu animación.
🌸 Modifica la exposición del fotograma para ajustar cuánto tiempo permanece cada fotograma en pantalla. Una exposición más larga hace que un movimiento parezca más lento, mientras que una exposición más corta crea un movimiento más rápido.
🌸 Experimenta con los retrasos de fotogramas en la línea de tiempo. Por ejemplo, mantener una sonrisa durante unos pocos fotogramas adicionales antes de volver a la neutralidad puede hacer que la expresión se sienta más natural.
🌸 Usa técnicas de espaciado para añadir variedad a tu ritmo, como crear parpadeos rápidos o sonrisas lentas y deliberadas.
Diferentes ritmos producen diferentes efectos de animación.
¡Al dejar algunos fotogramas vacíos hacia el final, puedes mantener la sonrisa un poco más tiempo!
¡Aquí tienes otro!
¡La experimentación es clave para encontrar lo que funciona para ti!
🎀 Exportar tu animación
Una vez que estés satisfecho con tu animación, es hora de guardarla y compartirla.
🌸 Ve a Archivo > Exportar animación y elige entre GIF animado (para animaciones en bucle cortas) o Película (para salida de video de alta calidad).
🌸 Elige la configuración apropiada, como la resolución y la velocidad de fotogramas, según las necesidades de tu proyecto.
🌸 Guarda tu animación, ¡y listo!
💐 Conclusión
Con estos conceptos básicos, puedes experimentar con animaciones más expresivas y refinar tu técnica. Intenta combinar diferentes expresiones y usar videos de referencia para mejorar tus animaciones faciales.
¡Feliz animación!
Usuarios a los que les gustó esta publicación
Comentario