De ilustración a animación utilizando Clip studio desde 0!
Video:
Hi! mi nombre es Iarlis y hoy les vengo con un tutorial de como hacer una ilustración con movimiento.
Este es un tutorial para principiantes, desde un poco de concepto animación para que puedas darle vida a tus ilustraciones!
Lo que haremos será algo parecido a estos ejemplos de comisiones <3
Ejemplos:
Paso 1: Boceto + Explicación de la linea de tiempo
Es importante ya marcar en el boceto el movimiento que haremos en la ilustración. Obviamente algunos lo hacen en el momento, pero al hacer una animación sencilla, debemos marcar los puntos importantes.
Ejemplo: movimiento de ojos, cabello, ropa, etc!
Consejo:
Si es tu primera vez animando, te recomiendo que hagas movimientos simples: parpadeo, cabello, paisaje. A veces, menos es más.
Línea de tiempo
Vamos a crear la línea de tiempo, Activan en “ventana” —> línea de tiempo.
Lo dejaremos en predeterminado.
1: Es la carpeta de animación, es una carpeta donde podemos poner varias capas para organizar. Es como una carpeta normal pero esta es exclusivamente para animación.
¿Por qué no poner una carpeta normal? La carpeta normal queda registrada en toda la línea de tiempo. Esto quiere decir que no podemos acortarla ni alargarla.
2: Es la capa de cebolla o papel cebolla, seguro que la mayoría lo habéis oído. Sirve para ver el dibujo anterior y posterior para guiarnos entre los fotogramas.
3: Esta es la conocida celda de animación. Aparece como una capa dentro de la carpeta de animación y con su ayuda podemos crear la secuencia.
Boceto animado + concepto de animación
ya entendiendo un poco sobre la línea de tiempo, pasaremos a clasificar el boceto. Vamos a bocetar la animación.
Un concepto básico de animación es que cuanto más fotogramas tengas juntas ( más dibujos) es más lento es el movimiento. Y cuanto más alejadas estén los dibujos, es más rápido.
Si querés hacer una animación más compleja con movimiento, te recomiendo que hagas las conocidas poses claves. Pero en este tutorial solo me centraré en una animación simple.
Ejemplos de práctica de animación que hice en mi universidad <3
Si te interesa animaciones complejas, este tip oficial de clip studio lo explica más detallado
1)Las carpetas normales se puede utilizar como organización ( como en mi caso).
2) Las carpetas de animación si o si son obligatorias a la hora de animar ya que nos permite movernos por la línea de tiempo.
Como boceto animado haré solo parpadeo, humo del café, celular y pupilas.
Lo demás será animado en After effects
Paso 2: Lineart y color
EL paso del lineart y color es lo mismo como hacemos para una ilustración. En la ilustración normal usamos las carpetas normales y en el lineart de animación utilizaremos las carpetas de animación que expliqué anteriormente.
Para guiarse con el color de la animación utilicen varias carpetas de animación, NO hagan todo el fullcolor en una sola capa porque sino será difícil a la hora de ir al otro fotograma. Sepárenlo por : Lineart, Color base, sombra, brillo.
Para que no quede todo desprolijo a la hora de ver tantas carpetas de animación, ordennelo con las carpetas normales.
Cabello : preparación de los mechones
Para el cabello vamos a separar los mechones: BASE estática y luego los mechones divididos. En la parte del cabello no hace falta la carpeta de animación ( lo iba hacer en clip studio pero decidí hacerlo por after para enseñarles, por ello está la carpeta de animación)
Si se ve raro sin cabello jaja. El cabello base será lo que no se moverá.
Asi que! Hay que prepararlo todo para luego pasarlo after. Haremos el cabello como solemos hacerlo pero separando los mechones para dejarlo preparado.
En este momento estoy separando los mechones por PARTE A y PARTE B que serian los flequillos y subdividir los mechones.
Esto me sirve para que a la hora de exportarlo en PNG y agregarlo en el after pueda tener un mejor orden y no perderme.
Paso 3: Exportación para agregarlo al After
La exportación lo haremos así. Exportaremos la animación pero ocultarmemos las carpetas que debemos animar luego en after effects. En mi caso serían los mechones y otras cositas más como logos y símbolos.
Exportación de animación:
Ocultaremos las carpetas que dejamos para luego importarlo en el after effect. La animación que no vamos a modificar y que hicimos en CLip studio lo exportáremos como película.
Recomiendo que siempre coloquen color a las carpetas que animaran en otra parte. En este caso el morado son las carpetas que voy animar en after effect
Quedaría de esta manera antes del after effects.
Exportación PNG para after :
Se acuerdan del humo que realice al comienzo? esa es una animación que agregaré en el after pero ¿Cómo lo exportamos? Lo exportaremos como secuencia de imágenes.
Entonces los pasos a seguir serían este:
Archivo -> exportar animación -> secuencia de imágenes
Para los mechones vamos a respetar el orden. No exporten todo completo sino cada mechón con su respectivo nombre. Es tedioso pero nos ayudará cuando lo importemos.
AFTER EFFECTS
importación de archivos
RECOMENDACIÓN : vean el video para entenderlo mejor. Trataré de explicarlo por aqui.
Para el cabello debemos “anclar” por así decirlo
De esta manera el pelo se moverá pero en el lugar y no a cualquier parte.
Okey tenemos la rotación, lo haremos simple haha.
activemos el fotograma ( lo que esta al lado de rotación ) y nos moveremos por la linea de tiempo y cambiaremos el número. En mi caso pondré 7. Y luego al final pondremos de nuevo 0 para crear el bucle.
Para exportar la animación debemos ir a :
Archivo-> exportación ->añadir a cola de Adobe encoder o sino de procesamiento.
Podemos exportarlo en png como secuencia de imágenes o sino h.264.
En mi caso de las dos maneras porque quiero mejorar ciertos detalles y agregar cositas en Photoshop <3
Resultado:
Asi que nunca se limiten <3 y espero ver sus hermosas animaciones!
Comentario