Fundamentos del movimiento: rigging de rostros en After Effects

1. Introducción: Hola, soy Remington. Soy diseñador de movimiento y he llegado a trabajar en proyectos para clientes como Facebook, IG, y Spotify. En mi tiempo libre, me gusta diseñar muchos de mis propios personajes, y eso es exactamente lo que estaremos haciendo en este curso. Puedes seguir conmigo y diseñar el mismo personaje que yo o puedes diseñar el tuyo propio y al final arreglaremos el personaje para una animación fácil. Esta clase es para personas usuarios de secuelas nuevas o intermedias. Estaré mostrando las pulsaciones de teclas en la pantalla. Entonces si nunca has usado el software antes, deberías poder seguir adelante pero publicaré una clase de elementos esenciales en la siguiente descripción en caso de que primero quieras familiarizarte con el software. Los personajes de aparejo son una excelente manera de acelerar tu flujo de trabajo de animación que puedas pasar más tiempo puliendo tus animaciones y conseguir que se vean como tú quieras. Por favor, publique su progreso en los comentarios a continuación, y haré todo lo posible para mantenerme al día con ustedes. Gracias por considerar mi clase y seguir si quieres mas información. 2. Bocetado: En este video, vamos a pasar por algunos de los conceptos básicos del diseño de personajes. En el siguiente video, pasaremos por los detalles de cómo dibujar a esos personajes e Illustrator. Si queremos armar un personaje para facilitar la animación, entonces deberíamos estar pensando en formas simples que van a ser fáciles de animar. Rara vez obtendrás exactamente lo que quieres la primera vez. Creo que es genial hacer una lista de funciones para que tengas un grupo de ojos y un grupo de narices, y luego puedes escoger la mejor nariz con los mejores ojos. Esa experimentación también abre tu mente. Por lo general, por la cuarta o quinta forma que has puesto en papel, estás pensando de manera más creativa y fuera de la caja, para crear un personaje que sea más único o mejor que se ajuste a tu tema. Como puedes ver aquí, solo estoy esbozando diferentes ideas que creo que podrían funcionar para la forma de una cabeza. Otro aspecto a considerar a la hora de diseñar tu personaje es el contraste visual. contraste visual hace que tu personaje sea más atractivo a la vista. Algunas formas que puedes lograr que son a través de contrastes proporcionales. Podrías tener una cabeza muy pequeña y un cuerpo grande. También puede ser a través de líneas rectas y curvas. Poner una oreja curva junto al lado recto de una cara puede agregar algún contraste visual a tu personaje, fortaleciendo el diseño en general. hora de diseñar tu personaje, creo que es importante recordar que da forma a la personalidad igual. Si tienes un personaje muy aterrador, puede haber muchos ángulos agudos. Si tienes un personaje muy bobo, pueden ser altos, delgados y lanky con una cabeza alta, delgada, circular. Si estás haciendo un personaje descarado o un personaje inamovible, pueden ser más cortos y boxy. Simplemente piensa en la forma que estás usando cuando estás diseñando tu personaje y piensa en lo que esa forma te hace sentir. Para nuestro personaje aquí, voy a usar más formas redondas porque quiero que sea un personaje de aspecto amistoso. Ahora que tenemos un boceto básico de nuestro personaje, lo llevaremos a ilustrador y lo usaremos como guía para dibujar a nuestro personaje y prepararlos para la animación y los efectos posteriores. 3. Diseñar tu personaje Parte 1: Aquí estamos en Illustrator y he escogido un par de colores que podemos usar. Ahora, estaremos proporcionando estos archivos de proyecto a continuación, donde eres más que bienvenido para elegir tus propios colores o simplemente seguir junto con tu propio personaje. Tenemos nuestro boceto aquí en el fondo, estaremos usando eso como nuestra imagen de referencia. Vamos a recrear este boceto en Illustrator para que se vectorice y vamos a organizar las capas, para luego poder importar las de After Effects y convertirlas en capas de forma para facilitar la animación. Vamos a empezar con la plaza, vamos a hacer su cabeza aquí. Voy a deshacerme de esa película y luego voy a hacer esta línea un poco más gruesa, para que podamos verla un poco mejor. Estaremos llenando algunas de estas cosas más tarde. Ahora, sólo vamos a arrastrar estos rectángulos redondeados allá. No tiene que ser exacto. Ahora por estas orejas, creo que podemos salirnos con la suya sólo con círculos y eso lo hará más fácil cuando estemos haciendo giros de cabeza para moverlos dentro y fuera de atrás. Voy a hacer clic “Alt” y arrastrar eso al otro lado para duplicar y vamos a ver. Por estos ojos, haremos sólo algunos círculos regulares. De nuevo, voy a dar clic y arrastrar ese ojo por ahí. Ahora de nuevo, para su cabello una vez más solo usaremos algunos círculos y esto es todo intencional que hayamos elegido formas realmente básicas porque a largo plazo esto le hará mucho más fácil de animar porque solo estaremos animando estos pequeñas formas alrededor en lugar de la forma facial de todo el personaje, si eso tiene sentido. Ahora, eres más que bienvenido para hacer eso y cuando haces eso, le consigues más animación cuadro por cuadro, que es una forma de arte por sí sola. Pero aquí estamos apuntando a un simple [inaudible]. Ahora para esta nariz, tomaremos la herramienta de pluma, mantendremos pulsado “Shift” y pincharemos aquí abajo y pincharemos allí. Entonces tomaremos eso y solo redondearemos eso ahí. Ahora, necesitamos crear esta forma y lado de su rostro. Lo que vamos a hacer es, yo uso mucho este truco, vamos a copiar esto y vamos a pegarlo. Vamos a darle a eso un color diferente por ahora para que podamos verlo. Subiremos hasta Object, Path, Offset Path. Daremos click en “Vista previa” para que podamos ver qué estamos haciendo y voy a poner un gran número aquí para que puedas hacerte una idea. Si hago clic en ese otro campo se actualizará. Aquí puedes ver que está compensando el camino alrededor del camino que hemos dibujado por cualquier cantidad de píxel que insertemos aquí arriba. En este caso, queremos traerlo. Se ve como unos 75 píxeles quizá negativos y ahí vamos. Se ajusta casi perfecto. Ahí vamos a golpear “OK”. Haga doble clic en esto, sólo vamos a editar este camino. A ver. No necesitamos estos de fondo, así que los vamos a eliminar. Agarramos esto, sacaremos eso. Vamos a agarrar de nuevo esa herramienta de bolígrafo y conectar este fondo. Entonces agarraremos estos dos puntos aquí abajo y redondearemos los fuera de ella. Ahora bien, si recuerdas de mi curso anterior, hablé de hacer líneas rectas y curvas y puedes ver que aquí tenemos muchos círculos, muchas líneas curvas emparejadas con algunas líneas rectas aquí y que ofrece mucho contraste visual. Ahora, tenemos todas nuestras formas base abajo. Voy a apagar la capa de referencia. Para la cara, vamos a cambiar a un relleno. Eso lo llenaremos. No vamos a necesitar el contorno. Vamos a mandar éste a la parte de atrás. Seleccionaremos esos ojos y los voy a hacer rellenos con un azul más oscuro. Por esa nariz, haremos de eso un azul oscuro. Para estos oídos, cambiaremos eso a un relleno y hagamos un morado oscuro y los enviaremos a atrás. De hecho, sólo arrastremos ese sobre y eliminemos el anterior. Ahora, queremos crear aquí su barba y su línea de cabello. De la forma en que vamos a hacer eso es que vamos a copiar estos dos. Vamos a golpear “Control, Shift, V” para pegar los arriba, “Control, G” para agruparlos. Entraremos dentro de ahí y ahora solo podemos editar esta sección como nos parezca conveniente. Seleccionaremos todo eso. Vendremos aquí a nuestra herramienta de construcción de formas o presionaremos “Shift, Down” y luego esto nos permite construir formas de forma rápida y sencilla. Voy a aferrarme a esta sección. Voy a sostener “Alt” y hacer click y eso va a eliminar eso. Voy a salir de eso. Al presionar “Escape”, ya no necesitamos este esquema aquí. Suprimir el contorno. Ahora, podemos cambiar el color de esto a su barba. Ahora, vamos a agarrar el pelo aquí atrás. Vamos a llevar esto al frente. Vamos a llenar eso y deshacernos de esas líneas y se puede ver cómo hemos construido nuestro personaje aquí. Vamos a venir aquí a nuestro Stroke, lo haremos un poco más grueso. Parece 15 puntos, se ve bien. Haremos clic en Stroke y haremos clic en este botón de gorrita aquí y eso va a redondear las gorras. Ahora, siento que aquí hay algo de margen de mejora. Todavía se ve como un mono. Lo que vamos a hacer es que vamos a sacar esto un poco. Eso lo encogeremos y borraremos totalmente este. Esto es parte del proceso de Illustrator, es que vas a traer tu boceto y vas a jugar con las cosas y una vez que comiences a poner estas formas básicas, entonces puedes encontrar cosas que crees que funcionan mejor o peor. Tu experimentación con el aspecto del personaje no necesita detenerse en el papel de boceto. Podemos continuar en la computadora. Ahora, vamos a darle una boca. Haremos la boca del mismo color que la oreja. Vamos a la herramienta de bolígrafo. Voy a pegarle a “I” por el cuentagotas. Vuelve a la herramienta de bolígrafo y digamos que pinchamos aquí en el centro. Subiremos aquí un poco y luego solo arrastraremos eso a colgado para darles un poco de una sonrisita. Ahora, vamos a robar el ancho del trazo de aquí, pero aplica el color de la boca ahí. Creo que su boca seguirá siendo un poco más gruesa y así que sigamos adelante y hagamos que 25. Pero quiero mantener la unidad estilísticamente a través, así que vamos a agarrar su nariz y hacer que sea el mismo ancho de línea por sake de consistencia. Voy a seguir adelante y darle un fondo de color diferente. Voy a mandar esto a la parte de atrás. Ahí vamos. Ahora, para un personaje que va a ser bastante sencillo de animar. Yo sí quiero tocar otra cosa y eso van a ser formas de boca, a las que llegaremos en la siguiente lección. 4. Diseñar tu personaje Parte 2: [ MÚSICA]. Cuando vayamos a aparejar a nuestro personaje, vamos a crear una plataforma de boca, que nos permitirá recorrer todas las diferentes bocas que tenemos. Lo que les animaría a hacer es crear un nuevo tablero de arte y tomar esta boca y copiarla por aquí, y entonces lo que vamos a hacer, es tomar esa boca y arrastrarla hasta aquí. Simplemente vamos a empezar a hacer diferentes formas. Entonces solo voy a seguir adelante y avanzar rápido ya que hago un montón más formas de boca, estas se incluirán en el archivo del proyecto para que puedas usarlas. Entonces voy a numerar cada una de estas formas de boca, que tenga una guía cuando esté usando mi plataforma bucal, para saber qué boca es cuál, que tendrá más sentido más adelante cuando la amarremos en After Effects. [ MÚSICA] Por último, necesitamos organizar estas capas para After Effects. De la forma en que haríamos eso, es que vamos a pasar, y vamos a tomar nuestros elementos individuales y vamos a ponerlos cada uno en su propia capa. Ahora mismo todo está descansando sobre su propia capa. Lo que haremos es crear una nueva capa haciendo clic aquí abajo. Vamos a nombrar esto, oído derecho. Entonces copiaremos su oreja derecha a esa capa, vamos a querer poner eso en la parte de atrás. Vamos a mover esto a una capa de fondo. Después seguiremos y seguiremos haciendo eso por el resto de nuestros elementos, vamos a querer romper las tres piezas del cabello van a querer la cabeza en una capa, y queremos los ojos en su propia capa, la nariz en su propia capa en la boca. Voy a seguir adelante y avanzar rápidamente por ese proceso y luego después de eso trabajaremos en importarlo a After Effects. [ MÚSICA] Genial, así que ahora tenemos todo organizado y seguiré adelante y haré las mismas cosas por las bocas antes de llevarlas a After Effects. Ahora nos dirigimos a After Effects con este archivo organizado de Illustrator y será bastante fácil convertirlo en capas Shape. 5. Importación: De acuerdo, ahora que hemos creado nuestro personaje en Illustrator, es hora de importarlos a After Effects y convertirlos en capas Shape, lo que facilitará la animación. Ahora, por suerte, Adobe nos lo ha hecho muy fácil. Entonces aquí en After Effects, solo vamos a hacer doble clic en el Proyecto que abre nuestra ventana Importar. Vamos a escoger el archivo “Face” Illustrator, y he guardado sólo las capas de Face en su propio archivo. Ir a golpear “Importar”, ir a elegir “Composición” como mi tipo, “Tamaño de la capa” es mis Dimensiones y golpear “Ok”. Ahora voy a abrir esa composición y veremos que todas nuestras capas han sido importadas aquí y que los nombres coinciden con los que les dimos ahí dentro. Vamos a seleccionar todas esas capas. Vamos a hacer clic con el botón derecho, pulsa “Crear”, “Crear formas a partir de capa vectorial”. Entonces ahora tenemos todos estos convertidos en capas Shape. Vamos a pasar por y eliminar estas capas de Illustrator. Ahora solo nos quedan las capas Shape. Ahora, debería haber pasado por y autocentrado el punto de anclaje a cada capa. Pero hay algunas a las que quizá quieras cambiar el punto de anclaje, así que si presionamos “Y” y podemos agarrar el punto de anclaje y cambiarlo por la nariz, lo pondremos ahí arriba. Las orejas se ven bien y el fondo se ve bien. Los ojos se ven bien. El cabello, cada uno se ve bien. Con eso, puedo mover la boca abajo a ahí mismo. Mueve la nariz de nuevo hasta aquí. Ahí vamos. Ahora estamos listos para empezar a amañar. 6. Rigging Parte 1: De acuerdo, entonces aquí estamos en After Effects y estamos listos para armar a nuestros personajes. Normalmente, la primera parte del aparejo sería dar la vuelta en posición a puntos de anclaje y todas las capas. Eso hicimos en la última lección, pero la razón por la que hacemos eso, es para que cuando agarramos capas como nuestra nariz aquí, podamos ver que gira alrededor del punto de anclaje. Ahora esos se vuelven increíblemente útiles cuando estás haciendo cosas como decir, moviendo el punto de anclaje en esta cabeza por aquí para que gire en la base del cuello. Pero pasemos a amañar la cara. Ahora primero, vamos a tomar esta capa de fondo y la vamos a bloquear haciendo clic en ese pequeño icono de candado, y luego pasemos a nuestra cara. Aquí, tomaremos el contorno de la cabeza vamos a solo eso haciendo clic aquí en el pequeño botón Solo. Ahora bien, esto podría haberse hecho fácilmente en Illustrator, pero quería hacerlo aquí en After Effects porque creo que este método puede ser útil en muchas situaciones. Lo que queremos hacer es que este rostro se mueva independientemente de nuestra forma de cabeza para que podamos moverlo y dará la ilusión de que las cabezas girando y mirando a su alrededor. Duplicaremos la capa de cabeza, cambiaremos el nombre de esa cara, y haremos solo la capa de cabeza. Vamos a girar eso hacia abajo y abrir los contenidos. Ahora, queremos que la cara esté en la capa superior, así que en realidad queremos que todo este asunto sea del mismo color que la barba. Lo que vamos a hacer aquí es hacer clic en nuestros grupos, girar hacia abajo este grupo, tomar el color de relleno aquí, ese color de barba y pelo, y tú pones eso de nuevo arriba. Apagaremos nuestra capa de barba y pelo la cual deja justo la forma de la cabeza, subimos aquí a recargar, tomaremos ese código hexadecimal que copiamos antes y lo pondremos ahí. Ahora, tenemos eso como fondo para cabeza, ahora queremos que éste sea sólo la cara. Aquí está ese método que mencioné antes. Vamos a ir a Agregar aquí y Fusionar Ruta. Ahora no necesitamos un trazo, así que eliminaremos ese trazo hacia en la trayectoria de Fusionar, y hay todas las formas diferentes en que funciona, pero vamos a hacer clic en Excluir intersecciones. El modo en que funciona Merge Path es mirar el contenido anterior, en este caso el grupo 1 y 2, luego volver a aplicarlo. Aquí golpeamos Excluir Intersecciones, por lo que tenemos la cara aquí siendo excluidos de eso. Lo que haremos es girar hacia abajo esto, vamos a robar ese código hexadecimal de color de piel ahí. Subiremos aquí al grupo y lo pondremos ahí, y ahora tenemos la cara. Si solo somos estas dos capas, podemos hacer clic en su cara y moverla y ver que funciona de forma independiente. Ahora vamos a adjuntar eso a la capa de cabeza con este pequeño Pick Whip y podemos arrastrarlo ahí abajo y eso lo va a padre a esa capa, que cuando agarremos la cabeza, nuestra cara se mueva con ella. Ahora, cuando rotamos nuestra cara, queremos que sea capaz de deslizarse a través y no solo flotar hacia el espacio. Lo que vamos a hacer es duplicar nuestra capa de cabeza, le nombraremos Head Matte, pondremos eso encima de la cara, seleccionaremos la cara, pincharemos aquí y haremos un Alfa Mate. Ahora, cuando arrastramos la cara alrededor y parece que está girando y estamos mirando hacia afuera, estamos mirando hacia abajo. Vamos a restablecer eso ahí atrás. Ahora hagamos el resto de la cara. Ahora, tenemos muchas capas aquí y se va a poner un poco difícil saber en qué capa estamos haciendo clic, sobre todo cuando estamos aquí después animando y haciendo fotogramas clave. Lo que vamos a hacer es empezar a coordinarlos de color. Solo seleccionemos todo lo que tenemos asociado con la cara. Nuestro rostro, nuestros ojos, nuestra boca, nuestra nariz, y los vamos a poner todos rojos. Tomemos nuestro Head Mate, lo haremos amarillo. Ahora, vamos a solista todos nuestros elementos faciales. Agréguelos a esa lista de Solo. Llevemos todos nuestros elementos de la cara y los padres a la cara. Ahora cuando arrastramos nuestro elemento facial alrededor, vemos que se están moviendo con él. Ahora bien, no queremos que nuestros rasgos faciales floten hacia el espacio. Nos vamos a llevar este Head Matte, vamos a duplicarlo una vez, poner los ojos, duplicarlo una vez, poner la boca nueva y duplicarla una vez por encima de la nariz, vamos a tomar todos esos elementos base, vamos para venir aquí y hacerlos Alpha Matte, hagamos click en nuestra cara para asegurarnos de que eso funcionó, y ahí vamos. Todo se ve [inaudible] mirando hacia arriba, y otra vez hacia abajo y por supuesto queremos animar los ojos. O podemos darles un giro de cabeza. Eso será increíblemente útil después. A ver, apaguemos nuestras capas Solo. Vamos a querer tener nuestros oídos a la cabeza, y hagamos esos de color verde oscuro. Tomemos todo el pelo, y vamos a ser padres eso a la cabeza, y hagamos esto rosa. Ahí vamos. Ahora tenemos todas nuestras capas de color coordinadas y todo parentado. 7. Rigging Parte 2: Ahora, la parte más útil del aparejo, pero también la cosa más complicada por la que vamos a pasar, es que vamos a hacer una plataforma de boca. Si vamos por aquí, he creado un comp de boca. En esa comp boca, tengo la comp boca redimensionada al tamaño de la boca. Puedes desplazarte por aquí y ver que he importado todas nuestras formas de boca de Illustrator, usando el mismo método que hacíamos antes. He hecho cada uno de un solo fotograma largo y apilar en orden. Se puede ver que tenemos 14 marcos. Pero con After Effects, agrega un marco en los extremos. Técnicamente tenemos 15 formas de boca. Así es como la configuración de la comp boca. Vamos a volver a la cara comp. Vamos a reemplazar esta boca por esta comp. Eso lo arrastraremos hacia abajo. Ahora está interrumpiendo la boca, así que no puedes ver. Simplemente pondré eso encima. Ahí vamos. Voy a ajustar el punto de anclaje aquí. Vamos a borrar esa boca. Vamos a volver a poner esta boca en su lugar. Vamos a adjuntar esto a la cabeza y vamos a encender el Alpha Matte. Ahora, este método que les voy a mostrar nos permitirá adjuntar un control de deslizador a esta comp de boca y luego podremos frotar a ese control de deslizador y cambiar la boca de aquí afuera y podemos seguir enmarcando eso. Estamos usando esto para hacer un comp de boca para que podamos hacerle hablar o simplemente animar su boca para lucir sorprendido, feliz o triste. Pero es importante darse cuenta de que este método se puede utilizar para muchos aspectos o aparejos. Vamos a saltar ahora y te explicaré algunas de las otras formas en que es útil. Vamos a hacer clic con el botón derecho, presionar “Tiempo”, habilitar Remapeo de tiempo, y arrastrar eso hacia fuera, para que solo llegue al final de la comp. Vamos a subir aquí a Efectos y Preajustes, y vamos a escribir en control de deslizador, que es un control de expresión. Vamos a poner eso en la capa de la boca. Simplemente podemos renombrar esto a Mouth Rig. Tomaremos este Parent desde el Remapeo del Tiempo y lo arrastraremos hasta la Mouth Rig. Pero primero, necesitamos hacer clic “Alt” y arrastrarlo hasta el deslizador. Se puede ver aquí, ahora eso está apegado a ese efecto. Ahora, queremos convertir esto en una variable y lo hacemos golpeando a “A Equals”. Lo que esto le dice a esta capa es que A es igual y luego estos controles aquí. Ahora, lo que vamos a hacer es columna esa variable con un FrameToTime, y tiene esta pequeña lista aquí. Puedes rellenar automáticamente y pondremos esa A ahí dentro. Lo que esto hace es bloquear este marco aquí arriba, más abajo hasta las formas de la boca. Se puede ver aquí, ya está funcionando que si arrastramos, se pueden ver las formas de la boca moviéndose. Voy a girar hacia abajo este deslizador porque creo que es un poco más fácil usar los controles deslizantes reales. Pero puedes ver aquí que pasa por todas las formas de la boca y se detiene ahí mismo. Es sólo difícil porque eso es un pequeño espacio para arrastrar. En realidad podemos arreglar eso haciendo clic derecho en el deslizador aquí, no en el título, el pequeño deslizador justo ahí, y luego aparece Editar valor. Establezcamos un rango personalizado. Tenemos 14 cuadros ahí dentro, así que vamos a golpear 0-14. Ahora, se puede ver que eso atraviesa todo el camino y es mucho más fácil de controlar. Podemos seguir enmarcando esto y simplemente recorriendo todas las formas de la boca. Con eso, tenemos a nuestro personaje totalmente amañado. Hablé de esta expresión de control de deslizador de plataforma bucal y cómo eso se puede usar de muchas maneras. Es ideal para aparejos bucales y sobre todo para sincronización de labios. Pero se puede usar para cambiar realmente cualquier cosa dentro de una comp. Podríamos usarlo para darle diferentes peinados, orejas diferentes, o hacerlo para que esos ojos parpadeen, o esa nariz se ponga roja, o estornuda, o cualquier cosa. Cuando pienses en estos métodos, no solo pienses en cómo los estoy aplicando a este personaje. Particularmente, estoy tratando de enseñarte métodos que creo que te serán útiles y una variedad de formas cuando estés amañando a tus personajes, que puedas configurar aparejos mucho más complicados que éste y poder animarlos fácilmente y animarlos rápidamente, para que puedas pasar más tiempo centrándote en pulir tus animaciones. También es importante recordar crear una hoja de trucos para cualquier capa de forma que estés poniendo en estos aparejos. Si recuerdas antes, viste que estaba etiquetando todas las bocas con un sistema de números, que cuando estoy fregando al deslizador, sepa qué forma de boca estoy haciendo. Yo solo elegí numerar estos, pero también podrías ponerles notas adicionales y etiquetar tu boca dice, feliz, triste, o los diferentes sonidos y formas que tu boca hace cuando estás hablando. Puedes etiquetar uno como un /o/ sonido, y luego si estás tratando de sincronizar los labios, lo que haces es mirarte en el espejo y la forma que hace tu boca, cuando estás hablando diciendo esa porción de la palabra, y entonces simplemente animarías en consecuencia a las formas de esta lista. Por supuesto, puedes hacer tus propias formas y hacer eso también. Hay muchas hojas de trucos y guías en línea para hacer sincronización de labios, hojas bucales. En este punto, realmente te animaría a publicar cualquier cosa que tengas, progress-wise, en las notas de clase de abajo, y haré todo lo posible para revisar todo. Yo también estoy muy emocionado, lo que ustedes están haciendo, pero vamos a meternos en la parte divertida y empezar a animar a continuación. 8. Animación Parte 1: Ahora que tenemos nuestra configuración de muñecas, podemos empezar a animar. Solo verifiquemos dos veces que tengamos todo de la manera que queremos. Creo que voy a hacer la boca siga la cara porque creo que eso será un poco más fácil para lo que quiero hacer con esta animación. Ahora siéntete libre de seguirme conmigo o crear tu propia animación. Vamos a hacer un simple guiño de cabeza. Entonces vamos a abrir las propiedades de posición de las caras presionando P o insertando cualquier marco clave allí. Voy a subir al cuadro doce, que tengo puesto mi contador de marco. Se puede cambiar eso de vuelta al tiempo regular controlando haciendo clic en esto y yendo de ida y vuelta. Entonces vamos al encuadre 12. Selecciona la cara, tira de eso hacia arriba, y luego avanzaremos, y vayamos al encuadre 18 y copiemos ese primer fotograma. Eso es aburrido ahora mismo, pero vamos a darle sabor. Vamos a animar el cabello a continuación. Abriremos los marcos clave de posición en el cabello. Mueve esos de nuevo al principio, y luego aquí queremos traer ese pelo hasta todo el camino. Voy a seleccionar estos para luego subir aproximadamente lo mismo. Haré eso, y luego copiará todos los originales aquí. Echemos un vistazo a eso. Entonces tenemos nuestro cabello moviéndose. Todavía aburrido, pero vamos a arreglar eso y sólo aguantar conmigo aquí. Entonces bajemos a las orejas y coloquemos marcos clave para esas. Sube a la parte superior aquí, y estos en realidad van a bajar un poco a medida que la cabeza se inclina hacia atrás. Entonces lo llevaremos de vuelta a la normalidad aquí, copiando esos fotogramas clave. Ahora deberíamos tener una inclinación de cabeza muy básica. Hagamos un poco de animación con los rasgos faciales. Entonces empezaremos con los ojos y la nariz. Antes la nariz va a hacer los ojos, sólo va a seguir adelante e insertar un marco clave aquí también. Queremos que estos ojos suban solo un poquito, luego volver a bajar. Tomemos esa nariz aquí arriba, insertemos un marco clave aquí al principio, y aquí al final. Cuando llegue aquí, vas a mover esa nariz un poquito ante los ojos, porque está más cerca de la cámara. Entonces más allá técnicamente, muévete más arriba con el cabello, y veamos cómo se ve eso. Se puede ver compensando las posiciones de acuerdo a lo que está más cerca de la cámara se va a mover más lejos y lo que está más alejado de la cámara se va a mover opuesto. Entonces tenemos las orejas cayendo hacia atrás y luego tuvimos la nariz y el cabello moviéndose, y ya se puede ver que ahí agrega un poco de dimensionalidad. Vamos a hacer un par de cosas para acentuar eso. Pero primero, cuidemos esta boca. Toma esta boca P, especie de marco clave, arrastra eso y voy a arrastrar un poco esto hacia arriba. No sé si quiero no moverme tanto porque se está moviendo tanto como la nariz en este momento y las narices se pegan y no se muevan más como los ojos. Por el bien de demostrar, nuestro rastrillo bucal le dará un poco de animación de boca. Entonces lo que haremos es subir aquí, insertaremos un marco clave con el deslizador, y solo voy a escoger alguna forma de ratón al azar. Ahí también vamos a dar nuestro propio marco. Seguiremos adelante y una vez que se suba a la cima, mirando esta boca más grande, y luego bajaremos y copiaremos ese marco original y veremos cómo se ve. Como puedes ver, es animar a través de las formas de la boca, que por supuesto no es lo que queremos. Entonces lo que vamos a hacer, seleccionar esos marcos clave, hacer botón derecho en él conmutar mantener el marco clave. Ahora vamos a cambiar mantener el marco clave hace es quita todo [inaudible] entre los fotogramas clave. Entonces si en realidad hago clic en esto aquí en el editor de gráficos, podemos ver que los valores son constantes hasta que llega a eso. Entonces como puedes ver aquí, no cambia hasta que golpea ese fotograma clave, se hace un poco más grande y luego cae hacia abajo. A lo mejor está asintiendo con la cabeza porque espera un respiro y por eso le está llegando la boca. Ahora tenemos este guiño de cabeza y creo que en realidad voy a mover ese marco clave de la boca hacia atrás. Aquí vamos. Ahora eso es tan importante que cuando estás animando, no vas a poder simplemente sentarte y arar hacia adelante. Va a ser mucha experimentación, colocar marcos clave donde crees que los querrás, darte cuenta de que no se ve genial y rebotar de ida y vuelta. Es genial ahorrar a menudo y es genial para experimentar mucho. Muchas veces guardaré una versión, cada actualización importante o cambio mayor, y la que estoy haciendo, cambios incrementales, todo ese tipo de guardar, y puedes venir aquí para archivar y revertir. Si haces clic en este botón aquí, eso volverá a tus clases. Por lo que para experimentar y no te gusta el camino que vas, siempre puedes revertir fácilmente de esa manera. Por lo que siempre es genial experimentar al animar. Pero tenemos que añadir un poco de vida a esto. Ahora, vamos a hacer eso a través de un poco de movimiento secundario, y luego vamos a ajustar la flexibilización también. 9. Animación Parte 2: El movimiento secundario es cuando tu personaje se mueve y luego digamos que su pelo rebotaría. Su cabeza es el movimiento primario y su cabello sería la emoción secundaria. Es esa emoción secundaria, que suma mucha vida a la animación. Antes de hacer eso, vamos a hacer flexibilización. Por facilitar nos pondremos en la cara aquí. Vamos a seleccionar esos fotogramas clave, y vamos a presionar el editor de gráficos. Vamos a hacer clic derecho en esto. Vamos a separar dimensiones para que podamos controlar nuestras dimensiones ahí dentro. No necesitamos tener ninguna animación en la posición x para esta animación en particular. Seleccionaremos nuestra posición y. Vamos a presionar esto, para que eso nos dé algunas manijas con las que lidiar y ver cómo se ve eso ahora mismo. Sube. Nos vamos a centrar en sólo la cara y la cabeza ahora mismo. Eso se ve un poco mejor que antes. Se ve un poco más animado. Siempre que añadas facilidad, vas a conseguir esa facilidad de entrada y facilidad salida y eso añade mucha vida a tu animación. Muchos movimientos realistas tienen buena flexibilización. Si estás haciendo un movimiento robótico, sería más lineal. Pero tomemos estas asas, los arrastremos hacia fuera. Haremos que su cabeza se quede en la cima arrastrando estas asas por aquí, se va a quedar un poco más en la cima. A ver cómo se ve eso. Ahí vamos. Levanta la cabeza hacia arriba y descansa y luego se apaga hacia abajo en su lugar. Si no estás familiarizado con el editor de gráficos, estoy usando esto para cambiar la flexibilización en los fotogramas clave. Tomé esto y lo arrastro un poco para que nos relajáramos en él. Entonces aquí tomé estos fotograma clave y arrastré los dos hacia afuera en cualquiera de las direcciones para que nos quedáramos aquí arriba y luego retrocedamos aquí abajo. Pero también tomé esto y arrastré esto un poco para que nos relajáramos de nuevo a esa moción final. Entonces se puede ver cuánto se suma la vida. Para comparar con antes, sólo volveremos a convertir eso a lineal haciendo clic en este botón. Para que se pueda ver lo que se ve eso frente a esto. Ahora, si deshacemos en solitario esta capa, ahora veremos que nada más coincide porque todos los demás fotogramas clave están en fotogramas clave lineales. Allí fácil necesita emparejar para que todos se sincronicen juntos. Ahora podrías pasar y podrías intentar igualar manualmente todos ellos. Eso sería muy difícil. También podría pasar por y podría seleccionar todos estos fotogramas clave, y podría hacer clic con el botón derecho en “Velocidad de fotograma clave”, y podría copiar estos números a cada uno. Pero eso también llevaría mucho tiempo. Entonces lo que vamos a hacer es que vamos a usar un guión llamado EaseCopy. Esto hace que este proceso sea extremadamente fácil, de ahí el nombre. Este script es en realidad pagar su propio precio. Te recomiendo que les des algo de dinero porque es una gran herramienta que una vez que comiences a usar probablemente usarás todo el tiempo. Pero si no tienes el dinero, puedes conseguirlo gratis. Voy a publicar un enlace en la siguiente descripción. Lo que vamos a hacer es que vamos a copiar la facilidad de estos fotogramas clave. Seleccionaremos esos fotogramas clave, pulsaremos “Copiar”, seleccionaremos estos fotogramas clave para Pegar Facilidad. Ahora esos partido. Entonces subiremos aquí y le haremos eso a estos. No queremos hacerlo a nuestro tiempo remapeo porque eso va a estropear nuestra expresión y no queremos hacerlo al deslizador de boca porque eso está en espera fotogramas clave por alguna razón. Entonces nos relajaremos allá arriba. Ahora la flexibilización debe igualar y todo. Ahora se puede ver que todo ese movimiento coincide. Genial. Ahora podemos empezar a jugar con hacer un poco de movimiento secundario. Por ejemplo, podemos agarrar todo este pelo, podemos arrastrar eso sobre un fotograma para que retrase un fotograma. Genial. Podemos tomar ese pelo grande y podemos arrastrar eso sobre un marco extra y podemos ver que ahora eso tiene un poco de retraso. Impresionante. Hagamos lo mismo con las orejas. Nos llevaremos las dos orejas y las arrastraremos sobre un marco. En realidad intentemos tomar la nariz por encima de un fotograma clave de esta manera. Sí, eso se ve mejor. Las cosas más cercanas a la cámara se van a mover más lejos y ligeramente desfasadas. Eso es lo que estamos tratando de dar la ilusión aquí arriba es profundidad. Hay una última herramienta que quiero mostrarles chicos. En realidad es una expresión que vamos a usar para agregar algo de inercia a parte de nuestra moción aquí. Necesita ser usado sutilmente, pero cuando se usa sutilmente puede agregar mucha vida a tu animación. Este es otro gratis. Déjame teclear en rebote de inercia máquina gris. Pondré un enlace directo a esto. Pero es este top cinco after effects. Él está regalando graciosamente todos estos, así que tal vez puedas enviarle un tweet o contactarlo, y pueden trabajar en verso. Voy a copiar aquí esta expresión para este equilibrio de inercia, yendo a volver a After Effects, y voy a presionar P en la cara, yendo a Alt click esto, lo que me permite insertar una expresión, Voy a copiar esa expresión. A ver cómo se ve eso al inicio. No se puede ver mucho porque la amplitud está ajustada a realmente baja. Ahora, se va a tomar en cuenta la flexibilización. El hecho de que nos relajemos aquí, va a tomar mucha amplitud para ver realmente un efecto. Aquí, tienes tres factores principales que puedes editar aquí. Tienes tu amplitud, tu frecuencia, y con qué rapidez se descompone. Simplemente puedes experimentar esos y ver qué hace. Subamos a uno y veamos qué obtenemos. Ahí vas. Aquí se puede ver que estamos recibiendo un pequeño rebote en la cara ahí. Genial. Tomemos eso. Vamos a copiar eso al cabello. Vamos a alt P click eso. Me desplazaré hasta aquí y hagamos que el cabello realmente rebote y veamos cómo se ve eso. Pondremos eso en dos. Ahí vamos. Eso se ve genial. Tomemos eso y vamos a copiarlo al resto del cabello. Voy a presionar P en ambos de esos pelos, Alt click, pegar, Alt click, pegar. A ver cómo se ve eso. En realidad quiero que esos pelitos se suban un poco más, así que vamos a seleccionar eso y luego golpear tres. Ahí vamos. Por último, creo que voy a añadir un poco a las orejas. Yo sólo voy a seleccionar todo ahí, presiona U para abrir los fotogramas clave y otra vez los cierras, voy a golpear la inclinación una tecla para entrar en esta vista. Voy a tomar estos, voy a golpear P. Alt click ese y pegar, Alt click ese y pegar. Creo que se vería tonto si sus oídos se movieran más, lo cual creo que podría ser divertido. Entonces subiremos esa amplitud a tres. Cierra eso, inclina la tecla hacia atrás y previsualiza tu animación. Genial. Se puede ver cómo compensar nuestros cuadros y entrar y agregar ese poco de equilibrio de inercia realmente agrega una tonelada de vida. Ahora que tenemos nuestra animación pulida, vamos a trabajar en exportarla y convertirla en un GIF donde podamos compartirla en línea. 10. GIF: Ahora tenemos una animación lista para exportar. Entonces vamos a ir al codificador File, Export, Add Media. Vamos a exportarlo como un mp4. Por lo que iremos aquí y seleccionaremos H264, hacer coincidencia fuente, ocultar su calificación. Y luego escogeremos dónde queremos exportar eso. Por lo que sólo voy a dejar la mía cara de nombre y voy a exportar. Ahora, la mayoría de las aplicaciones web en línea van a usar mp4, pero en caso de que quieras usar un GIF, vamos a pasar por la foto crear uno. La mayoría de la gente usará Photoshop para hacer GIFS, pero tengo otro método que creo que en realidad funciona mucho mejor y rinde mucho mejores resultados. Vamos a ir a esta página web aquí. Se llama ezgif.com. De nuevo, pondré esto en las notas de clase. Después iremos a la opción Video to GIF, y pincharemos “Elegir”, voy a navegar a mi exportación, voy a seleccionar eso y subirlo, hay un límite de 100 megabytes. Basta con hacer clic en Subir. Y una vez que estés aquí, puedes establecer algunas opciones aquí. Voy a elegir el tamaño original, 800 píxeles de ancho, y para nuestra velocidad de fotogramas, elegiré 25 porque eso es más cercano a 24, que tienen. Haga clic en “Convertir a GIF”. Lo verás trabajando aquí abajo. Hemos terminado de hacer nuestro GIF, y podemos ver que solo es 674 KB, pero también podemos optimizar eso y hacerlo aún más pequeño. En este caso, no tenemos tantos colores ni muchos marcos, por lo que realmente no ocupa mucho espacio para guardar esto como GIF. Pero digamos que estábamos tratando con un tamaño de archivo más grande. Después podemos hacer clic en esta optimizada la opción GIF. Te llevará por aquí. Puedes elegir tu nivel de compresión. Por defecto, te da 35 y puedes ir hasta 200, pero solo lo dejaremos en el predeterminado 35, haz clic en “GIF optimizado”. Eso nos ahorró 34 por ciento. Entonces ahora podemos hacer clic con el botón derecho guardando el jazz, y luego simplemente lo guardaré en la misma carpeta que guardé mi exportación. Voy a nombrar a este Face GIF, y ahí vamos. Ahora tenemos un GIF para compartir. Encuentro que esto es mucho más eficiente que Photoshop, y es capaz de ahorrar para permitir tamaños de archivo más pequeños, haciéndolos más fáciles de compartir en línea. 11. Outro: Gracias por tomar mi curso y espero que aprendas algunas cosas en el camino. Estoy muy emocionado de ver lo que hicieron ustedes. Asegúrate de publicarlos en los comentarios a continuación y sígueme si quieres ver en futuras clases sobre temas similares a éste.