Animación fácil para la ilustración: uso de Duik en Adobe After Effects

1. Introducción: [MÚSICA] Hola. Soy Kay Leathers, ilustradora y diseñadora de movimiento de Londres, Inglaterra. ¿Eres un ilustrador en busca de nuevas herramientas de animación para agregar a tu cinturón de herramientas de ilustración? Quizás estés buscando darle nueva vida a tus ilustraciones existentes con un poco de movimiento, o tal vez eres un animador buscando formas mejorar y acelerar tu flujo de trabajo en After Effects. Si respondiste sí a alguna de estas preguntas, entonces estás en la clase correcta. En esta clase, aprenderás a animar tus ilustraciones con solo unos clics usando Duik. Duik es un conjunto de herramientas de animación gratuito para After Effects. Cuenta con este increíble panel de automatizaciones que puedes aplicar a las propiedades de posición, escala , rotación y opacidad de una capa para lograr diferentes efectos, todo el toque y deslizamiento de unos pocos botones. Sin expresiones complicadas y sin necesidad un solo fotograma clave a menos que quieras uno, por supuesto. Me encantan las animaciones en circuito y los GIF. Se ven lindos y diferencian tu trabajo de ilustración en línea a la hora de atraer clientes. Es más probable que las animaciones mantengan la atención de la audiencia por más tiempo, lo que significa un aumento en el compromiso también. Para esta clase, necesitas una ilustración en la que trabajar. De una manera te gustaría afectar una o más capas con mis automatizaciones favoritas, Wiggle y Swing. Esto puede ser el movimiento de meneo de las personas en el ojo, el swing del ala, o como algunos de mis trabajos favoritos, usando los efectos sobre elementos de fondo simples como estas estrellas. Si no tienes una ilustración propia, nunca temas. He proporcionado los mismos archivos de caracteres que utilizo en la carpeta de recursos, para que puedas seguirme conmigo. Al final de la clase, tendrás un botín animado para compartir con el mundo y valiosas herramientas nuevas para llevar a futuros proyectos. Estaba muy emocionada cuando descubrí las automatizaciones Duik y no puedo esperar para compartir esta brillante herramienta contigo. Si estás listo, comencemos. 2. PROYECTO: [MÚSICA] Para este proyecto de clase, estaremos animando en Ilustración After Effects usando automatizaciones Duik. Nos centraremos específicamente en las automatizaciones wiggle y swing, dos de mis efectos favoritos y más útiles. El proyecto para esta clase es simplemente compartir tu video animado final en la galería del proyecto, ya sea como un GIF o un video subido. En esta clase, aprenderemos a descargar Duik y preparar nuestros archivos para la animación, aplicar las automatizaciones, menear y balancear, a partes para ilustraciones, y aprenderemos algunos consejos súper prácticos por agregar esa magia extra tanto a nuestro flujo de trabajo de animación las propias animaciones. Para esta clase, puedes usar cualquier ilustración que tengas o vayas a crear en Adobe Illustrator, Procreate o Photoshop. Realmente no hay reglas sobre lo que puedes y no puedes moverte o balancearte. Dependiendo de qué ilustración quieras usar, creo que es una buena idea pensar qué capa puedes afectar y qué propiedad. Las propiedades que puede afectar en sus capas son posición, rotación, escala y opacidad. Por ejemplo, ¿serán las rotaciones de pupila en un ojo, el columpio del ala o el pelo o incluso las piernas? ¿Serán todas las propiedades de una capa como esta estrella frenética? Puede que estés viniendo aquí de mi otro curso, ilustración para animación, personajes cohesivos en Adobe Illustrator, donde habrás creado un conjunto de personajes para ti, en el que caso, use esos. Si aún no has visto este curso y te gustaría saber cómo crear tus propios personajes, consulta el enlace del curso en la descripción de esta clase. De cualquier manera, puedes encontrar muchos personajes adorables en el archivo de recursos esperando que los animes. Una vez que hayamos hecho nuestra animación, sube tus archivos finales a la galería del proyecto para que puedas compartirlos con nuestra comunidad aquí en Skillshare. Me encanta ver los proyectos ahí y me da la oportunidad de comentar y compartir el trabajo estudiantil. Ahora, si estás listo y con ganas de ir, necesitaremos descargar Duik rápido. Abramos nuestro navegador de Internet para comenzar. [MÚSICA] 3. Introducción a Duik: [MÚSICA] En esta lección, aprenderemos qué son las automatizaciones y cómo instalar Duik en After Effects. After Effects es un programa increíble. En lugar de animar cada fotograma como lo hacemos en las animaciones tradicionales, podemos decirle a After Effects que mueva un objeto del punto A al B y llene cada fotograma por ti. Las automatizaciones llevan esto un paso más allá. En lugar de pasar del punto A al B, las automatizaciones pueden definir la forma que ese objeto se comporta en su camino hacia allí. After Effects proporciona muchas formas diferentes de automatizar procesos. Puede automatizar animaciones con expresiones y scripts. Si eres un animador que busca una inmersión profunda, definitivamente busca en las expresiones. Ellos van a cambiar tu vida. Para esta clase, somos muy afortunados porque hay una excelente herramienta disponible que está llena de scripts listos para usar, Duik Bassel.2. Duik tiene este increíble panel de automatizaciones que puedes aplicar a propiedades para lograr diferentes efectos o tocar la diapositiva de algunos botones, lugar de mirar expresiones complicadas. En este ejemplo, simplemente he puesto una automatización de meneo en la rotación de esta estrella, dejando este impresionante efecto. [MÚSICA] Ahora ya estamos listos para descargar Duik. Si vas a tu navegador favorito y escribes Duik Bassel 2, o probablemente solo Duik, es probable que sea el primer resultado ahí. Hecho por la gente encantadora RxLaboratory, Duik tiene un montón de características además las funciones de meneo y swing que te mostraré en esta clase, así que siéntete libre de leer la página de inicio. Tal vez vea el espectáculo real para que pueda explorar toda la magia de Duik. Pero por ahora, hagamos clic en el botón Descargar aquí. Eso nos llevará a través de la página de descargas. Ahora, asombrosamente, Duik es un plugin gratuito para After Effects. De verdad te recomiendo que si te resulta útil, cual 100 por ciento te garantizo que lo harás, entonces dones un poco de efectivo a los desarrolladores si puedes, pero no presiones. Vamos a probarlo primero y a ver qué opinas. Vamos a hacer clic en “Descargar” y esperarlo. Una vez que esté listo, mostrémoslo en el Finder. Vamos a extraer el archivo zip y abrir la carpeta y aquí verás paneles de interfaz de usuario de script. Luego vamos a una nueva ventana del Finder, abrimos nuestras aplicaciones, encontramos Adobe After Effects ahí dentro, bajamos a la carpeta de scripts y encontrarás una carpeta coincidente llamada paneles de interfaz de usuario de script ahí. Vuelve a la carpeta Duik y simplemente copia el guión arrastrándolo al panel After Effects. Ahora ya lo tengo aquí, así que voy a parar eso y no reemplazarlo. [MÚSICA] Ahora está instalado. Abramos After Effects y configuremos nuestro espacio de trabajo. Si subes a la parte superior aquí, haz clic en el espacio de trabajo predeterminado. Si no se parece al mío, puedes simplemente restablecerlo aquí y tu espacio de trabajo se verá así. Para encontrar a Duik, subamos a la pestaña de la ventana en la parte superior. Si bajamos hasta el final de la lista, verás todos tus guiones allí. Damos click en Duik Bassel y esta pequeña ventana flotante aparecerá. Podemos establecer eso en nuestro espacio de trabajo para que ya no esté flotando por ahí. Damos clic en el nombre y luego podemos simplemente arrastrarlo a donde lo queramos. lo personal, me gusta por aquí a la derecha y luego solo podemos redimensionarlo como necesitemos. Dentro del panel Duik, tenemos muchas secciones diferentes. Vamos a estar viendo la sección de automatización, que puedes encontrar aquí, simbolizada por el COG y la flecha, o puedes encontrarla en la parte superior aquí. Hay un montón de automatizaciones dentro de este panel, pero las que vamos a ver y las que me encantan son menear y balancear [MÚSICA]. Ahora hemos descargado, instalado y comprobado que Duik está todo presente y corrigiendo After Effects, necesitaremos preparar un archivo de ilustración listo para la animación. He proporcionado mis caracteres de error en los recursos y estaré usando el archivo bee si quieres seguirme. Si seguiste junto con mi última clase, terminamos con un archivo AI como este, con estas seis capas. Ahora he hecho un nuevo archivo donde le he dado una mesa de trabajo más grande para poder animar todas las hojas de fondo y he dividido la abeja en más capas después de que decidí animar mucho más de mis ilustración. Por ejemplo, los alumnos estarán animados por lo que ahora están separados del globo ocular. Las piernas se balancearán y así están en sus propias capas y luego separaré las alas y las hojas y guardo esto como 4A. Si vas a usar tu propia ilustración para esta clase, abre cualquier programa en el que la tengas y asegúrate de tener todas tus piezas en capas separadas. La regla es, si quieres que se mueva, pégalo en una capa separada. Cuando su archivo esté listo, guárdalo y comenzaremos nuestro servicio de limpieza y After Effects. Te veré ahí. [MÚSICA] 4. Importa y prepara capas: [MÚSICA] En esta lección, prepararemos nuestra ilustración en capas para la animación. Esto es lo que me gusta llamar la parte de limpieza del proceso. [MÚSICA] Hay varias formas de importar sus archivos. Mi favorito es hacer clic con el botón derecho en el panel del proyecto aquí, o puedes subir a Archivo y luego encontrar Importar en la lista. Por supuesto, la forma más rápida es usar el atajo Comando I. Lo que sea que funcione para usted, entonces sale nuestra ventana final. Para mí, esto convenientemente abre la carpeta de personajes donde puedo encontrar todos los archivos de illustrator. Aquí tengo mis archivos preparados para Ae. Ahora en la entrada como menú desplegable, queremos seleccionar composición en lugar metraje para que podamos acceder a todas esas capas encantadoras. Una vez cargado, veremos que el archivo aparece en el panel del proyecto a la izquierda. La de arriba es nuestra composición y debajo está la carpeta con todas las capas de archivos Ae separados. Esto es útil si necesitamos cambiar algo más tarde. Pero probablemente lo hayamos hecho perfectamente en primer lugar, así que cerremos eso y abramos nuestra composición. Aquí podremos previsualizar nuestra ilustración. Echemos un vistazo a nuestros ajustes de composición. Aquí, las medidas del tablero de arte son las mismas que teníamos en el archivo ilustrador. También la velocidad de fotogramas. Me gusta usar 24 fotogramas, igual que la animación tradicional de personajes. Debajo de eso tenemos la duración de nuestra animación. Lo he puesto en 10 segundos aquí y puedes ajustarlo a la longitud que prefieras. También te mostraré cómo ajustar esto más adelante. Por último, tenemos el color de fondo. Este es el trasfondo del tablero de arte. Si ya tienes antecedentes en tu ilustración, realmente no va a importar. Aquí, si apago la capa de fondo, se puede ver que ese fondo negro se muestra, pero de todos modos solo va a ser nuestro fondo azul. [MÚSICA] Probablemente deberíamos guardarla en este punto. Solo ve a “Archivo”, “Guardar como” y lo estoy guardando en la carpeta After Effects de mi proyecto. Guardemos eso como Bee animation 01. Por si acaso tenemos más copias, podemos guardar como 02, 03 y hacer clic en “Guardar”. Comencemos nuestra limpieza. La primera etapa es colorear nuestras capas. Eso realmente nos va a ayudar más adelante a diferenciar entre ellos cuando estemos animando. Voy a comenzar aquí con la capa de fondo. Sólo voy a darle a eso ningún color y luego bloquearlo para que ya no pueda moverlo. Entonces podemos agrupar las hojas juntas, elegir un bonito verde oscuro para ellas porque son verdes y las voy a encerrar también. Entonces las alas, voy a ir por el amarillo. Obviamente cuando estás coloreando tus capas, puedes elegir lo que te apetezca. Es sólo que realmente encontrarlos más tarde. Voy a seguir coloreando mis capas aquí. [MÚSICA] Voy a juntar los ojos aunque no estén uno al lado del otro en las capas, y juntar las pupilas así como un bonito color fucsia brillante. [MÚSICA] Ahora estamos llegando al segundo paso de nuestra limpieza, y el segundo paso es la crianza de los hijos. Por el momento, cada parte de nuestra abeja aquí está en capas separadas y no conectada a nada y se puede ver eso aquí. Puedo arrastrarlo y nada se mueve con él. Desafortunadamente, me está rompiendo un poco la abeja. Necesitamos padre de las capas que naturalmente estarían unidas a la capa del cuerpo. Empecemos por la forma de la cabeza aquí. Podemos usar este látigo de selección, que dice látigo de selección padre y hacer clic y arrastrarlo a la capa del cuerpo. Ahora cuando muevo el cuerpo, podemos ver que la forma de la cabeza pequeña está unida. Vamos a continuar eso para el resto de las partes que se adjuntan. El aguijón vamos a recoger látigo eso. Las piernas, haga clic más manteniendo presionada la tecla Shift y la punta padre, y las alas. Si no estás seguro de qué capas conectar, solo piensa en dónde están físicamente unidas. Podemos mover el cuerpo y todo queda bien. Se adjunta en los lugares correctos. Es otra forma de verificar. Entonces sólo tenemos las partes para la cara. Ahora voy a conectar esos todos a la forma de la cabeza. Tenemos la boca a la forma de la cabeza y dos ojos los cuales voy a seleccionar con comando y luego vamos a recoger látigo ambos de esos a la forma de la cabeza. Ahora los alumnos, en realidad voy a conectarme con el ojo de los padres. Alumna 2 a ojo 2 y pupila 1 a ojo 1. Si muevo el ojo, verás que la pupila se mueve con él. Vamos a comprobar que todas nuestras capas están conectadas y si comprobamos aquí, podemos ver que no dice ninguna en esta columna de enlaces. El capó aún no está del todo conectado, así que conectémoslo a la forma de la cabeza. Vamos a comprobarlo moviéndolo alrededor, dándole un poco de giro. ¿No se ve lindo? Podemos revisar el resto de las capas. Cuerpo dice ninguno también pero no necesitamos ser padres de eso a nada y las hojas en el fondo también dicen ninguno. Tampoco necesitan ser criados. Eso es todo, nuestra paternidad ya está hecha. [MÚSICA] Ahora la etapa final antes comenzar a usar nuestras automatizaciones es asegurarnos de que nuestros puntos de anclaje estén en el lugar correcto. Ahora cada capa tiene su propio punto de anclaje. El punto de anclaje es desde donde la capa se escalará o rotará. Para que tu personaje se mueva correctamente, es posible que necesites ajustar tus puntos de anclaje en cada capa. Para demostrarlo, vamos a usar el ala. Aquí abro el ala y bajo al menú Transformar y luego usaremos la rotación para ver de dónde está girando. Ahora puedes ver que está rotando desde el medio. Ahora sabemos que el ala se aleteará naturalmente desde donde está unida al cuerpo, por lo que tendremos que mover el punto de anclaje. Para ello, necesitaremos obtener la herramienta de punto de anclaje. También se le conoce como la herramienta de pan detrás, que está justo aquí arriba. Podemos dar click aquí o podemos presionar Y para llegar al atajo de esa. Tendremos que hacer clic y arrastrar el punto de anclaje hacia abajo hasta la parte inferior del ala. Si hago estallar el punto de anclaje aquí arriba y lo giro, verás que ahora gira a partir de ese punto en su lugar, lo que podría ser útil para tu propio personaje. Pero para el mío, lo necesito en la base del ala, así que sólo voy a hacer estallar ahí el punto de anclaje y volvamos a probarlo. Ahora vemos que está rotando desde el punto correcto. Ahora cuando lleguemos a animar esta capa, va a estar todo listo para nosotros con el punto de anclaje en el lugar correcto. Ahora vamos a repetir eso para la segunda ala. Si hacemos clic aquí y solo usamos Y para mover el punto de anclaje. Entonces tengo otro atajo para ti. Si presionas W y mantienes pulsado, accederá a la herramienta de rotación muy rápido y solo podrás probar el área. Ese atajo es realmente bueno saberlo porque de lo contrario tienes que seguir yendo y viniendo desde el menú y realmente puede estar ralentizando tu flujo de trabajo. Recuerda W y sostén. Si solo haces clic en W, permanecerá en la herramienta de rotación y luego tendrás que ir a la herramienta de selección V para desseleccionarla. Ahora sólo voy a pasar de whiz y corregir el punto de anclaje en el resto de las capas. [MÚSICA] Con el aguijón aquí, solo estoy probando algunas áreas diferentes. Es buena táctica simplemente mover el punto de anclaje, darle rotar, moverlo de nuevo solo para comprobar de dónde se ve mejor. [MÚSICA] Yo solo estoy probando la cabeza aquí. A pesar de que se ve bien desde el centro aquí, sólo voy a moverlo detrás de la boca. Si pones el punto de anclaje ahí detrás de la boca, se va a sentir un poco más natural que en el medio y eso es todo. Todos mis puntos de anclaje están fijos y en su lugar, listos para la animación. [MÚSICA] Ahora que tenemos nuestro archivo preparado, estamos listos para comenzar a agregar nuestras automatizaciones. Vamos a llegar a ello. [MÚSICA] 5. ¡Cómo agregar Wiggle!: En esta lección, utilizaremos la automatización directa de Wiggle. Wiggle es una automatización muy práctica ya que puede agregar algo de movimiento aleatorio a la posición, rotación, opacidad y escalar cualquier objeto en tu Ilustración. Yo uso más éste y estoy seguro que tú también lo harás. [MÚSICA] También podrás encontrar esto en la carpeta de recursos. Si presiona “Comando I” para importar, busca la ilustración banjo-star y ábrela. Si eliges composición y tamaño de capa y luego haces clic en “Bien”. Haz doble clic para saltar a la composición, bloquear el fondo y simplemente darle a tu capa de estrellas un color diferente. Ahora para usar la automatización de meneo, si hace clic en el menú desplegable aquí, y debajo del menú de estilo, podemos encontrar todas las propiedades de las capas. Tenemos punto de anclaje, posición, escala, rotación y opacidad. Wiggle se puede aplicar a cada uno de ellos, una combinación o incluso a todos juntos. Hagamos una pequeña prueba de posición rápida. Asegúrese de seleccionar la propiedad a la que desea aplicar la automatización y luego simplemente haga clic en “Wiggle”. Enseguida suceden algunas cosas. primer lugar, en el panel de controles de efectos, obtiene una interfaz con algunos controladores llamados meneo de posición. Segundo abajo en el menú Capas, se pueden ver los valores correspondientes los cuales han sido marcados en rojo, lo que nos dice ahora que los valores están siendo controlados por una expresión. No entres en pánico, todo está hecho por Duik y solo puedes ignorarlo. Si hago clic en la barra espaciadora para jugar, no pasa nada. Eso es porque necesitamos cambiar nuestra amplitud y frecuencia en el momento en que todavía están en cero. Pero en cuanto comencemos a jugar con los números, se puede ver el efecto de inmediato. Hurra, tenemos a Wiggle en la posición de la estrella. La forma en que funciona, la estrella está siguiendo un camino invisible y cuando aumentamos la amplitud, el camino va escalando. Cuando aumentemos la frecuencia, la estrella irá por ese mismo camino, pero aún más rápido. El siguiente control que tenemos es la duración del bucle, y el asterisco representa segundos. Esto automáticamente toma la duración de tu composición. En nuestro caso, ese 10 segundos, por lo que dice 10 aquí. Esto creará mágicamente un bucle sin fisuras de 10 segundos. Voy a ralentizarlo de nuevo para que lo veas mejor. Observe que cuando el cabezal de reproducción va del último fotograma al primer fotograma, sigue moviéndose en una trayectoria sin interrupciones. Simplemente eliminemos esos controles y luego para deshacernos de la expresión, necesitamos hacer clic Alt en este pequeño cronómetro. Así es como puedes borrar cualquier automatización que ya no necesites. A continuación, probemos Wiggle en la propiedad de escala. Selecciona la escala y luego haz clic en “Wiggle”. Ahora agreguemos algunos números y veamos qué pasa. Eso es inesperado. La estrella se está aplaudiendo y estirando de una manera muy extraña pero no entre en pánico. Aquí tenemos esta casilla de verificación de dimensión de enlace. Si haces clic en eso, la escala horizontal y vertical se moverán juntas y mantendrán la relación de la capa mucho mejor. Siéntase libre de experimentar con amplitud y frecuencia para obtener diferentes resultados. Al igual que antes, necesitaremos hacer clic Alt para eliminar la expresión de la propiedad scale. A continuación, echemos un vistazo a Wiggle en la rotación, seleccionemos la propiedad de rotación y hagamos clic en “Wiggle”. Un buen punto de partida es 100 en amplitud y uno en frecuencia, luego ajustarlo dependiendo de la apariencia que buscas. Una vez más, elimina los controles y borra la expresión con Alt-click. Por último, pero no menos importante, probémoslo sobre la opacidad. Seleccione la propiedad de opacidad y haga clic en “Wiggle”. Agregue nuestros valores de punto de partida y luego juegue. Si solo aceleramos eso un poco, será más notorio. Parecerá que está brillando o parpadeando como una estrella centelleante. Podrías usar este efecto en luces de hadas, velas, cualquier luz realmente, es una forma súper rápida de agregar interés. Ahora en caso de que te lo estés preguntando, apliquemos Wiggles todos juntos. Tendrás que hacerlo uno por uno, de lo contrario, es posible que te encuentres con algunos problemas. Mantenlo simple, haz clic uno a la vez y luego agrega meneo. Luego podemos ajustar los controles asegurándonos que solo verifique en los controles de escala que haya vinculado las dimensiones como antes y rollo de tambor, tenemos un bucle completo con toneladas de detalles con solo unos pocos clics, sin fotogramas clave en absoluto y se ve bastante bien [MÚSICA]. Ahora bien, una buena práctica antes de hacer que cualquiera de tus personajes se mueva es mirar algunas buenas imágenes de referencia. Puedes representarlo si todos pueden encontrar videos en línea para observar. Siempre es mejor tomar ejemplos del mundo real y luego intentar inyectarlo en tu animación. Esto hará que tus personajes sean más convincentes, más naturales y atractivos. No tiene que ser realista, pero al menos debería inspirarse en el mundo real. Encontré este metraje en YouTube y estaba buscando específicamente por un momento si la abeja está flotando. Entonces aquí ya podemos ver cómo las abejas se mueven en el espacio y cómo todo su cuerpo gira desde las alas. Noté la forma en que las piernas cuelgan suavemente del cuerpo y un poco de movimiento aleatorio en la antena. Si tienes tu referencia a mano cuando modificas tu automatización eso puede inspirarte y guiarte a través de tu trabajo. Las mejores series de anime de todos los tiempos lo hacen y nosotros también deberíamos [MÚSICA]. Intentemos agregar algo de meneo a nuestra abeja para imitar ese movimiento flotando que vimos en la referencia. Y como todo está siguiendo la capa corporal, debemos aplicar el meneo a la propiedad de posición del cuerpo. Alterna hacia abajo en Transformar seleccionar posición y haga clic en “Wiggle”, agregue los valores del punto de inicio y comience a ajustar el comportamiento. Sé que quiero la frecuencia en dos, pero puedes probar diferentes números y ver cómo te gusta en tu propio personaje. A continuación, seleccionemos la rotación y hagamos clic en “Wiggle”. Agrega algo de rotación a la mezcla, pero esta vez la mantendremos sutil. Aquí es donde quería volver a la semilla que mencioné antes. este momento, se puede ver que la posición y rotación se mueven juntas de manera similar. Está bien, pero a mí me parece un poco rígido y quiero mostrarte cómo lo hacemos más flojo. Para explicar eso, voy a saltar nuevo a mi composición de estilo. Haga clic en la capa para ver los controles y se despliega en el menú de detalles. Aquí tenemos tres controles. El primero es la complejidad. Sólo voy a tocar esto de fondo que lo veas en vivo. Al aumentar la complejidad, imagina que está agregando detalles y ruido a ese camino existente por el que viaja el estilo estrella. La estrella no cambió su meneo principal, solo le agregó una forma. Cuando lo aumento a cinco, realmente puedes empezar a ver ese batido. El segundo control aquí es el multiplicador. Así de grandes van a ser esos detalles y ruido en ese camino. Está tomando el ruido de la complejidad y está multiplicando su influencia. Eso es súper sensible así que asegúrate mantenerlo en pequeños incrementos. Esto puede volverse loco bastante rápido y a veces eso podría ser exactamente lo que buscas. El último de aquí es esa semilla aleatoria. la estrella se le asigna un camino y la posición está siguiendo ese camino. Cada número semilla asignará una ruta diferente. Para que puedas usar cualquier número aleatorio y buscar una ruta que te complazca. Eso es lo que voy a hacer con la semilla de la rotación en nuestra abeja. Aquí estamos. Vale la pena mencionar que cuando haces clic en “Wiggle” en el panel Duix, usamos el número de capa como número semilla. Esta es la capa ocho y nuestros números de semilla son ambos 82. Entonces, para que nuestra abeja se sienta más suelta, vamos a agregar un número de semilla diferente al movimiento de rotación en esa capa. Podemos escoger un número aleatorio. Voy a ir por un 108. Echemos un vistazo. Sí, eso se ve genial. Puedes hacer que los movimientos se vean mucho más realistas simplemente cambiando el número semilla cuando tengas dos propiedades de meneo en una capa. Creo que estoy contento con cómo se ve eso ahora [MÚSICA]. Ahora hemos agregado movimiento de posición y rotación al cuerpo. Puedes agregar el efecto meneo a tu propia ilustración y ajustar los detalles hasta que tengas un movimiento que disfrutes. Si te probaste con el personaje, ¿por qué no probar también los detalles de fondo? En la siguiente lección, veremos la automatización del swing. [MÚSICA] 6. ¡Cómo agregar columpio!: [MÚSICA] En esta lección, te mostraré cómo agregar la automatización del swing a las capas en tu ilustración. Como su nombre indica, esta automatización hace que las cosas se balanceen, al igual que los columpios que vemos aquí. Se están moviendo pulso irregular de ida y vuelta. Otro ejemplo es un péndulo de reloj que se balancea. Cada swing de ida y vuelta marca un segundo como la frecuencia que encontrará en la automatización del swing. Vamos a sumergirnos en nuestro sencillo ejemplo. En el archivo de recursos, tengo este lindo reloj de gato que diseñé, y eres bienvenido a seguirme aquí. Haga doble clic para abrir la composición. Aquí tenemos la capa de fondo, la capa de cola y la capa de cuerpo. Voy a bloquear las capas de fondo y cuerpo porque son estáticas. Voy a colorear mi capa de cola en naranja y eso hará más visible en la línea de tiempo. Como vimos en nuestra referencia, el péndulo del reloj oscila de un lado a otro, pero está conectado al centro del reloj. Vamos a ordenar nuestro punto de anclaje aquí para que se vea igual que la referencia. Vamos a hacer clic en y o seleccionar la herramienta de punto de anclaje aquí arriba en el menú de herramientas, y colocaremos el punto de anclaje donde crees que está colgando la pieza, en algún lugar por aquí yo diría, bastante cerca del centro del reloj, no al borde. Ahora, cuando pruebo, parece estar funcionando como esperaba. Estamos listos para irnos. Seleccione la propiedad de rotación en el panel aquí y haga clic en la automatización del swing en el panel Duik. Como antes, obtenemos nuevos controles en los paneles de control de efectos. Tenemos la amplitud y frecuencia familiares. Empecemos con algunos números pequeños aquí y veamos cómo esto afecta a la cola. Sí, eso es exactamente lo que esperaba. Observe como cuando lleguemos al final, bucles perfectamente aunque aquí no tengamos control de duración. Solo tenemos la opción de frecuencia con la que trabajar. Por ejemplo aquí, si la frecuencia es una, significa que obtienes un swing completo, que es de izquierda a derecha cada segundo. Si el área de trabajo de su línea de tiempo está establecida en segundos redondeados, su bucle debería verse sin problemas. Si arrastro el área de trabajo a dos segundos, podemos ver aquí debería hacer un bucle perfecto y lo hace. Pero aunque sean unos pocos fotogramas individuales menos, veremos que la cola luego salta en movimiento. Como regla general, siempre iría por segundos redondos y mantendría los números agradables y simples. Si duplicas la frecuencia como dos, todavía va a funcionar porque llegas a columpios en cada segundo; izquierda-derecha, izquierda-derecha. Pero y si lo quieres más lento, di 0.5. Esto significa que se moverá un cuarto de swing por segundo, lo que significa que tardaría dos segundos completar un bucle completo. Esto significa que los múltiplos de dos funcionarán, entonces 4, 6, 8, pero nuestros tres aquí o cualquier número impar de hecho no lo hará. Vamos a comprobarlo arrastrando esto a cuatro segundos y viendo si el bucle es sin fisuras. Sí, funciona. Si absolutamente tienes que usar un número impar, sin embargo, puedes averiguar por qué es divisible tu número. Digamos, por ejemplo aquí, tres segundos. Sé que puedo dividirlo por 1/3. Sólo voy a cambiar eso a 0.333 recurrente, y debería funcionar. Ahora ya lo hemos hecho. Sólo voy a poner todo de nuevo a la normalidad y sigamos adelante. Veamos un ajuste más, el offset. Si volvemos a los columpios del patio de recreo, podemos ver que se mueven de manera similar pero su sincronización tiene algún offset. Eso es exactamente lo que va a hacer el escenario aquí. Para demostrar en el reloj cat, voy a duplicar la capa de cola usando el Comando D. Esto nos da otra cola con la misma automatización de swing y los mismos controles. Como podemos ver en los valores coincidentes aquí, ambas colas se mueven al unísono, lo que significa que realmente no se puede ver la de atrás en este momento. Ahora bien, si marco ese desplazamiento un poco hacia arriba y bajé la opacidad solo para asegurarnos de que podamos ver cuál es cuál, puede ver que se mueven igual pero con algún offset. Esencialmente, lo que hicimos con el desplazamiento fue mover ese punto de partida del swing. [MÚSICA] Supongo que si aún estás aquí, tienes algo en tu personaje a lo que quieres balancearte. Agarra esa capa y ya la aplicaremos. Voy a balancear las alas. Comencemos primero con el ala 1. Voy a basar flojamente el movimiento del ala en nuestra referencia, pero voy a estilizar ligeramente el movimiento. Vamos al interior del menú Transformar y seleccionemos Rotación. Luego seleccione la automatización del swing. Voy a dejar que esto juegue mientras retoco los valores para que podamos obtener una vista previa en tiempo real. Pero veo que el meneo en el cuerpo va a hacer que sea difícil enfocarnos en nuestra ala. Hay un truco genial que podemos usar para pausar temporalmente la automatización sin tener que eliminarla. Sólo tienes que ir a su propiedad con la automatización, alternar hacia abajo la pequeña flecha, y verás este pequeño icono con dos líneas. Esto es como un interruptor de encendido-apagado para la automatización. Cuando haces clic en él, se pone gris, lo que significa que está deshabilitado hasta que vuelvas a hacer clic en él. Yo también quiero desactivar la automatización de rotación, y cuando hayamos terminado de trabajar en las otras partes, volveré aquí y lo habilitaré de nuevo. De vuelta a nuestro ala. Presiona “Reproducir” y agreguemos algo de amplitud y frecuencia. A mí me gusta empezar con 10 y uno y simplemente retocarlo de ahí. Parece que el movimiento podría ser un poco más grande aquí y la velocidad un poco más rápida. Eso me queda bien por ahora. Agreguemos lo mismo al ala 2 aquí, haga clic en “Rotación”, agregue el columpio. Yo sólo voy a hacer coincidir los números del ala 1 ahí porque sabemos que cuando las alas se aletean, están destinadas a ser un poco simétricas. A ver si esto va a funcionar cuando juego. No, no funciona. Ya veo, porque se están moviendo exactamente igual y lo que realmente necesitamos es que se muevan uno frente al otro. Eso es súper fácil de hacer. Todo lo que necesitamos es hacer que uno de ellos sea negativo sobre la amplitud. Aún giran 20 grados, pero en sentido contrario. Cuando lo jugamos ahora, obtenemos una pequeña acción de aleteo agradable. Ahora bien, no es perfecto, pero ya casi estamos ahí. Las alas van demasiado lejos y realidad se superponen en la parte superior. Lo mejor de estas automatizaciones es que siempre podemos entrar en la propiedad real y simplemente ajustarla sin interferir con el movimiento. Puedo arrastrar la rotación para conseguir que el ala gire un poco más lejos del centro. Digamos 20 en el ala 2 y menos 20 en el ala 1. Juguemos eso. Sí, eso se ve un poco mejor. A mí me gusta. Solo preguntándome si like puede hacer que se sienta un poco más suelto con alguna compensación como tal vez 10 por ciento. Solo estoy probando algunas cosas para experimentar y encontrar el aspecto y la sensación que busco. Puedes sentirte libre de hacer tus propios ajustes y tomar las decisiones para tu personaje. A lo mejor tu personaje está un poco más frenético y apurado, así que quizás quieras alas muy rápidas. O tal vez está súper cansado así que las alas pueden ser lentas y perezosas. Aquí es donde puedes usar esta herramienta técnica de manera creativa y poner tu propia historia en movimiento y en el personaje. Recuerda, es genial tener grandes herramientas, así que no te pongas al día con la técnica. Al final del día, necesitas mantener tus ojos en la historia que quieres contar. He probado algunos números diferentes, ahora he terminado en esto. Ahora, ya he terminado de ajustar esta ala en las alas. Estoy muy contento con eso y puedo volver atrás y habilitar esas automatizaciones que tenía en el cuerpo de la abeja, y podemos ver cómo funciona todo en conjunto. Aquí estamos. Sólo va a amortiguar un poco. Ahí podemos ver que nuestra abeja está volando ahora, ¿no? Lindo. [MÚSICA] En la siguiente lección, vamos a ver más ejemplos del uso de las automatizaciones wiggle y swing. [MÚSICA] 7. Cómo aplicar automatizaciones: [MÚSICA] Esta lección, te mostraré cómo uso las automatizaciones de meneo y swing en el resto de mi abeja para completar la animación. Empecemos con nuestro aguijón aquí. Creo que debería ser un meneo en la rotación porque realmente no quiero que se balancee a velocidad constante. Así que hagamos clic en “Rotación” y hagamos clic en la automatización de Wiggle. Empecemos con nuestros valores base 10 y uno. Simplemente tocaremos eso para ver cómo se ve. Ahí vamos. Es un poco lento, así que vamos a ajustarlo a dos y el primero a seis. Vamos a comprobarlo. Sí, un poco más rápido pero solo un poco menos del movimiento. Ahora, vamos a hacer la cabeza. Vamos a abrir en esa capa de forma de cabeza y vamos a hacer clic en la Rotación. Vamos con nuestro 10 y uno como punto de partida, 10 en la amplitud, uno en la frecuencia, juguemos eso. Déjalo renderizar un poco y agradable. Me gusta la velocidad pero quiero que sea un poco más interesante, así que creo que voy a añadir algunos detalles. Bajo el menú Complejidad, pongamos dos en su lugar. Sí. Eso se ve un poco más interesante. Creo que lo dejaré así. Obviamente puedes tomar diferentes decisiones según la personalidad de tu personaje. Si quieres que el personaje sea más neurótico, puedes tener movimientos y detalles más rápidos para igualar. O si es un poco más frío y solo tener un buen día como el mío, puedes mantenerlo lento. Ahora, pasemos a las piernas. Abre la Transformación en cada una de las capas de las piernas. Puedes hacerlo seleccionándolos todos y luego abriendo Transformar. En esta, voy a usar un columpio en cada una de las patas y voy a compensar eso igual que vimos en el reloj de gato con dos colas. Ojalá, esto le dará una actitud de abeja feliz , vaya afortunada. Vamos a agregar swing a la propiedad de rotación de piernas aquí. Ya lo hemos arreglado en el punto de anclaje, así que esto debería ser rápido y fácil. Haga clic, “Rotación y oscilación”, en las otras dos patas. Entonces probémoslo en el número 1, pondremos nuestra frecuencia y amplitud habituales ahí, así que 10 y uno. Déjalo renderizar. Echemos un vistazo a esa. Sí. Esa es una piernita feliz. Es sólo una piernita feliz. A lo mejor vamos a tener un poquito menos así que es un poco menos distrayente. Sí. Ocho se ve bien. Vamos a copiar esas figuras a las otras piernas. Ocho y uno en la pierna 2 y en la pierna 3, ocho y uno. Juguemos. Me gusta el swing pero se ve un poco raro porque todos se mueven al unísono, así que tenemos que aplicar ese offset. Si vamos al tramo 2 y lo compensaremos en un 20 por ciento. Después la pierna 3, lo compensaremos en un 30 por ciento y luego podremos verlo en la previa. Sí. Ahora se ve muy lindo. Parece que se está divirtiendo, se lo está pasando bien. Ahora, otro atajo útil es que puedes hacer clic lejos de cualquier capa y luego puedes presionar, “L” y eso simplemente cerrará todo por ti. Ahora, pasaremos a los ojos. Bueno, no los ojos, solo las pupilas porque los ojos se quedarán en las cuencas. Vamos a abrir el Transformar en los alumnos y hacer clic en el desplegable allí. En esta, aplicaremos el meneo sobre la posición de las pupilas. Pupila 1 posición de meneo y pupila 2 meneo. Solo vamos a acercarnos para una mejor apariencia. Pongámoslo al 200 por ciento y comencemos con nuestro 10 y uno. ¿Sabes qué? Simplemente apagemos nuestros movimientos corporales para hacerlo un poco más manejable. Sólo tienes que ir a la posición, apagar ahí la expresión. Nuevamente, apague la expresión, luego echemos otra mirada a esa pupila ahora que tenemos el cuerpo bonito y quieto. [Risas] Por el momento se ve un poco chiflado, lo que podría ser útil para tu personaje. Pero voy a arreglarlo en el mío. Voy a usar la reproducción para simplemente encontrar el borde del ojo. Vamos a subir de 10, vaya, un poquito demasiado 110 ahí. Volvamos a bajar 20. Sí. Eso parece un poco más razonable. Puedo ver que solo se superpone un poco en el borde, ajustemos en unos. Sí. Aquí se ve bien dieciséis. Voy a mantener la frecuencia como una sola. Eso se ve bien. Voy a poner eso en Pupil 2 ahora para igualarlo, así que 16 y uno. Ahora, lo vemos todavía luciendo loco. Podrías preguntar por qué no se mueve al unísono. Bueno, eso es porque cada capa, si recuerdas, obtiene su propia semilla. Aquí la Pupila 2 es la Capa 1. Tiene la semilla a la una. La Pupila 1 tiene Semilla 3 porque es Capa 3. Vamos a cambiar la Pupila 1 por la Semilla 1. Aquí podemos ver que ahora se mueven juntos, mucho mejor. Veo en realidad que la pupila solo se pregunta fuera de los ojos un poco. Solo ajustemos eso para estar seguros y hagamos ese 14, mucho mejor. Ahora, volvamos a un 100 y veamos cómo funciona como una composición completa. Simplemente está deambulando, es solo una pequeña abeja bullienta, teniendo un buen día. [RUIDO] Comprobaremos eso con el movimiento de todo el cuerpo. Si volvemos a la capa del cuerpo y solo lo recordamos, haga clic en las pequeñas líneas dobles para habilitar las expresiones de nuevo. verás aparecer en rojo. Entonces, si presionas la barra espaciadora para jugar, solo se renderizará. Ahora, es abejita colgajo zumbando en el marco. Bonito. Entonces todo se mueve junto y aún no teníamos un solo fotograma clave. [MÚSICA] Esa es mi abeja bastante animada. Ahora, podría dejarla aquí y tener un bucle precioso. Eso es lo que puedes elegir para tu personaje. Pero realmente quiero que mi abeja vuele dentro y fuera del marco. Ahora y solo ahora finalmente agregaremos fotogramas clave a esta animación. [MÚSICA] 8. Automatizaciones con fotogramas clave: [MÚSICA] En esta lección, esta es la única vez que usaremos algunos fotogramas clave para mover a nuestro personaje dentro y fuera del fotograma. Ahora podrías dejar la animación aquí tal como está y tener un bucle perfecto de cuatro segundos listo para la exportación. Eso es lo que puedes elegir hacer pero si te quedas atento, quiero mostrarte lo bellamente que funciona Duik además del personaje conmovedor. Antes de pasar a eso, solo quiero hacerles saber que agregué algo de swing a las hojas en el fondo para que cuando mi personaje esté fuera del marco, la escena siga funcionando y siga viva. [MÚSICA] Primero, lo que voy a hacer es acortar mi loop a cuatro segundos. Esto es porque quiero un GIF más corto. Ahora, realmente lo mejor es ponerlo a la longitud correcta al principio pero digamos, por ejemplo, tu cliente de repente cambia opinión y quiere un bucle más corto, necesitarás saber cómo ajustar tu animación. Ajustemos nuestra área de trabajo y veamos qué sucede cuando la jugamos. Podemos ver que algunos de los elementos saltan en el bucle en lugar de nuestro sin fisuras. Esto se debe a que todas nuestras automatizaciones están actualmente establecidas en esa duración de 10 segundos que teníamos anteriormente. Lo asombroso de las automatizaciones Duik es que en lugar de ajustar una carga de fotogramas clave, todo lo que tiene que hacer es ajustar algunos números. Empezando desde arriba, Pupil 2 cambiemos esa duración a cuatro. Podemos ver esa reproducción en vivo en la animación, que se ve bastante divertida [RISA] pero voy a pasar y ajustar el resto de los valores ahora. [MÚSICA] Todas estas capas tienen la automatización del swing, así que solo las dejaremos a un lado por un minuto y volveremos a ellas. Vamos a comprobar que el cuerpo se enrolla muy bien. Eso se ve bien. Volvamos a las partes que están balanceándose. Esta abeja viene con [RUIDO] un poco de advertencia matemática. Como dijimos antes, todo lo que está en una frecuencia de uno, balancea una vez por segundo por lo que esto encajará en cualquier línea de tiempo de tamaño siempre y cuando se redondee a cuatro segundos. Aquí las piernas son capaces de hacer el swing completo cuatro veces. Es lo mismo con las alas, están haciendo tres, cuatro columpios por segundo. Pero podemos ver que las hojas en el fondo están saltando. Eso es porque podemos ver que está de punto a frecuencia. Lo que significa que está tratando de hacer una quinta parte de su ciclo de swing cada segundo. Si tuviéramos un bucle de cinco segundos, funcionaría, pero tenemos cuatro segundos, así que tendremos que ajustar ese valor a cuartos en su lugar. Vamos a escribir 0.25 y para cuando lleguemos a un segundo, habrá hecho una cuarta parte del ciclo, dos segundos, dos cuartos, tres cuartos, y cuando llegue a los cuatro segundos, el ciclo está completo. Simplemente voy a saltar rápidamente a través esas capas de hojas y ajustarlas todas. Otro atajo útil, solo usaré comando más la flecha hacia abajo para saltar a la siguiente capa. [MÚSICA] Juguemos, ahí lo tenemos, un loop sin fisuras. Ahora podemos ver que el uso de esas automatizaciones hace que sea muy fácil hacer ajustes y revisiones a la duración de tu loop. No necesitas preocuparte por perderte en muchos fotogramas clave. Las automatizaciones hacen que sea muy fácil cambiar de opinión. [MÚSICA] Sabemos que todo está conectado con el cuerpo a través de nuestra paternidad anterior. Ahora queremos animar a la abeja que entra, quedándose en el centro unos segundos, luego volando. Tengo el cuerpo seleccionado y voy a hacer clic en “P” para el puesto. Después con la cabeza de juego al principio, haré clic en este pequeño Cronómetro, y eso creará un fotograma clave. Ahora la abeja se encuentra actualmente en el centro, que es donde la quiero en medio de la animación así que sólo voy a arrastrar ese fotograma clave a un segundo. Entonces puedo arrastrar la jugada, regresar al principio y mover la abeja al punto de partida por aquí a la izquierda. Nuevamente, verás aparecer un fotograma clave en la línea de tiempo así que de no a un segundo, vamos de la izquierda al centro. Quiero que la abeja se quede en el centro todo este tiempo de un segundo a tres segundos así que estos dos son iguales. Puedo simplemente Comando C para copiarlo y pegarlo donde está el cabezal de juego. Ahora cuando lleguemos a los cuatro segundos, queremos que esté por aquí a la derecha, así que mueve la cabeza de juego a cuatro segundos, luego arrastra la abeja hacia la derecha y podrás ver que está cruzando. Juguemos eso y veamos cómo se ve. Genial, podemos ver que todas nuestras automatizaciones siguen funcionando, el swing oscilante funciona perfectamente encima de ese movimiento. Ahora hay un par de cosas que podemos hacer para mejorar el aspecto de la abeja, porque de momento, se ve un poco rígida, un poco antinatural. Lo primero y más importante que hay que añadir es la flexibilización. Lo que hacemos es seleccionar los fotogramas del medio y hacer clic derecho y luego bajar al asistente de fotogramas clave y verás Easy Ease aquí o podemos hacer clic en F9, un atajo muy útil. Ahora tiene esta facilidad en el centro y facilidad fuera del centro cuando vuela, lo que es un movimiento mucho más natural ya que las cosas tardan en acelerarse. Otra cosa, que es un principio de animación central es mantener las cosas en movimiento en arcos. Quiero crear un arco adentro y un arco saliendo del marco. La herramienta que podemos usar es la Herramienta Convertir Vertex, y la encontraremos aquí debajo de la Herramienta Pluma. Ahora haces clic en mantener y arrastrar y podemos ver que aparece un pequeño mango y cuando lo movemos, eso afectará el camino de la abeja. Voy a hacer un bonito arco aquí así, y para el otro extremo, voy a darte el atajo para la Herramienta Convertir Vertex. Desde la herramienta de selección, se mantiene presionado Comando y Alt, y se puede ver que el cursor se transforma en esa Herramienta Convertir vértice. Luego hacemos clic y arrastramos para sacar el asa nuevamente y pongamos eso en una bonita y suave forma de S así. Entonces cuando jugamos, podemos ver que la abeja pasa naturalmente a través en el bucle, movimiento completo del personaje de todas nuestras automatizaciones. Ahora es posible que quieras jugar un poco tal vez la automatización no esté funcionando del todo con el camino, puedes ajustar las automatizaciones a partir de ahí. Me tomé un poco de tiempo para averiguar esta parte así que asegúrate de hacer tiempo para averiguar lo correcto para tu personaje también. [MÚSICA] Ahí tienes. Se puede ver lo bien que funciona Duik para darle un carácter más a medida que se mueve alrededor del marco. En el pasado, esto viene muy útil en todas las animaciones y es realmente ayudado por todos los excelentes controles que Duik ofrece con sus herramientas. En la siguiente lección, te estaré dando algunos consejos avanzados y usando Duik en tus ilustraciones. 9. Consejos de automatización avanzados: [MÚSICA] En esta sesión, vamos a echar un vistazo a algunos consejos y trucos adicionales para sacar lo mejor de Duik. Aquí tenemos a otro de nuestros personajes, el Damselfly. Como pueden ver, he animado las alas usando la misma técnica que la Abeja. También he usado un columpio en la trenza de pelo aquí, y le puse un meneo aleatorio en la cola y las piernas para darle ese movimiento natural. Mi primer consejo es mirar las propiedades de enlace. En tu propio personaje. Es posible que necesites dos o más cosas para balancearte al unísono. A lo mejor las coletas y el pelo o las piernas o incluso aretes como tengo en mi personaje aquí. Para ello, seleccione las capas juntas y haga clic en “R” para rotación. Eso abrirá la propiedad de rotación en ambas capas. Acerquemos y verifiquemos esos puntos de anclaje. Obviamente, mi limpieza en este personaje no fue muy buena ya que están en el lugar equivocado. Vamos a arreglar eso. Dejarlos así significará balancearán desde el centro, más bien desde donde se sujetan a la cabeza. Vamos a solo esas capas haciendo clic en las casillas aquí. Entonces voy a mover los puntos de anclaje cada arete a un lugar más sensato. Con el pendiente 1 seleccionado, haga clic en “Y” para acceder al punto de anclaje y arrastre el punto de anclaje hasta la parte superior. En lugar de crear swing en éste y luego éste por separado, porque van a balancearse juntos así. Puedes hacerlo en uno hasta el otro para robarle la automatización. Apliquemos este swing a éste. Estableceremos la amplitud aquí en siete y la frecuencia en uno. Solo cambiemos eso a ocho para sacarle un poco más de swing. Ahora necesitamos vincular la propiedad rotation usando el látigo pick en la rotación, no en la propia capa, sino en la propiedad. Vincular eso a la propiedad de rotación del arete 1 aquí. Ahora verás que los números cambian a rojo y tienen el mismo valor, y si presionamos “Reproducir”, este va a copiar el primero. Si me detengo en el medio aquí, verás que los valores son exactamente los mismos. Veamos eso fuera de solo y dentro con el resto de la animación, solo desmarca las casillas de solo aquí y encajarlo el marco. Presiona “Play”. Sí, se balancean juntos y se ve genial. Puede usar esto para cualquier capa que necesite imitarse entre sí y se puede usar para copiar automatizaciones en cualquier propiedad que necesite. [MÚSICA] Para esta, estamos aprendiendo otra forma de copiar automatizaciones, pero esta vez criando una capa a otra. Voy a demostrar en las pupilas de mi damisela aquí, seleccionaré las dos capas que desea efectuar y presionaré “P” para la posición. Pongamos un meneo en la posición de la pupila. Esta vez no vamos a vincular la propiedad porque los valores de posición tienen que ser diferentes para situarlos en cada ojo. En su lugar, vamos a padre alumno 2 a alumno 1 usando el látigo de selección padre. Veremos si movemos la capa padre, la capa secundaria también se moverá. Esta vez no usé el látigo pick de la propiedad, pero usé toda la capa. Verás que si soy padre de eso, va a cambiar la columna de enlaces aquí. Pongamos algunos valores en. Vamos por ocho en la amplitud y 0.5 en la frecuencia, estableceremos la duración del bucle en cuatro. Bonito. Parece que está poniendo los ojos en blanco, lo cual es perfecto para la actitud hacia este personaje. Siento que es una adolescente un poco petulante. Pero solo tenemos que asegurarnos de que las pupilas viajen dentro de los límites del ojo. Si iríamos a esa posición más extrema aquí y solo ajustaríamos eso. Ahí es donde ahora cae este punto extremo y está dentro del ojo. Alejémonos para ver cómo se ve eso. Sí, me gusta. [MÚSICA] Algunas de las partes más flexibles de tus personajes pueden parecer un poco rígidas en este momento, pero nunca temen. Duik también puede trabajar además de los efectos. Déjame demostrar mi trenza de damisela aquí. Yo solo quiero quitar el columpio por ahora. Haré clic en el cronómetro y eliminaré esa expresión, luego la eliminaré de los controles de efectos también. Por el momento, el swing es simplemente balancear nuestra rotación, lo cual está bien, pero no está dando la flexibilidad que estamos buscando. En lugar de poner el swing en la rotación, vamos a usar un efecto llamado doblarlo. Si buscas aquí, dobla y verás CC Bend it, arrastra eso sobre nuestra trenza en la composición. Pone algunos objetivos, pequeños objetivos aquí en nuestra capa. Si hago clic en uno y ese es el final. Coloquemos esto al final de la trenza. Esto significa que le estamos diciendo a After Effects que aquí es donde está el comienzo de la trenza y donde está el final. Hagamos que se doble haciendo clic y arrastrando en el control de plegado. Mira esto. Ya es mucho más flexible que solo rotar. Obviamente, nos hemos encontrado con un problema aquí donde se corta la ilustración. Esto se debe a que el cuadro delimitador se establece automáticamente en el tamaño actual de la capa. Necesitamos hacer crecer los límites de esa caja y tenemos una solución fácil. Si volvemos a efectos y buscamos límites de crecimiento, así que la utilidad crezca límites, haga doble clic en ese y veremos que aparece en el panel de control de efectos. Arrástralo hacia arriba antes del efecto de doblarlo. Si solo pongo doblarlo de nuevo al extremo, entonces crecemos los límites, realmente se puede ver cómo está funcionando eso. Puedes estar seguro y ponerlo en mucho más alto de lo que realmente necesitas. Pondré el mío a 350 pixeles. Ahora cuando lo doblamos, ya no se corta la imagen. Lo que te voy a mostrar es que Duik no se limita a solo transformar propiedades, sino que puedes desatar su poder sobre cualquier efecto o cualquier cosa en los Controles de Efectos. En este ejemplo, vamos a agregarlo al doblarlo. Tendremos que encontrar bend en el menú desplegable, ya que si la arrastras en los controles de efecto, no tendrá ningún efecto. Haga clic en él en el menú desplegable de la capa. Haga clic en “Swing”, y luego aparecerá en el panel de controles de efectos. Pongamos la amplitud aquí a ocho y luego la frecuencia a uno. Juguemos eso. Bonito. Me pregunto si ponemos el punto de inicio un poco más alto, eso hará que más de la capa se doble. Solo ajustemos un poco más la amplitud. Ahí. Esto es mucho más natural que el giro rígido en la rotación. Vamos a ver con todo. Sí. Puedes volver a ajustarlo cuando lo veas en la composición. Personalmente, creo que es un poco demasiado, pero puedes tener más swingy si quieres que sea más divertido. Depende de tu carácter. Lo mismo se aplica para cualquier cosa que deba tener flexibilidad. Asegúrate de que si miras a tu personaje, si algo es flexible, como pelo o brazos ondulados, tal vez, ponle una curva a tu automatización. [MÚSICA] Este es solo un consejo rápido y un recordatorio sobre útiles que son las dimensiones de los enlaces y cómo se puede lo útiles que son las dimensiones de los enlaces y cómo se puede ver en la práctica en uno de mis personajes. Si echamos un vistazo al chicle aquí, quería que volara la burbuja arriba y abajo para que podamos poner meneo o columpios en la propiedad de la báscula. El punto de anclaje se establece en el lugar correcto. Intentemos primero menear y si es demasiado loco, usaremos swing en su lugar. Duración cuatro, queremos vincular las dimensiones para que escale hacia arriba y hacia abajo proporcionalmente. Empecemos con 50 y veamos cómo se ve eso. Bastante genial, pero vamos a acelerarlo ajustando la frecuencia. Sí, me gusta. Creo que voy a dejar ahí esa. [MÚSICA] Quizás estés pensando, ¿ cuándo no querrías vincular dimensiones? Te voy a mostrar. Aquí tenemos el personaje mariposa. Vamos a solo la capa de ala y hagamos una jugada. Queremos que se aletee y para ello, necesitamos escalarlo dentro y fuera del punto de anclaje central. Ahora podrías pensar que podríamos agregar una automatización de swing y no dimensiones vinculadas, pero si hago eso, puedes ver que balanceando la escala en el eje y y el eje x, que no es adecuado para esta animación, lo que tenemos que hacer es separar la dimensión x e y, así solo afectamos al eje x. Con la escala seleccionada, haga clic en Dimensiones separadas por aquí. En los controles de efecto, ahora verás x e y. Ajustemos x y agreguemos nuestro swing. Vamos a intentarlo. Olvidé acortar el área de trabajo a cuatro segundos. Hagámoslo. Ahora, no quiero que se estire más de 100 ya que recorrerá mi ilustración y se puede ver aquí que está en un 110. Si hacemos clic en X y en su lugar empezamos en 80 y le decimos que oscile 20 en cada sentido. Además 20 llegarán a 100. El más grande que puede ser, y el más bajo será es menos 20, 60 por ciento de su tamaño original. Se ve más así, lo cual es mucho más convincente. Volvamos a hacer lo mismo en la otra ala. Probablemente podría ser un poco más rápido, así que hagamos esos dos. Aquí vamos, una mariposita flappy. Después de animar todas las partes de la mariposa, aquí está. Terminado. [MÚSICA] La gente de XLab está tan encendida. Han publicado una actualización de la función Dimensiones separadas. Ahora, cuando agregues swing, verás un control de acceso en el panel Controles de efectos. En lugar de volver a las automatizaciones y separar las dimensiones ahí, podemos hacer clic en el menú desplegable aquí, luego solo seleccionar el eje x, luego hacer Duik lo separa todo por ti. [RUIDO] Ahí estamos, algunos consejos útiles sobre cómo hacer que tu animación se vea más natural y cómo puedes usar automatización tanto en efectos como en propiedades. En la siguiente sesión, aprenderemos a exportar tu animación como Video y GIF. [MÚSICA] 10. Exportación y carga: [MÚSICA] En esta lección, vamos a exportar una animación en bucle como video, luego como GIF y te voy a mostrar cómo puedes subirla a nuestra página de proyectos de Skillshare. Primero, exportaremos desde After Effects como un video. Entonces lo vamos a poner en Photoshop para exportarlo como GIF. Desafortunadamente, no puedes exportar directamente GIFs desde After Effects así que es por eso que necesitamos hacerlo en estas dos etapas. Pero utilizo esta técnica de Photoshop para todos los proyectos GIF, así que es genial aprender. Primero, asegúrate de que el área de trabajo esté establecida cuatro segundos o la duración que necesites para tu animación. Después iremos a Archivo, Exportar y luego Agregar a la cola de renderizado. Aquí se abre la cola de renderizado y vamos a elegir la mejor configuración aquí arriba, así es como nuestra configuración completa por aquí. Después haga clic en el 'Módulo de Salida. La configuración del módulo de salida aparece. Windows tendrá diferentes opciones. Pero para Apple queremos seleccionar QuickTime y luego en las opciones de formato, hay una gran selección para Video Codec. Vamos a ir por Apple 422 LT, porque este es buena calidad y no es un archivo muy grande. Es perfecto para este proyecto. Si estás en Windows, puedes optar por algo como el archivo H.264 MP4 y eso también debería funcionar perfectamente. Haga clic en “Bien”. A continuación cambiaremos nuestra ubicación de salida haciendo clic en la salida a. Después aparecerá una ventana y encontraremos nuestra carpeta de exportación. Los videos trabajan en progreso. Bee_01.mov y guardar. Después hacemos clic en “Render”. Eso solo tomará un momento y ya está hecho. Comprobemos eso en nuestra carpeta de exportaciones. Videos, trabajo en progreso, y ahí está nuestra abejita mov. Ahora tenemos un archivo mov de video pero si queremos tener eso como GIF como prefieras, conducirá a abrir este archivo mov en Photoshop. Digámoslo en la aplicación, archivo abierto, luego encontramos nuestro archivo y hacemos clic en “Abrir”. Ahora Photoshop te mostrará tu archivo con una línea de tiempo, y podemos reproducirlo usando la barra espaciadora. Juega el mismo mov que teníamos del reproductor QuickTime. Pero esta vez podemos guardarlo como un GIF. Subimos a Exportación de Archivos, luego a Guardar para Web. Solo espera a que se cargue eso. Entonces esta es la ventana emergente de guardar para web. Se abrirá en esta ventana optimizada. Inicialmente, puedo ver que tamaño de mi archivo es bastante pesado para GIF para más de nueve MEG pero vamos a previsualizar eso en el navegador para comprobar que todo está funcionando bien. Está funcionando muy bien, pero también es enorme. inmediato, definitivamente puedo reducir el tamaño general de la imagen y eso reducirá el tamaño del archivo. Por aquí, vamos a reducir el tamaño de la imagen al 50 por ciento y la vista previa debería actualizarse. Veremos que se ha reducido el tamaño del archivo, y si hacemos clic en “Preview” podremos ver el tamaño del GIF. Ese es un tamaño mucho más razonable. Podría guardar esta o la versión anterior como mi GIF de alta calidad pero sí quiero subirlo a Skillshare y es una buena regla general tener el GIF lo más pequeño posible. Lo siguiente que puedo probar es ajustar los colores. Aquí hay un menú preestablecido entre el que puedo elegir. Podemos elegir esos 32 difuminados. Eso reduce el número de colores de 256-32 haciendo una gran diferencia en nuestro tamaño de archivo nuevamente. Vamos a previsualizar eso. Todavía se ve genial, pero es un poco granulada así que creo que voy a probar 64 en lugar de 32. Nuevamente, eso afecta el tamaño. Vamos a previsualizar. ve mucho mejor en el color. Redujamos el tamaño del mov 40 por ciento. Ahí vamos y sólo vamos a previsualizar eso otra vez, y eso se ve bien. Nuestro tamaño de archivo es ahora poco más de un MEG. Vamos a guardar eso. Encuentra la carpeta y los recursos, ilustraciones de errores, exportaciones, imágenes fijas, y luego encuentras GIF. A pesar de que no está quieto, es una serie de imágenes fijas. Aquí verás que en realidad ya he creado una carpeta. Aquí están mis archivos de mayor calidad que guardé antes pero para Skillshare, necesitamos reducir el tamaño. Sólo voy a hacer una carpeta completa de Skillshare. Puedes hacerlo por tu propia animación para que tengas alta calidad y menor calidad. Voy a continuar con esto para exportar todos mis personajes listos para subirlos. [MÚSICA] Comprobemos todos nuestros GIFs. Aquí tengo mi GIF de tamaño completo y mis GIF de tamaño Skillshare. Estos también serán mejores para los correos electrónicos si quiero enviarlos allí también. En Skillshare, vamos a crear nuestro proyecto, subir nuestra imagen. Simplemente voy a elegir uno de estos PNGs finales del curso anterior. Yo solo subiré a la abeja ya que es mi personaje principal. Ahora podrías crear archivos con el tamaño correcto si no quieres que tu imagen sea recortada. No me importa que esté recortada ya que mi abeja está bastante centrada en el marco. Entonces ponle el nombre en de los proyectos. Voy a llamarlo abeja ocupada y luego puedes subir tu GIF dando click aquí en la imagen. Si quisieras guardar tu video, puedes pegarlo en el enlace de YouTube o Vimeo aquí. Pero estoy subiendo un GIF, así que haz clic en “Imagen”, y finalmente GIF en la carpeta. Luego haga clic en “Abrir”. Espera un momento y aparecerá tu GIF. Además, puedes etiquetarme cualquier nota aquí o preguntas o cualquier consejo que necesites y me encanta leerlos, así que por favor hazlo y me pondré en contacto contigo. Cuando hayas terminado, puedes hacer clic en publicar y ese será tu proyecto hecho [MÚSICA] Así es como lo exportas y lo subes a Skillshare. No olvides publicar tus proyectos en tu portafolio y redes sociales también. Estoy seguro de que los clientes y amigos quedarán súper impresionados por tus nuevas habilidades [MÚSICA] 11. Conclusión: [MÚSICA] Eso es todo. En esta clase aprendimos a descargar Duik y preparar nuestra primera animación. Aplica la automatización, menea y balancea dos capas de nuestras ilustraciones y algunos consejos súper manejables para agregar esa magia extra tanto a nuestros flujos de trabajo como a nuestras animaciones. A estas alturas, deberías tener una súper animación para compartir en nuestra galería de proyectos y en tu propia cartera. Recuerda que si compartes en Instagram, hazme etiquetas. Siempre me encanta ver a los alumnos trabajar y compartirlo donde puedo. También haga preguntas o comentarios en su proyecto publicado y haré todo lo posible para ayudar si encontró algún problema. Realmente espero que disfrutes usando la automatización tanto como yo y que te ayude con tu futuro trabajo de animación. No puedo esperar a ver lo que has estado haciendo. Todo lo mejor con tu viaje de animación y espero volver a verte pronto. Adiós. [MÚSICA]