Crea tu primera animación de un personaje en Procreate | Anya Perepelkina | Skillshare
Buscar

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Crea tu primera animación de un personaje en Procreate

teacher avatar Anya Perepelkina, Illustrator & animator

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      INTRODUCCIÓN

      2:09

    • 2.

      Proyecto de clase

      2:38

    • 3.

      Comprende la animación fotograma por fotograma

      10:02

    • 4.

      Elige qué animar

      3:21

    • 5.

      Cómo bocetar tu personaje

      11:53

    • 6.

      Esboza tu animación

      17:24

    • 7.

      Haz el bucle

      5:21

    • 8.

      Trabaja en la animación

      14:37

    • 9.

      Cómo exportar tu archivo

      3:14

    • 10.

      Conclusión

      1:27

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

472

Estudiantes

2

Proyectos

Acerca de esta clase

¡Domina una nueva habilidad y crea una divertida animación de personaje!

Si siempre has sentido curiosidad por animar en Procreate, pero has dudado en intentarlo, ¡esta clase es para ti! No necesitas conocimientos previos de animación fotograma por fotograma; además, primero vamos a repasar los aspectos básicos para ayudarte a que sientas comodidad con la idea de animar en Procreate. ¡Por este motivo es que esta clase es perfecta para principiantes!

Esta. clase va a explicar el funcionamiento interno de la animación fotograma por fotograma y te va a guiar por la creación de tu primera animación de un personaje: desde elegir la referencia perfecta hasta agregar detalles divertidos para hacer que la obra final sea única y reconocible.

Las lecciones incluyen:

  • Ejercicios fácilmente entendibles que te ayudarán a entender los aspectos básicos de la animación fotograma por fotograma
  • Formas de pensar en qué animar y obtener referencias para el movimiento de tu personaje
  • Útiles consejos para que tu flujo de trabajo sea superorganizado y divertido

Las habilidades de animación básicas harán que mires tu trabajo de ilustración con ojos completamente nuevos. Una vez que entiendas cómo funcionan y que acabes tu primera animación, ¡tendrás muchas ideas nuevas para tus proyectos futuros! Es una gran manera de hacer que fluya la mente si te sientes un poco atorado en tu trabajo o si necesitas inspiración.

Conoce a tu profesor(a)

Teacher Profile Image

Anya Perepelkina

Illustrator & animator

Profesor(a)


I'm Anya Perepelkina, a digital illustrator & animator. My work is bold, colorful and curious, often inspired by being alive, being a woman and trying my best every single day.

At the beginning of my professional journey, I was endlessly inspired by other illustrators in the field and it's their insight that eventually helped me find my voice. That's why it's so important to me now to share what I've learned along the way! :-)

You can find me online on Instagram, Behance, or over on my website.

