Transcripciones
1. Introducción: [MÚSICA] Te encanta dibujar
en tu iPad y piensas que sería genial
dar vida a tus dibujos. Entonces esta es la clase para ti. Hola. Soy Isaiah Caroona y soy Director de
Arte Senior y docente en Skillshare y tengo varios años de experiencia trabajando en agencias de publicidad, eso está especializado en
proyectos de video que van desde videos explicativos
animados
hasta contenido social y anuncios de
difusión y la mejor parte de mi trabajo siempre
ha sido poder agregar animaciones
dibujadas a mano
a mi cliente proyectos. La animación y el desplazamiento se detienen, y tiene la capacidad de
involucrar a su audiencia. En esta clase,
crearás un divertido procrear animación
dinámica de loops mientras aprendes sobre las técnicas tradicionales de
animación, caminaremos por el proceso de
animación fotograma a fotograma. Cómo hacer que una imagen
o textos se mueven, cómo crear una animación
morphing, y cómo haces una
animación directa. No vamos a parar ahí. También te guiaré por cómo puedes combinar
estas técnicas para crear una animación más dinámica que impresionará a tu
familia y amigos. Por último, te mostraré
cómo exportar tu animación para diferentes usos para que puedas
compartirlos de la manera que quieras. Agregar animación a
tus ilustraciones es mucho más fácil de lo que piensas. No es necesario tener ninguna
experiencia previa en animación para tomar la clase. He diseñado esta clase para
ayudar a los ilustradores y a cualquier
otra persona que disfrute dibujando y tenga interés
en agregar movimiento. Todo lo que necesitas es un iPad, lápiz
Apple y
una aplicación para procrear. Procreate hace que el proceso de
animación simple y fácil de
recoger y como profesor con varias
clases de animación en Skillshare, es importante para que la animación sea
accesible para todos. Es por eso que estoy impartiendo esta clase con
procrear en lugar de un software de
animación confuso y complicado. Si estás listo para llevar tus ilustraciones al
siguiente nivel con animación, entonces empecemos. [MÚSICA]
2. Descripción de la clase: [MÚSICA] Bienvenidos a mi clase. Estoy muy emocionada de tenerte aquí. El proyecto de tu clase es hacer una animación en un ciclo usando una o más
técnicas de esta clase. Puede ser cualquier cosa, desde una simple animación de texto hasta
una divertida animación de personajes. Solo asegúrate de que me
divierta con eso. Para ayudarte a crear tu animación
personalizada, te
guiaré a través tres divertidas
técnicas de animación: Wiggle Animation, Morphing y Straight
Ahead Animation. Una vez que tengas esas
técnicas abajo, te
guiaré a través de un proyecto de
ejemplo para que puedas ver todo
mi proceso para pensar y
animar un proyecto. A continuación, llevaremos todo lo
que aprendiste un paso más allá, y te guiaré
a través de cómo combino múltiples técnicas para crear un proyecto de
animación más avanzado. De esta manera, obtendrás una
sólida comprensión de las técnicas de animación y cómo puedes aplicarlas
a lo que quieras. Las posibilidades de animación
son ilimitadas. Después en la última lección, te
guiaré a
través de la exportación tu animación en Procreate
como un GIF y un video. Si te pierdes o necesitas ayuda en
cualquier momento a
lo largo de esta clase, no dudes en dejar preguntas en la
sección de Discusión de la clase, y estaré encantado de ayudarte. Para esta clase, necesitarás un iPad con la app Procreate y
el lápiz Apple. También tendrás acceso a mi útil
guía de animación y archivos de trabajo, todos los
cuales se pueden encontrar en la sección Recursos
de la clase. Una nota importante, los recursos
actualmente no están disponibles
a través de la aplicación de Skillshare, así que asegúrate de usar un
navegador web para descargarlos. Una vez que hayas terminado
las lecciones, te animo a que te
tomes un momento para subir
tu proyecto a la Galería de Proyectos para que
todos podamos ver la
animación genial que hiciste. Estoy muy emocionada de ver
lo que hacen todos ustedes, así que comencemos con nuestra primera técnica de animación
en la siguiente lección.
3. Animación de Wiggle: [MÚSICA] En esta lección, te
guiaré a través de la técnica de animación de
meneo. El primer ejemplo por el que te
guiaré es
una animación de texto. Para empezar, he
dibujado la palabra, voy a estar animando. A continuación, voy a activar
Procrea Animation Assist. Para ello, sube y
toca el ícono de la llave inglesa, que jalará hacia arriba
el menú Acciones. A continuación, querrás asegurarte tener el submenú Canvas, selecciónalo como se muestra aquí. Ahora irás aquí y
activarás Animation Assist. Entonces ahora tenemos la línea de tiempo de
animación, que puedes ver
aquí en la parte inferior. Para animar mi texto, voy a hacer clic en Agregar marco, lo que agregará una nueva
miniatura en la línea de tiempo. Como solo quiero animar
la línea dentro del texto, voy a hacer que mi
capa de tipo sea el fondo, así que se mantenga estática
durante toda la animación. Consejo; antes de
configurar tu animación, piensa en qué
partes quieres
animadas en las que
te mantengas estáticas. Esto te ayudará a ahorrar
tanto tiempo para que puedas configurar tu animación
correctamente desde el principio. Para hacer una capa, el marco de fondo estático, tocará ese
marco para abrir las Opciones de marco y luego
alternar en el fondo. Pero, ¿qué haces si no estás viendo la opción de
toggle de fondo? Lo primero que querrías
hacer es asegurarte de que capa esté en la parte inferior
del panel de capas. De igual manera, si quieres una capa estática en la
parte superior de tu animación, asegúrate de que
sea la capa
superior en tu panel. En mi siguiente fotograma, voy a dibujar algunas
líneas onduladas dentro de las etiquetas y luego volveré a dibujar mis líneas
nuevamente en un nuevo marco. A continuación, agregaré un nuevo marco
y luego repetiré el proceso redibujando mis líneas
por tercera vez. ¿Por qué estoy haciendo esto en tres? Dibujar
fotogramas de animación en tres ayuda a crear un
aspecto de animación intencionado cuando es bucle. A continuación, voy a
reproducir mi animación. Se mueve muy rápido. Voy a tocar el Ajustes y usar
el
control deslizante de fotogramas por segundo para reducir la velocidad
a seis cuadros por segundo. Entonces ahora voy a previsualizar esa animación y
después de verla, voy a ajustar
un
poco hasta nueve fotogramas por segundo. Para encontrar la velocidad adecuada
para tu proyecto, previsualiza la animación a diferentes velocidades y ve
qué se ve mejor para ti. No hay una talla única
que se ajuste a todos. Para nuestro próximo ejercicio, apliquemos esta
técnica a un personaje. Ya tengo el Animation
Assist habilitado, y ahora voy a
ajustar mis ajustes. Voy a usar el
control deslizante para reducir la opacidad de
la piel de
cebolla y los marcos de piel de cebolla para que sea más fácil volver a dibujar mi personaje. Ahora voy a
redibujar mi personaje. Solo estoy tratando de
asegurarme de que mis líneas coincidan con el fotograma anterior ya que
solo quiero un meneo natural, no un cambio drástico
entre los fotogramas. A continuación, voy a agregar un
fotograma y me gustaría moverlo entre los fotogramas
existentes para
poder ver dónde se superponen las o para
esos fotogramas. Si te das cuenta de que tus líneas
se están apagando un poco, puedes mantener pulsada la
pantalla después de completar una línea y luego reajustarla para que se alinee mejor
como lo hice aquí. Entonces terminaré de dibujar
el resto del personaje. A continuación, voy a reproducir la animación para
revisar el resultado final. Una vez más, voy
a tocar Ajustes y reducir los fotogramas por
segundo y volver a reproducir. Mirando hacia atrás,
voy a refinar algunas de esas líneas y luego
volver a reproducir para asegurarme de
que estoy feliz. Para recapitular. En esta lección, hablamos
sobre cómo crear una
animación de Wiggle en bucle simplemente trazando un dibujo
o textos dos veces. Entonces en entonces la siguiente lección, te
guiaré a través de
la transformación de una animación.
4. Transformación: [MÚSICA] En esta lección, te
guiaré a través de cómo crear una animación morphing. Empecemos con nuestro personaje
animado de la última sesión. Voy a tocar “Agregar
fotograma” para crear un marco completamente nuevo
y ahora voy a dibujar un nuevo personaje
que esté dentro
del mismo espacio que el personaje
original. Ahora bien, esto es importante ya que ayudará a que el efecto
morphing sea más transparente si son
relativamente del mismo tamaño. A continuación, voy a tocar
el fotograma anterior y
luego tocar “Agregar marco”. Quizás te estés preguntando, ¿por qué agregué un nuevo marco
antes del marco que acabo de dibujar? Esta es en realidad una práctica
de
animación tradicional de dibujar primero los fotogramas clave o fotogramas
primarios y luego entrar y dibujar
los fotogramas intermedios. Entonces para este proyecto, voy a dibujar marcos que mostrarán la progresión
del morph del primer
personaje al segundo. Entonces los personajes
van a ser esos fotogramas clave primarios. Entonces con el primer fotograma
intermedio, estoy redibujando el
primer personaje ya que comienza a transformarse en el segundo. Entonces para el segundo fotograma, quiero que este fotograma sea un término medio entre
los dos personajes. Entonces para el tercer fotograma
intermedio, este estará más cerca del segundo personaje
y luego
voy a agregar en otro fotograma. Entonces esta vez, voy a redibujar
el segundo personaje súper cerca de su forma final. A continuación,
reproduciré la animación. Ahora, voy a repetir el proceso de meneo con
un segundo personaje. Entonces, cuando se reproduce, el segundo personaje se
moverá como el primer personaje. Al igual que con la lección anterior, para que el segundo personaje
tenga el efecto meneo, volveré a dibujar ese personaje
final dos veces y luego
jugaré toda la animación. Esto se ve divertido porque
la animación apenas está saltando del
fotograma final al primer fotograma. Para crear una verdadera animación en
bucle, necesitamos cambiar nuestra configuración de
“Loop” a “Ping-Pong”. Ahora cuando se toca, en
realidad dará
la impresión de que está vueltas de un lado a otro
entre los personajes. Para recapitular, en esta lección, creamos una
animación de morphing dibujando primero
los dos personajes que sirvieron como marcos clave o primarios, y luego dibujando los
fotogramas intermedios que mostrarían la progresión del personaje
transformándose en otro personaje. En la siguiente lección, te
mostraré la técnica de
animación sencilla.
5. Animación recta por delante: [MÚSICA] En esta lección, te
guiaré a través de la animación
recta, que es cuando dibujas una secuencia de animación
fotograma a fotograma de principio a fin. Esta técnica es ideal para adornos y efectos
visuales donde se
desea crear una animación
líquida
o una acción espontánea. Como solo estaré
animando los acentos de luz, haré de la capa de la bombilla mi marco de fondo estático, y luego la nueva capa, dibujaré puntos donde comenzarán los acentos de
luz, y luego agregaré
un nuevo marco y
dibujaré una línea corta desde
los puntos hacia afuera, y luego en un nuevo marco, volveré a dibujar la línea
un poco más lejos, y luego continuaré las líneas más largas en un nuevo marco. En el siguiente marco en blanco, comenzaré mis líneas un
poco más lejos ya que quiero que los acentos
se estrechen a medida que se extienden. Para crear una transición más suave, agregaré un rastro de puntos
de las líneas para representar
el efecto de ahusamiento. Este proceso de estirar y machacar es un
principio de animación, que hace que tu
animación se vea más lo
que hace que tu
animación se vea más
realista ya que da
la ilusión de gravedad, y luego voy
a agregar un nuevo frame, y aquí voy a reducir
los marcos de piel de cebolla para
ayudarme a ver mejor dónde deja
el último fotograma, y voy a repetir estos
pasos desde el último fotograma al seguir teniendo el disminuyendo a medida que sigue
extendiéndose hacia afuera, y luego repetiré
los pasos nuevamente y otro fotograma con la línea continuando haciéndose
más corta a medida que sale, y luego en un nuevo marco, voy a seguir dibujando más corto. Continuaremos con el
proceso hasta que queden solo unos puntos al final. En esta última parte
de la animación se realiza utilizando menos dibujos, lo que dará la
ilusión de que la animación se está acelerando a medida
que va hacia afuera. Jugar con el tiempo
de tu animación te
va a dar una animación
más dinámica. Por último, agregaré
un nuevo marco en blanco, que mostrará que los acentos
se han ido por completo. A continuación, voy a agregar un
agujero al último fotograma, que puedas notar fácilmente que
los acentos han desaparecido antes de que la
animación vuelva al inicio, y luego jugaré
la animación completa, y esto se ve muy bien. En esta lección, discutimos
varios principios de animación. Primero, hablamos de la animación
directa, que es cuando dibujas
una secuencia de animación fotograma a fotograma
de principio a fin. Luego discutimos el
tiempo y cómo
puedes usar el número de
dibujos desde el principio hasta el final de tu
animación para representar cómo la animación se
acelera y se ralentiza. Por último, esta lección discutió el
estiramiento
y la trituración y cómo este principio de animación crea la
ilusión de gravedad, peso y flexibilidad, lo que hace que tu animación
se vea más realista. Luego, la siguiente lección, te
guiaré a través mi proceso completo para crear
tu proyecto de clase.
6. Animación de tu proyecto: En esta lección, te
guiaré a través mi proceso para crear
el proyecto de clase. El primer paso es
configurar tu archivo. Voy a usar 1080 por 1080, pero siéntete libre de personalizar tamaño de
tu archivo para que
se ajuste a tu propósito. A continuación, seleccione su tema. Para mi ejemplo, estaré
animando las palabras nueva clase. A continuación, anima tu sujeto
usando una o más técnicas. Por último, exporta tu animación
como regalo o video. Paso 1, animando el contorno. Para empezar, voy a
volver a dibujar solo el contorno de mi animación de texto dos veces
para obtener un efecto de meneo. Es importante comenzar primero
el esquema y obtener esa animación justo antes agregar los detalles para colorear. Ahora voy a repetir el mismo proceso y volver a dibujar
mi texto por segunda vez, lo que creará mi
tercer fotograma de animación. Al igual que antes,
reproduciré la animación y ajustaré mis fotogramas por segundo para obtener la velocidad adecuada
para mi animación. A continuación, entraré y
arreglaré cualquier área donde
las líneas estén variando
demasiado o se vean extrañas cuando se juega. Sin embargo, en este paso, habrá mucho ida y
vuelta
de arreglar y reproducir la animación hasta que esté
contento con el look final. [MÚSICA] Paso 2, agregando
color y detalles. Una vez que esté contento
con los contornos, voy a agregar una nueva capa en
blanco y caer
en mi primera capa de texto
para crear un grupo de capas. A continuación, voy a
elegir mi punta de color. Puede tocar
la capa de contorno y seleccionar la capa de
referencia para
permitirle soltar fácilmente su color sólido en sus contornos en
su nueva capa en blanco. Entonces reordenaré
las capas dentro
del grupo para que el color
quede debajo del contorno. Entonces voy a repetir este proceso con el segundo formulario de esquema. A continuación, lo repetiré nuevamente con el tercer marco de
esquema de texto. Ahora voy a agregar un nuevo marco en blanco
al grupo de capas, y con un color más claro, voy a dibujar resaltados
en mis letras para
darle a mis textos algo de
carácter y dimensión. Repetiré este proceso con los otros dos fotogramas y rápidamente reproduciré la animación. Ahora, voy a
agregar una nueva capa y dibujar sombras en mi texto. Estos son detalles simples, pero realmente traen
mi texto a vivir. Una vez más, voy a repetir la sombra en los
otros dos fotogramas y reproducción para revisar toda
la composición y hacer cualquier
refinamiento según sea necesario. Eso es. Para recapitular
el proceso comenzamos seleccionando
algo para animar, luego comenzamos nuestra animación simplemente dibujando los
contornos y obteniendo
la animación justo antes agregar el color
en los detalles al final. En la siguiente lección, te
guiaré a
través de un ejemplo de un proyecto que utiliza
múltiples técnicas.
7. Aplicación de múltiples técnicas de animación: [MÚSICA] En esta lección, te
guiaré a través de
un proyecto que utiliza múltiples
técnicas de animación a la vez. Para comenzar, desglosemos los diferentes elementos
de la animación. La primera parte que tenemos
son nuestros elementos estáticos, que es el tiempo de ir. Ya que están por encima
de las líneas onduladas, tendré esta
configuración de capa como mi primer plano. La segunda parte de
esta animación son aquellas líneas onduladas que
utilizan la técnica de meneo. La tercera parte de esta
animación son los destellos, los cuales están usando la técnica recta
adelante similar
al ejemplo de animación de bombilla por el que te
acompañé
anteriormente en esta clase. Vamos a recorrer
mi proceso para animar el brillo en la parte superior
de la animación de meneo. Para empezar, voy a dibujar una forma de diamante y
el primer cuadro, y luego en el segundo cuadro, voy a dibujar el diamante
cada vez más grande. Para que esto sea más fácil, voy a agregar en los
fotogramas en blanco a cada grupo de capas. Volviendo a un tercer fotograma, voy a redibujar el brillo pero hacer que
los puntos se extiendan. Después tocaré
la capa en blanco y el siguiente grupo de capas o
marco de capas y volveré a dibujar el brillo, rotarlo un poco y la parte
interna un
poco más pequeña y los
puntos más puntiagudos. En la siguiente capa en blanco, bajaré mi tamaño de trazo
y volveré a dibujar el brillo, rotarlo un poco más y más pequeño que el fotograma anterior. El siguiente marco en blanco, volveré a dibujar el brillo, lo
rotaré más y lo rellenaré. El siguiente marco en blanco, voy a dibujar una forma
girada más pequeña. Después el último fotograma, voy a borrar la capa
en blanco ya
que quiero mostrar el brillo se ha desvanecido
por completo. Ahora voy a reproducir mi animación para
ver cómo se ve. Eso se ve súper genial. A continuación, te voy a mostrar una técnica que te va
a permitir duplicar
cualquier elemento animado para que puedas ahorrar tiempo y no tengas que
volver a dibujar nuevas animaciones. Lo primero que
voy a hacer es
pasar por y duplicar
cada capa de brillo. A continuación, voy a seleccionar todas esas capas duplicadas
que acabo de crear. Con ellos aún seleccionados, voy a dibujar ese brillo desde la esquina inferior izquierda
hasta la parte superior derecha. Por último, voy a pulsar “Reproducir” para
ver esta animación final. Como puedes ver, esta es una manera fácil de
duplicar elementos animados, lo que hace que tu animación final más compleja e interesante. Para recapitular, aprendimos en esta lección cómo
usar los grupos de capas para animar múltiples
elementos al mismo tiempo, e incluso cómo duplicar elementos
animados. Puedes utilizar esas
animaciones en múltiples áreas. En la siguiente lección, te
guiaré a través de
cómo exportar tu animación.
8. Cómo exportar tu animación: [MÚSICA] En esta lección, te
mostraré
cómo puedes exportar una animación como un
GIF y un video. Para comenzar, ve
al menú Acciones y luego
selecciona el submenú Compartir, que te dará
todas las opciones para exportar un proyecto
en Procreate. Para exportar como un video, baje y toque MP4 animado. Aquí podrás ver una
reproducción de tu animación. Ahora toca el botón Exportar aquí. Después para exportar un GIF animado
transparente, necesitaríamos ir
primero
a los paneles de capas y luego desactivar la capa de color de
fondo, que será la
última capa en la parte inferior
del panel de capas. Ahora tenemos un fondo
transparente. A continuación, vuelve al menú
Acciones y debajo de las opciones de Compartir
toca, GIF animado. Puedes ver que tenemos un GIF de looping
transparente. Ahora toca el
botón Exportar y ahí tienes. Ahora has exportado
tu animación. Para recapitular, en esta lección aprendiste a exportar
tu animación como video, así
como a
exportarla como GIF y a hacer que tu
animación sea transparente. Ahora ya estás listo para crear tu propio proyecto de animación y exportarlo para
compartirlo con el mundo. En la siguiente lección, vamos a terminar esta clase. Nos vemos ahí.
9. Reflexiones finales: [MÚSICA] Enhorabuena por
completar esta clase. Espero que hayas creado un proyecto de animación que estés emocionado de
compartir con el mundo. A lo largo de estas
lecciones y ejercicios, hemos discutido tres
divertidas técnicas de animación, caminamos por mi proceso
para animar un proyecto, aprendimos a combinar técnicas de
animación para crear animaciones
más avanzadas
y, por último, cómo
exportar tus animaciones. Espero que esta clase te
haya demostrado lo divertida y fácil que puede ser la animación y espero que te haya
inspirado a aplicar estas habilidades a futuros proyectos de
animación. Estoy muy emocionada de
ver lo que creas. Asegúrate de publicar tu trabajo en
la sección
de proyectos de la clase. Compartir su trabajo con la comunidad
Skillshare es una excelente manera de seguir creciendo y ayudar a
inspirarse mutuamente. Si disfrutaste de esta clase y te
parecieron útiles las lecciones, entonces por favor tómate un momento
para dejar una reseña. Las críticas positivas como la suya ayudan a otros estudiantes a
encontrar esta clase. Gracias de nuevo por tomarse
el tiempo para tomar mi clase y espero
verte pronto en el futuro. Adiós por ahora. [MÚSICA]
Isaiah Cardona, Art Director & Motion Designer
