(3) Mueve a tu personaje usando fotogramas clave

76,212 visitas
ClipStudioOfficial

ClipStudioOfficial

CLIP STUDIO PAINT 1.9.14


¿Te apetece crear una animación con CLIP STUDIO PAINT?

Este tutorial está dirigido a personas interesadas en crear su primera animación.


Lección I

https://tips.clip-studio.com/es-es/articles/2043

Lección II

https://tips.clip-studio.com/es-es/articles/2044


En esta tercera lección, usaremos fotogramas clave para animar una ilustración sencilla.

Funciones que abarcaremos: [Habilitar claves para esta capa]


Nota para los usuarios de la versión para smartphone

En la versión de CLIP STUDIO PAINT para smartphones, es necesario personalizar la barra de paletas para crear animaciones.

Siga los siguientes pasos para agregar la paleta [Línea de tiempo].

https://tips.clip-studio.com/es-es/articles/2428#d91f0fb7


Dibuja una ilustración

(1) Lo primero que haremos será dibujar una ilustración en CLIP STUDIO PAINT (o importar una que hayamos hecho previamente).

Este será el dibujo que animaremos.


Creación de la línea de tiempo

(1) Si la ilustración en movimiento tiene varias capas, muévelas a una carpeta separada.


(2) Ve al menú [Ventana] > [Línea de tiempo] para visualizar la paleta [Línea de tiempo].


(3) En la paleta [Línea de tiempo], selecciona [Nueva línea de tiempo].


(4) Ajusta la [Velocidad] y la [Duración].

Para este tutorial, vamos a elegir un valor de "8" tanto para la [Velocidad] como para la [Duración]. Al usar los mismos valores, conseguiremos que la animación dure exactamente 1 segundo.


(5) Aceptamos para crear la "Línea de tiempo 1".


Adición de fotogramas clave

● Primer fotograma clave


(1) En la paleta [Línea de tiempo], selecciona el icono "Habilitar claves para esta capa".


(2) A continuación, en esta misma paleta, haz clic en el primer fotograma para seleccionarlo.


(3) Selecciona la herramienta [Operación] > subherramienta [Objeto].


(4) Aparecerán varios manejadores en el lienzo.


Puedes transformar la capa arrastrando los manejadores mientras tienes seleccionada la subherramienta [Objeto].

Para rotarla, usa el punto de control superior, y para cambiar su tamaño, arrastra los manejadores que hay en las esquinas.


(5) Cada vez que transformes la capa con los manejadores, se creará en la paleta [Línea de tiempo] un fotograma clave para el primer fotograma.



● Segundo fotograma clave


(1) Lo siguiente que haremos será pasar a un fotograma distinto. En esta ocasión, elegiremos el fotograma central "5" de los 8 que hay.


(2) Selecciona la subherramienta [Objeto] y arrastra los manejadores para agrandar la imagen.


Tras transformar la capa, se creará en la paleta [Línea de tiempo] un fotograma clave para el quinto fotograma.


Nota:

El fotograma clave agregado se puede seleccionar haciendo clic sobre él.

Arrastra el fotograma clave para moverlo a otro fotograma.



● Duplicado de fotogramas clave


Los fotogramas clave se pueden copiar y pegar en otros fotogramas.


(1) Selecciona el fotograma clave que has agregado al primer fotograma.


(2) Haz clic derecho para abrir el menú contextual y selecciona [Copiar].


(3) Selecciona el último fotograma, que en este caso es el 8.


(4) Haz clic derecho para volver a abrir el menú y elige [Pegar].


Ahora también tenemos el fotograma clave en el 8.

Lo siguiente es transformar el dibujo que hay en el lienzo siguiendo los mismos pasos que al transformar el dibujo del primer fotograma.


¡Listo!

Ya solo queda ir a la paleta [Línea de tiempo] y darle al botón "Reproducir/Detener" para ver tu animación en movimiento.


¡Hemos conseguir crear una animación!

Dado que el fotograma clave inicial y el fotograma clave final son iguales, la animación se reproduce en bucle.

Nota: La animación ha sido exportada en formato GIF.


Para exportar la animación en formato GIF, dirígete al menú [Archivo] > [Exportar animación] > [GIF animado].



¡Ya puedes continuar con la cuarta y última lección de esta serie de tutoriales!



Aprovecha al máximo los tutoriales (2) y (3)

¡Puedes añadir fotogramas clave a la animación que creamos en el tutorial (2)!

¡Ahora la animación es mucho más fluida!


Lección IV

https://tips.clip-studio.com/es-es/articles/2046


Más información sobre las funciones de animación

Si quieres conocer más a fondo las funciones de animación de CLIP STUDIO PAINT, te recomendamos echar un vistazo a los siguientes tutoriales:

https://tips.clip-studio.com/es-es/articles/2047
https://tips.clip-studio.com/es-es/series/4
https://tips.clip-studio.com/es-es/series/117
https://www.clip-studio.com/site/gd_en/csp/userguide/csp_userguide/500_menu/500_menu_anime.htm

Comentario

Artículos relacionados

Nuevo

Últimas publicaciones en Oficial