Ver perfil completo

Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: [ MÚSICA] Sé que la animación puede parecer un poco intimidante, pero realmente no tiene por qué serlo. Una vez que entiendas lo básico, verás un mundo de infinitas posibilidades y no podrás mirar hacia atrás. Hola. Soy Anya Perepelkina, y soy ilustradora digital y animadora. Como freelancer, he trabajado con marcas como Adobe y 99designs, y he hecho ilustración editorial y de marca, promoción del diseño, y otros proyectos impresionantes. Llevo haciendo animación fotograma por fotograma hace un tiempo, y todavía me sorprende cada vez. Siempre hay algo nuevo que aprender al respecto, y siempre cosas nuevas que explorar y crear. Ha redefinido mi arte y mi práctica de tantas maneras. Tener habilidades básicas de animación puede ser un gran activo para ti, si ya estás trabajando en la industria creativa, o si es algo que quieres hacer en tu tiempo libre. Una nueva habilidad tiene el poder transformar la forma en que miras tu trabajo. También en mi experiencia personal, aprender cosas nuevas es lo mejor que puedes hacer si alguna vez te encuentras en una caída creativa. Porque siempre es tan emocionante cuando intentas algo diferente y de repente tienes todas estas nuevas ideas en tu cabeza. El mejor sentimiento de la historia. En esta clase, te mostraré cómo crear tu primera animación de personajes en Procreate. Empezaremos con un par de ejercicios para ayudarte a entender el funcionamiento interno de la animación marco a fotograma. A continuación, te daré consejos sobre cómo elegir qué animar y obtener una referencia para ello. Entonces esbozaremos a tu personaje y trabajaremos en crear un borrador. Posteriormente, agregaremos color y por último, exportaremos tu animación de personajes. Mucho tiempo y cuidado se dedica a crear una animación fotograma a fotograma, porque esencialmente se trabaja en cada fotograma por separado. A pesar de que es un reto, créeme cuando te diga que todo tu arduo trabajo valdrá la pena. Estarás tan orgulloso de ti mismo. Espero que estés listo para saltar a esta clase y aprender nueva habilidad. Estaré contigo en cada paso del camino. Nos vamos a divertir tanto. Empecemos. [ MÚSICA] 2. Proyecto de la clase: [ MÚSICA] Hoy, crearemos tu primera animación de personajes en Procreate. Seré honesto contigo. Antes de empezar a aprender acerca de la animación fotograma a fotograma, parecía demasiado complicado y así que pensé que nunca lo probaría. Me alegra tanto que me equivoqué. Si estás aquí, espero que estés en algún lugar al borde ahora mismo y confía en mí cuando te digo que te vas a alegrar tanto que hayas dado el salto. Usualmente ilustro a la gente, así que naturalmente comencé con la animación de personajes. Cuando digo animación de personajes, no me refiero solo a la gente. Puedes, por supuesto, explorar dibujos animales o personajes compuestos si eso es lo que prefieres. Los personajes solo te dan mucho espacio para la exploración ya que hay muchas cosas que puedes mover, sea esa expresión facial, pelo, extremidades, ropa, y así sucesivamente. Esta clase fue creada específicamente para principiantes. Por eso comenzaremos con un par de ejercicios para ayudarte a comprender mejor todo el proceso de animación fotograma a fotograma. Si no eres principiante, esta clase será genial para ti si quieres repasar los conceptos básicos o agilizar tu proceso y hacerlo más efectivo. Te ayudaré a elegir un movimiento para animar que va a ser fácil y efectivo. Entonces comenzaremos a dibujar y planear toda la animación y te quedarás con el borrador de tu futura pieza. Entonces podrás elegir tus propios colores o usar una de las paletas de colores que he creado para esta clase y con eso, dar vida a tu animación. Al final, te guiaré a través exportación de tu animación, y para mostrarte cómo la convierto en un archivo MP4 que puedes compartir en cualquier lugar. Para esta clase, necesitarás un iPad, un lápiz Apple, más Procreate. Deberías tener algunos conocimientos de trabajo de la app, porque no voy a ir demasiado lejos en cómo utilizarla además de las características de animación. Procreate tiene una interfaz realmente simple y limpia para la animación, por lo que creo que es tan genial para principiantes. Pero hay alternativas. Yo diría que generalmente cualquier software con características básicas de animación funcionaría bien. También quiero que tengas en cuenta que la animación fotograma a fotograma es un proceso que consume mucho tiempo. Sé que puedo ver en mi mesa durante horas en fin trabajando en una animación y eso no es genial. Por favor, asegúrate de tomar algunos descansos para beber agua y caminar alrededor tu mesa mientras trabajas en tu animación. Con todo lo dicho, espero que estés entusiasmado con esta clase. Vamos a saltar a la derecha en ella. 3. Entendiendo la animación de marco por marco: Antes de saltar a la parte principal de la clase, necesitamos tomarnos un tiempo para comprender mejor los conceptos básicos de la animación fotograma a fotograma. Una explicación simple de la animación fotograma a fotograma, también conocida como animación cel o animación 2D, es que se trata de un montón de fotogramas separados que muestran uno tras otro para crear una imagen en movimiento. velocidad de fotogramas de una animación puede ser diferente, pero 12 y 24 fotogramas por segundo son lo que normalmente utilizarías para el tipo de animación que vamos a estar haciendo. Si una animación es de 12 fotogramas por segundo, significa que te está mostrando 12 fotogramas en el lapso de un segundo. Esto también significa que la misma animación será más lenta a seis fotogramas por segundo en comparación con 12. Veamos las características de animación. Primero, ve a Ajustes, luego selecciona “Canvas” y activa la asistencia de animación. Verás esta pequeña ventana emergente en la parte inferior aquí. Da click en “Capas” y hagamos estas capas. Tengo visible. Cada capa visible también aparece en la parte inferior aquí como un marco, y van a la inversa. Entonces el primer fotograma en la parte inferior es en realidad la última capa de la lista de capas. Si hacemos clic en “Jugar”, se mostrarán como animación una tras otra. Entonces en Ajustes, verás diferentes opciones de avión. ping-pong aquí te muestra animación del primer al último fotograma, luego a la inversa, una sola toma la muestra una vez. Normalmente tengo bucles seleccionados para todos mis proyectos. Puedes establecer la velocidad de fotogramas justo aquí solo arrastrando el mango. Lo mejor que puedes hacer aquí es simplemente tomarte tu tiempo, cambiar la cantidad, jugar y ver cómo funciona. Entonces por último pero no menos importante, es piel de cebolla. Déjame subir esto todo el camino y ya verás. Básicamente, la piel de cebolla te permite ver todos los marcos que vienen antes y después del que has seleccionado. Los marcos que vienen después son color verde y los marcos que vienen antes son rojos. Esto es lo más sorprendente que estarás usando un 100 por ciento del tiempo. También puedes cambiar la opacidad de los marcos de color. Usualmente lo mantengo en torno al 60 o 70 por ciento. Ahora que tenemos hora que quiero que practiquemos juntos para ayudarte a entender mejor todo el proceso. He preparado algunos expedientes de práctica para ti. encontrarás en la sección debajo de la clase. Adelante y descárgalas. Para abrir los archivos, haz clic en “Importar” en la pantalla principal de Procreate, luego encuentra donde los guardaste y elige primero la flor titulada. Ya las tengo aquí mismo, así que no voy a importarlas de nuevo. El primer archivo tiene seis fotogramas. Ya deben ser seleccionados y visibles. Vamos a jugar primero la animación. Ahora recrear esta animación juntos. Eliminemos primero todas las capas numeradas. Asegúrate de mantener el tallo y las capas de referencia porque las necesitaremos absolutamente. Ahora, enciende ambos, luego baja la opacidad de la referencia a lo que prefieras. Ahora porque es el primer fotograma, puedes configurarlo como fondo. De esta manera permanecerá en el fondo de cada capa. Ahora cambie el nombre de la capa madre como número 1. organización es la parte más importante de la animación, y quiero que hagas de inmediato un hábito renombrar todas tus capas. Hagamos la primera capa ahora. Para ello, sólo tenemos que retroceder el primer pétalo de la flor. Ahora duplica esa misma capa y renombrala como número 2. Después retroceda el segundo pétalo. Estamos llegando allí. Hagamos la tercera capa ahora. Una vez más, duplica segunda capa y retroceda. [ MÚSICA] Para las siguientes dos capas, estoy dibujando todo el pétalo para que no parezca que falta un trozo. [ MÚSICA] Juguemos ahora la animación. Impresionante. Ese es el primer ejercicio realizado. Segundo ejercicio es el título del archivo, Cherry, y lo estamos tomando aquí una muesca. Aquí verás solo tres capas. Estaremos creando esta animación casi desde cero. La cereza de la derecha y la hoja van a estar moviéndose a lo largo de estas guías. Asegúrate de que el llamado guías sea el primer fotograma aquí en la parte inferior para que podamos configurarlo como fondo una vez más. Esta capa la usaremos como plantilla, así que vamos a duplicarla y renombrarla como número 2. Ya tenemos el primer marco en el expediente. Ahora haga clic en este icono aquí mismo. Se abrirá este panel de control de rotación. Vamos a fijarlo a cinco grados. También se puede establecer esto a vecino más cercano, va a ayudar con la distorsión. Ahora vamos a moverlo a lo largo de la guía solo un poquito. Ahora de nuevo, duplica esta capa, renombrala enseguida, trabajando duro, y creando un hábito aquí. Rotación y moverlo a lo largo de la guía. Ahora puedes seguir haciéndolo de esta manera, o si la imagen distorsiona demasiado y te molesta, puedes duplicar cinco veces la capa de cereza inicial, y en lugar de girarla cinco grados cada vez, puedes hacer cinco, luego 10, luego 15 grados y así sucesivamente. [ MÚSICA] Ahora que tenemos seis cuadros en total, vamos a poner esta primera capa en la parte inferior. Una vez más, la última capa es el primer marco y pasar a la hoja. Lo que vamos a hacer aquí es poner un punto a lo largo la guía para marcar a dónde va a ir la hoja. Asegúrate de que estás seleccionando un marco diferente cada vez que dibujas un punto. Además, trate de espaciarlos más o menos a una distancia igual el uno del otro. Ahora podemos empezar a unir las hojas. Lo último que hay que hacer aquí es redibujar la segunda cereza en cada fotograma. Asegúrese de que el segundo tallo también se esté moviendo junto con la cereza a la derecha. Ahí vas. Estaremos usando la rotación para crear nuestra animación más adelante en la clase. Eso definitivamente será útil. Ahora, en ese último archivo titulado Cat, verás un solo fotograma. Eso es porque en éste vas a usar toda la información que acabas aprender para crear tu propia animación basada en este fotograma. Déjame mostrarte lo que tenía en mente para éste. En mi caso, hay seis cuadros en total, y así se ve el movimiento. Puedes usarlo como guía. hay tres puntos de movimiento diferentes Aquíhay tres puntos de movimiento diferentescomo se puede ver. Bueno, haz algo completamente diferente. Ya sabes qué hacer ahora, así que es hora de poner tus habilidades a la práctica. Ahora, ve a buscar esos archivos de práctica y pruébalo tú mismo, sobre todo si esta es tu primera vez haciendo cualquier tipo de animación, sugiero encarecidamente que en realidad te tomes tu tiempo y hagas esto. Realmente te ayudará a entender cómo funciona la animación, y eso definitivamente te va a hacer más fácil más abajo de la línea. En la siguiente lección, elegiremos un movimiento para tu animación y descubriremos formas de conseguir una gran referencia para ello. 4. Cómo elegir qué animar: [ MÚSICA] Ahora ojalá entiendas lo básico. El siguiente paso es elegir qué animar. Cuando trabajo en una nueva animación, muchas veces en realidad no sé cuál va a ser el movimiento cuando empiezo. Ese no es el lugar más sabio para empezar. Hoy vamos a ser responsables y vamos a planear con anticipación. Ahora, dado que todo se trata hacer tu primera animación de personajes, definitivamente sugeriría comenzar con un movimiento realmente pequeño que sería fácil de hacer. Para la animación que voy a estar haciendo en esta clase, he elegido un movimiento simple que implica mover un brazo e interactuar con la flor. El idea es que el personaje le levante la flor a la cara y la olerá. Para asegurarme de que puedas seguirme fácilmente, sugiero movimientos que también implican levantar un brazo o una pierna. Considera agregar un elemento con el que el personaje pueda interactuar de alguna manera. Eso hará que tu animación sea más atractiva y divertida. Intenta evitar algo que implique todo el cuerpo y sobre todo los cuerpos que se mueven por el espacio como caminar. Eso es un poco demasiado complicado por primera vez. Cuando acababa de empezar, uno de los principales problemas para mí era que podía tener una idea pero nunca podía imaginar ciertos movimientos sin referencia. He tenido que encontrar formas de conseguir esas referencias y ahora las estoy compartiendo contigo. Lo primero que hago cuando tengo una idea es que voy en YouTube o simplemente google palabras clave extremadamente específicas como mujer feliz corriendo o un gato oliendo flores o inserto lo que estés tratando de encontrar aquí. Si estás de suerte, habrá metraje de stock u otros videos útiles. Puedes vigilarlos una y otra vez cuando intentas descifrar el movimiento. Eso es una cosa que puedes hacer. Pero mi consejo número 1 es en realidad muy, muy simple. Es solo filmarte cuando ya sabes qué movimiento necesitas es la solución más flexible. Yo hice esto por mi trabajo de ilustración todo el tiempo también. Sé que puede ser incómodo filmarte haciendo movimientos de techo así, pero honestamente, solo necesitabas descifrar las cosas. Entonces obviamente no tiene que ser perfecto ni pulido, es solo para ti. Por último, siempre es genial rodearte de grandes ejemplos. Siempre recomiendo encontrar gente en el campo a seguir en Instagram, Behance, y otras plataformas y no solo para animación. Ahora que conoces la forma funciona la animación fotograma por fotograma, puedes ver tus películas animadas favoritas, televisión o dibujos animados, y estudiar los movimientos allí. También a pesar de que es genial planear todo meticulosamente, sigue siendo un proceso creativo. Asegúrate de dejar algo de espacio para experimentos y tomar decisiones sobre el momento. Una referencia es una gran y algo muy útil para estudiar el movimiento y tal vez averiguar la composición, pero eso no significa que tu animación tenga que lucir exactamente igual. Ahora es tu turno de averiguar qué movimiento vas a animar, pero también siéntete libre de seguirme y hacer el movimiento exacto que estoy haciendo. No hay ninguna presión en absoluto. En la siguiente lección, comenzaremos a esbozar a nuestro personaje. 5. Cómo bocetar tu personaje: [ MÚSICA] Ahora que tenemos una referencia, podemos empezar a dibujar. Primero creemos un nuevo Canvas. En la pantalla principal, haz clic en el ícono Plus, luego éste justo aquí. Normalmente voy por un cuadrado 2500 Canvas, 600 DPI para una mejor calidad de imagen, y también se puede ver el número de capas disponibles. A continuación, asegúrate de que tu perfil de color esté configurado en RGB. Es el primero aquí. También puedes cambiar el nombre de tu archivo. En cuanto a los pinceles, recomiendo este conjunto True Grit Texture Supply. Se llama Slipple Studio, y tiene un montón de pinceles preciosos. Mi pincel favorito aquí es el trazador de líneas rugoso. Es increíble para la animación porque la textura del pincel te dará un hermoso movimiento en cada fotograma. Lo último antes de empezar, déjame mostrarte una característica más increíble. Cuando en la configuración se puede seleccionar esta opción “Referencia”. Traerá una ventana donde podrás ver tu referencia. También puedes acercar la imagen misma y luego puedes mover toda la ventana a través de la pantalla para que sea una pequeña herramienta útil para hacer bocetos. Ahora por fin podemos empezar. Estoy dibujando una línea para ayudarme con la composición, ya que mi personaje va a estar sentado. Yo sí elegí aquí una referencia particular, así que la voy a estar usando mucho para averiguar a dónde deben ir las piernas y los brazos. [ MÚSICA] Ahora tengo mi boceto rudo y si mirabas el metraje, viste que era mucho probar las cosas, de esta y de esa manera, para que veas qué funciona mejor. Mantengo cada parte del personaje en una capa separada para que pueda cambiar las cosas si necesito. Trato de mantener estas cosas separadas todo el tiempo que pueda, honestamente hasta el punto voy a empezar realmente a animar, para que pueda darme la oportunidad de mover las cosas. Voy a bajar la opacidad de todas estas capas a alrededor del 20 por ciento para que pueda ver debajo de las nuevas capas y empezar a limpiar mi boceto. [ MÚSICA] El boceto ya está listo. El siguiente paso es crear el segundo extremo. extremos en la animación son fotogramas donde el movimiento alcanza su pico. En mi caso, ya tengo el primer extremo donde está abajo el brazo, por lo que necesito crear un marco donde se levante el brazo y cambiaremos también la flor para que coincida con el movimiento del brazo. Voy a redibujar ahora la cabeza de la flor para poder moverla. Yo sí quiero que sea ligeramente diferente en este marco, así que estoy cambiando los pétalos solo un poquito. [ MÚSICA] Ahora puedo rotarlo ligeramente y acercarlo a su rostro. Honestamente no hay un método científico para esto. Simplemente asegúrate de que no esté demasiado lejos del primer fotograma y que tenga sentido estar ahí en el nuevo marco. Ahora dibujemos el nuevo tallo. Dado que la cabeza de la flor es más alta, el tallo tendría que estirarse. [ MÚSICA] Para el brazo, he dibujado estas guías [inaudibles] para ayudarme a ver a dónde necesita ir la mano. Ahora es totalmente opcional, pero sí creo que ayuda. He duplicado la capa con el brazo en ella. Sólo voy a borrar todo lo que no necesito. Ahora podemos usar la herramienta Lasso para seleccionar solo la mano. Sólo va a rotarlo un poco y moverlo de acuerdo a la guía. También asegurándose de que se alinea con la flor que tenemos. [ MÚSICA] Ahora podemos redibujar el brazo para que coincida con la mano. [ MÚSICA] Ahí vas. Aquí están los dos extremos que necesitaremos para crear la animación. Sigo guardando todo en capas separadas en este punto. Cada grupo actúa como un solo marco aquí. Es hora de que vayas a esbozar a tu personaje, y recuerda que lo vamos a animar más tarde así que asegúrate de estar dibujando con tu movimiento de plan en mente. En la siguiente lección, comenzaremos a desarrollar nuestra animación. 6. Redacción de tu animación: Aquí es donde empezamos a redactar la animación real. Esa es definitivamente la parte más importante de todo el proceso. Piensa en ello como la base de tu pieza. Una vez que termines esto, todo es fácil navegar desde allí. Vamos a enrollarnos las mangas y ponernos a trabajar. Antes de empezar, veamos los dos extremos que tenemos ahora. Tenemos que determinar exactamente qué partes se van a mover. Para mi personaje y la forma en que lo planeé, primero, ella va a mover el brazo hacia arriba y con eso, la flor también sube. Una vez que la flor esté cerca de su rostro, se va a inclinarse y olerla. Debido a que está moviendo la cabeza, el pelo de su cabeza también se va a mover. En mi caso, es la mano y el brazo, el tallo y la flor, su cabeza, y el cabello. Es importante ordenar los movimientos en secciones así y determinar también el orden correcto. Te ayudará a sentirte más organizado y menos abrumado. Empecemos con el primer movimiento. Uno que hay que recordar aquí es que un movimiento como este seguirá un arco. Para ayudarte y para ayudarme a entender, hagamos todo el asunto en primero hagamos todo el asunto en una versión de boceto muy áspero. Sólo estoy dibujando un círculo para el codo, luego una línea desde el hombro hasta el codo, y otra línea desde el codo hasta la muñeca. Entonces en una capa diferente, misma para el otro extremo. También puedes agregar círculos más grandes para las manos. Sólo voy a apagar todas las demás capas por ahora. A continuación, haremos el que está exactamente en el medio. Una vez más, asegúrate de ponerlo todo en capas separadas. Voy a encender Animation Assist para que podamos verlo todo. Todo el movimiento, diría yo, debería poder encajar dentro de siete cuadros. Ahora podemos sumar los fotogramas en el medio. Ahora, si te miras en el espejo haciendo el mismo movimiento o si te filmas, notarás que la velocidad a la que te estás moviendo en realidad no es consistente en todo el asunto. Comienza despacio, entonces debería ser más rápido en el medio, y de nuevo terminar lentamente. Vamos a replicar eso. Debido a eso, el siguiente marco debe estar más cerca del extremo que el marco en el medio. Si tuviéramos que poner todos los marcos a distancias iguales el uno del otro, no se vería natural en absoluto. Ahora vamos a duplicar eso del otro lado. Entonces, por último, vamos a apretar en un marco adicional a cada lado entre estos dos. Ahora podemos jugarlo. Admito que se ve raro porque solo son palos, pero ahora ya conoces el principio. Un pequeño truco que uso para ayudarme en este siguiente paso es que conecto cada punto de estos dos extremos para darme guías que puedo seguir con cada nuevo marco. Aquí estoy conectando los nudillos, entonces este punto entre la mano y la camisa. Todas estas guías también necesitan seguir un arco, igual que el movimiento mismo. Dependiendo de tu personaje y tu boceto, tómate un momento para tratar de determinar todos estos puntos que se van a estar moviendo. Todos estos se pueden hacer en la misma capa, por cierto. Podrás verlo debido a la piel de cebolla. Me he tomado un momento para organizar las cosas un poco aquí. Ahora sólo voy a apagar estas guías de palo. Siempre podemos volver a ellos si es necesario. Ya tenemos nuestro primer marco, es el primer extremo. Empecemos por el segundo fotograma. Estamos siguiendo la guía aquí. Recuerda que este marco aún debe estar muy cerca del primero. Estas guías hacen que el trabajo sea mucho más fácil. [ MÚSICA] Es hora de ese marco en el medio y es fácil. Sólo tenemos que posicionarlo justo en medio de las guías. Podría llevarte un poco de tiempo pasar por este paso. Refiere el movimiento del palo que hicimos antes si es necesario o podría ser sólo un caso de prueba y error para entender lo que hay que hacer aquí. Todo es parte del proceso. [ MÚSICA] Ahora que todo lo que se hace, necesitamos redibujar el resto del cuerpo para que coincida con esos cuadros. Lo único que está cambiando aquí de marco a marco es la parte del brazo desde el codo a la mano. Vamos a jugar esto. Está empezando a parecer algo. Ahora, si puedo darte una sola pieza de sabiduría, te digo que sumes tus marcos. Eso es lo que vamos a hacer ahora. Después de eso, necesitaremos redibujar el resto del personaje para que coincida con todos los siete cuadros. [ MÚSICA] primer paso ya está completo. Pasemos al siguiente, que es el tallo y la cabeza de la flor. En mi diseño, este tallo sí tiene ese bucle. Básicamente lo que voy a hacer aquí es dibujar primero el marco medio, que es el punto más cercano al bucle casi desapareciendo. [ MÚSICA] Entonces desde el primer fotograma hasta ese marco medio, voy a hacer ese bucle más pequeño y más pequeño, y desde el medio hasta el último fotograma, voy a hacerlo un poco más rectos. También es importante aquí alinear el tallo con la mano que lo sostiene. El tallo ya está listo. Creo que podemos pasar a la cabeza de la flor. Busqué videos de flores en YouTube aquí para ayudarme a entender el movimiento. Estoy imaginando que los pétalos de flores sean realmente livianos y rebotantes, lo que significa que no van a permanecer en la misma posición a lo largo del movimiento. Se acercarán al tallo a medida que viaja hacia arriba. Déjame mostrarte lo que quiero decir aquí. No soy científico, así que ni siquiera voy a tratar explicar las fuerzas que tenemos aquí. Vas a tener que confiar un poco en el proceso aquí. [ MÚSICA] Añadí dos fotogramas adicionales aquí para ese rebote al final. Ese es un marco para que los pétalos vayan un poco más altos que el extremo. Entonces un marco para que regrese a la posición original. La cabeza de flor está hecha. Aquí está la flor completa y terminada. A continuación, animaremos la cabeza. Esta parte es exactamente la razón por la que estaba diciendo que tal vez quieras mantener todo en capas separadas durante el mayor tiempo posible. Vamos a tomar la capa con sólo la cabeza en ella y vamos a crear el movimiento arrastrando la capa a poco hacia la flor. [ MÚSICA] La cantidad de marcos aquí dependerá de la distancia entre la cabeza y la flor. Me llevó tres marcos. Dependiendo del tipo de movimiento que elijas, es posible que te salgas con solo arrastrar tu capa. Pero en mi caso, creo que no se cruza que se esté inclinando. También voy a añadir rotación a cada fotograma. puedes probar diferentes cosas Aquípuedes probar diferentes cosasy ver qué funciona para ti. Veamos ahora. En realidad creo que se ve mucho mejor con la rotación. He duplicado la última capa tres veces para darme espacio para cerrar los ojos. Creo que va a dejar en claro que está disfrutando el olor de la flor y darle a la animación más de una vida pacífica. Ahora para enfatizar que voy a duplicarlo un par de veces más. Esto es algo que vas a tener que decidir por tu cuenta en tu animación. Vea lo que tiene más sentido. Definitivamente recomiendo duplicar tus fotogramas al menos un par de veces después de que termine un movimiento y comienza otro. La gente tiende a tomar un momento entre una cosa y otra. Eso va a hacer que tu animación se vea más natural. Ahora, para la última parte, el cabello. Mirando a mi personaje, estoy viendo un par de lugares donde su cabello podría moverse. Ese es el mechón de pelo frente a su oreja, el moño en la parte superior de su cabeza, y luego la parte posterior de su cabello. Desde que está avanzando, el moño necesita moverse hacia atrás. Lo mismo va para el arco aquí, y es lo mismo con este mechón de pelo también. Sólo moviendo todo un poco a la izquierda. [ MÚSICA] Cuando se trata de la parte posterior de su cabello, creo que no necesita moverse demasiado en absoluto. Solo un ligero aumento de la renuncia debe verse bien. [ MÚSICA] Ahora, sí usamos rotación, lo que reduce un poco la calidad de los trazos. También duplicamos muchos marcos aquí. Eso va a parecer raro en la final. Tenemos que volver a dibujar todos esos fotogramas para asegurarnos de que todavía haya movimiento de fotograma a fotograma aunque el personaje no se esté moviendo. Es por eso que recomendé un pincel texturizado como el que estoy usando, porque va a asegurarse de que todavía haya movimiento en las líneas, aunque sea esencialmente el mismo marco. [ MÚSICA] ¿ Recuerdas lo que hicimos con la flor para equilibrarla al final? Hagamos lo mismo al cabello. Tenemos que sumar dos marcos más. Uno para que avance y otro para que regrese a la posición original. Déjame mostrarte el desglose de la capa para el movimiento del cabello. fotograma número 10 es donde comienza todo. fotograma número 15 es donde el bollo hace los límites. Siguiente marco, vuelve, luego la cerradura hace los bollos en el marco 17. Siguiente marco vuelve también. Es un milagro, pero ya hemos terminado con la parte dura. El borrador está terminado o casi terminado. Te voy a dar un poco más de un reto en la siguiente lección, y vamos a llevar esto aún más lejos. También puedes dejarlo aquí. Ya has hecho un trabajo increíble. Ahí lo tienes. Es hora de que trabajes en tu borrador ahora. Esta es la parte que tomará bastante tiempo. No voy a mentir. Tómalo con calma, recuerda descansar y estoy seguro que el resultado será increíble. En la siguiente lección, trabajaremos en convertir tu animación en un bucle. 7. Hacer el bucle: [ MÚSICA] Si estás aquí, significa que has decidido valirlo y hacer tu bucle de animación. Me alegra tanto que lo hicieras. Vamos a estar usando todas las mismas técnicas que ya hemos utilizado. Sólo te va a llevar un poco más tiempo pero el resultado valdrá la pena. Básicamente por el momento tenemos la mitad de la figura del movimiento. Vamos a revertirlo duplicando fotogramas lo que necesitamos averiguar de qué marco debemos partir. Echa un vistazo a tus marcos. En mi caso, creo que todo empieza alrededor del marco 11. Su cabeza sigue cerca la flor hasta el último marco. A continuación necesita inclinarse hacia atrás. Eso significa que tenemos que empezar a duplicar desde el momento en que termina de inclinarse en la flor, que es una vez más el marco 11 en mi caso. Lo estoy arrastrando todo el camino hasta la cima. A continuación, voy a duplicar fotograma número 10 y arrastrarlo encima del fotograma número 11. Seguiremos haciendo lo mismo con el resto de los marcos. Con todos los marcos duplicados, obviamente se ve funky porque pasamos todo el tiempo en la flor y el cabello. Para asegurarnos de que se vea bien a la inversa, eso es en lo que necesitamos volver a trabajar. Ya nombré a todos los nuevos marcos duplicados y usted debe absolutamente hacer lo mismo. Veamos aquí. marco 25 es donde empieza a levantar la cabeza de nuevo. Con eso, su cabello necesita seguir adelante. Hagamos primero la banda. Tenemos que moverlo ligeramente hacia la derecha, igual que lo hicimos la última vez, pero a la inversa. Este mechón de cabello también necesita moverse un poco hacia la derecha. Después siguiente cuadro, de nuevo, banda ligeramente hacia la derecha. El arco se mueve junto con él también. Estoy mirando el fotograma anterior para asegurarme de que no sea demasiado agitado. Honestamente, estamos haciendo lo mismo absoluto aquí que hicimos por el movimiento inicial. Sólo que esta vez estamos moviendo las cosas de la manera opuesta. Podrías tener un cabello muy diferente o partes móviles muy diferentes en tu personaje. Basta con mirar por encima de tu animación, reproducirla una y otra vez y ver qué cosas hay que cambiar para completar el bucle. Aquí está el desglose de capas del movimiento una vez más. marco 25 es donde comienza todo. marco 28 es donde la banda hace las bandas. El mechón de cabello tardó un poco más en traer de vuelta, por lo que rebota en el marco 31, y luego se completa el movimiento. Vamos a jugar, a ver si algo necesita cambiar. Creo que se ve bastante suave y el bucle es sin fisuras. Podemos pasar a la flor. Empieza a retroceder en el cuadro 28. Déjame borrar los pétalos de esos marcos. [ MÚSICA] Esta vez alrededor, los pétalos necesitan subir porque la flor baja. Una vez más, no hay absolutamente ninguna regla a esto además de probar las cosas y ver cómo se ven. Todos estos marcos individuales se verán tan raros, pero ya sabes que juntos se verán geniales. [ MÚSICA] Es casi increíble que prácticamente hayamos terminado. Solo quiero sumar un par de fotogramas más al final para ayudar al ritmo. Ya que es un bucle, estoy duplicando los dos primeros fotogramas y los estoy arrastrando encima del último fotograma. Eso debería hacer que el movimiento se apresure menos. Ahora que finalmente estamos aquí, veamos el borrador. Creo que se ve genial y estoy seguro que el tuyo también lo hace. Ver que no fue tan malo. Ahora que ya sabes cómo hacerlo, ve y haz tu bucle de animación. En la siguiente lección, agregaremos color y trabajaremos en terminar la animación. 8. Trabajando en la Animación: [ MÚSICA] Por último, con la parte más dura hecha, podemos relajarnos. Ya que nos estamos enfocando en la parte de animación del proceso creativo en esta clase, he preparado un par de paletas de colores para que las uses en tu proyecto para que no tengas que pensar cualquier cosa menos nivelar tus habilidades. Puedes acceder a ellos por debajo de la clase, y obviamente puedes usar tus propias paletas de colores para esto también. He duplicado mi archivo, y eliminé todos los marcos además de uno. Ahora agrega una nueva capa, y aquí tienes que asegurarte de que todas las nuevas capas estén por debajo de tu trabajo de línea. Vamos a estar creando una composición de color. Este es un paso que es 100 por ciento esencial en mi proceso. Voy a usar una de las paletas de colores que creé para esta clase. Solo voy a agregar un color de fondo ahora, y luego empezar a trabajar en la composición del color. Una composición de color es básicamente un boceto muy rudo, pero para los colores, suelo hacer el pincel más grande, y solo voy por ello. No me preocupo por ser ordenada en absoluto. Este es un paso extra, pero te permite probar todas las diferentes combinaciones de colores antes de empezar a trabajar realmente en los marcos finales. Lo único importante aquí es mantener cada objeto en una nueva capa, o en mi caso aquí, sé que su rostro, y su mano va a ser del mismo color. Haré las dos en la misma capa, y luego agregaré nuevas capas para todo lo demás. [ MÚSICA] Esta es mi composición de color. Sé que se ve áspera, pero he probado todas las diferentes combinaciones de colores, y esta me gusta más. Ahora puedo usarlo para empezar a trabajar en los marcos finales. He insertado la composición de color como una sola capa aquí para poder referirla rápidamente. También he agregado capas vacías, y las agrupé juntas. Tengo una capa con trabajo de línea, y una capa vacía en cada grupo ahora. Estamos todos listos para empezar a colorear el primer fotograma. Estamos trabajando en esa capa vacía ahora, y estoy usando el mismo pincel, y del mismo tamaño. En realidad hay muchas maneras diferentes de hacer esto. Me parece colorante así bastante terapéutico en realidad. Pero si quieres acelerar el proceso, puedes dibujar las formas, y luego llenarlas de color. Si tu estilo artístico es un poco más plano, y no usas el trabajo de línea, es hora de tal vez probarlo. De lo contrario, vas a tener que crear cada fotograma desde cero. Eso puede, y probablemente te volverá loco, especialmente si esta es tu primera vez haciendo animación fotograma por fotograma. [ MÚSICA] Una cosa que me encanta hacer es usar texturas como elemento móvil adicional en la animación. Lo que tenía en mente para los pantalones es hacer el pincel un poco más pequeño, y empezar a colorearlos muy rudo, dejando pequeños huecos. También puede hacer clic en el pincel para abrir los ajustes, y establecer esta cantidad aerodinámico en cero. De esta manera el pincel se sentirá más natural. [ MÚSICA] Ahora el patrón en la camisa también puede traer un poco de movimiento. Estoy usando una máscara de recorte y con el mismo pincel, solo para hacerla un poco más grande. Voy a crear un patrón que tenía en mente. Si también estás haciendo un patrón, diría que algo simple va a recorrer un largo camino. [ MÚSICA] Ese es el primer marco listo. Ahora puedes seguir así así, coloreando cada fotograma, pero te va a llevar mucho tiempo. Una cosa que podemos hacer para acelerar un poco las cosas es duplicar las capas que no se están moviendo, como este tallo aquí. [ MÚSICA] Dado que el pincel tiene textura, tendrás que entrar y llenar los huecos allí, pero eso es mucho más rápido que colorear de nuevo. [ MÚSICA] Depende, sí necesitamos colorear desde cero porque queremos que se estén moviendo de marco a fotograma. Esas diminutas brechas crearán ese movimiento porque serán diferentes en cada fotograma. Lo mismo va para el patrón de rejilla. Acabo de salir la capa con el color de la camisa para poder ver el patrón anterior con nuestro viejo amigo, Cebolla Skin. Yo diría que traten de no moverlo demasiado porque no queremos alejar la atención de todos los demás movimientos en los que hemos trabajado tan duro. Pero eso también depende, como si no tienes mucho contraste entre los colores de la camisa y el patrón, creo que podrías salirte con la suya con un poco más de movimiento. Definitivamente dale una oportunidad. Se trata de experimentar. [ MÚSICA] Ahora tenemos dos primeros marcos. A partir de aquí, puedes seguir duplicando fotogramas a medida que avanzas. A medida que el movimiento cambia, vas a tener que borrar un poco aquí y allá y llenar los vacíos. Ahora en cuanto a los bolígrafos y el patrón, vas a tener que duplicar cualquier otro marco. Estarán alternando entre sí y creando un hermoso movimiento. Voy a ir aún más allá y duplicar cada tercer fotograma. Te invitamos a hacer lo mismo. Ya que tenemos muchos marcos, solo introducirá un poco más de variación. Ten en cuenta que para eso, necesitas tres capas únicas para los bolígrafos y para el patrón. Vas a tener que crear una capa más para cada una de ellas. [ MÚSICA] Aquí están los primeros tres marcos hechos. Mira, esos tres marcos crean hermoso movimiento continuo, y solo agrega un poco más de algo y lo mismo va para el patrón. Ahora para el cuarto marco, estoy tomando los bolígrafos del primer marco. [ MÚSICA] Aquí hay un poco de brecha. Simplemente entraré con el pincel más pequeño de nuevo y lo llenaré. Básicamente desde aquí, tendremos que seguir haciendo lo mismo una y otra vez hasta que tengamos todos los marcos coloreados. [ MÚSICA] Eso tomó bastante tiempo, pero todo valió la pena. ¿ No fue así? Vamos a jugar la animación. En realidad estoy muy contento con el resultado y no puedo esperar a ver lo que creaste. [ MÚSICA] Ahora, ya he terminado. Ahora es tu turno de diseñar tus marcos. Es sólo la parte divertida que queda. Aquí puedes dejar que tu creatividad se vuelva loca. Prueba algunos pinceles nuevos, o experimenta con tu paleta de colores. En la siguiente lección, te mostraré cómo exportar tu animación. 9. Cómo exportar tu archivo: Por fin estamos aquí. Es hora de exportar tu animación. Exportar es en realidad muy, muy fácil. En ajustes, ve a la pestaña de compartir y luego necesitamos dos cosas principales, un archivo GIF y un archivo MP4. Vamos a hacer clic en GIF animado primero. Todo es tan simple como se pone. Lo más importante es mantener los fotogramas por segundo aquí igual que tu animación. Entonces, si haces clic en “Web Ready”, hará que tu GIF sea más pequeño en tamaño. Realmente no deberías preocuparte por todo el resto, así que entonces simplemente haz clic en “Exportar”. Aquí está tu cosa habitual. Diferentes opciones para compartir. Sólo vamos a salvarla. Eso es todo en realidad. Hagamos lo mismo para el MP4 animado. Aquí, lo único, de nuevo, es mantener los fotogramas por segundo igual que tu animación. Vamos a exportarlo. Lo mismo aquí, solo guarda video. Veamos ahora, aquí tienes tu archivo GIF. Está jugando en un bucle una y otra vez, y aquí está tu archivo MP4. Ahora, lo que pasa con esto es que es realmente corto y sólo va a jugar una vez. A veces quiero un video más largo, así que déjame mostrarte cómo lo hago habitualmente en Photoshop. El motivo por el que uso Photoshop en particular es porque ya lo tengo en mi escritorio y siento hay una buena posibilidad de que también lo tengas. De no ser así, creo que podría usar cualquier software de edición de video. En primer lugar, vas a querer abrir tu video. Se puede hacer eso en File luego Open, ya lo tengo listo para ir. Ya que es un archivo MP4, se va a sacar la línea de tiempo en la parte inferior. Si eso no sucedió, puedes encontrarlo en Ventana, luego Timeline. Las cosas son bastante sencillas desde aquí, voy a copiar el grupo de video y pasarlo un par de veces. Puedes hacer cualquier número que quieras. Ahora, moviéndose a la línea de tiempo, basta con hacer clic y arrastrar cada grupo para que vayan uno tras otro. Ahora ve a Archivo, luego Exportar, y elige “Render Video”. Aquí este debería ser el formato. Esto es sólo un archivo MP4. Puedes elegir de alta calidad aquí. Entonces 1080 por 1080 es lo que necesitarías publicar en Instagram, por ejemplo, así que hagamos eso. Documentar la velocidad de fotogramas , de nuevo, igual que su animación. Asegúrate de habilitar Color Administrar y, a continuación, haz clic en “Render”. Ahí vas. Aquí tienes tu video un poco más largo. Estoy tan orgullosa de ti. Esto no fue fácil, pero lo lograste. Ahora ve y exporta tu animación y te veré en un segundo. 10. Conclusión: [ MÚSICA] Eso es todo. Me alegra tanto que hayas decidido llevarte esta clase conmigo y no tengo dudas de que tu animación se ve increíble. Este fue todo un viaje, hicimos de todo, desde aprender sobre la animación fotograma a fotograma y elegir un movimiento hasta redactar tu animación y luego trabajar en los marcos finales. Espero que hayas aprendido muchas cosas nuevas y que estés repleto de nuevas ideas para futuros proyectos de animación. Una cosa que quiero que recuerdes de esta clase es que la animación es divertida. Una vez que superes el miedo inicial a desconocido y te pongas algún esfuerzo, estarás tan impresionado por tu propio trabajo. Esta es una nueva habilidad increíble que tienes ahora y espero que continúes tu viaje de animación. No puedo agradecerte lo suficiente por tomar esta clase y espero que valga la pena tu tiempo. Te animo a compartir tu trabajo en todas partes que puedas pero sobre todo aquí en Skillshare. Puedes hablar de tu proceso, compartir bocetos iniciales, referencias o inspiraciones, y por supuesto tu animación final en la sección de proyectos de clase. Si estás compartiendo en Instagram, recuerda etiquetarme @Wildanya. No puedo esperar a ver tus creaciones. Este ha sido un gran momento, muchas gracias por acompañarme hoy. Adiós.