Loops que se transforman. Transforma un objeto en otro con animación | Giulia Martinelli | Skillshare
Buscar

Velocidad de reproducción


1.0x


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

Loops que se transforman. Transforma un objeto en otro con animación

teacher avatar Giulia Martinelli, Animation Director / Illustrator

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.

      Avance de la clase

      1:50

    • 2.

      Introducción

      2:58

    • 3.

      Conceptos básicos y terminología

      3:32

    • 4.

      Calentamiento

      9:04

    • 5.

      Diseño

      9:07

    • 6.

      Planifica el movimiento

      7:36

    • 7.

      Animación

      10:04

    • 8.

      Toques finales

      3:56

    • 9.

      Para terminar

      2:19

  • --
  • 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.

1330

Estudiantes

37

Proyectos

Acerca de esta clase

Una clase de 50 minutos por la directora de animación Giulia Martinelli, para hacer una transformación animada en bucle.

 

Si siempre quisiste aprender a animar bucles que se transforman rápidamente y cambian de una imagen a la otra de manera fluida, ¡esta clase es para ti!

 

En esta clase aprenderás: 

  •  Algunos conceptos básicos de la animación dibujada a mano en 2D
  •  Cómo desarrollar y diseñar tu imagen inicial y final de la transformación (A y B)
  •  Qué tener en cuenta al elegir una paleta de colores para tu animación que se transforma
  •  Cómo planificar la transición de tu imagen A a tu imagen B
  •  Cómo hacer el bucle de la animación, y moverse de manera fluida
  •  Toques finales y exportación
  • Cómo usar tu animación y empujarla más

    Acerca de las herramientas:
    puedes seguir la clase si tienes acceso a software de animación, pero también basta con un bolígrafo y papel para un enfoque muy tradicional.
    Para la sección de animación, voy a usar Animate CC, pero el software es solo una herramienta y no el punto central de nuestra clase.
    Puedes usar Procreate, Photoshop, ToonBoom, TVPaint... o unas cuantas hojas de papel y una mesa luminosa, para seguir la clase y entender los conceptos básicos de la transformación.

    ¿Es esta clase es para mí?
    Sí. Diseñé esta clase para que pueda ser accesible para cualquier nivel.
    Ya sea que recién empezaste a entender cómo funciona la animación o que ya estás en el campo, podrás participar y completar tu proyecto.
    Te daré diferentes niveles de dificultad para abordar el proyecto y tomar decisiones, para que puedas ponerte a prueba lo suficiente para adquirir una nueva habilidad.

    Los recursos útiles que te comparto:
  • Hojas de trabajo para calentar
  • Paletas de color mínimas para facilitar tu ejercicio
  • Diapositivas y resumen de lo que hemos aprendido
  • Extra, videos en lapso de tiempo de mi proceso



¡Sumerjámonos en la clase!

Conoce a tu profesor(a)

Teacher Profile Image

Giulia Martinelli

Animation Director / Illustrator

Profesor(a)


Hello, I'm Giulia, a full-time freelance animator, and illustrator.
After graduating from the National Film School, Department of Animation (Turin, Italy) with my multi-award-winning short animated film MERLOT, I started my journey as a freelance artist and I hopped around Europe for a while, before settling down in Zurich, Switzerland.

In my daily practice, I juggle client commissions, teaching, and personal projects.

Here are some of my favorite students' reviews:

Ver perfil completo

