Animar con una finalidad: movimiento y expresión

1. Introducción: Yo soy un forastero. Se siente como, porque vi moverse estas imágenes y por eso me metí en ello. Con ese movimiento, estamos haciendo magia. Hola, me llamo Claudio Salas, y soy animador. La animación me hace feliz. Cuando estoy sentado animando, estoy en mi zona feliz. Estudié diseño gráfico cuando era joven. Me ayudó a sentar las bases de mi experiencia de animación. Llevo haciendo esto unos 12, 13 años, y todavía me encanta. Por lo que esta clase se trata de la formación de personajes y cómo transmitir emoción con un personaje y movimientos, dando vida a este personaje. hoy, estaremos viendo algunas referencias y luego estaremos viendo algunos estilos de animación diferentes. Ve qué tipo de animación elegiremos y aplicaremos a tres emociones diferentes, y luego vamos a animar a un personaje. Deberías tomar esta clase para mejorar como animador o simplemente probar algo nuevo como artista. Esta clase realmente te ayudará a elevar eso y a pensar qué otros detalles puedes agregar a tu animación para hacerlo mejor. Probablemente deberías traer algún conocimiento y secuelas ya. Aparte de eso, solo tienes una sonrisa feliz y excitada en tu cara. Asegúrate de compartir tu trabajo en la galería de proyectos. De verdad no puedo esperar a ver qué has puesto ahí. A mí me emociona dar esta clase porque la animación es tan divertida. Muchas gracias por unirte a esta clase. Empecemos. 2. Comprender los estilos de animación: Si ves caminar a un amigo en la siguiente cuadra cuando los ves caminar, reconocerás ese movimiento. Entonces tu cerebro está realmente programado para escoger esos patrones y reconocer esos movimientos exactos, y es realmente fascinante que así funcione. Realmente puedes tomar cualquier forma y moverla de cierta manera, y tu cerebro solo llenará los huecos. Entonces veamos cómo funciona esto en el arte. Entonces en este momento estamos viendo esto es en realidad solo puntos animados. Entonces alguien animó esto y no es un humano entrando, y no son pequeñas luces que alguien le puso a una persona. Pero es este estudio realizado por dos psicólogos hace mucho tiempo, y sólo están analizando cómo los cerebros perciben el movimiento. Por lo que la física de la vida real tiene patrones y cuando aprendes eso como animador, puedes usar eso a tu favor. Ahora que ya sabes esto de movimientos simples, realidad podemos aplicarlo a nosotros mismos, a la forma en que nos movemos, la forma en que expresamos diferentes emociones, y eso es lo que vamos a explorar ahora. Te voy a mostrar dos ejemplos de diferentes estilos de animación, uno más tradicional y suave y otro más rápido. Entonces aquí en el primer ejemplo, tenemos una muy tradicional, se llama tradicional porque se inventó de nuevo cuando Disney creó todas estas viejas películas. Es realista en el movimiento. Entonces esto es sólo mirar la forma en que se mueve, se está moviendo de una manera realista. Entonces esto se basa en la actuación de la vida real, mientras que el segundo ejemplo, estás viendo claramente cuál es la diferencia. Por lo que sólo hay un pequeño clip de esto y este es un estilo muy rápido. Entonces aquí en este tiro, tenemos a este personaje, este tipo del personaje principal, y él solo está sentado y se ve su mano, el brazo es lo único que se mueve en este marco. De lo que me encanta es que es tan estilizada, no sólo en la forma en que se ve, sino también en la forma en que se anima. Aquí quiero hacer una pausa en este momento y apreciar un poco. Entonces aquí mira el timbre del teléfono y se da cuenta de quién es. No lo sabemos, pero definitivamente es algo aterrador, supongo. Es una llamada telefónica que no quiere recibir. Entonces esto lo demuestran estas poses muy extremas, y como puedes decir son muy carton en la forma en que anima, no es imitar en absoluto la vida real. Otra cosa que diferencia a estos dos es la forma económica. No sólo es más barato hacer este tipo de animación, sino que es más divertido. Es decir, para mí, esto es sólo una cosa del gusto. Si realmente nos detuvimos aquí y vemos que quien diseñó estos marcos, tenía eso en mente. Por lo que tanto el diseño como la forma en que se mueve, ambos estilos son efectivos para transmitir emoción. Simplemente son muy diferentes en el momento y la snappiness o la suavidad de la misma. Por lo que ambos son geniales. Entonces hablemos de tiempo. Aquí, tengo tres ejemplos. Tres círculos simplemente moviéndose como lo hacen cuando los animas. Todos tienen el mismo tiempo, la diferencia es el espaciado, así que eso es lo que marca esta diferencia. En la parte inferior, eso es lo que verías en el editor de gráficos en After Effects comenzando por la izquierda, como si eso es solo si haces clic derecho en un marco clave y agregas fácil es, eso es lo que nunca pensaste que obtendrías. El medio es más de rapido. Si tira de los puntos de anclaje en tu gráfica, en tus fotogramas clave, ese es el resultado que obtendrías. Entonces la última, en realidad has agregado un toque de elección artística. Entonces esto es como los marcos en medio y en realidad están hechos a mano para crear este movimiento extremo para el frotis, se llama. Entonces en el ejemplo que acabamos de ver de Cenicienta, la de izquierda es la de aspecto más suave, mientras que la segunda y la tercera son las que imitan más de la animación rapida que acabamos de ver también. Entonces lo que me gusta de este ejemplo aquí mismo es que podemos utilizar esto a nuestro favor. Por ejemplo, como se puede ver en la cara en el medio, desde este marco inferior hasta este superior cambiamos la expresión, y eso es algo que vamos a tratar de utilizar a medida que animamos. Porque no puedes salirte con la tuya tanto. Es como un truco de magia, eso es en realidad lo que hacen los magos. Entonces estamos haciendo magia. Entonces les voy a mostrar en este último ejemplo que esto es lo que hace un mago. Entonces estos movimientos son exactamente los mismos pero debido a que le agregamos un poco de anticipación, empiezas a mirar la forma única y tu cerebro solo llena los huecos. Entonces como puedes ver, no hay marco medio, tu cerebro llena más o menos los huecos. A continuación, vamos a hablar del poder de tener un referente. 3. El poder de las referencias: Tener una referencia es importante. Dependiendo de lo que vayas a animar, puedes encontrar la referencia relevante para eso. A medida que te pones más cómodos animando personajes, se hace más fácil y más fácil hacer realmente tu animación. Algunas grandes referencias son otros animadores. Entonces aquí hay un clip de Gunnar. Son tan talentosos y estos chicos hicieron este pequeño clip en Instagram que acabo de pasar y es tan brillante en tantas formas. Entonces primero es un personaje que tiene control, y luego el personaje pierde el control y entra en esta versión realmente loca, sin control, y luego de nuevo a la versión de control. Entonces lo que me encanta de cómo estimaron esto es lo rapido que es. Voy a pasar por aquí y va desde esta forma muy controlada. No se puede anticipar realmente que ella va a hacer una tira mirando estas poses extremas. Simplemente no tiene sentido. Se vuelve borrosa con todas las poses que tienen aquí dentro. Pero aquí, por ejemplo, está boca abajo y en tan solo dos fotogramas está bien de respaldo. Esa es una forma tan brillante de animar. lo que el segundo ejemplo es de otro amigo de la animación en esta industria llamado Robin Davey. Hizo este pequeño lazo de esta chica corriendo. Su cara está bastante quieta. Se trata de un post fijo, que es muy eficiente. me encanta. Ella sólo tiene una gran sonrisa y los ojos grandes. Lo que ha encontrado aquí es mucho unos buenos límites. Entonces ella se está saltando y realmente se puede decir a los arcos aquí como mirar, por ejemplo, a la mano están haciendo este movimiento de ida y vuelta y hay un poco de detalle. Simplemente me encanta cómo encontramos este rebote. Tiendo a mirar en mi mano cuando empiezo a animar algo y encuentro este ritmo. Es un ritmo tan sencillo. Es sólo arriba y abajo, arriba y abajo, y realmente me encanta la simplicidad de eso. Este pequeño clip muestra que hay un personaje tropezando sobre una roca y luego estos otros cuatro personajes simplemente copiándolo y se están riendo. Simplemente es tan simple. Están usando tan pocas poses aquí de una manera tan eficiente y divertida. Lo voy a descomponer un poco. Entonces primero tenemos este pequeño paseo y luego se desplaza. Entonces lo que me encanta de esto, voy a pisar entre estos dos. Entonces aquí está feliz y de repente su cara es como, oh, y sube volando. Se sostiene ahí arriba y luego solo con un pequeño marco de llave justo aquí donde empieza a caer. Porque hasta este punto estamos flotando en el aire. Pero este marco sólo muestra que vamos a caer y luego en el siguiente cuadro está plano en el suelo. Esa es una forma tan central y eficiente de animar. Entonces los cuatro personajes hacen exactamente lo mismo pero también agregan una risa al final lo que hace aún más placentero de ver. Entonces si es o grabarte a ti mismo o si vas a encontrar un clip en línea o tal vez una película que viste, adelante y analiza eso. Eso es lo que hago. En realidad solo marco por fotograma y realmente analizo cada parte de esta referencia y saco los elementos clave y eso es lo que uso como base para mi animación. Entonces, a continuación, vamos a llevar mi diseño de personajes de Illustrator a secuelas para que podamos empezar a animar. 4. Cómo usar la emoción en la animación: Entonces cómo empecé a averiguar qué quería animar para esta clase, empecé enumerando un montón de emociones diferentes; feliz, triste, enojado, confundido, excitado, enérgico, y asustado, y estos son demasiados, por supuesto, así que Seleccioné mis tres que más resonaron conmigo. Entonces enumeré como cuatro o cinco momentos diferentes para cada uno de estos. Entonces para feliz, enumeré cinco cosas diferentes, y elegí solo una de esas. Lo mismo para triste, lo mismo para enojado. Entonces para cada una de estas emociones, elegí un favorito, lo que llamamos un momento, esto es lo que voy a tener en la parte posterior de mi cabeza cuando visualice, cuando voy a animar. Entonces por ejemplo, para el primero, es para feliz, elegí un momento donde mi personaje va a estar feliz leyendo un libro favorito, cuando está triste va a estar perdiendo a su familia y amigos. Eso es bastante vago, así que puedes visualizarlo de muchas maneras. Entonces para el enojado, elegí visualizar a nuestro pequeño personaje sosteniendo un dispositivo que no está funcionando. Si es un teléfono o si es el mando a distancia de Apple TV el que no funciona de la manera que querías, sí, algo así. Simplemente enojándose con su pequeño dispositivo. A partir de aquí, en realidad empecé a bosquejar. Tengo esta mejor versión de esto aquí. Me siento cómodo en Illustrator, así que elegí Illustrator y comencé a esbozar mi feliz personaje. No quería limitarme sólo a la lectura de un libro favorito. Entonces elegí cosas diferentes, y lo que hace feliz a un personaje, y cuando diseñé este personaje, realidad elegí basado en muchos proyectos diferentes en los que he trabajado en el pasado. Como algo que me siento cómodo animando. Llevándolo de vuelta a lo que hace de este un personaje feliz. En primer lugar, son las poses fuertes, es la animación alegre, es muy puntiaguda, es muy juguetona. Entonces el ritmo es lo único que lo hace muy juguetón. También la exageración. Los libros están equilibrando mucho, y normalmente los libros harían eso necesariamente, y no en ese control. Pero está muy contento. Tiene una intención cuando está corriendo. Entonces si esto, por ejemplo, era un personaje triste, tal vez estaba triste por recibir libros, o tal vez tiene deberes que hacer. Aquí, lo que cambiaría son las poses. No estaría tan emocionado de recibir algunos libros. El ritmo, el ritmo, sería muy diferente. Tal vez los llevaría como si esto fuera una carga. Pero sí, ahora mismo, está súper contento con estos libros. 5. Comienza a importar en After Effects: Entonces lo que estamos haciendo en esta lección es importar cosas de Illustrator a After Effects, y así es como lo hago. Después de esa pequeña sesión de bocetos, terminé dibujando algunos más y terminé con estos cinco marcos. Al entrar en After Effects, voy a crear una nueva composición, y voy a hacerla cuadrada, 1080 por 1080 porque va a ser amigable con Instagram. Vamos a hacerlo unos 10 segundos de duración, y vamos a nombrar esa comp a Noah Happy, porque eso es lo que estamos animando. Entonces estas son las caras que voy a estar usando, y en realidad he ido adelante y las he puesto detrás de esta cabeza, y puedes ver que están todas apiladas. Entonces se ve espeluznante cuando haces eso así que por eso lo puse detrás de la cabeza, pero estas son las formas que usaremos, eventualmente para que en realidad podamos ocultar esto por ahora. Simplemente vamos a importar todo esto a After Effects, y estoy usando este plug-in llamado Overlord. Es esto lo que realmente va a hacer las cosas fáciles para importar a After Effects. Es más o menos un botón, e importa todas tus capas a After Effects. Entonces este pequeño plugin costó $45, y me ahorra tanto tiempo, definitivamente vale esos $45. Entonces ahora, voy a renombrar y recolorear estas capas sólo para mantener las cosas más organizadas. Quiero mencionar un plug-in o script más, y esto es para After Effects. Se llama Etiquetas. Esto es lo que parece a pantalla completa, pero es una de esas herramientas que ahorran tiempo. Entonces lo que hace, por ejemplo, es el torso, solo puedo hacer clic fácilmente en un color. Por ejemplo, quiero que el torso sea naranja, ahí está. Por lo que solo te ahorra un clic realmente, así que en lugar de hacer clic uno, dos, simplemente haces clic casi una vez. Cuando estás trabajando con muchas capas, realmente suma. He ido adelante y recoloreé todos estos, y sólo quería mostrarte una cosita más de este plugin, Etiquetas, es que no sólo puedes recolorearlos con un solo clic, sino que también puedes, si presionas shift, por ejemplo, y presiona tu color, selecciona todas esas capas. También cosa ahorradora de tiempo. Entonces ahora, voy a hacer un poco nulo para la cara solo para asegurarme de que todos los elementos faciales vivan bajo el mismo elemento. Por lo que un objeto nulo es una capa que es casi una capa vacía. No se renderiza, es solo esta pequeña guía cuadrada vacía que te muestra, y puedes padres cosas a través de esta capa. Entonces tengo un plugin más, y este es Motion-2. Se trata de un plug-in que tiene una colección de muchas herramientas diferentes, pero la que uso mucho aquí es esta crear botón nulo. Entonces en lugar de ir capa, nuevo, objeto nulo, solo puedo seguir adelante y hacer clic en este botón, y crea un nulo en el centro de la composición. Algo que me encanta de ello también es que los nulos normalmente vienen en esta forma. Entonces el punto de anclaje real está en la esquina superior izquierda, pero en este nulo en realidad está en el medio lo cual para mí tiene mucho sentido cuando estás controlando las cosas. Entonces este va a ser mi controlador de bucle para la cara y otra cosa que es genial de ello también es que, si tienes un elemento seleccionado y presionas este botón, automáticamente padres esta capa al nulo. Ahora, voy a seguir adelante y cambiar los puntos de anclaje en cada capa. Las principales donde sé que quiero que la rotación sea en un punto determinado, por ejemplo, la cabeza, quiero rotar por aquí. También voy a seguir criando cosas para que tengan sentido. Torso, casi todo va a estar conectado con el torso eventualmente. Entonces estoy presionando comando para ajustar el punto de anclaje a ciertos puntos, y esa es una pequeña herramienta que es realmente útil. Muy bien, ahora, tenemos el primer marco de Illustrator importado. Vamos a seguir importando todos estos fotogramas y aproximadamente tiempo fuera así que los tenemos jugados en esta línea de tiempo. Para cada fotograma, en realidad vamos a importar sólo lo que falte del fotograma anterior. Entonces aquí, por ejemplo, podemos ver claramente entre estos dos marcos que los brazos y los libros son los nuevos, ya importamos una sonrisa feliz. Por lo que sólo nos enfocamos en estos elementos en este momento. Lo que es bastante impresionante de este overlord, te permite importar cosas como capas separadas, pero también como si hicieras clic y seleccionaras este pequeño botón de formas divididas a capas, te permite importarlo como solo un grupo, y luego no necesitas lidiar con todas las capas, y eso es lo que haremos por cada libro. Está bien. Por lo que también podemos empezar a cronometrar esto. Por lo que estableceremos el primer fotograma para que dure dos segundos y luego el segundo fotograma dure dos segundos más y así sucesivamente. Aquí vamos y entonces también estamos realmente empezamos a establecer fotogramas clave ya. Para este, voy a hacer que la posición de la cara se mueva hacia arriba. Por lo que queremos establecer un fotograma clave para el primer post y un fotograma clave para el segundo fotograma y segundo post. Entonces algo así. Pero ahora mismo, tenemos un fotograma clave lineal pasando. Entonces solo queremos hacer de eso un fotograma clave completo solo para que no se mueva hasta nuestro próximo fotograma clave justo ahí. Nosotros queremos hacer lo mismo aquí. Entonces lo que tenemos aquí es Frame 1 y Frame 2, y lo que me gusta hacer es poner estos pequeños marcadores aquí arriba a los que puedes navegar fácilmente y lo hago pulsando shift y cualquier número en el teclado. turno 1 hace uno, turno 2, y así sucesivamente. Ahora puedo fácilmente simplemente pulsando uno y dos cambiar entre estos marcos. Voy a asegurarme de que yo padre estas capas al torso y padre las manos a cada brazo. También queremos cambiar los puntos de anclaje. Otra cosa que es diferente es la sombra también y se puede ver que apenas se mueve ligeramente. Ya que eso se va a animar más adelante, voy a hacer una pequeña pierna para ello ahora mismo, y está hecha por esta pequeña herramienta que es nueva y creo que es After Effects 2017, agregamos esta función. Lo que esto hace es que vamos a tirar hacia arriba el camino real para esta sombra y vamos a seleccionar ambos de estos puntos y simplemente crear pequeños objetos nulos. Se puede ver que cada uno de estos mangos ahora tiene su propio nulo, y por qué estamos haciendo eso es porque queremos un control separado y poder agregar diferente flexibilización en cada una de estas pequeñas sombras. Otra cosa que noté también, y es diferente, es la cabeza. En realidad se ha movido un poco hacia arriba. Entonces vamos a tratar de mantenernos fieles a este diseño aquí. Entonces lo que voy a hacer es en realidad, voy a importar esto otra vez luego todo este personaje, y esto es solo una capa ahora mismo, voy a hacer clic derecho y convertirlo en una capa guía. De esa manera, no se renderiza o sé con su pequeño ícono que es diferente al resto. Lo que también haré es presentarles un pequeño plug-in más que tengo para After Effects. Se llama Consola FX, y es esta pequeña ventana la que aparece aquí. Aparece con un pequeño atajo. Lo tengo configurado para cambiar pestaña, pero lo que hace es que más o menos afecta a ventana y presets. Tienes por aquí, en lugar de ir a esta ventana y escribir en relleno, que es lo que queremos, un poco de relleno, haz doble clic en él, solo veremos unos pasos activándolo y escribiéndolo aquí en su lugar, y luego presione enter. Baja la opacidad para que veamos a través de ella y luego bloqueamos esta capa, y ahora, vamos a mover la cabeza hacia arriba para que coincida con la referencia. 6. Rigging y finalización de la importación: Entonces antes de seguir importando los siguientes cuadros, voy a hacer un rostro y un aparejo, y eso es para simplificar así no necesito trabajar con todas estas capas y encenderlas y apagarlas todo el tiempo. En cambio, tendremos un pequeño menú desplegable que nos ayudará a llegar allí. Voy a crear un control de menú desplegable, y que puedo encontrar ya sea bajo los efectos aquí o simplemente puedo escribirlo con mi pequeña herramienta fijada llamada control de menú desplegable. Se aplica a este nulo invisible. De lo que esto es, es más o menos un pequeño menú desplegable que puedes editar. Voy a llamar a esto ojos. Los ojos son los que quiero como un pequeño botón separado que para poder activar cuando vamos a pestañear contentos, ¿ cuándo vamos a hacer un parpadeo regular y cuándo vamos a tener los ojos abiertos? Tendremos estos tres artículos y vamos a entrar aquí y editarlos y simplemente renombrarlos. Ahora tenemos este pequeño menú desplegable donde podemos seleccionar los tres. Pero ahora tenemos que vincular todo aquí. Te voy a mostrar algunas expresiones. Voy a hacer eso dentro de cada pequeña capa, y nos vamos a centrar en estos tres, ¿verdad? Queremos aplicarlo a la opacidad. Entonces lo que voy a hacer es tirar hacia arriba la opacidad y voy a dar click para empezar a expresarse. Este es un guión sencillo. Bueno, es simple porque parece simple pero es poderoso. No soy un experto en expresiones, pero conozco estas cosas y así es como lo hago. Lo aprendí hace mucho tiempo, así que es más o menos una expresión if, if o else. Vamos a abrir esto y empezar a vincular las cosas, ¿verdad? El único bien en el que las expresiones son buenas. Entonces empezamos de nuevo si y luego no ese enlace sino éste, vincula eso a aquí. Esto agrega alguna sección compleja rara pero no mires eso, solo quédate conmigo. Aquí sólo te explicaré brevemente lo que hace. En este menú desplegable, tenemos esta sección numérica. Esto es uno, dos, y tres y esto es lo que identificaremos en la expresión. Si se activa el número uno, que es ojos abiertos, entonces dame una opacidad del 100 por ciento. Es necesario agregar estos corchetes ahí. Nosotros decimos si no, me va a dar cero por ciento de opacidad. Eso es más o menos. Si lo tengo seleccionado y me muestra mis ojos, pero si no está seleccionada, entonces desaparecen los ojos. Yo también voy a hacer lo mismo en las otras capas. En realidad voy a ahorrar algo de tiempo y copiar esta opacidad y pasarla e ir a la opacidad. Selecciona eso, pega. Al presionar EE entramos y vemos la expresión pasando aquí. Pero lo que queremos cambiar es el número dos. Por lo que si se selecciona el número dos, puede ser una opacidad del 100 por ciento, lo contrario puede ser cero. Vayamos al número dos, y eso está seleccionado y no al primero. Lo mismo aquí. Pegar, cámbielo a si se selecciona el número tres, puede ser un 100 por ciento, de lo contrario cero. Ahora deberíamos tener puesta la plataforma completa. Sí, en realidad los tenemos invertidos. Esto son tres y esto son dos sólo para que recordemos. Ojos abiertos, parpadean, parpadean felices. Sí, perfecto. Ahora vamos a añadir un poco de control facial para la boca también. Simplemente estaré a través de eso. Perfecto. Vamos a establecer un fotograma clave ahora, este ya es un fotograma clave completo como puedes ver, así que no necesitamos convertirlo en eso. Agregaremos un marco clave para la gran sonrisa y la sonrisita va aquí. Perfecto. Ahora es el momento de importar el tercer cuadro. Como se puede ver aquí, la diferencia entre el segundo y el tercero es que los brazos están ligeramente abajo, la cabeza está ligeramente abajo y los libros están todo el camino aquí abajo. Vamos a seguir adelante y sólo importar esto como referencia en realidad todo este apartado. Lo haremos de manera similar a lo que hicimos antes. En lugar de un relleno, esta vez, estamos aplicando un tóner. Una vez que tengo ese 250 por ciento de capacidad, para que podamos ver a través de ella y empezar a reposicionar. Este es nuestro tercer cuadro, ¿verdad? Por lo que vamos a seguir adelante y hacer un tercer marcador pequeño a los cuatro segundos en temporalmente y empezaremos a igualar esto ahora. Voy a armar los brazos ahora mismo. Muy bien, entonces esta pequeña plataforma de brazo sólo va a afectar la posición y la rotación. Voy a seguir adelante y dividir estos dos x e y posición para que tenga mejor control sobre esos. Hagamos el brazo a la derecha nuestra capa principal. Esta va a ser la única que anima, a la que ponemos fotogramas clave. Está bien, así que ahora vamos a empezar a vincular las cosas. Esto es más o menos ir a un espejo, ¿verdad? Sabemos que el torso está en el centro de esta comp. El brazo de aquí es sólo la misma cantidad de distancia de izquierda a derecha. Lo que haremos aquí es que vamos a fijar una cantidad negativa. Vamos a hacer algunas matemáticas. Aplicaremos es este poquito veces negativo sobre este valor. Eso lo espeja todo el camino. Entonces cada vez que movemos esto ahora va a duplicar eso y es súper práctico, muy ahorrador de tiempo. Para la rotación, volveremos a hacer algunas matemáticas porque queremos que rote una dirección diferente o como la dirección opuesta. Nuevamente, veces negativo uno. Ahora está girando así y así. Perfecto. Magia. Se toma la posición y la rotación, se establece un marco clave para el marco dos y luego para el marco tres. Vamos a empezar a emparejar. Lo que realmente vamos a hacer por ahora, para fines de tiempo, en realidad sólo vamos a seguir adelante e importar estos libros como una sola capa. Muy bien, bastante contento con eso. Apagas eso y también sabes que los verías ahora mismo. Vamos a seguir encuadrar cuatro, empezar a importar a este tipo. Este es el cuarto marco. Ahora podemos seguir adelante y hacer el quinto fotograma, agregar el quinto marcador ahí y volver a Illustrator para echar un vistazo a lo que cambia. Esto es lo único que usamos para la última parte ahí mismo. Lo que está pasando aquí desde el cuadro cuatro hasta el fotograma cinco, esto es más o menos porque vamos a hacer un bucle con esto. Este tipo en realidad está saltando o corriendo con estos libros. Se trata de sólo dos cuadros para poder decir cuáles van a ser los cursos extremos, el arriba-pose y el bajo-pose. Después sigue adelante e importa esta sección como guía. este momento, tenemos todos los marcos de ilustrador importados y prácticamente listos para ser animados. Lo que voy a hacer ahora antes de que empecemos el tiempo de animación, voy a apenas tiempo esto más o menos porque en este momento dos segundos para cada curso es demasiado largo. Es mejor hacer esto ahora en lugar hacerlo una vez que empecemos a establecer demasiados fotogramas clave aquí. Lo que voy a hacer es llenarlo, ver cuánto tiempo deben estar las cosas en el marco. Probablemente voy a necesitar rehacerlo más adelante, pero esto nos ahorrará algo de tiempo de todos modos en el futuro. Entonces voy a seguir adelante y hacer eso ahora mismo. No demasiado preciado al respecto en este momento, justo lo que se sienta bien. Muy bien, y creo que nuestra animación terminará en algún lugar por aquí. Ahora tenemos a nuestro personaje en After Effects y a continuación vamos a empezar a animar. 7. Cómo animar la cabeza, el cuello y el torso: Ahora vamos a iniciar la animación, y yo voy a empezar con el torso, el cuello, y la cabeza. Está bien. Entonces ahora vamos a animar primero el torso, y voy a seguir adelante y aislar el torso, el cuello, y la cabeza, sólo para que solo nos enfoquemos en esas tres partes. Entonces vamos a esquivar todo lo demás con este pequeño botón tímido, y asegurarnos de que sólo tenemos tres capas. En lo que empezaremos es el torso. Vamos a animar un poco de chapuzón, yo lo llamo. Cada vez que hay un nuevo cambio en una expresión, tiendo a hacer este pequeño chapuzón, ¿no? Voy a mostrar un ejemplo de eso. Por lo que este pequeño clip muestra un personaje para una marca, un personaje muy sencillo, similar en forma de vector. Este es el tipo de estilo de animación que voy a estar usando. Lo que estamos viendo aquí es que estamos viendo un montón de esos saltos que mencioné. Por lo que cada vez que va de esta pose a esta pose, hay un poco de inmersión en la posición. Entonces el cuerpo se mueve hacia abajo, la cabeza se mueve hacia abajo, y también hay un pequeño parpadeo en el medio, y eso es para motivar el cambio de posición. Tiendo a hacer eso mucho. Creo que como humanos hacemos eso en realidad. Entonces cada vez que miramos y miramos algo nuevo, realidad hacemos un pequeño parpadeo. Entonces voy a aplicar eso a este carácterito también. Va a ser, voy a agotar el tiempo más o menos por ahora, pero probablemente voy a hacer una acción de 10 marcos. Entonces va de aquí a aquí, y entre esos 10 cuadros, así 1, 2, 3, 4, 5, y en este punto. Entonces esta es nuestra principal acción que está sucediendo, ¿verdad? Ahora vamos a empezar a usar el GraphIt un poco en realidad. Voy a levantar esto. Acerque aquí, y en el cuadro medio, voy a empezar a empujar esto hacia abajo. Entonces solo con las teclas de flecha, baja un poco, solo ocular por ahora, y baja y luego sube. Entonces eso es lo que está pasando, ¿verdad? Pero queremos asegurarnos de que haya un poco de flexibilización ahí dentro. Can comando, click en estos fotogramas, y ahora tenemos una animación lineal sucediendo aquí. Yo solo quiero asegurarme de que este último fotograma se quede en ese marco. Entonces vamos a hacer una llave de retención para eso. Tenemos esto pasando, esa es la pequeña inmersión, y ahora sólo tenemos que ajustarlo un poco. Vamos a seguir adelante y aplicar la flexibilización. Vamos a modificar estas flexiones. Hay muchas formas de agregar una facilidad, pero solo usaremos este botón por ahora. Lo mismo aquí, va a haber menos ahí. Al igual que antes estaba hablando, vamos a hacer estas animaciones extremadamente rápidas. Entonces en este momento es muy suave como puedes ver, reproduciéndolo un par de veces. Pero lo que vamos a hacer es empujar mucho más este punto de anclaje. Por lo que ya veremos una versión más apta de eso. Lo que queremos hacer en realidad es hacer esto lo más nítido posible. Podríamos hacer de muchas maneras, ¿verdad? Podríamos por ejemplo tirar de estos mangos, por lo que son afilados, pero también podríamos usar una pequeña herramienta, ésta, facilitar los accesos directos aquí mismo. Este es en realidad un pequeño plug-in que es creado por un amigo de un amigo. Entonces esto no está realmente fuera en el mundo. Entonces seguiré adelante y compartiré este pequeño plugin y eso lo encontrarás en la sección de recursos. Lo que esto hace es que en realidad son pequeños atajos para qué tan lejos de una facilidad debe ser esto, ¿verdad? Entonces si tomo este fotograma, ves como hago click en estos pequeños botones, obtienes diferentes alivios. Tiendo a usar ya sea 100 por ciento o 90 por ciento mucho. Entonces para los afilados, solo hago un cero, y ahí vamos. Eso es bastante puntito. Ahora lo que vamos a hacer es aplicarle eso al cuello también. Puedo seguir adelante y copiar pegar estos fotogramas clave de ahí para allá. Verás que esto va a estallar muy abajo porque el valor es el mismo que allá. Pero lo que haremos, que es una gran característica pequeña, al tener este imán, este botón a presión activado, podemos seguir adelante y tomar nuestro primer fotograma clave de esos tres y ajustarlo hacia abajo en el original posición. Por lo que este fue un fotograma clave previo. Entonces ahora ves que está de vuelta a su lugar, y ahí hay un poco de chapuzón. En realidad una cosa que no hicimos es que la cabeza en realidad está parentada al torso, pero en realidad queremos que sea parentada al cuello. De esa manera como el cuello va hacia abajo, también lo hace la cabeza. Eso es un poco demasiado ahora mismo, así que voy a seguir adelante y tirar este fotograma clave hacia abajo. Voy a deshacer y mantener turno mientras hago eso. De esa manera mantenemos la misma posición y tiempo, y eso es sentirnos mejor. Tan sólo un poco sólo para que apenas puedas decir lo que está pasando. Entonces vamos a hacer exactamente lo mismo en la cabeza. Ahora en realidad te voy a presentar el primer pequeño truco que uso, que es para compensar estos tres. Por lo que la cabeza va a ser compensada 1, y eso crea este satisfactorio campo natural. Es como en la vida real, cuando realmente estás rebotando algo como por ejemplo tu cabello se moverá a un ritmo diferente pero aun así rebota si estás por ejemplo corriendo, ¿verdad? Puedes intentar hacer un offset en el cuello también, ver cómo se ve eso. Creo que eso es demasiado, probablemente, es lento. Entonces cada vez que hay demasiado offset, siento que muestra algún tipo de sensación relajada. Entonces, cuanto más un offset, relajado está. Pero aquí en realidad va a estar bastante concentrado. Entonces vamos a seguir adelante y seguir con esto y hacer algo similar aquí. Entonces lo que haremos es empezar con el torso. Entonces ahora tenemos dos pequeños fotogramas clave pasando, y eso es exactamente lo que quiero. Pero quizá la cabeza, vamos a hacer lo mismo. Vamos a tomar esta animación y aplicarla al cuello y a la cabeza, y entonces probablemente nos vamos a desplazar a la cabeza, sólo eso también. Bueno, lo probaremos cuando lleguemos. Echemos un vistazo. Sí, eso se ve genial. Este tipo en realidad se está moviendo demasiado. El cabezal, rebota un poquito demasiado. Cuando estoy volviendo a ver esto, lo siento fuera. Yo solo lo estoy reproduciendo una y otra vez para tener una idea de si esto es demasiado o esto es demasiado poco? Ahora vamos a entrar en la parte divertida, vamos a hacer una pose de anticipación, y luego nos vamos a encontrar con la pequeña animación de bucle. Entonces la pose de anticipación está ahí solo para anticipar lo que va a pasar, sabemos que este personaje se está preparando para algo grande, lo grande es que va a correr. A donde se dirige con sus libros, no lo sé, pero está contento llevando los libros, tal vez se vaya a casa, tal vez se vaya a su sofá a leer estos tres nuevos libros que le acaban de entregar. De lo que vamos a hacer, ya que esto va a ser un bucle, en realidad podemos establecer los puntos de entrada y salida para que solo reproduzca lo que queramos ver. Entonces volvamos al torso, mostremos fotogramas clave. Por lo que el bucle real comenzará por aquí en el punto más alto del ciclo de corrida. Entonces voy a establecer mi punto final para que empiece ahí, y mi outpoint termine aquí. Este es un bucle, necesita ser exactamente el mismo fotograma clave que el anterior. No necesita, pero hace que sea un bucle más suave. Lo que voy a hacer es simplemente copiar pegar este fotograma clave. Entonces lo que estoy haciendo aquí es eso, ¿verdad? Por lo que esto no se ve muy bien todavía. De lo que queremos hacer, tal vez esconderemos los brazos también sólo porque están distrayendo. Vuelve al torso, y aquí vamos. Lo que queremos es, como lo hicimos aquí, un abajo afilado y luego un suave arriba. Ahí vamos, eso es sentirse mejor. Pero ahora queremos cronometrarlo. Entonces este es un ciclo de corrida, y va a ser un ciclo de corrida bastante rápido y de dibujos animados. Entonces vamos a establecer el punto de salida ahí, ahí mismo, en algún lugar alrededor de ahí. Entonces en realidad sólo para explicar este pequeño bucle. Entonces el primer fotograma de este bucle está justo aquí en el primer fotograma, y el último fotograma de este bucle en realidad no está en el mismo fotograma, sino en el marco anterior. Entonces esto es lo que veremos en su lugar. Vamos a empezar a re-cronometrar esto un poco. Entonces voy a empezar a mover estos fotogramas clave hacia atrás. Ves, eso sigue siendo demasiado lento. A lo mejor incluso mucho más. Veamos cuál es la distancia de aquí. 1, 2, 3, 4, 5, 1, 2, 3, 4, 5. Ahí es donde estamos, y luego outpoint y outpoint. Eso es sentirse mejor. Mira eso. Ahora que tenemos este rebote en marcha, es la pequeña anticipación, y acabamos de aplicarlo al torso ahora mismo. Entonces es que a partir de aquí, y luego baja y luego sube y empieza a pedalear. Voy a copiar todo el camino desde aquí y pegar eso en el cuello, está bien. Por lo que ahora probablemente el cuello se vaya a mover demasiado porque está manteniendo el mismo valor que el torso. Queremos sólo una fracción de lo que sea que se esté moviendo el torso. Sí, puedes ver que eso es demasiado loco. Vamos a seguir adelante y retocar estos a donde lo queremos. Mucho de esto es solo prueba y error, y probarlo, verlo, reproducirlo y ajustarlo a medida que vas para encontrar tu resultado perfecto. Simplemente ve con tu instinto, confía en tu ojo para sentirlo. Sí, eso se ve genial hasta ahora. Entonces ahora solo aplicaremos todos estos fotogramas clave a la cabeza también. Eso es sentirse mucho mejor. Ahora a la parte divertida, esto es emocionante. Ahora vamos a hacer lo que hicimos aquí atrás, ¿verdad? Se puede ver que hay un offset, y con eso vamos a jugar ahora mismo, y eso va a ser realmente satisfactorio una vez que estemos en esta sección, porque ahora se puede ver que todos se están moviendo de la misma manera. Pero sólo voy a compensar este. Entonces una cosa que estoy notando en mi animación de bucle, ¿verdad? Te dije que comenzaríamos aquí en el punto más alto. Pero ya que estamos compensando estos marcos, sobre todo la cabeza, y recuerda lo que dije de que el primer fotograma sea exactamente el mismo que el último fotograma. Entonces en este momento, como se puede notar, esta curva no es idéntica a esta curva. Entonces lo que queremos hacer compensando por dónde empezará el bucle, podremos arreglarlo. Entonces lo que voy a hacer es empezar realmente con un torso, y en lugar de que el bucle vuelva a empezar de alto a alto, vamos a empezar de baja y luego subir y luego bajar de nuevo. Entonces voy a copiar este fotograma clave, pegar eso ahí. Por lo que queremos que nuestro bucle comience y termine a partir de ahí. Entonces quitando, deslizando esto por encima, y este es ahora nuestro nuevo punto de bucle. En realidad vamos a mantener ahí a los cuatro. Hagamos marcador número 5 ahí y un marcador número 6 ahí tal vez. De esa manera podemos hacer bucle esto atrás. Solo asegurémonos de que lo que hicimos aquí abajo también le esté pasando al cuello y a la cabeza. Entonces ahora en todos estos, el primer y el último fotograma son idénticos, y eso es lo que queríamos en un bucle. Ahí vamos. Eso es realmente genial. Entonces creo que ya terminamos. Ahora vamos a seguir adelante y animar los libros. 8. Cómo animar libros: Ahora vamos a animar los libros y vamos a utilizar la misma técnica sólo con diferentes objetos. Entonces una cosa que tiene sentido para mí es comenzar con el asunto de la fuente. Voy a empezar por animar los libros para el bucle. En primer lugar, voy a seguir adelante y establecer algunos fotogramas clave, asegurarme de que la obra de arte para estos libros sea correcta. Ya verás aquí, si vuelvo a ilustrador mirando este libro aquí mismo, ahí está esa versión cerrada del mismo y una versión abierta del mismo. Lo que he hecho es más o menos tomar estos puntos angulares y bajarlos y un poco fuera. Eso es lo que voy a hacer para establecer fotogramas clave para eso en secuelas. Entonces, en primer lugar, vamos a encontrar al grupo donde está el camino. Parece que es éste. Sí, ese es el uno. Encontraré el camino y solo estableceré un fotograma clave. Por lo que podemos perseguir y enfocarnos sólo en esa capa. Entonces lo que haremos es que los libros reboten. Entonces tenemos los libros por aquí. En primer lugar, vamos a deshacernos de estos temporales. Voy a deshacerme de ellos enseguida. vamos a utilizar como referencia. Lo que está pasando es que los libros aparecen de la nada para luego aterrizar sobre su cabeza o sus brazos. Él los atrapa y luego empieza a correr, y simplemente rebotan en un bucle, y es fuera corriendo a su casa o donde quiera que vaya a leer estos libros. De lo que empezaremos es llevarnos este libro, el primer libro, y vamos a ir de ahí a aquí, del marco 2 al marco 3, dos y tres. Simplemente vamos a animar la posición, separar dimensiones porque sólo queremos acceder a la y Va a ir de ahí arriba. En realidad, sólo lo vamos a extender hasta el final. Vas de aquí arriba a abajo. Este fotograma clave simplemente moverlo hacia abajo usando mis teclas de flecha. Asegúrate de que estás moviendo la capa. Ahora tenemos la parte superior de la portada del libro. Fuimos adelante y pusimos un fotograma clave en el camino, y queremos asegurarnos de que cuando caiga el libro, se vaya a abrir, y solo para crear un poco de animación secundaria sólo porque está la base y luego está la portada del libro eso está abierto. Eso sólo va a hacer para algún look interesante. Te mostraré cuando lleguemos. Entonces una cosa para la que podemos prepararnos es en el primer fotograma del libro que aparece, se cerrará la portada del libro, y luego en la última también, cuando esté aquí abajo. Por lo que tirado entre algún lugar de aquí, se va a abrir y empezar a abrir cada vez más y más y más a medida que pulsamos el botón. Antes de eso, en realidad voy a seguir adelante y animar la posición del mismo y todo el libro y asegurarme de que sea falso de una manera agradable y satisfactoria. Ahora mismo, es muy lineal, muy aburrido. Entonces, solo vamos a seguir adelante y empezar a ajustar estos fotogramas clave. Entonces a medida que golpeamos la cabeza, va bastante rápido hacia abajo, y la facilidad esto hacia arriba. Es como, hacer un poco de efecto de sonido. Siempre me ayuda. Podemos imitar eso, el libro en realidad. Simplemente copio estos fotogramas clave y los voy a pegar en esa posición. Así que sigue jugando con nosotros hasta que se sienta bien para ti. Ahora vamos a añadir esta pequeña apertura de portada de libro ahí mismo. Adelante y acerque y encuentre esos puntos. Creo que es éste y éste y empezar a sacarlos. Sí, así es. Entonces ves que cuando empecé a traer estos arriba, automáticamente agrega el fotograma clave ahí abajo. Simplemente queremos asegurarnos, porque los vectores funcionan de manera funky. Por lo que queremos asegurarnos de que no pasemos el punto de donde este borde se pone realmente afilado porque queremos mantener la obra de arte. Ahora mismo lo que vamos a hacer es analizar cuándo debemos abrir esta portada de libro. Ahora mismo empieza a abrirse en cuanto aparece el libro, y tal vez eso está bien, pero siento que en mi cabeza, casi debería empezar a medida que caemos. Entonces en este fotograma clave donde realmente empezamos a bajar, ahí es donde comenzaremos la misión. Yo sólo sé que quiero sostener este fotograma clave un poco más. Entonces voy a pegar eso aquí, esta es la versión cercana del libro, y entonces ahora va a hacer un movimiento lineal todo el camino de aquí a aquí. Pero lo que quiero que sea no es lineal, sino que debería ser una versión de facilidad. Entonces cuando estamos aquí arriba, todavía está un poco cerrado, y luego como recoge velocidad y está en la parte inferior, realidad el mismo fondo parece estar aquí en este momento. Entonces vamos a mover esto por aquí. Por lo que en la parte inferior, debe ser muy abierto y debe chasquear en su posición. Casi en realidad podemos usar esto en esta flexibilización. Entonces ahora voy a introducir otro plug-in que tengo para secuelas, que me permite copiar la flexibilización de estos fotogramas clave en otros dos fotogramas clave que he seleccionado. Por lo que seleccionando esos, esta pequeña barra de herramientas EaseCopy, presiona Copiar, obtienes una confirmación de que copia dos marcos, y luego selecciona esos y pega la facilidad. Entonces ahora realmente tenemos la misma flexibilización en la apertura del libro que lo hacemos en el libro que cae en la posición. Entonces queremos asegurarnos de que sean caídas en el siguiente cuadro, desplome juntos. Ahí vamos. Entonces ahora mismo si entramos en la ventana de fotograma clave de velocidad, está establecida en 90, vamos más lento eso a tal vez 50. Entonces vemos un poco más de cambio en el inicio de estos dos fotogramas clave, esto y esto. Ahora, más o menos vamos a aplicar esto a los otros libros. Ahí vamos, eso es genial. Entonces vamos a hacer el último libro. De la misma manera también los otros libros. Por último, asegúrate de que la cubierta se abra. Entonces ahora, echemos un vistazo a estos libros. Eso se ve genial. Voy a retocar un poco así que sólo tenemos un poco más de espacio entre ellos. Ahí vamos, y queremos sumar un poco de animación secundaria. ahí. Entonces lo que haremos es con este camino seleccionado, podemos disparar solo un poco, algo así, y luego copiar y pegar el último. Sólo para que veas, hay un poco de líneas de cuadrícula sube y luego baja, sólo un poquito. Sí, es demasiado mejor. Puedes ajustarlo a lo que quieras. Ahora el resto debería ser bastante fácil porque hemos establecido un montón de fotogramas clave aquí que podremos reutilizar algunos de estos fotogramas clave para el futuro. Lo que puedo hacer aquí en realidad es copiar todos estos fotogramas clave, no sólo la pequeña inmersión, sino todo. Porque todo es tener el mismo tipo de movimiento que un torso. Entonces parece que el dip, en realidad está empezando de nuevo aquí, que podría ser un poco demasiado temprano o no. Eso está bien en realidad. Vamos a mover un poco los fotogramas clave de los libros, sólo para que podamos empezar todos los libros a sumergirse en el mismo fotograma y hacer así. Probemos eso. En este fotograma, es cuando se moverán todos los fotogramas clave hacia atrás. Ahí vamos, eso debería estar alineado. A ver cómo todos estos están golpeando lo mismo. Adelante y esconde esto por ahora. A mí me gusta esconder cosas que no estoy mirando. Entonces Command Option, Shift click, que oculta cualquier propiedad que no quieras mirar. Ahora, es perfecto. Entonces lo aplicamos al libro equivocado, pero eso está bien. Déjame usar la misma animación todos ellos. Entonces todos van a tener eso mismo de todos modos. Entonces voy a seguir adelante y aplicarlo a los otros dos libros también. Entonces en el mismo marco, se ve bastante recto. Ahora volvamos aquí y empujemos estos hacia atrás. Ahora, estamos haciendo exactamente el mismo movimiento que el torso, y eso es exactamente lo que queremos, pero queremos asegurarnos de que estén compensados. Por lo que están haciendo esta cosita linda y hinchable. Queremos que el offset empiece desde abajo aquí. En realidad, desde veamos, este punto más bajo y el punto más alto. Entonces el punto más alto, ahí es donde queremos que empiece. Entonces voy a empezar a cambiar estos de nuevo, y recordar que este es el primer libro, el segundo, y el tercero. Por lo que el primer libro se mantiene ahí, el segundo libro allá vamos. Eso está buscando empezar. Necesitas hacerlos saltar mucho más alto, claro, pero eso se ve genial. Entonces ahora sólo vamos a seguir adelante y los hemos puesto a lo que pensamos que se ve bien. El modo en que estos libros se mueven en este momento es muy nerviosa y muy feliz, diría yo. Ponga la palabra feliz ahí porque ese es un pequeño concepto de este tipo, solo es un chico feliz y queremos poner énfasis en eso. Aquí vamos. Creo que esto podría ser. Echemos un vistazo. Ahora, eso es genial. Ahora, como ya animamos la apertura de los libros, podemos seguir adelante y copiar esos fotogramas clave. Por lo que a partir del primer libro, vamos a seguir adelante y copiar y pegar la apertura del libro y asegurarnos de que se alineara con el momento adecuado aquí. Por lo que queremos que se abran en este punto y luego se golpeen en cuanto llegue ahí. Golpear en este marco. Creo que es este marco. Sí, ahí es cuando se golpea. Echemos un vistazo a eso. Eso es perfecto, mira eso. Ahora podemos seguir adelante y hacer lo mismo con los otros dos libros. Entonces esta es buena base. Podemos seguir adelante y seguir ajustándolo, sobre todo asegurándonos de que los libros no se superpongan aquí. Pero en general, me siento bastante feliz por ello. Echémosle un vistazo a esa composición anterior donde podemos ver lo completo. Eso se ve muy bien, diría yo. Nuestros libros se ven geniales, y a continuación, vamos a animar la cara. 9. Animación de la cara: A continuación, vamos a animar la cara. Hay una cosa que dijo mi profesor cuando fui a la escuela de animación. Dijo que la cara debe ser lo último animes y eso se debe a que la pose que tienes, lo que tu cuerpo está diciendo debe ser lo suficientemente fuerte como para que pueda hablar por sí mismo. Entonces no voy a hacer eso aquí por este ejemplo pero ten en cuenta que la cara debe ser secundaria. Entonces cómo voy a empezar esto es animando primero los ojos. Entonces vamos a añadir unos destellos aquí y allá justo como dije antes. Cuando hacemos el dip, cambiando de posición, siempre hay un pequeño parpadeo en el medio así que solo haremos eso en cada pose. Encontremos este control facial y empecemos a añadir estos fotogramas clave. Buen punto es justo antes de que baje, lo vamos a cambiar para parpadear. En realidad, aún no hemos establecido un fotograma clave para eso. Entonces, antes que nada, hagamos eso, establezcamos un marco clave, busquemos ese marco clave, muévelo hasta el principio y luego agreguemos un parpadeo. Por lo que va a abrir los ojos justo al subir. Entonces es sólo ese ligero detalle ahí dentro. Es muy leve, pero se nota, y lo mismo cuando los libros le golpearon la cabeza. Agrega un parpadeo en el marco cuando los libros le golpearon la cabeza. En este momento parece que los ojos están un poco demasiado bajos, así que solo voy a añadir ojos posición marco clave en la capa de parpadeo. Primero, sostenga el fotograma clave al principio, y luego en este fotograma solo lo voy a empujar un poco hacia arriba solo para que estemos en la misma posición que los ojos están. Ahí vamos. Entonces a medida que se mueve hacia arriba, va a abrir los ojos y tal vez pueda cerrar los ojos un poco más de tiempo. Bueno, vamos a parpadear de nuevo eso. Eso es perfecto, mira eso, boom. Está bien. Lo que haremos a continuación es en esa pequeña pose de anticipación cuando estemos aquí abajo, creo que podría intentar otro parpadeo aquí abajo. A lo mejor este es un parpadeo feliz. Ve al parpadeo feliz, tres marcos adelante, y vuelve a abrir los ojos, tal vez pueda abrir los ojos. Para el bucle, creo que lo dejaré en eso. Ahora va a parpadear siempre, solo deja de parpadear, solo feliz para siempre. Ahora vamos a animar la posición de la cara porque en este momento sólo está chasqueando en posiciones lo que funciona, y podrías dejarla en eso si quisieras. Pero sólo vamos a seguir adelante y añadir un poco de in-entreweens ahí dentro. Bueno, lo que tiene de bueno esto es que podemos usar más o menos el mismo camino E-Z donde se usó el torso en la posición pasada, o simplemente mover tu línea hacia arriba, o va a suceder, ahí, ahí está la última. Al mantener el turno, ajustamos estos fotogramas clave en lo que sea por el presente o en el mismo tiempo. Entonces esa es una herramienta de manejo si quieres chasquear las cosas rápidamente. Esta etapa, creo que vamos a mantener la cara donde está, no necesita moverse hacia abajo. Ahora a medida que bajamos a esta pose de anticipación, seguiremos adelante y si [inaudibles] estos fotogramas clave. Probemos eso [inaudible] y ahora está ahí. Por último, vamos a añadir un poco de forma de cambio de boca. Entonces aquí mismo son broches, podría quedármela. Pero voy a seguir adelante y añadir sólo una pequeña cosa de boca abierta pasando. Voy a hacer eso escalando la gran sonrisa en realidad. Entonces uno, dos, tres, cuatro tal vez. En los cuatro-cinco fotogramas, voy a poner un fotograma clave ahí, esa es la escala final. Entonces por aquí, voy a reducirlo solo tal vez 70 por ciento y asegurarme de que tenemos la misma flexibilización. Ya lo recuerdo, es cero y es 90 en este. A ver cómo se ve eso. Sí, mira esa sonrisa. La sonrisa es más grande y más grande a medida que sube. Genial. Echemos un vistazo a esto. Esa cara se ve genial. Muy bien, ahora terminamos la cara. Entonces ahora tenemos la cara hecha y vamos a pasar al resto de las extremidades, y sí, así que aquí vamos. 10. Cómo animar los brazos, las piernas y los pies: Entonces voy a seguir adelante y usaré las mismas técnicas. Sé que esto es finicky e intensivo en mano de obra y lo estás haciendo genial, así que sigue adelante. Entonces voy a sumar las manos ahora y los brazos también. Simplemente usaré el torso como lo hemos hecho en el pasado para hacer referencia. Las manos van a hacer algo similar a lo que están haciendo los libros, sólo van a aparecer de la nada y lo que vamos a hacer es sólo el final que se avecina en los brazos, ahí es cuando vamos a pop modelo. Por lo que primero voy a empezar con la rotación. Ya es una cantidad dada de rotación, voy a retocar eso. Sigan adelante. Algo así Así. Simplemente me adelanté y terminé los brazos. También tuve que retocar los libros a un poco, solo empujarlos hacia arriba para que no se superpongan con los brazos pero sintiéndose bastante bien con esto y ahora pasaremos al siguiente. Entonces voy a seguir adelante y encender todas las capas de piernas y echar un vistazo a cómo se ven las cosas ahora con las piernas. De la forma en que los tenemos. Muy rígido, y ver lo puedo decir pero lo arreglaremos ahora mismo. Lo que voy a hacer es asegurarme de que las piernas reaccionen a sus movimientos, tengan una forma feliz y agachada de mover las piernas y empezar con apenas la primera pequeña reacción aguda, o no aguda pero cuando levanta los brazos, lo hace esta cosita otra vez que hemos estado haciendo. Entonces sólo vamos a seguir adelante y copiar pegar. Se están relajando en realidad porque ahora vamos a estar trabajando en caminos. En primer lugar, tal vez debamos cambiar el color de estas piernas a rojo, solo temporalmente para que podamos ver estos caminos y ven aquí aparecer. Pero vamos a seguir adelante y poner un fotograma clave para cada uno o el torogo también tiene un fotograma clave. Entonces tenemos esto, esto, y esto. Marco clave medio, vamos a seguir adelante y añadir un poco de flexión de rodilla y realidad lo que vamos a hacer es ir a ambas piernas al mismo tiempo cuando tecley-frame, también tenemos esta pierna y lo bueno de esto es que podemos contar los pasos que hacemos, solo para espejarlos 1, 2, 3, tal vez [inaudible] algo así se ve barra derecha 1, 2, 3, y lo que queremos hacer es asegurarnos de que mantengamos, esta brecha no debería estar ahí, no me gusta eso. Creo que debería ser algo así en su lugar. Entonces voy a seguir adelante y hacer eso tal vez un poco más bajo lo cual es ocular, creo que esto sí, más o menos espejado pero ahora vamos a seguir adelante y copiar el e-sink a dulce snap y luego aquí así. Pega, y ahora obtenemos el mismo movimiento y mira eso, ya está genial, y seguiré con el resto también. Entonces aquí está mi animación con las piernas agregadas. También seguí adelante y añadí la sombra y cronometramos un poco del cronometraje general un poco. Algo que quiero que tengas en cuenta es mantener tus arcos limpios. Entonces lo que eso significa es, prestar atención a cómo van ahora los pies de ida y vuelta. Aquí hay un arco claro. Si miras mi cursor, va por aquí, de ida y vuelta, y asegúrate de que se sienta bien cuando estás animando, asegúrate de que la rotación esté sucediendo en el momento adecuado porque eso es lo que se suma a esos momentos de satisfacción enteros de ver algo que se alinea con el fotograma anterior y así sucesivamente. A continuación, vamos a exportar esto y así está listo para compartir con el mundo. 11. Exportar para compartir: Aquí te explicamos cómo puedes exportar esto para compartir. Entonces aquí está nuestra animación que hicimos, y vamos a fijar los puntos de entrada y salida, que ya están en posición realmente. Pero solo asegúrate de seleccionar la parte que quieres renderizar. Echémosle un vistazo y veamos si este es el tiempo que queremos que recorra al final antes de que vuelva a empezar. Sentirse bastante bien con eso. A lo mejor puede terminar en realidad en la parte alta. Entonces solo voy a duplicar esto y ahí es donde vamos a establecer nuestro punto de salida. Sí, eso es realmente genial. Entonces agreguemos esto a la Cola de Render, aparece esta ventana donde las principales cosas que quieres ver aquí es el Módulo de Salida. Asegúrate de que sea códec de animación, eso está bien y todo lo demás está bien. Entonces eliges un destino para esto y nos aseguraremos guardarlo en el escritorio en esta pequeña carpeta que creé, desde la que hemos estado trabajando, es esto. Hay secuelas, un archivo o carpeta de Illustrator, y también vamos a crear una carpeta Render. Asegúrese de dar un nombre adecuado a su archivo. Llamémoslo Noé Feliz, luego presione Render. Estamos usando un códec de animación porque a estas alturas vamos a tomar este archivo e importarlo a Photoshop y reconvertirlo en formato GIF. Entonces no importa del todo, pero mientras sea un formato sin comprimir, eso debería estar bien. Entonces vamos a abrir este archivo en Photoshop. Entonces aquí, podemos seguir adelante y asegurarnos de que todo está ahí, todo está mirando de la manera que querías, y luego ir a Archivo, Exportar, y Guardar para Web. Las cosas principales que queremos ver aquí es el tamaño del archivo aquí abajo, cualquier cosa de más de 10 megabytes tal vez debería empezar a retocar. Pero tenemos suerte con este, no tiene demasiados colores ni demasiada información pasando. Entonces otras cosas a mirar, principalmente son los colores, asegúrate de que la configuración alta y que estás en bucle opciones esté configurada para siempre, y luego presiona Guardar, elige de nuevo destino, y tal vez en la misma carpeta que el otro archivo. Esto es sólo un GIF, y pulsa el botón Guardar. Echemos un vistazo a nuestro expediente, aquí está nuestro GIF. Lo hiciste, y esa es tu animación, y está lista para ser compartida y puesta ahí fuera en el mundo. Ve por ello. 12. Reflexiones finales: Engratos. Has animado a todo un personaje. Si por casualidad quieres animar otro tipo de personaje, tal vez uno triste o uno enojado, realidad he puesto a Noé animado en la sección de recursos donde puedes encontrar esas animaciones ahí, solo cavar y mirar ellos si quieres. Recuerda cómo dije que si quieres usar referencias como inspiración, entonces sería un honor presentar mis animaciones como referencias. Me encantaría ver lo que hiciste, así que por favor compártelo en la Galería de Proyectos. Gracias por tomar mi clase. Ha sido un placer, y espero verte por ahí.