Transcripciones
1. Introducción: Aprender animación dibujada a mano puede ser desalentador. Tratar de entender los marcos, cómo funcionan, e incluso si lo que imaginaste saldrá bien al final. Me gusta crear animaciones simples, en
looping de objetos, o agregar otra dimensión a mis ilustraciones. Oye, soy Smitesh Mistry, diseñador
gráfico, ilustrador, y animador autodidacta. En la clase de hoy vamos a estar cubriendo los fundamentos de la animación
dibujada a mano a través de la creación de una bola rebotante. Diré que esta clase es perfecta para el principiante. lo mejor estás empezando con la animación o tal vez estás animando por un tiempo, o incluso si eres un diseñador gráfico o un ilustrador que quiere empezar a agregar movimiento a tu trabajo, yo diría que es una clase perfecta para empezar con eso . Aprender animación dibujada a mano siempre es habilidad útil para tener en tu caja de herramientas, ya sea que vayas a crear una animación independiente o si vas a agregar movimiento a una ilustración para provocar cierta emoción en silencio. Un beneficio de usar Procreate para aprender animación es que es sencillo y fácil empezar. Tiene un montón de herramientas y características que me pareció muy útil, sobre todo al iniciar con animación. Pero también porque uso Procreate como mi herramienta principal a la hora de crear ilustraciones, es súper sencillo para mí agregar animación a ilustraciones existentes. las principales secciones de este proyecto se incluirán: dándote un
recorrido de la función de asistencia de animación dentro de Procreate, repasando algunos de los principios de la animación, entre ellos el tiempo y el espaciado, squash y estirar, frenar, desacelerar y poner en escena, luego terminar explorando nuestro proyecto. Me emociona dar esta clase no porque sea un profesional, sino porque estaba en una situación similar donde no sabía nada de animación. Pero a través de la experiencia y viendo múltiples tutoriales y experimentando, lo
desglosé en pasos que me ayudaron con el fin de que te animaras. Al final de la clase, te tendremos bien en tu camino,
creando tus propias animaciones dibujadas a mano, dándote la confianza para iniciar proyectos desde una idea hasta tu finalización. Entonces tomemos tus iPads y tus lápices, y vayamos a ello.
2. Proyecto: El proyecto de hoy será crear una animación saltando de una bola rebotando dentro de un ambiente de tu elección. El motivo por el que he elegido este proyecto es porque este fue el primer proyecto que aprendí cuando empecé con animación. De verdad llegué a agarrar y entender los fundamentos de crear una pelota para rebotar, y siento que me puso muy bien para crear proyectos mucho más complejos y mucho más difíciles. Entonces dentro de esta clase, lo
he desglosado en pasos sencillos y fáciles de seguir, sobre todo si apenas estás empezando con la animación. En un principio, voy a empezar por pasarte por las funciones de asistencia de animación dentro de Procreate. Después pasa al tiempo y el espaciado, seguido de facilidad de entrada y facilidad de salida y squash y stretch lo que le dará a tu animación una sensación de realismo y luego finalmente la terminamos estilizando tu animación a través agregar sombreado y textura y luego agregando un fondo a la animación. Entonces finalmente estaremos terminando con exportar tu animación para que
puedas compartirla abajo en panel de proyectos a continuación o en redes sociales. Para preponerte para esta clase, te recomendaría después de cada lección, realmente tómate algún tiempo para practicar lo que cubre la lección para darte una mejor base y que en general te dará un buen resultado al final. Por lo que quieres agarrar tus lápices de Apple y los iPads y vamos a llegar a hacer estas bolas de pelota.
3. Guía: En esta primera lección, te
voy a dar un rápido paseo por las
características de la serie de animación dentro de Procreate comenzando por cómo dos lo encienden, cómo acceder a una nueva ciertas opciones como pelado de cebolla y los frames per segundo y luego solo mostrándote todas las herramientas que estaremos utilizando dentro de esta clase. Al final de esta clase, tendrás una buena comprensión de la función de
asistencia de animación y dónde están ciertas herramientas. Abramos procrear. Cuando lo abres por primera vez, esta es la pantalla con la que te presentan. Obviamente, he creado proyectos antes por eso puedes ver otros proyectos aquí. Pero para esta clase, vamos a crear un nuevo proyecto haciendo clic en el icono más en la esquina superior derecha y luego seleccionando el tamaño de pantalla, independientemente del iPad que tengas, tamaño de
pantalla estará ahí. Vamos a tocar eso. Para empezar, solo les
voy a dar una breve visión general de dónde está todo. En el lado izquierdo aquí, aquí es donde tenemos nuestros controles de pincel, donde el de arriba es donde controlas el tamaño del pincel y luego el de abajo es donde controlas la opacidad del pincel, así que cómo ver a través del pincel es. Aquí arriba en la parte superior está tu configuración. Aquí es donde estaremos encendiendo nuestra asistencia de animación y luego por aquí a la derecha, es donde seleccionas tu herramienta de pincel, tu herramienta de borrado, tus capas, y tus colores. Para meternos en ello, vamos a estar encendiendo primero nuestra asistencia de animación. Entonces ve esto, vamos a estar dando click en la Llave en la parte superior izquierda, asegurándonos en lienzo y luego aquí en animación asistente vamos
a estar encendiendo eso y luego a medida que enciendas eso, verás esta barra aparece en la parte inferior. Por lo que algunas de estas características dentro de la asistencia de animación que estaremos utilizando durante esta clase son la configuración y agregar marco. Cuando mientras estamos haciendo la animación, te
estaré guiando a través de esto, pero solo un breve resumen. Para agregar un marco hay dos formas en las que puedes hacerlo. Una es haciendo clic en agregar marco aquí abajo y mientras lo
haces, ves que aparece otro marco, o la segunda forma de hacerlo es en tus capas; si agregas una nueva capa, se hará
un nuevo marco. Capa tres ahí y luego como viste en otra aparecieron y cuanto más lo hagas, puedes ver que las capas aparecen. Entonces aquí abajo en los ajustes, aquí es donde podemos controlar la animación, la forma en que juega. Si queremos que la animación salte, si queríamos ping-pong, o si lo queremos en un solo tiro y luego aquí abajo, tienes los fotogramas por segundo para esto determina qué tan rápido quieres que se reproduzca la animación. Entonces cuántos cuadros quieres jugarlo por segundo. Aquí abajo está desollando. Aquí es donde puedes controlar todas las capas que tienes. Cuántos de los anteriores o los marcos por venir que quieres ver. Entonces aquí está la opacidad de los sindicatos pueden tinta. Tan dependiente cuántas capas quieras que se vean
dependerá de la opacidad de esas capas y luego para los dichos, no
estaremos usando eso en esta clase, pero eso es suma a ahora omega en más adelante. Antes de comenzar la siguiente clase, te recomendaría familiarizarte con la interfaz, sobre todo si es la primera vez que la usas. En la siguiente lección, te estaré enseñando el tiempo, espaciado y el camino de animación. Te damos una comprensión más profunda de cómo el espaciado y el tiempo de tus fotogramas
afectarán la velocidad de movimiento y luego la trayectoria de animación que guiará a los objetos que estaban destinados a moverse.
4. Tiempo y espaciado: En esta lección, estaré explicando el tiempo, y el espaciado, y el camino de animación. Te explicamos cómo el camino de animación es como esqueleto para tu animación y te muestra cómo configurarlo como fondo para que sea visible en cada fotograma, tinta anime de riqueza. Entonces en segundo lugar, el tiempo y el espaciado explicándote esto afecta la velocidad de tu animación, ya sea que quieras que el objeto se mueva rápido o que el objeto se mueva lentamente. Te estaré dando demostraciones y mostrándote ejemplos de lo que quiero decir en esta lección. En primer lugar les voy a mostrar algunas bocanadas de animación simples que
se pueden usar antes de entrar en crear la que vamos a estar usando. Aquí tenemos esta recta, una ondulada, y el camino en zigzag. Como puedes ver, cada bola se mueve de manera diferente, pero todo sigue el camino que aplicamos, que te voy a mostrar en breve. Para empezar a trazar nuestro camino de animación, vamos a empezar por ir a la herramienta de pincel y luego seleccionar un pincel duro. He creado una carpeta separada pero para esta lección, vamos a querer caligrafía y luego seleccionar monoline. Después para cambiar el color, voy a usar un color más oscuro, así que voy a tocar el icono de color en la parte superior derecha, y luego voy a arrastrar todo el camino hacia el negro. Voy a asegurarme de que mi pasado Ceilán esté lleno y luego mi tamaño de pincel sea un poco más pequeño. Para empezar, voy a sostener el bolígrafo en la pantalla, arrastrarlo hacia abajo. Si bien pego mi bolígrafo en esta pantalla y como pueden ver, se rompe a una línea recta. Voy a sostener mi dedo hacia abajo, por lo que se brota verticalmente. Entonces voy a soltar mi pluma. Esto va a ser en una sola capa. Todavía no he activado mi asistencia de animación. Entonces voy a empezar poniendo un indicador en la parte superior, un indicador en la parte inferior. Entonces voy a pasar por la mitad cada sección, así que voy a hacer uno aquí, uno aquí, aquí, y sólo voy a la mitad otra vez. En cada sección sólo voy a la mitad. Ahora lo hemos trazado,
así que lo que voy a hacer es encender mi asistencia de animación, igual que lo hicimos antes. Ahora hemos creado esto, voy a añadir un nuevo marco para que podamos empezar en el balón. En la capa que acabamos de crear, voy a tocar eso, ponerla como fondo. Lo que esto nos permite hacer es dibujar marcos por encima de él mientras que esto está en el fondo ininterrumpido. Ahora voy a tocar de nuevo la capa que acabamos de crear. Voy a empezar a usar cada indicador como punto central de un círculo. Vamos a dibujar un círculo para cada indicador que hemos dibujado, asegurándonos de que la forma esté cerrada, atrapar el punto en la forma que acabamos de dibujar. Voy a repetir esto para cada uno, así que voy a añadir otro marco. Como puedes ver, se muestra dónde está nuestro fotograma anterior, esto te será útil más adelante. Pero por ahora sólo vamos a dibujar un círculo, tratar de mantener el círculo del mismo tamaño para cada indicador. Yo sólo voy a hacer esto rápidamente a todos ellos, y luego una vez que hayamos terminado, mostraré el resultado final. Ya terminamos eso, después para ver qué hemos creado antes de presionar play, voy a ir a ajustes, asegurándome de que esté on loop, luego voy a tocar play. Como pueden ver, tengo una pelota moviéndose por la pantalla. Si quisieras volver a subir, voy a ir a la configuración y seleccionar ping-pong. Como puedes ver, es como el balón de ping-ponging entre los dos puntos, el fondo y la parte superior. Un consejo que recomendaría con esta parte de la animación es realmente llegar a agarrar con entender cómo funciona la velocidad, si quieres que un objeto sea rápido o si quieres que un objeto se mueva lentamente. Yo recomendaría realmente hacer jugar con esto antes de pasar a la siguiente lección. Tan solo tienes que hacer frente a si quieres que un objeto se mueva rápido, lo que necesitas hacer, y si quieres que un objeto se mueva despacio, lo que necesitarías hacer. Tan sólo un resumen rápido de esta lección. Te mostré cómo crear una guía y establecerla como fondo, para que puedas usar eso a lo largo de tu animación. Entonces en segundo lugar, te mostré cómo
funcionan el tiempo y el espaciado para crear velocidad dentro de tu animación. En la siguiente lección, te estaré enseñando lento y despacio. Combina lo aprendido en esta lección juntos, teniendo un objeto moviéndose de una velocidad rápida a una velocidad lenta. Te veré en la siguiente clase.
5. Acercar y alejar con facilidad: En esta lección, te estaré enseñando despacio y despacio. Aquí es donde estaremos alterando el espaciado entre ciertas secciones de la trayectoria de animación para dar la ilusión de que la bola se está acelerando o desacelerando comparación con el movimiento lineal que creamos en la lección anterior. Te estaré mostrando diferentes demostraciones de cómo diferentes tipos de espaciado te pueden dar diferentes movimientos donde eso es bastante caricatura o bastante realista. Te estaré caminando por los pasos de cómo crear esto y al final de esta lección, tendremos el balón rebotando en un movimiento realista. Aquí tengo dos ejemplos. Uno con lentitud y desaceleración aplicada y luego uno con intervalos lineales como lo hicimos en la lección anterior. Voy a jugar esto para sólo para mostrarte la diferencia. Ambas bolas, ambas
tienen la misma cantidad de marcos clave y la misma cantidad de intervalos. Pero todo lo que he hecho es alterar en el espacio entre ellos. Como se puede ver con el de la derecha con el lento en costado, va mucho más rápido que el centro de un movimiento y se ralentiza hacia los extremos donde cambia de dirección. tanto que lineal uno, parecía muy robótico en la forma en que se mueve. Estos son los dos caminos de animación creados. Como se puede ver aquí, el espaciado entre estos tiene fila bastante uniforme, mientras que estos de aquí, esto es mucho más pequeño en comparación con esto. Como queremos que el balón se mueva rápido aquí y el balón se mueva despacio aquí. Esto se puede aplicar en otras partes de la animación, pero para esta clase, esto se convertiría en un paso importante cuando estamos produciendo nuestra bola rebotante. Antes de nuevo para mostrarte cómo trazar esto, déjame mostrarte otro ejemplo de cómo cambiar las ratios puede agregar un poco de carácter y exageración a la animación. Como se puede ver aquí en estos dos ejemplos, uno es bastante muy moderado, pero luego el otro es mucho más exagerado, donde el balón se mueve extremadamente rápido en el centro y luego mucho más lento hacia el borde. Esto lo he hecho agrupando los marcos clave hacia los bordes del camino donde el balón está cambiando de dirección. Esto se puede usar para ayudar a un buen personaje a tu animación y exagerar ciertas características. Ya sea como un balón que se ralentiza como vamos a estar haciendo, o dependiendo de dónde más quieras hacer. Para comenzar nuestro proyecto, vamos a estar empezando dibujando trayectoria de animación con el indicador más lento y lento está marcado en. Para empezar, déjame dibujar una línea central, manteniendo el bolígrafo en la pantalla, escribiendo con un dedo para chasquearlo y luego soltarlo. Voy a empezar con los dos puntos finales como esto donde queremos que el balón se detenga,
y aquí es donde queremos que nuestro balón rebote. De la forma en que voy a hacer esto es que queremos que el balón se esté desacelerando un poco en la parte superior y luego ligeramente en la parte inferior cuando cambie de dirección una vez que golpee la superficie. Voy a estar haciendo tres puntos para que el balón se esté moviendo, teniendo estos bastante espacio fuera, y porque queremos que el balón se esté moviendo mucho más despacio hacia arriba, voy a estar sumando mucho más fotogramas clave. Entre estos dos puntos, voy a estar haciendo uno en el medio. Nuevamente cuanto más me acerque a este punto, voy a estar añadiendo más fotogramas en. Voy a acercarme un poco más. Entonces un poco más cerca otra vez, y luego otra y luego a la derecha en la parte superior. Podría acercar para esto. Voy a hacer una más. Estos están muy agrupados juntos. Cuando en la parte inferior, lo explicaré más tarde, pero sólo voy a tener un marco clave ahí. Cuando lleguemos a la siguiente lección, vamos a estar agregando algo llamado squash y stretch, que se sumará en todos los fotogramas clave, pero lo haremos a través del movimiento. Yo estaba pellizcando marcando para volver a dispararlo a pantalla completa. Ahora que hemos jugado nuestro camino de animación, vamos a empezar dibujando nuestro balón ahora. Voy a crear una nueva capa. Entonces sólo camino de animación que
creamos, queremos llevar eso al frente. Voy a desmarcar el fondo, quiero arrastrarlo frente a la nueva capa que acabamos de crear. Voy a tocar eso y luego seleccionar primer plano. Después haga clic de nuevo en la capa que creamos. Ahora voy a seleccionar el color en el balón que quiero para este proyecto. He creado un poste aquí, que voy a poner en la descripción abajo con los códigos que puedes escribir aquí. Voy a seleccionar el verde, y luego me voy a asegurar que el pincel esté en la línea mono uno que entra en caligrafía. Entonces voy a entrar y empezar a dibujar el balón. Yo quiero una pelota de tamaño decente para que podamos verla. Dibujé el círculo, cierro la forma, y luego mantuve mi bolígrafo en la pantalla. Voy a tocar con un dedo para que sea un círculo y luego soltar el bolígrafo, voy a editar mi forma, y luego la voy a llevar más o menos al centro de la marca superior que creamos. Yo estoy contento con eso. Voy a arrastrar el punto a la forma y luego llenarlo. Voy a hacer lo mismo con cada uno de estos. Para duplicar esto, para asegurarme de que la pelota se mantenga del mismo tamaño, voy a ir a mi panel LED aquí arriba en la parte superior derecha, deslizar a la izquierda en la capa y luego tocar “duplicar”. Se puede ver que duplica esa capa, y si agrego otro fotograma aquí abajo, haciendo clic en mi función dormía, y la voy a arrastrar hacia abajo cada vez tan ligeramente, solo para que coincida con el siguiente fotograma. Como se puede ver, hay una sombra detrás, pero sólo para aumentar nuestra sombra, vamos a reducir a tres el despellejo [inaudible],
para luego subir la opacidad sólo para que podamos ver el fotograma anterior. Ahora voy a hacer esto por cada cuadro. De nuevo, capa, desliza, duplica, haz clic en la selección, arrástrala hacia abajo siempre tan ligeramente, y luego de nuevo, duplica. Voy a hacer esto rápidamente y te alcanzaré en breve. Si nos aseguramos de ir en ajustes y luego tocamos estos dos ping-pong y luego presionamos play. Deberíamos tener un balón rebotante donde vaya despacio la parte superior, rebota y luego hojas de respaldo como se puede ver. En la siguiente lección, vamos a estar construyendo sobre este squash y estiramiento libre, donde estaremos cambiando la forma de este balón cada vez tan ligeramente, Solo para sumar al movimiento. Cuantificado recomendar con lento en su ley es realmente entender cómo funciona el espaciado, donde lo tienes apretado juntos en la parte superior están bastante espaciados hacia abajo. La parte más rápida en movimiento, ya que esta parte es lo que le da un realismo a tu animación ya que los objetos en tu vida no se mueven linealmente, generalmente
se mueven lentamente a cámara rápida y luego se ralentizan, o comenzarían apagado lento y luego terminar rápido. Entender esta parte de la animación realmente agregará un sentido de realismo a tus proyectos. Esto fue lento y lento. Realmente llegues a agarrarte a entender cómo el espaciado puede afectar el estado de ánimo de la animación ya sea que quieras ser bastante dramático y exagerado, o quieres ser bastante realista. En la siguiente lección estaremos cubriendo calabaza y estiramiento. Aquí es donde estaremos asignando un material al balón, si queremos que nuestra pelota sea bastante rígida o si queremos que nuestra pelota sea bastante duradera. Te veré en la siguiente lección.
6. Encoger y estirar: En esta lección, vamos a estar cubriendo el squash y el estiramiento. Aquí es donde alteramos la forma del balón durante ciertas partes del movimiento. Pero también al hacer esto. Va a darle al balón un material de algún tipo. Ya sea dependiendo de lo rígido o lo elástico que queramos el balón
dependerá de cuánto alteremos la forma del balón. Vamos a llegar a ella. Antes de meterme en mostrarte cómo agregar squash y stretch a la animación que estamos haciendo, aquí hay dos ejemplos donde puedes ver que una bola es extremadamente
blanda, parece que está hecha de goma u otros materiales blandos. Entonces por el otro lado, se
puede ver que es mucho más duro, donde la pelota no está cambiando mucho de forma sólo porque da el efecto de que,
esa bola está hecha de un material más duro, más sólido o rígido. A lo mejor como una pelota de ping pong o algo parecido. El motivo por el que hacemos el squash y estiramos es porque agrega otro sentido de realismo a la animación,
dando el efecto a partir de imágenes fijas que el balón se está moviendo, ya sea que queremos que el movimiento sea rápido, lento, o el material para ser duro o blando. No obstante, un consejo importante es que necesitamos
asegurarnos de que el volumen de la forma se mantenga
igual, ya que esto será lo que la haga convincente. Si tenemos una pelota cayendo por el aire, no
va a aumentar en volumen ni disminuir en volumen ya que está pasando por los movimientos. Entonces, antes de que nos pongamos a añadir squash y estiramiento a nuestra animación, te
voy a mostrar un rápido ejemplo de cómo puedes asegurarte de que mantengas el mismo volumen. Entonces digamos que tenemos una pelota o tenemos un círculo. Esto es cuando el balón está quieto. Digamos que mientras se estira, permite su movimiento a través de los movimientos. Tenemos que asegurarnos de que mantenga el mismo volumen. Aquí tienes un ejemplo de lo que no debes hacer. Entonces mientras lo estiras, no
quieres estirar la pelota así como así y luego dejarla. Como se puede ver, esto se ha incrementado masivamente porque se mantiene el mismo ancho. Pero en cambio lo que deberíamos estar haciendo es, duplico eso y lo pongo junto a éste. Deberíamos, sí, estar estirándolo, pero entonces también deberíamos estar haciendo el balón un poco más estrecho solo para que coincida con el volumen de esta forma. Ahora vamos a aplicar la calabaza y estirar a nuestra animación. Entonces aquí arriba, queremos mantener los marcos como están, el balón no se mueve rápido ni rebota por una superficie. Por lo que arrastrando esto, podemos elegir los marcos que queremos squash y estirar. Por lo que va a empezar yendo al cuarto cuadro a lo largo. Obtuve mi herramienta de selección, asegurándome de que la Forma Libre esté seleccionada, y arrastro esto cada vez tan ligeramente hacia abajo y hacia adentro, siempre tan ligeramente, así. Entonces voy a ir a mi siguiente capa, abajo y luego hacer lo mismo. Así que estirarlo un poquito más, y luego un poquito más adentro, así. Entonces voy a repetir esto para los otros dos. Voy a estirar este un poco más, y otra vez arrastrándolo un poco. Entonces para este, queremos estirar mucho
más ya que esta será la parte más rápida del movimiento del balón, pero asegurándonos de que estamos manteniendo el volumen igual. Entonces, por fin, para este de abajo, queremos estar haciendo que el balón se aplasta. Entonces vamos a estar machacando el balón. Mueve esto hacia arriba para que puedas verlo. Entonces voy a estar machacando el balón, pero como lo aplaudimos de esta manera, ahora
necesitamos ensanchar el balón, así. Ahora una última cosa que voy a hacer es, voy a duplicar esta capa, y luego la voy a aplaudir aún más, haciendo que parezca que la pelota realmente está rebotando por la superficie. Entonces ahora que hemos hecho esto, si volvemos atrás y lo jugamos verás lo que hemos hecho. Como puedes ver, parece que la pelota está hecha de un material blando y está usando esa energía para rebotar arriba y abajo, llegando a una parada en la parte superior y luego pasando por sus movimientos. Un consejo que recomendaría con calabaza y estiramiento. Si estás luchando con machacar y estirar la pelota de inmediato, tal vez pruébalo con cuadrados o rectángulos donde puedas obtener una mejor comprensión de cómo hacer que la pelota sea más estrecha y más larga sin dejar de mantener el mismo volumen. Ya que mantener el mismo volumen
del objeto es lo que hará que la animación sea la más convincente. A modo de recapitulación rápida, cubrimos el squash y el estiramiento. Te mostré dónde y cómo squash o alterar la forma del balón, dependiendo de qué parte del camino se encuentre el balón. También, cómo la velocidad del balón determinaría si se aplasta o estira el objeto. Entonces en la siguiente lección, vamos a estar cubriendo la texturización. Te voy a mostrar cómo agregar una textura en movimiento a la animación, dándole al balón otra sensación de realismo haciendo que la pelota se vea 3D. De acuerdo, nos vemos en la siguiente lección.
7. Texturizado: En esta lección, vamos a estar cubriendo la texturización. Te voy a estar mostrando cómo agregar textura y sombras a la pelota, marco por cuadro, dando la ilusión de una textura de encuentro mientras la pelota rebota. Vamos a empezar por eliminar la ruta de animación para que veas lo que estamos haciendo primero. Voy a tocar aquí en primer plano, apagar el primer plano, y luego voy a subir aquí a mis capas, y luego deslizar y eliminar. Entonces ahora tenemos nuestro balón tal como está. Vamos a estar agregando una sombra texturizada al balón, capa por capa, solo para darle otra forma de movimiento a la animación. Para hacer esto, hay dos formas en que puedes hacerlo,. Hay una forma en que puedes usar un [inaudible], o hay otra forma en que vamos a usar una máscara de recorte. Para esta lección, vamos a estar usando una máscara de recorte. Entonces vamos a empezar primero en la capa superior, vamos a estar agregando una nueva capa justo encima de ellos, y luego tocando “Máscara de recorte”. Entonces lo que voy a hacer después de eso es que los voy a seleccionar ambos intercambiando justo en él esta vez y luego agruparlo, y luego minimizamos eso. Voy a hacer esto por cada capa. Voy a tocarlo “Nueva capa”, “Máscara de recorte”, y luego deslizar a la derecha, y agrupar. Yo sólo voy a pasar y hacer lo mismo por todo el resto. Ahora, estamos aquí, hemos agrupado todos nuestros marcos, como se puede ver, y en la parte inferior, se
puede ver que sólo los marcos que se pueden ver sigue siendo el balón. El motivo de esto es porque hemos creado es como grupo, cada grupo ahora actúa como un solo cuadro. Entonces si jugamos a través de esto, todavía
parece que acabamos de tener los marcos en los que tiramos la pelota. Entonces ahora lo que vamos a hacer es que vamos a pasar y en cada grupo, vamos a añadir sombreado a cada capa una a la vez. Voy a empezar por la parte superior, abrir el grupo, click en máscara de recorte que creamos, y voy a entrar y empezar a añadir algo de sombreado. Para esto, voy a estar usando uno de mis pinceles personales que creé, que se vinculará hacia abajo en la descripción. Por lo que hemos seleccionado mi pincel Grunge. Pero para esto, para ser honesto, puedes usar cualquier pincel. Podrías usar un cepillo suave el cual se puede encontrar aquí arriba en cepillos de aire, justo en la parte superior, el cepillo suave. Pero para la textura, necesitamos un poco de textura pf. Por lo que ahora para columna, voy a usar es un azul oscuro, que, de nuevo, se hará en la descripción. Asegúrese de que el pincel esté seleccionado. Voy a ajustar el tamaño de mi pincel, solo para que sea lo suficientemente grande, y después asegurarme de que la opacidad esté puesta alrededor de la mitad, y ahora voy a entrar en este marco y empezar a añadir sombreado. Para esto, queremos que la luz esté viniendo de la parte superior del balón, por lo que eso significará que la sección inferior del balón será más oscura. Queremos que la sombra esté en un arco, como una cara sonriente casi. Entra y añade el sombreado. Vamos a pasar por el panel de capas, cerrar eso, abrir el siguiente grupo, hacer clic en eso, y luego hacer lo mismo. Nuevamente, abra el grupo, toque en la capa y, a continuación, agregue el sombreado. Cuando añades el sombreado, yo no diría que te preocupes demasiado por asegurarte de que esté exactamente en el mismo lugar. Mientras esté más o menos en la parte inferior en la misma forma, se verá bien, y creo que aunque esté un poco apagado, va a agregar mucho más abrigo a tu animación. Entonces una cosa que debes notar aquí es como el balón está cambiando de forma, esta sombra tendrá que seguir al balón. Como puedes ver, no fui aquí, fui hacia la sección inferior del balón, ya que queremos asegurarnos de que la ilusión del estiramiento del balón siga siendo la misma, asegurándonos de que estamos manteniendo la sombra más o menos en el mismo lugar. Lo más importante, yo diría asegurarme de que lo poco profundo se deforme con el balón. Ahora, de nuevo, porque el balón había sido apretado, necesitamos hacer la sombra de acuerdo a la forma del balón. Entonces finalmente, este de abajo, extremadamente apretado, así. Ahora veamos qué hemos creado. Entonces vamos a jugar eso atrás, y si miras eso, parece la pelota o el sombreado dentro de la pelota se está moviendo junto con ella. Entonces ahora, vamos a volver atrás y hacer lo mismo, pero vamos a añadir un punto culminante a la parte superior del balón. Entonces vamos a empezar en el balón, abajo abajo. Vamos a tocar pelota,
nueva capa, y se puede ver que ya ha añadido una máscara de recorte por encima de la pelota. Voy a seleccionar un tono más claro. Yo me voy a ir en el green. Voy a añadir un tono más claro el cual ya creé, asegurándome de que la opacidad esté todo el camino a la cima esta vez. Entonces sólo voy a añadir un pequeño círculo aquí en la parte superior. Entonces lo que voy a hacer es que voy a quitar el desollado de cebolla sólo para que puedas ver la sombra con más claridad. Entonces voy en mi configuración, me quito el desollado de cebolla, y ahí vamos. Entonces en el siguiente fotograma, abre eso, nueva capa, y luego agrega un poco de resplandor. Aquí tienes. Cierra eso, abre el siguiente, nuevo marco, y un poco de sombra. Entonces solo voy a pasar y añadir esto a todos los marcos, y luego nos vemos al final. Vamos a jugar esto de nuevo. Tenemos una bonita bola de rebote, con un ligero efecto 3D ahora, con un destello bajo sombra en la parte inferior. Un consejo que recomendaría es no te preocupes demasiado por tratar de conseguir la textura y las sombras en el mismo lugar cada vez. Mientras más o menos en el mismo lugar, dará un efecto añadido de la textura en movimiento mientras la pelota está rebotando. Entonces como resumen rápido para esta lección, te
mostré cómo texturizar el balón a través del uso máscara de
recorte y convirtiendo cada cuadro en un grupo donde agregamos la textura. En la siguiente lección, estaremos cubriendo la puesta en escena. Aquí es donde estaré agregando un fondo a la animación actual y agregando una sombra al suelo por la que estará rebotando el balón. Te veré en la siguiente lección.
8. Puesta en escena: En esta lección, vamos a estar cubriendo la puesta en escena. Aquí es donde queremos dirigir la atención del público mientras vemos la animación. En nuestro caso, lo vamos a estar usando a través de la luz y sombra creando una sombra en una superficie y agregando un fondo a nuestra animación, centrando la atención del público en el balón. Al final de esta lección, habremos agregado una sombra al suelo y al fondo, dada la ilusión de que ahora el balón rebota sobre una superficie. Vamos a estar agregando una sombra a la superficie o al piso que está rebotando el balón. Entonces ya que vamos a estar usando una estructura similar a lo que hicimos en la lección anterior, donde creamos una nueva capa y luego vamos a añadir una sombra en la capa dentro del grupo de ese marco. Para empezar con esto, vamos a estar empezando con el marco en la parte inferior, así que voy a minimizar todos los grupos y luego voy a seleccionar el balón cuando esté en el suelo para dar un punto para que nos haga referencia. Aquí es donde estaría el balón en el suelo. En ese grupo, lo voy a abrir, asegurándome de que estás en la parte superior agrega un nuevo marco y luego arrastro esto debajo del balón. Ahora tenemos una capa debajo del balón. Voy a ir a través de ella y añadir una nueva capa debajo de la pelota primero. Ahora que hemos pasado y añadido en una capa debajo de la pelota, voy a desplazarme de nuevo a la capa inferior donde la bola rebota del suelo y en la capa que acabamos de crear, voy a abrir, toque en la nueva capa y luego voy a seleccionar otro color el cual se puede encontrar en la descripción asegurándome de que mi pincel esté de vuelta al pincel de contorno o al pincel monolino, que se puede encontrar en la caligrafía. Yo sólo voy a ajustar el pincel. Ahora, lo que vamos a hacer es que vamos a sumar la sombra detrás de ella. Pero como ya hemos creado la capa detrás de esta capa, se mostrará atrás. Entonces vamos a dibujar la sombra ahora, asegurándonos de que la sombra sea una forma cerrada, sosteniendo el bolígrafo en la pantalla, tocando con un dedo y luego ajustándolo. Entonces vamos a ir a añadir a Editar forma. Yo sólo voy a traer eso. Es del mismo ancho que el balón. Vamos a llenar esto arrastrando. Ahora tiene sombra. Vamos a ir capa por capa a la anterior. Pero para esto volveremos a encender nuestro cribado de cebolla para poder ver dónde estaba la sombra anterior. Ahora en la siguiente capa, voy a cerrar ese grupo, abrir el siguiente, dar clic en la capa debajo del balón que creamos. Entonces de nuevo, sólo voy a dibujar la forma, pero esta vez va a ser un poco más pequeño. Simplemente ajustando la forma. Vamos a llenar eso otra vez y vamos a
pasar y hacer lo mismo por el resto holgura en el marco inferior. Pero debido a que el balón es mucho más alto ahora, la sombra va a ser mucho más pequeña. Entonces asegurándonos de que todavía estemos dentro de la misma zona. Simplemente voy a mover la forma hacia arriba asegurándose de que también esté en la línea central, no
quieres que las sombras se muevan a derecha e izquierda. Como puedes ver, cuanto más alta se está poniendo el balón, más pequeña se está poniendo la sombra. Pero tenemos que asegurarnos de que la cantidad que estamos reduciendo lo superficial por tiene que ser proporcional por el movimiento del que ha hecho el balón. Entonces si hay un movimiento más grande, va a haber una reducción más grande en la sombra, mientras que si hay menos movimiento, va a haber en una menor reducción en la sombra. Se puede acercar para que éste vea lo que estoy dibujando. Entonces ahora que hemos sumado todas las sombras, echemos un vistazo a lo que hemos hecho, así que juega esto. Como puedes ver, la sombra se mueve con el balón. Ahora parece que el balón está rebotando por una superficie. Lo que vamos a hacer ahora es que vamos a añadir un fondo y algún otro, como un elemento de iluminación sólo para dar un poco más de realismo y agregar más foco al balón ahí porque ahora mismo el balón está rebotando pero ni realmente rebota en cualquier cosa o alrededor de cualquier cosa. Para que podamos agregar un fondo, un poco de textura. Para ello, vamos a ir a la parte superior, agregando una nueva capa, y luego con esta capa la estaremos arrastrando todo el camino hacia la izquierda así. Entonces como lo hicimos al principio cuando
lo estábamos tocando y seleccionándolo como fondo, por lo que cualquier cambio que hagamos a esta capa no va a afectar nuestra animación. Entonces aquí arriba en la paleta de colores, voy a seleccionar un color crema claro. Yo sólo voy a llenar el fondo con eso y ahora lo que voy a hacer es, voy a cambiar mi pincel. Entonces ahí en el pincel voy a bajar a pintar y luego estoy seleccionando este audio viene incorporado con pro craze se llama Nico rol. Ahora voy a seleccionar un color más oscuro. Yo sólo voy a ajustar el tamaño del pincel, que sea tranquilo grande. Entonces solo voy a hacer unos trazos ásperos alrededor de la página y ponerme un poco más oscuro en la parte superior, luego un poco más claro en la parte inferior. Tener estas líneas realmente directas a la luz, solo
voy a añadir algunos trazos de pincel. Se tiene un poco más solo para sumar. Entonces lo que voy a hacer es volver a cambiar el color del pincel al color más claro y reducir un poco la opacidad. Entonces solo voy a añadir unas líneas del color claro para que sea un poco más ligero. Entonces en este enlace allá porque aquí está brillando la luz, queremos que la superficie del enlace sea mucho más brillante. Voy a añadir un poco más de brillo a esta superficie inferior. Al igual que así. Ahora vuelve a jugar eso. Ahora parece que hay una luz brillando hacia abajo en la superficie. Esta superficie es mucho más ligera. Entonces todo esto aquí arriba es mucho más oscuro. Ahora también con la sombra que hemos agregado, da esa sensación de realismo y pausa eso. Terminemos esto, así que sólo voy a añadir un poco más de oscuridad a esta parte superior de aquí. Entonces solo el color otra vez, asegurándome de que el pincel esté en la textura uno y solo voy a agregar unos trazos más solo para mezclarlo siempre tan ligeramente. Entonces esto fue puesta en escena. Agregamos el fondo y dimos la ilusión de una superficie agregando una sombra debajo de la pelota ya que la pelota está rebotando. En la siguiente lección, voy a estar mostrándote cómo exportar la animación que hemos creado y cómo puedes compartirla en diferentes plataformas.
9. Exporta: Déjame mostrarte cómo exportar. Cuando se trata del final de animar el rebote del balón, agregamos la sombra, agregamos sombreado. Ahora quieres compartirlo. Déjame mostrarte diferentes formatos en los que puedes exportar desde Procreate. Ahora que hemos creado esta animación final, tenemos un fondo ahí y tenemos nuestro balón rebotando, hemos añadido la sombra. Hemos añadido todas las demás características como slow and slow up, squash y stretch. Ahora quieres compartirlo. Te voy a mostrar la mejor manera en que puedes exportar la animación que hiciste. Sólo voy a pausar eso. Ahora para exportar tu animación, vamos a volver aquí arriba a tu llave inglesa que usamos al principio. Voy a tocar eso. Entonces voy a seleccionar “Compartir”. Entonces aquí, tenemos un montón de opciones que queremos. Nos interesan estos cuatro de aquí abajo. Tenemos GIF, PNG o MP4. Para esto, ya sea vamos a hacer dos separados. Por lo que sé que mi GIF se usa como imagen. lo puedas usar como imagen en digamos tus historias de Instagram donde eres la pegatina, eso es un GIF. Entonces MP4, ese es un archivo de video. Diga por ejemplo, que desea compartir en Instagram. Instagram solo te permite subir otras imágenes o MP4's Así que MP4 es el tipo de archivo. Digamos que si seleccionas Instagram, sí
te gustaría exportar como un MP4. O si eres el siguiente era GIF, seleccionarías GIF. Asegúrate de empezar con tu GIF. Cuando comienzas con GIF, se te ocurre un ejemplo de lo que vamos a exportar,
y se le van a dar las opciones de exportación. O tienes alta resolución o listo para web. Web ready reducirá la calidad de la animación que has realizado. Para esto, vamos a ir en alta resolución y queremos que los fotogramas por segundo sean los mismos. De lo contrario, si lo aumenta, la animación puede aumentar la velocidad. O si lo disminuimos, la animación va a disminuir la velocidad. Queremos seguir en los 15 cuadros por segundo que hicimos inicialmente. Este loquero. Quieres seguir adelante. Refresca cierta paleta de colores, te vas a dejar fuera. Para exportar, simplemente toca el botón “Exportar”, exporta el archivo por ti. Esto puede llevar algún tiempo dependiendo de qué versión de la app que sí tengas. Una vez exportado, puedes guardarlo a cualquier persona. Ya sea puedes compartirlo. En primer lugar, voy a guardar en imágenes. Entonces a ver. Se va a ir en mis fotos. Tenemos una versión GIF de la animación que hicimos. Ahora para exportar el video. Nosotros vamos a hacer lo mismo. Entonces la llave inglesa, comparte, y luego anima en MP4 esta vez. Se puede ver que hay muy pocas opciones con esta. Es sólo la velocidad de la que se desea exportar las animaciones. De nuevo, lo voy a dejar en 15 cuadros por segundo y luego toque exportar y enviarlos. Yo lo voy a guardar. Esta vez es guardar video porque es un archivo de video. Si vuelvo a ver, aquí hay ahora un video. Como viste, sólo se reproduce una vez porque es un video. Esto nos lleva al final de esta lección. Te mostré cómo exportar tu proyecto, ya sea un GIF o un MP4, dependiendo de la plataforma en la que lo vas a compartir. Siempre es bueno conocer estos diferentes formatos, ya que cuando vas más allá y haces tus propios proyectos personales, sabrás en qué formatos exportar.
10. Conclusión: Eso nos lleva al final de esta clase. Bien hecho, en crear este proyecto, en animar el balón rebotante. En esta clase, cubrimos algunos de los principios de la animación, entre ellos el tiempo y el espaciado, que se pueden combinar con lentificación, desaceleración, que determinaron la velocidad del objeto, el squash y el estiramiento, que le dan al objeto y material, luego finalmente llevarla a vivir, través de sombras y textura. Si te quitaras una cosa de esta clase,
esperaría que fuera que obtuvieras una mejor comprensión de los conceptos básicos de la animación
dibujada a mano y cómo el aprendizaje estos pasos básicos te preparara para futuros proyectos. No olvides una vez que hayas exportado tu proyecto, para compartirlo abajo en el panel del proyecto, para que pueda ver lo que creaste, pero también darte retroalimentación. Si bien, esto nos lleva al final de la clase. Espero que te resulte útil. Pero no te preocupes demasiado, si aún no tienes agarres de ello. Me tomó un tiempo que vale la pena practicar, te
recomendaré lo mismo, pero principalmente, diviértete con el proceso de aprender a animar a mano. Antes de irme, no olvides seguirme en mi canal social, diseño-con-smit, aquí es donde publicaré todas mis animaciones e ilustraciones que creo. Si te gusta lo que ves por ahí, no
olvides darme un seguimiento.
Smitesh Mistry, Illustrator & Designer