Level: All Levels

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. AVANCE DE LA CLASE: ¿ Alguna vez has querido aprender a animar bucles de morphing dinámicos como estos? Quizás quieras saber cómo transformar un objeto en otro, o cómo crear una transición suave y líquida. O simplemente necesitas un GIF animado genial para tus redes sociales? Entonces esta clase es para ti. Hola, mi nombre es Giulia Martinelli, y soy artista, animadora e ilustradora de tiempo completo con sede en Zurich, Suiza. Trabajo con una amplia gama de clientes y estudios a nivel mundial, equilibrando comisiones con proyectos personales. Con los años, aprendo a hacer bucles animados peculiares y a jugar con morphing. Utilizo esta técnica a menudo en mi práctica para transiciones para agregar algún efecto mágico o simplemente crear divertidas pegatinas animadas para redes sociales. En la clase de hoy nos centraremos en la animación de morphing 2D, fotograma por fotograma. En unas pocas lecciones, te enseñaré cómo crear tu propio bucle de morphing de principio a fin. Estaré compartiendo consejos y trucos que he ganado a lo largo de mi viaje personal. Te guiaré por cada paso. Empezaremos con un ejercicio de calentamiento y luego pasaremos al diseño y al proceso de animación real. Si tienes algún software de animación, eso es impresionante, pero también bolígrafo y papel podrían funcionar. Esta clase es para ti, si eres un creativo de cualquier nivel que quiera aprender a jugar con morphing. Al final, dejarás esta clase con tu propio bucle morphing original, y con las herramientas para empujarlo hacia adelante. Ya sea que quieras explorar esta técnica de animación o quieres un nuevo talento creativo, no puedo esperar a ver qué te vas a llegar. Nos vemos en clase [MÚSICA] 2. INTRODUCCIÓN: [ MÚSICA] Bienvenido a la clase. Morphing es un efecto especial en las imágenes en movimiento y la animación que cambia o transforma una imagen o forma en otra a través de una transición sin fisuras. lo que nos estamos enfocando hoy es un morphing 2D y dibujado creado marco por fotograma. Como se puede ver, un morphing es una secuencia de dibujos para pasar de una imagen inicial a otra. Para el proyecto final, crearás tu propio diseño personal y juntos iremos por todos los pasos para animar el bucle morphing. Los ingredientes para este tipo de bucles son demasiadas imágenes, una para el principio, una para el final, y una animación rápida entre los dos que es una secuencia de dibujos. Para que esto sea un bucle, claro, no sólo A se convertirá en B sino luego también B volveremos a A. Déjame mostrarte algunos ejemplos para explicar mejor a qué me refiero. En este bucle, hice para una lección animada de TED Ed. Necesitaba mostrar todas las partes bucales del insecto. La animación se mueve de una estructura a otra. Este es un retrato animado que hice para una exposición de VR. Primero diseñé cuatro caras que me representan a mí mismo y a mis pasiones, y luego más de la transición de una a otra animando el movimiento como esfera giratoria. En esos ejemplos, no tenemos sólo dos poses A y B sino algunas más. No obstante, en nuestro proyecto, nos centraremos únicamente en dos poses clave para mantener el ejercicio rápido y fácil. Para el propósito de esta clase, creé un montón de recursos útiles para ti. Pausa este video y ve a la sección de recursos para descargarlos. Ahí encontrarás algún material de bonificación y algunas hojas de trabajo. Me referiría a los de las próximas lecciones. Hablar de herramientas para la animación. Voy a usar Animate CC de Adobe. Pero no es necesario tener este software específico ni ningún software de animación en absoluto para seguir y entender esta clase. No importa qué herramientas tengas a mano las habilidades que te voy a enseñar trabajar en cualquier caso, y puedes aplicarlas a tu situación. Por último, una nota rápida sobre el estilo. Ten en cuenta que no todos los morphing se van a quedar igual. En realidad, una cosa que me encanta morphing es que es una técnica muy libre. No dudes en ser flexible con tu proceso y recuerda que siempre puedes volver a estos consejos y técnicas esenciales. Durante esta clase, voy a crear mi propio proyecto junto a ustedes y voy a desglosar el proceso paso a paso. A continuación, un poco de terminología útil que vamos a estar usando en esta clase. [ MÚSICA] 3. Conceptos básicos y terminología: [ MÚSICA] Sin siquiera tratar de enseñar todos los conceptos básicos de la animación en un video de tres minutos, pensé en hacer esta sección rápida sobre la terminología que necesitaremos en las próximas lecciones. Aquí hay algunas palabras y conceptos importantes que usaremos en la clase. Si ya estás cómodo con esos, siéntete libre de saltarte esta lección. Empecemos con un concepto muy básico, animación es una secuencia de imágenes. Lo que estamos haciendo se llama animación frame by frame porque en realidad estamos dibujando cada fotograma sin usar alguna interpolación creada por computadora. Para nuestro proyecto nos centraremos en dos poses clave principales, A y B. Las imágenes intermedias serán nuestra animación, el viaje para transformar objetos A en objeto B. Las poses clave son las poses más importantes de una animación. En nuestro caso, son los marcos en los que se representan nuestros dos objetos. El tiempo y el espaciado son dos conceptos muy cruciales y principio fundamental en la animación. Típicamente en animación, un segundo es creado por 24 fotogramas. Si queremos pasar de A a B en un segundo, posible que queramos llenar los fotogramas in-between con imágenes. El tiempo es la cantidad de marcos que toma para que se lleve a cabo una acción. Más dibujos entre poses le dan al espectador una acción lenta y suave, mientras que menos dibujos le dan al espectador una acción más rápida y más clara. espaciado es la distancia que un objeto mueve dentro de un tiempo definido para esa acción. También es la distancia que mueve por cada fotograma de esa acción. espaciado siempre funciona a lo largo de un arco y denota aceleración o desaceleración. Los fotogramas de frotis en la animación son aquellos que crean una ilusión de desenfoque de movimiento. En realidad son muy rápidos, por lo general un marco largo. Muy divertido y peculiar de crear. Pueden ser muy útiles para nuestro morphing, moviéndose de una pose a la otra. Este es un ejemplo de mi último cortometraje, Marea. Los personajes se mueven muy rápidamente el uno hacia el otro. En esta acción, fueron necesarios algunos marcos de frotis para transmitir el movimiento rápido. Sigue a través de la idea que las partes de un cuerpo u objeto conectadas libremente seguirán moviéndose después de que el personaje se haya detenido. La acción superpuesta es una idea similar en que describe cómo diferentes partes de un cuerpo u objetos tienden a moverse a diferentes velocidades. usaremos a la hora de llegar a la pose clave para suavizar el movimiento de llegada. Por ejemplo, en este bucle, se puede ver cómo las plantas siguen moviéndose mientras la cabeza ya llegó a su posición. Podemos decir que algunos elementos por ejemplo en este caso las plantas, llegan a su posición con un retraso. Esos son los términos más importantes y específicos que vamos a utilizar en esta clase. Ahora, basta con la teoría. En la siguiente lección por fin estamos empezando a dibujar, así que prepara tus herramientas y nos vemos ahí. [ MÚSICA] 4. Calentamiento: Empecemos a calentar nuestro músculo de animación con un ejercicio. Esta es una buena manera de conseguir que tus jugos creativos fluyan. Puedes hacerlo en papel o digitalmente. Ve a obtener tu hoja de trabajo de calentamiento en la sección de recursos y sigue a lo largo. Como se puede ver en esta hoja de trabajo, tenemos diferentes columnas. la izquierda está la imagen inicial A, y a la derecha está la final B. Esas casillas en el medio son donde ocurrirá nuestro morphing. A es la imagen con la que estamos empezando, y B es la imagen con la que queremos terminar. Nuestro objetivo es llenar los espacios en el medio y morph A en B. Ahora, cómo empezar a llenar esas cajas, podría preguntar. En la esquina superior derecha está el gráfico de cronometraje. Esto proporciona información esencial para que sepamos proceder con la animación. Los gráficos de sincronización son herramientas para mostrar cuántos dibujos van entre cada fotograma clave y muestra de una manera sencilla cómo cada dibujo se relacionaba con el otro. Recuerda, cuanto más cerca estén los dibujos más lento será el movimiento. Este gráfico de cronometraje tiene un comienzo más lento, un movimiento rápido en el medio y luego se está desacelerando hacia la pose clave final. Empezaremos con la imagen media y avanzaremos hacia las poses clave. El truco siempre está dibujando la imagen media y refiérase de nuevo al gráfico si te pierdes. La pose media entre A y B es cuatro y vamos a empezar con eso. Lo que está en el medio entre A y cuatro, tres, y luego entre A y tres es dos y así sucesivamente. Por supuesto, cuanto más nos acercamos a la pose clave, más similar se verá la imagen a la pose final. Los grandes números romanos están mostrando el orden que seguiremos para dibujar los marcos. Estoy trayendo la hoja de trabajo en mi software de animación para trabajar en él digitalmente. Pero también puedes ir en papel. Quiero volver a trazar los marcos iniciales y finales A y B y posicionarlos en la línea de tiempo. También estoy dibujando el gráfico de cronometraje en la parte superior para que este proceso sea más claro. Este es el primer dibujo así que dibujo un círculo alrededor del número 1, y aquí está nuestra pose final para que la estrella se convierta en una luna con la nariz. Usa la piel de la cebolla y asegúrate de que las dos poses clave estén superpuestas. Aquí tienes. Nuestras poses clave ya están en su lugar y podemos empezar a animar. Como se puede ver, este es el marco medio 4, y voy a empezar aquí dibujando la imagen in-between, activando la piel de cebolla puedo ver el anterior y el siguiente marco. Si estás trabajando en papel, una mesa ligera o una ventana podría ser útil, especialmente para un diseño más complicado. Estoy dibujando el primer intermedio. Necesito imaginar cómo la estrella se transformará en la luna. Lo que estoy haciendo aquí es encontrar el punto medio para cada vértice para una animación lineal. Para cada vértice, estoy dibujando un punto que está entre la pose A y la pose B. Este es mi primer intermedio. No te preocupes si se ve raro, creo que se supone que debe. Por supuesto, cuanto más nos acercaremos a la pose clave, más se asemejará el dibujo. Ahora avanzamos haciendo el mismo proceso. Quiero dibujar el siguiente in-between, entre A número 1 y 4 que acabamos de dibujar es tres. Esta se va a parecer un poco más a una estrella y de nuevo, busco la posición media, empezando por el vértice de la estrella. Hecho. Ahora, hago lo mismo por el otro lado. Número 5, entre 4 y 7. Éste, por supuesto, nos veremos más como una luna en su lugar. Jugué rápidamente para ver cuál es la situación actual. Ahora dibujo los dos últimos in-entretenidos. Aquí está. Lo primero que noto es que es muy rápido. De hecho, por el momento, las poses inicial y final duran solo un marco como cualquier otro dibujo. Voy a hacer que la pose inicial y final más larga, como tres cuadros. Entonces colorea los marcos para ver mejor el morphing. Por supuesto, para que esto sea un bucle, la luna tendrá que volver a la estrella. Porque dibujamos un morphing muy lineal y la forma es muy simple bastará con copiar el mismo dibujo volviendo a la estrella. Hice un segundo ejercicio de calentamiento y esta vez lo voy a mostrar más rápido. Estamos transformando este jarrón en un donut. Lo primero que noto es que ambas imágenes tienen una forma redonda en ellas y que la rosquilla tiene un agujero en el medio. Durante el morphing, necesitaremos crear este agujero, la altura de los dos objetos es la misma, que es algo a tener en cuenta, y una buena referencia que nos ayudará durante la animación proceso. Para mi morphing, imaginé la forma redonda del jarrón para expandirse, incorporando la parte superior mientras el agujero se abre desde el medio. [ MÚSICA] Aquí vamos. Por último, aquí hay una idea para hacer más difícil el ejercicio. Usa tus iniciales o cualquier otra letra y muédalas. Quiero mostrarte este ejercicio que hice. G y M son formas muy diferentes. El primero es muy redondo y el segundo morphing muy puntiagudo puede permitirnos engañar un poco en algún momento. En este caso, torcí la G y la puse a la siguiente posición, improvisando en los fotogramas in-between. [ MÚSICA] pocas palabras aquí es probarlo, experimentar, y divertirse con morphing para encontrar soluciones creativas. Aquí están. Nuestros ejercicios de calentamiento se hacen así que diviértete y morph formas básicas. Incluso hice una hoja de trabajo de calentamiento vacía si quieres dibujar tus propias poses clave. Si te gustó este ejercicio y crees que podrías hacer un poco más, vuelve a intentarlo con otro par de formas, tal vez dos letras o tal vez incluso una palabra. Puedes empujarlo hacia adelante. Puedes añadir algunos detalles. Se puede añadir color. Adelante y comparte en la sección del proyecto tus ejercicios de calentamiento. Cuando estés satisfecho con tu calentamiento, podemos pasar al proyecto real. En la siguiente lección, vamos a empezar a diseñar nuestras poses clave. [ MÚSICA] 5. DISEÑO: [ MÚSICA] Ahora estamos listos para abordar nuestro proyecto de clase y aprender a animar un bucle de morphing completo. Este es el momento de hacer lluvia de ideas, diseñar nuestros dos objetos, el inicial y el final. Es una fase importante del proyecto porque definimos la forma, los colores, y podemos empezar a pensar en el carácter de nuestro diseño y cómo se moverá. Estos son los pasos que vamos a seguir. En primer lugar, vamos a hacer lluvia de ideas y diseñar los dos objetos principales, nuestros marcos clave. Entonces tendremos que elegir los colores y te diré por qué menos es más. Por último, estaremos planeando el movimiento de A a B, y luego nuevamente de B a A para un efecto de bucle. Hagámoslo. Aquí hay algunos consejos de mi parte entonces podrías tener en cuenta mientras diseñas tus marcos clave. Para hacer lluvia de ideas, puedes mapear la mente, tirar de referencias, o simplemente comenzar a garabatear. Lo que tenemos que hacer es transformar Objeto A en Objeto B. Ahora, tenemos que decidir cuál va a ser el protagonista de nuestra animación. Es hora de tus decisiones creativas personales. Los dos marcos clave van a transformar uno en el otro. Podrían ser dos objetos aleatorios, pero creo que es más divertido si de alguna manera están relacionados. Quizás haya demasiado opuestos como un globo y un cactus, o tal vez sean parte del mismo proceso como una oruga y una mariposa. Intenta darles más o menos el mismo volumen. Esto va a facilitar el proceso de animación. Dibuja con una paleta mínima en mente, top de dos o tres colores. Trata de no agregar demasiados detalles. Intenta evitar la figura humana y la anatomía, con la excepción de los rostros, que en realidad funcionan bastante bien en mi experiencia. Empieza a garabatear y sigue tu flujo libre. No seas demasiado precioso, no te preocupes por el resultado. Dependiendo de lo cómodo que te sientas, comienza con una simple transformación de objetos, tal vez un texto o una cara. Empezando un nivel con el que te sientas cómodo, siempre puedes tomar el ejercicio por segunda vez y desafiarte un poco más. Hablemos de paleta de colores. ¿ Por qué tiene que ser mínimo? En la animación tradicional, más fácil sea el diseño más eficiente es la producción. Aún más para morphing, es crucial tener una paleta mínima. Los colores van a guiar el ojo y ayudar a nuestra transformación a lucir más suave. Por esta razón, es importante estar al tanto de los volúmenes y utilizar bloques de colores que se mueven consistentemente a lo largo de los marcos. En la sección de recursos, encontrarás alguna paleta de colores, consejos e insumos en caso de que no sepas por dónde empezar. Para mi proyecto, voy a animar dos cabezas. En particular, después de un montón de garabatos, me ocurrió esta idea. Pensé que podría ser divertido transformar al gran lobo malo en la capota roja. Para jugar con esta dualidad, como lo malo y lo bueno, masculino y femenino y todo ese jazz. Empiezo a garabatear para definir cómo se verán las dos cabezas de mis personajes. puede ver que trabajan alrededor de la misma forma redonda para darles el mismo núcleo y volumen [MÚSICA]. Estoy jugando con formas y composición de cortesía y trato de mantener el diseño simple, pero agregando algunos detalles. Me gusta que los dos personajes estén enfrentando diferentes direcciones aquí. De esta manera, se ve ingenua e inconsciente, y esto crea más contraste. Me di cuenta de cómo la capucha y la boca del lobo pueden tener una forma similar. [ MÚSICA] Prueba diferentes ideas de diseño de personajes, las comparo, y luego empiezo a pensar en el color. Empiezo por usar este verde oscuro y rosa, y trato cuidadosamente de incluir ambos colores en ambos diseños. Uno va a ser principalmente rosa con algunos detalles oscuros y el otro va a ser lo contrario, principalmente oscuro con algunos detalles rosados [MÚSICA]. Hago la nariz del lobo más grande de lo que normalmente hago para tener más rosa en el diseño. Al principio, pensé en añadir algo de rosa también dentro de sus orejas, pero luego descarté esta idea a medida que desarrollo el diseño. Ahora que estamos diseñando, vemos las poses clave lado a lado. Pero para la animación, los superpondré para que estén en el mismo lugar. Estoy limpiando mis diseños ahora. Yo uso un pincel básico limpio porque estoy animando inanimado donde no hay una gran opción para los pinceles. [ MÚSICA] Durante esta fase de limpieza, decido que el negro funciona mejor. Este es también el paso en el que decido los detalles, sobre todo para la expresión facial de la niña, dibujé muchas opciones tratando que su rostro sea más interesante. También decido deshacerme de los dientes del lobo [MÚSICA]. Al final, se me ocurrió un par de opciones diferentes, sobre todo para el rostro de la chica, tenía diseños ligeramente diferentes. Te recomendaría si tienes tiempo para irte a un descanso o dejar el diseño hasta el día siguiente y volver a él con ojos frescos. Aquí están nuestros diseños finales para nuestra animación. Esos van a ser los dos marcos clave. ¿ Te imaginas cómo A se transformará en B? Para esta fase, tómate todo el tiempo que necesites. Mi proceso se aceleró, pero puede llevar algún tiempo encontrar sus diseños finales. Adelante y muestra tus marcos clave en la sección del proyecto. [ MÚSICA] Vamos ahora a pensar en el movimiento para la animación. [ MÚSICA] 6. Planificar el movimiento: [ MÚSICA] Esta es la fase en la que planeamos qué tipo de movimiento queremos tener en nuestro morphing, y cómo exactamente A se va a convertir en B. De hecho, hay infinitas formas de crear un morphing. En primer lugar, un morphing podría ocurrir en el acto, por lo que los dos marcos clave, A y B, se transforman entre sí en el mismo lugar. O el morphing podría moverse a otra parte del marco. Esta va a ser tu decisión. Voy a animar en el acto, lo que significa que A, caperucita roja, se transformará en B, el lobo, permaneciendo en el mismo punto de la pantalla. En segundo lugar, ¿cómo exactamente pueden moverse y transformarse las poses clave? Un morphing puede ser completamente abstracto, donde los colores y las formas pueden transformarse y cambiar a la posición final. O podemos pensar en una acción que nuestro objeto o personaje puede hacer. Por ejemplo, una cara puede girar, una boca o una caja puede abrirse, una flor puede florecer. En mi ejercicio particular, quiero que la capota roja se convierta en el lobo y luego el lobo se convierta en capota roja. Me gusta la idea de que el lobo puede abrir la boca y caperuza roja podría salir de la boca. También me gusta la idea de que es completamente lo contrario de lo que sucede en la historia, así que en lugar de meterse en la boca, se sale. Ahora puedes pensarlo, puedes esbozar qué idea tienes en papel o simplemente una lluvia de ideas sobre el movimiento. Pero cuando te sientas listo, podríamos empezar a entrar en una línea de tiempo. Lo primero que hay que hacer es poner tus dos fotogramas clave en la línea de tiempo, y si la animación está en el acto, queremos superponerlos. Lo primero que estoy haciendo es retroceder nuestros diseños en el software de animación. Especialmente si planeas animar los colores por separado, es útil tenerlos en capas separadas. Con la ayuda de la piel de la cebolla, puedo comprobar si las dos poses clave están perfectamente encima de la otra. En cuanto al cronometraje, sólo para empezar, podemos empezar con un segundo arreglar la imagen. Imagen A, un segundo es el bucle de animación, y luego un segundo otra vez imagen fija, pero esta vez es la final, B. Por supuesto, si queremos animar un bucle, todavía vamos a tener que sumar otro segundo de morphing de B a A. Podríamos reproducirlo y comprobar si el tiempo está funcionando, y tal vez ver nuestras dos imágenes con este momento también podría comenzar ayudándonos a imaginar cómo queremos la animación a ser. Un pequeño recordatorio sobre nuestra tabla de cronometrajes. Voy a seguir esta estructura y planear como bajo movimiento al principio, luego una fase media rápida, y un enfoque de desaceleración en el segundo fotograma clave. Recuerda que cuanto más alejados estén los dibujos, más rápida será la animación. Cuanto más cerca estén los dibujos, más lenta se verá la animación. Lo que queremos hacer es tener una animación que vaya de A a B, y que empiece despacio, vaya más rápido en el medio, luego ralentizar de nuevo al llegar a B. Después de revisar el cronometraje e imaginar el movimiento, tal vez quieras hacer algún boceto suelto o áspero. Este paso es totalmente opcional, sobre todo si tu diseño es bastante simple, tal vez no necesites pasar por una etapa áspera, pero en realidad siempre me gusta hacer esto. Mis rudos son muy malos y bastante feos, pero esto me ayuda a entender qué tipo de movimiento puedo planear, así como puedes ver, solo estoy probando cosas y voy a hacer muchos rughs antes de que finalmente encuentre el movimiento que me gusta. Si te sientes más seguro con la animación, puedes planear un movimiento más dinámico o una acción. Por ejemplo, lo que estoy haciendo con la boca del lobo. Si estás empezando con la animación, podría ser suficiente para animar una transformación lineal de la forma. Juega más con colores en lugar de con el propio personaje. En este video acelerado, estoy probando mi idea para el movimiento. Me imagino lo que podría pasar. Estoy planeando hacer salir a la chica de la boca del lobo mientras rotan. Luego rotará y revelará al lobo mientras su capucha se desvanece el pasado. Empiezo a imaginar cómo la niña puede girar a la izquierda, y el lobo aparece por detrás de su capucha. En este punto, mis dibujos son muy rudos, sólo ayudándome a entender si la idea podría funcionar. El arco de su capucha puede ayudarnos a dar dirección. Si bien aparece el lobo, es importante ver a ambos personajes al mismo tiempo en el mismo marco, para que ya no sea capota roja, pero tampoco es el lobo todavía. Jugarla a través o voltear a través los marcos ayuda a verificar si el movimiento podría funcionar. Aquí, estoy tratando de imaginar cómo el lobo abrirá su boca. Tenía una anticipación, que es una preparación para la acción principal, y movimiento hacia la dirección opuesta antes de que comience la acción principal. Entonces antes de que el lobo suba con la boca, va a haber un par de marcos en los que baje. Haré lo mismo por la chica más tarde, agregando un poco de anticipación antes de que comience su rotación. El marco en el que sale la niña de la boca del lobo no fue fácil. Lo dibujé muchas veces antes de encontrar una solución. Durante esta fase, se empieza a ajustar el tiempo. Empezamos con una segunda pose clave y un segundo morphing. Pero tal vez a medida que avanzamos nos damos cuenta que el movimiento va a ser más rápido. Volviendo al lobo, me di cuenta de que la boca se estaba abriendo demasiado lentamente, por lo que volví a dibujar la pose de la abertura de la boca. Creo que la boca del lobo podría abrirse de manera diferente y podría funcionar mejor. Tiene que seguir girando mientras sale el niño. Dentro de la boca, podría haber una forma rosa que al principio podría parecer como si fuera la lengua del lobo, pero luego va a ser la capucha roja. La niña sale con los ojos cerrados y los abre mientras se gira y entra en posición. Al final de esta fase, me hago una idea del movimiento y del momento que quiero que tenga mi animación. Ahora que tienes una idea del movimiento que quieres hacer, y ya tienes tus poses clave en el lugar correcto. Ahora, estás listo para dibujar todos los marcos intermedios para dar vida a tu morphing. Adelante y comparte en la sección del proyecto tu trabajo en curso y el movimiento que estás planeando animar. Nos vemos en la siguiente lección, donde finalmente saltamos a la animación. [ MÚSICA] 7. Animación: [ MÚSICA] Ahora que tenemos nuestro plan, vamos a indagar en la animación. El áspero para el primer morphing funciona ya bastante bien, así que empiezo ahí. Limpio las poses que esbocé. Esta es la chica que empieza a girar a la izquierda. El lobo aparecerá bajo el capó a medida que vaya. La forma redonda de su cabeza permanece en su lugar mientras la capucha, los ojos, la nariz y la boca giran. El arco de la capucha es un detalle muy importante. Nos ayuda a dar sentido de movimiento. Dibujo un poco de frotis para la mejilla. Se aplastó a medida que se gira rápidamente. Además, las cejas se estiran. Los trazos de pincel ayudan a transmitir el movimiento. Dibujemos el siguiente in-between. Se puede ver el dibujo anterior en superposición y el siguiente. A medida que sigue girando y casi desaparece mira el arco aquí. Realmente nos ayuda a sentir la rotación y dar una sensación de movimiento. El balón será de color rosa, por lo que será un bonito rastro pop-in de color me sobra de la chica mientras el lobo ya está en el marco. Esto ayudará a que la transición sea más suave. [ MÚSICA] Además, la punta del capó nos ayuda a transmitir la rotación. Ahora, dibujando a los entretenidos para llevar al lobo a su posición. Abrirá los ojos poco a poco hasta que llegue a la pose clave. Todavía podemos ver un poco de rosa detrás de él. Mira el capó aquí. Tenemos que hacerlo desaparecer. Son arbustos pasados y voy a añadir un poco de cola en el último marco, nuestro último pedacito de capucha antes de que desaparezca por completo. Aquí estoy agregando las orejas del lobo asomando. Es el primer marco que vemos algunas partes del lobo. De esta manera, la capucha está cubriendo al lobo y luego revelándolo. Es importante tener un toque de las orejas en el marco antes para engañar al ojo. Ahora, dibujo a los entretenidos del lobo llegando a su posición. Poco a poco abre los ojos y se gira. [ MÚSICA] Voy a dibujar aquí a los alumnos y voy a mantenerlos arreglados, como si el lobo estuviera mirando a la audiencia. Ahora se hace el primer morphing y funciona bastante bien. El segundo sigue siendo un desastre, así que lleguemos a ello. Esta es la anticipación donde el lobo baja ligeramente antes de abrir la boca. Voy a hacer que le apriete los ojos a medida que baja. Ahora, limpiemos esta acción. La boca necesita abrirse mucho más rápido y girar al mismo tiempo. Aquí viene Caperucita Roja. Aquí sale de la boca mientras gira y abre los ojos. Es hora de limpiar y dibujar algunos in-betweens. Voy a dibujar a muchos in-betweens aquí para la llegada de la chica a posición para hacer la acción más suave. Un extra in-between también para la anticipación del lobo. En esta etapa jugando la animación, te das cuenta si son necesarios algunos ajustes de cronometraje y si algunos dibujos extra pueden hacer que las acciones se sofoquen. Como se puede ver falta una cosa. La boca del lobo cerrando y luego desapareciendo. Vamos a dibujarlo. Eso está hecho. Ahora, es el momento de limpiar algunos marcos que siguen siendo ásperos y luego coloreados. Buen trabajo. Hiciste el mayor trozo de animación. Este proceso puede ser bastante largo. De nuevo, he estado acelerando mi proceso. Tómate tu tiempo. Si tienes la oportunidad, déjala ahí un rato, ve a dar un paseo, toma una taza de té y vuelve con los ojos frescos. Esto podría ayudar mucho. En la siguiente lección, vamos a pulir un poco la animación y exportarla. [ MÚSICA] 8. TOQUES FINALES: Casi ahí. Nuestro bucle morphing está animado, solo tenemos que pulirlo un poco y añadir algunos toques finales para que sea perfecto y luego podemos movernos a exportar. Si aún no lo has hecho, este es un buen momento para seguir adelante y colorear tus marcos. Una cosa que me ayuda a detectar errores y descuidos es poner un color brillante como fondo. Esto hace que salgan los errores de coloración, como en este caso. En esta fase, toqué a través de la animación y veo si hay algo que necesite ser pulido o fijo. A veces el tiempo necesita ser un poco ajustado, tal vez las poses clave necesitan quedarse un poco más o como yo aquí podría ser más rápido. Me di cuenta de que la nariz rosada no está funcionando en esta secuencia donde desaparece el lobo. Durante la fase de animación, dibujé la nariz pero terminé eliminándola mientras coloreaba porque no tenía sentido hacer que el color rosa reapareciera solo para dos fotogramas. También puedo dibujar algunas líneas de movimientos que son básicamente pequeños frotis. Le agregan un toque agradable a tu morphing. En este caso, añadí un poco de color rosa siguiendo el movimiento de la capucha. No lo hago bien en el primer intento. Está bien probarlo y eliminarlo si no funciona. Hice lo mismo con la apertura de la boca del lobo, agregando algunas líneas blancas. Si bien la acción principal está en medio de las dos poses clave, me pareció muy útil agregar pequeñas animaciones a las poses mismas. Caperucita roja y el lobo son nuestro principal protagonista. Esta es la razón por la cual sus diseños se quedan para muchos fotogramas en pantalla. Es importante verlos y reconocerlos, por lo que la pausa después de la animación morphing es importante. Pero un buen toque es darles un poco de vida en su quietud si tiene sentido. Por lo general me gusta agregar pequeñas acciones para las poses clave. Por ello, añadí un parpadeo para la niñita y un efecto poco brillante para el lobo. Para la niña, también añadí un seguimiento por el arco con el fin de conseguir un asentamiento más suave. Como se puede ver en este momento, se anima temprano. Voy a sumar algunos in-betweens, un seguimiento, y un rebasamiento. Se llama rebasamiento cuando el movimiento va más allá la posición final y luego vuelve y se asienta. Estos son algunos otros ejemplos e ideas para acciones secundarias más pequeñas. Como milla, un seguimiento de algunos elementos como aretes, una bufanda, cabello, pelo vegetal, una lágrima, su reflejo en las gafas de sol, un guiño, etcétera. Otro consejo útil puede ser dar diferentes tiempos, dos elementos diferentes, compensando, por ejemplo, la llegada de algunos efectos. Por ejemplo, si quieres agregar tanto un guiño como un efecto de chispas a tu pose clave, es mejor si no suceden con el mismo tiempo. Cuando estoy satisfecho con mi animación, lo que normalmente hago es exportar mi bucle en diferentes formatos. Mp4 y GIF son los más útiles para mí. A veces también necesito una secuencia SWF o PNG. De esta manera, tengo todo lo que necesito para todas las posibles plataformas y uso. En la sección de proyectos de esta clase, puedes subir un GIF. En la siguiente lección, terminamos las cosas y te voy a contar todo lo que puedes hacer ahora con tu bucle animado de morfina. 9. Para terminar: [ Aplausos] Felicidades, lo lograste. Creaste tu propio morphing animado. Aquí hay un pequeño recapitulación de lo que aprendimos. Aprendimos un poco de morphing, algunos conceptos básicos de la animación, hicimos un ejercicio de calentamiento y luego nos movemos al diseño de nuestros fotogramas clave. Después planeamos el movimiento, después lo animamos, pulimos la animación, lo exportamos, y acabamos de hacerlo. Alto-cinco. [ Aplausos] [RUIDO] ¿Cómo usar este morphing y cómo empujarlo hacia adelante? Puedes usar tu morphing como una pegatina animada o GIF. Esas son geniales para las redes sociales, pero también para boletines y presentaciones. Recientemente, muchos festivales de animación comenzaron a incluir también una selección GIF. Este morphing podría convertirse en su próxima presentación. Tu morphing también podría ser parte de una transición en una animación más grande o un cortometraje. Vuelve a tomar la clase, si te gustaría desafiarte a ti mismo e intentar algo más duro. La práctica es buena para que tu morphing sea mejor. Intenta el ejercicio de nuevo y tal vez desafíate un poco más. Intenta algo un poco más duro en su lugar, tal vez no solo dos poses clave, sino múltiples como lo hice en este ejemplo. En lugar de dos colores, prueba tres o cuatro. [ MÚSICA] No puedo esperar a ver todos los bellos resultados y trabajar en curso en la sección del proyecto así que asegúrate de subirlo. También podrías compartirlo en redes sociales, etiquetarme, y usar los bucles de morphing hashtag. Gracias por tomar mi primera clase de Skillshare. Significaría mucho si me hicieras saber cómo te gustó y si pudieras recomendarlo a tus amigos. [ MÚSICA] Gracias por tomar mi clase. [ EXTRANJERO] [MUSICA]