CREA una ANIMACIÓN SIMPLE en el Modo sencillo

5 435

KevinFarias

KevinFarias

Hola! En este TIP te enseñaré como crear tu primera animación en la app de Clip Studio PAINT para Tabletas, con el Modo Sencillo.

 

Ya puedes crear animaciones en el Modo Sencillo a partir de la version de Clip Studio Paint 4.2

 

Será una animación muy simple pero muy divertida, para que tú también la puedas hacer.

Lo que vamos a hacer:

Crearemos esta linda animación:

Ahora te invito a ver el tutorial para que veas lo sencillo y divertido que es animar en el modo sencillo de Clip Studio PAINT! ;)

TUTORIAL: CREA una ANIMACIÓN SIMPLE en el Modo sencillo

Recuerda activar los subtítulos en tu idioma ;)

Proceso paso a paso:

1. Creación del Proyecto

Lo primero que vamos a hacer es abrir la app de Clip Studio en nuestro dispositivo y vamos a presionar el icono que se encuentra en la parte inferior.

Se cambia automáticamente al Modo sencillo, ahora elegimos la opción de Animación, y en el tipo de documento tenemos diferentes opciones, en mi caso será el formato 16:9, 1920 x 1080px.

Y la interfaz se ve de esta forma y como novedad, tenemos la línea de tiempo en la parte inferior.

Además tenemos la opción de activar el papel cebolla en el panel de la línea de tiempo, podemos activarla en el icono de los 3 puntos.

Para trabajar en orden y de forma eficiente, en el panel de capas agregaré una carpeta.

Y dentro de esta carpeta crearé 4 nuevas capas, con el icono de +

 

Las cuales serán:

- Línea

- Sombra

- Color

- Boceto

La capa original la eliminamos porque ya no al necesitamos, para ello hacemos clic sobre la capa y activamos: Eliminar capa.

Y ahora hemos logrado que cada fotograma de nuestra animación tenga todas estas capas.

Ahora duplicaremos este fotograma en la línea de tiempo, haciendo clic sobre el fotograma y activamos: Duplicar.

¿Por que hago esto? Lo veremos un poco mas adelante ;)

Ahora seleccionamos a herramienta Pincel, elegimos la categoría Sketch y elegimos uno de los lápices para hacer el boceto de nuestra animación.

2. Boceto de la Animación

Nuestro primer dibujo será este, vamos a animar una linda hamburguesa. Recuerden que este dibujo estará en la capa Sketch.

Ahora por ejemplo, lo normal seria crear un nuevo fotograma en la línea de tiempo con el icono de +

 

Pero como puedes ver en la siguiente imagen, al crear un nuevo fotograma en el panel de capas solo tiene una capa, no la carpeta de capas que agregamos antes junto con las 4 capas que creamos, por lo mismo, la técnica de duplicar el fotograma con la carpeta y las capas, será algo que realizaremos para todos los dibujos de la animación.

 

Esto es lo que insinué antes y que ahora te expliqué :)

Entonces el fotograma vacío de la línea de tiempo que contiene la carpeta y las capas lo vamos a duplicar, haciendo clic sobre el fotograma y activando, Duplicar.

 

Y eso lo vamos a hacer también con los siguientes dibujos de la animación.

Fotograma 2

Fotograma 3

Fotograma 4

Fotograma 5

Fotograma 6

Fotograma 7

Ahora volvemos al fotograma 1, hacemos clic sobre el y lo duplicamos.

Lo tomamos y lo vamos a dejar al final de la animación.

Esto lo hice para que el ultimo dibujo de nuestra animación quede perfecto y sea un buen Inbetween.

Fotograma 8

Y para finalizar, eliminamos el último fotograma que habíamos duplicado anteriormente y que corresponde al Fotograma 1.

3. Color de la Animación

Ahora pintaremos nuestra animación, para ello en cada uno de los Fotogramas de nuestra animación seleccionamos la capa Sketch y le bajaremos su opacidad.

Primero seleccionamos la capa superior, la capa llamada Línea.

Luego seleccionamos la herramienta Pincel, en la categoría Plumilla, y elegimos cualquiera de las plumillas, en mi caso me gusta el tipo de línea que tiene la Plumilla: Rough pen.

Y en el panel de color elegimos el color de la línea que queramos utilizar.

Y tenemos la línea limpia del primer dibujo de nuestra animación.

Luego seleccionamos la capa Sketch y activamos: Ocultar capa.

Para pintar vamos a seleccionar la capa Color y luego seleccionamos la herramienta relleno.

Vamos eligiendo los colores y pintando con un solo clic el primer fotograma de nuestra animación, esto lo repetiremos con todos los dibujos de nuestra animación.

Fotograma 1 - Color

Fotograma 2 - Color

Fotograma 3 - Color

Fotograma 4 - Color

Fotograma 5 - Color

Fotograma 6 - Color

Fotograma 7 - Color

Fotograma 8 - Color

4. Timing

Ahora vamos a ajustar el ritmo de nuestra animación, será muy sencillo :)

 

Lo primero que vamos a hacer es duplicar el primer fotograma de nuestra animación.

Y lo arrastramos hasta el final de la animación.

Luego duplicamos el Fotograma 5, manteniéndolo en el mismo lugar.

Por ultimo duplicamos el Fotograma 6, también manteniéndolo en el mismo lugar.

Esta acción simplemente hará que los 3 Fotogramas que duplicamos tengan una mayor duración, lo cual hará que el ritmo de la animación sea el correcto.

 

Logrando el siguiente resultado:

5. Exportar Animación en el Modo Simple

Vamos a icono de los 3 puntos, y activamos: Exportar Animación.

Aparece esta nueva ventana en donde podemos ver nuestra animación y hacemos clic en el botón compartir, para exportar nuestra animación.

6. Animación Final

Este tipo de animaciones son perfectas para comenzar a practicar, si eres principiante en el mundo de la animación, prueba hacer esta animación, es sencilla y estoy seguro que te será divertido de hacer.

Nos vemos en el siguiente TIP!

Comentario

Nuevo

Últimas publicaciones en Oficial