Crea bucles de escenas animadas con Adobe After Effects | Megan Friesth | Skillshare
Menú
Buscar

Velocidad de reproducción


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

Crea bucles de escenas animadas con Adobe After Effects

teacher avatar Megan Friesth, Motion Designer

Ve esta clase y miles más

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

Ve esta clase y miles más

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

Lecciones en esta clase

    • 1.

      ¡Hola!

      2:33

    • 2.

      PROYECTO DE CLASE

      0:52

    • 3.

      ¿Qué es un bucle?

      1:28

    • 4.

      Cómo usar bucles

      4:09

    • 5.

      Planifica tu bucle

      4:07

    • 6.

      Ininterrupción

      3:55

    • 7.

      Trabaja con GIF

      2:15

    • 8.

      Recorrido del archivo del proyecto

      2:51

    • 9.

      Expresiones para bucles

      9:58

    • 10.

      Aplica las expresiones para bucles: algas

      6:53

    • 11.

      Acción superpuesta

      8:45

    • 12.

      Haz un bucle del efecto de ondulación

      6:57

    • 13.

      Anima otras algas

      7:41

    • 14.

      Aplica las expresiones para bucles: pez ángel

      7:37

    • 15.

      Aplica las expresiones para bucles: otros pescados

      5:55

    • 16.

      Expresiones avanzadas para bucles

      11:15

    • 17.

      Composiciones de bucle: algas

      7:17

    • 18.

      Bucle de composiciones: pescado

      10:52

    • 19.

      Composiciones de lazo: pescado esporádico

      7:24

    • 20.

      Agrega los toques finales

      4:54

    • 21.

      Anima un banco de peces

      4:47

    • 22.

      Renderizar un video

      2:22

    • 23.

      Renderizar un GIF

      4:43

    • 24.

      Conclusión

      1:07

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

Generado por la comunidad

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

1710

Estudiantes

6

Proyectos

Acerca de esta clase

Aprende a crear animaciones en bucles ininterrumpidos para sitios web, redes sociales o como parte de animaciones narradas de más duración.

¡Las animaciones en bucle pueden ser fascinantes! Hay algo satisfactorio de ver y hacer animaciones en bucle. Pero, si alguna vez intentaste crear una escena animada en un bucle ininterrumpido, sabes que puede ser abrumador encontrar la manera de hacer que los tiempos de todo encajen bien.

Si bien esta clase incluye instrucciones paso a paso en After Effects, va mucho más allá de eso. Explicaré el proceso de pensamiento que dio origen a las técnicas que se usan, a fin de que puedas pensar como diseñador de animación y aplicar estas ideas a tus trabajos futuros.

En la primera parte de esta clase, vamos a hablar de la parte conceptual de crear animaciones en bucle y hablaremos de las mejores prácticas. Aprenderás:

  • la diferencia entre animaciones en bucle y los GIF
  • cuándo y dónde utilizar los diferentes formatos de archivo
  • cómo planificar tu bucle
  • cómo decidir la duración del bucle
  • las mejores prácticas para animaciones en bucle
  • cómo asegurarte de que tu bucle sea ininterrumpido (y qué significa eso exactamente)
  • las mejores prácticas al trabajar con GIF

Luego vamos a adentrarnos en After Effects para animar una escena submarina en bucle. Puedes descargar un archivo de After Effects parcialmente animado (en la pestaña de “Proyectos y recursos”) para que podamos centrarnos en hacer un bucle con estas animaciones. Aprenderás lo siguiente: 

  • usar distintas expresiones para bucles (¡no se necesita experiencia previa con ellas!)
  • agregar acciones o movimientos de finalización a las animaciones en bucle
  • hacer una composición en bucle
  • alterar elementos en bucle de una escena
  • asegurarte de que cada elemento de la escena ese perfectamente en bucle
  • renderizar un archivo de video
  • renderizar un archivo .gif

¡y muchos consejos para ahorrar tiempo!

Esta clase es para diseñadores de animación de nivel intermedio. Si nunca has usado After Effects, primero mira mi video de orientación. También te recomiendo ver primero alguna de mis clases para principiantes:

Al finalizar esta clase, tendrás las habilidades y los conocimientos para hacer animaciones en bucle, de simples a complejas, y comprender cuándo usar distintas técnicas para trabajar de forma más inteligente, en vez de trabajar más duro.

Luego de esta clase, mira algunas de mis otras clases:

Encuéntrame en línea:

Mi sitio web

Instagram

Pinterest,

YouTube

Conoce a tu profesor(a)

Teacher Profile Image

Megan Friesth

Motion Designer

Top Teacher

Hi! I'm Megan Friesth, a motion designer and illustrator from Boulder, Colorado. For my job I create explanimations-that is educational animations-and here I create education on how to animate! I have degrees in physiology and creative technology & design. By combining these two disciplines I create explanimations that help patients with chronic diseases understand complex medical information and take control of their health. When I'm not inside Adobe Illustrator or After Effects, I love traveling, running, skiing, yoga, and gardening.

Ver perfil completo

Level: Intermediate

Valoración de la clase

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

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

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

Transcripciones

1. ¡Hola!: Hola y bienvenidos a las animaciones de Looping en After Effects. Para algo satisfactorio de ver y hacer animaciones en bucle, ¿ alguna vez te has encontrado mirando una animación por demasiado tiempo, dándote cuenta plenamente de que estás viendo lo mismo una y otra vez, sin embargo aún no pudiendo mirar lejos? Las animaciones en bucle es puede ser hipnotizante como pieza independiente en las redes sociales. Pero usar técnicas de bucle dentro animaciones narradas más largas puede ser una manera ineficiente de trabajar. Pero si alguna vez has pensado en intentar hacer todo un bucle de escena animada, entonces sabes que puede ser abrumador tratar averiguar cómo cronometrar todo bien. Yo soy Megan Friesth y soy Explicadora. Puede que haya inventado esa palabra, pero escribo, ilustro y animo, animaciones educativas en su mayoría sobre temas relacionados con la salud y el medio ambiente. En esta clase, te mostraré las técnicas que uso todo el tiempo para trabajar de manera más eficiente y hacer animaciones vivas sin problemas para la web, redes sociales, y las explicaciones. Si bien esta clase tendrá instrucción paso a paso en After Effects, es mucho más que eso. Te he explicado el proceso superior detrás de las técnicas que utilizo para ayudarte a pensar como un diseñador de movimiento y permitirte aplicar estas ideas en tu trabajo futuro. En la primera parte de la clase, hablaremos del lado conceptual de hacer animaciones en bucle y discutiremos las mejores prácticas. Después nos sumergiremos en After Effects para animar una escena submarina en bucle. Te proporcionaré un archivo de After Effects parcialmente animado, para que podamos enfocarnos en hacer bucle estas animaciones. Utilizamos diferentes expresiones de bucle para rápidamente en las algas marinas que fluyen y peces nadadores, sin establecer un montón de fotogramas clave repetitivos. No dejes que el hecho de que estemos usando expresiones te asuste. El bucle expresión es como la piscina kiddie en cuanto a lo profundo que puedes llegar con las expresiones. Te mostraré exactamente lo que necesitas saber para empezar a usar estas expresiones en tu trabajo. A continuación, te mostraré cómo agregar acción solapada para que tus animaciones luzcan más realistas al mismo tiempo que siguen en bucle perfectamente. Después traeremos nuestras algas y elementos de peces por completo en una escena submarina. Te mostraré cómo compensar diferentes elementos dentro de la escena para crear una escena submarina estilizada, pero realista, que bucle sin problemas. Estas técnicas también funcionan en tierra, o en casi cualquier otra cosa que quieras animar. Esta clase es perfecta para diseñadores de movimiento principiante a intermedio. Si nunca has usado After Effects antes, revisa mi video de orientación, que puedes encontrar el enlace también debajo de este video. También recomiendo revisar primero una de mis clases de principiante. Al final de esta clase, tienes las habilidades y sabes cómo abordar animaciones de bucle simples a complejas y entender cuándo usar diferentes técnicas para trabajar de manera más inteligente, no más difícil. Entonces, si estás listo para crear una escena animada en bucle sin problemas, empecemos. 2. PROYECTO DE CLASE: El proyecto para esta clase es crear una animación de bucle sin problemas que contenga múltiples elementos que se mueven. En la pestaña de proyectos y recursos, encontrarás un archivo de proyecto After Effects para mi escena submarina que puedes descargar. Estaré usando este archivo como punto de partida y mostrándote cómo hacer bucle cada elemento animado. En este archivo del proyecto, ya he puesto algunos marcos clave para animar las algas marinas y las aletas de los peces, pero aún no se mueve nada. Si descargas este archivo de proyecto, puedes seguir conmigo paso a paso. Siéntete libre de subir esta escena submarina animada como proyecto de tu clase o crea tus propios peces y algas marinas y usa eso. O puedes ilustrar y animar tu propia escena que no involucre peces ni algas marinas. Tu escena no tiene por qué ser tan compleja como la mía, solo asegúrate de que estás usando algunas de las técnicas que se imparten en esta clase. Hablaré más de renderizar y publicar tu proyecto en un video posterior. 3. ¿Qué es un bucle?: A veces los términos loop y GIF se usan indistintamente, pero en realidad no son lo mismo. Las animaciones en movimiento a menudo se llaman GIF porque los GIF tienden a ser animaciones de bucle corto. Pero un bucle es cualquier animación que bucles mientras que GIF es en realidad un formato de archivo. Cualquier formato de archivo puede bucear, solo le toca al reproductor de vídeo reproducirlo una y otra vez para ti, y al animador para que la animación parezca un bucle sin fisuras. Los GIF, como formato de archivo, no tienen que bucear y en realidad ni siquiera tienen que ser animados. Pero en ese caso es como una imagen, entonces es como ¿cuál es el punto? las mayores diferencias entre videos y GIF se incluye que los videos pueden tener sonido, mientras que los GIF no pueden. Los GIF generalmente se reproducen automáticamente en sitios web y en mensajes como correos electrónicos y textos. Entonces le toca al reproductor de vídeo si un video se reproduce una y otra vez, mientras que con un GIF, le toca al creador. Tú decides si quieres que el GIF haga bucle para siempre o simplemente juegue una vez. Entonces finalmente los GIFs tienen un número más limitado de colores, y hablaré más de eso en un video posterior. Esta clase se centrará en crear animaciones de bucle sin problemas que puedan renderizarse como un video, un GIF, o ambas cuando haya terminado. Ya que hay algunas cosas adicionales que querrás considerar si sabes que quieres crear un GIF, lo cubriré en otro video. Pero primero, en el siguiente video, voy a ir más a fondo sobre cuándo usar diferentes formatos de archivo y dónde. 4. Cómo usar bucles: Hay muchos casos en los que una animación de bucle puede ser útil. Algunos casos son más obvios que otros. Vamos a pasar por unos cuantos. Ya que muchas plataformas de redes sociales como Instagram y Facebook reproducirán automáticamente un video a través y luego lo reproducirán de inmediato, o en otras palabras, hazlo bucle, es que hace que tu animación se vea más pulida y profesional para crearlo como un bucle sin costuras. He compilado el resumen de especificaciones para los sitios de redes sociales populares más actuales. Dado que la proporción de tamaño o aspecto del video parece cambiar con más frecuencia, no lo incluí aquí, pero siempre es fácil para Google. Facebook admite GIFs y reproducciones automáticas y bucles videos. Instagram no soporta GIFs, por lo que MP4 son los mejores. Si trabajas como yo y usualmente creas un MOV primero fuera de After Effects y luego tratas de AirDrop ese MOV a tu iPhone, no se guardará en fotos. Dado que solo puedes publicar en Instagram desde un teléfono, incluso though.mov son compatibles con Instagram, es difícil usar a.mov. Si solo usas un MP4, puedes AirDrop y subir a Instagram sin problemas. En Pinterest, los videos se reproducirán automáticamente cuando estén en el feed de alguien, cuando estén 50 por ciento a la vista, y el bucle cuando estén en el feed. Pero si el usuario hace clic en el video para verlo de cerca, realidad no va a bucle. Extrañamente, los GIFs no se reproducirán automáticamente en Pinterest, pero cuando el usuario haga clic en el GIF para verlo de cerca, hará un bucle. Solo tienes que sopesar lo que quieres que sea la experiencia con tu animación de bucles y luego elegir en consecuencia. Las animaciones de bucles también son útiles en sitios web. Los archivos GIF se reproducirán automáticamente en bucle para siempre. También puedes configurar un archivo GIF para que solo se reproduzca una vez, y lo hará tan pronto como el archivo se cargue en la página web. Te mostraré cómo puedes configurar esto al exportar GIF a través de Photoshop en un video posterior. Con los GIF, no tienes que lidiar con subir la animación a un reproductor de vídeo como YouTube o Vimeo. Simplemente puedes tratar a un GIF como si fuera una imagen, excepto que es una imagen en movimiento. Otra cosa a veces agradable de los GIF es que no mostrarán un botón de reproducción o pausa sobre tu animación. Eso también significa que el espectador no puede pausar tu animación, así que intenta usar GIFs de la manera que no va a molestar o distraer a tu espectador. Si usas demasiados GIFs en una página, puede ser un poco abrumador para el dispositivo y tu visor. Es posible que tu visor vea algún mensaje de error como si la página estuviera siendo lenta o algo así. Tan solo ten presente eso. Al usar GIFs, hay que tener cuidado con tamaño del archivo porque es posible que no se admita demasiado grande de un GIF. Por ejemplo, uso webflow para mi sitio web y sólo me permite subir GIFs que son menos de cuatro megabytes. Esa es una buena regla de oro a tener en cuenta. Incluso si se pueden subir GIF grandes, posible que tarden mucho tiempo en cargarlo el dispositivo del espectador. Entonces, mientras tanto, puede reproducirse lentamente, o parecer entrecortado. Hablaré más de las mejores prácticas para GIFs en un video posterior. Los GIF también pueden ser divertidos para enviar mensajes de texto o enviar correos electrónicos. Se reproducirán automáticamente y se harán bucle en mensajes de texto y correos electrónicos, mientras que los videos mostrarán un botón de reproducción y requerirán que el espectador toque play. Otro uso para las animaciones en bucle está dentro de una animación más larga. Esto puede ser un enorme ahorro de tiempo. Puede bucear animaciones en un nivel de fotograma clave o bucle composiciones enteras. Te estaré mostrando múltiples formas de hacer ambas más adelante en esta clase usando el pez visto como ejemplo. Si estás usando fotogramas clave de bucle o composiciones dentro una animación más larga y decides que quieres cambiar algo, solo tienes que hacer el cambio una vez. En tanto que si tuvieras un montón de fotogramas clave repetitivos, tendrías que hacer el cambio muchas veces. Las animaciones en bucle pueden ser súper eficientes. Hace poco estuve trabajando en una animación para un programa educativo que estaba creando. Sabía que iba a necesitar un GIF de bucle para la página web, pero también quería usar la misma animación dentro de una animación más larga con voz en off. No sabía cuánto tiempo tendría que ser el segmento para la animación con la voz en off. Creé una animación de bucle que se puede usar en ambos casos. Desde que esta animación se movió, pude simplemente bucle este segmento dentro de la animación con la voz en off y funcionaría por cualquier cantidad de tiempo que terminara necesitando que fuera. 5. Planifica tu bucle: En este video, hablaré de las cosas en las que pensar antes de empezar a animar tu bucle. Lo primero que debes averiguar al hacer un bucle, o realmente cualquier animación, es cuál es el objetivo. Sé intencional. ¿Qué quieres que alguien sienta , sepa o haga después de ver tu animación? ¿ O es el objetivo solo de practicar tus habilidades de animación y hacer algo hermoso? Ese también es un gol perfectamente bueno. El primer paso realmente debería ser para storyboard tu idea. Sí, aunque sólo vayan a ser unos segundos. Tan a menudo encuentro que cuando trato de poner mis ideas en el papel, realmente no son tan completas como parecían en mi cabeza. Storyboard ayuda a sacar ideas antes de que te metas demasiado profundo en la animación y te das cuenta de que las cosas no funcionan. Puede ser tan simple como simplemente esbozar una idea aproximada, y te ayudará a descifrar el punto número 2, que es considerar cuánto tiempo será el bucle. En general, es bueno utilizar la menor cantidad de tiempo factible para mantener pequeño el tamaño del archivo, lo cual en su mayoría solo es importante si vas a estar renderizando un GIF. Pero demasiado corto de un bucle puede parecer demasiado repetitivo, aunque realmente depende del contenido de tu animación. Por ejemplo, este bucle es de sólo dos segundos, que creo que funciona bien para estos pingüinos en cómo se mueven. Si puedes salirte con la tuya con un bucle corto y quieres renderizar un video, ten cuidado con los requisitos de tiempo mínimo. Siempre puedes simplemente poner tu composición en otra composición y recorrer el precomp unas cuantas veces, lo cual te mostraré exactamente cómo hacerlo en otro video. Pero a veces si tienes múltiples elementos diferentes en tu animación, como este ejemplo, sería un poco aburrido y predecible si todo sucediera a la misma hora exacta. Sólo para que pueda hacer este GIF corto, como digamos, cuatro segundos. El siguiente punto a considerar es si tu animación tendrá múltiples elementos que recorren a diferentes frecuencias y cuánto tiempo debes realizar tu animación, que puedas acomodar todos los diferentes elementos. Por ejemplo, son escena submarina tiene múltiples piezas diferentes de algas marinas y múltiples peces. A pesar de que las algas no están sincronizadas, están escalonadas para parecer más realistas. Cada uno tarda ocho segundos en completar un ciclo completo o un bucle completo. El animación en el cuerpo, cola y las aletas del pez tardan un segundo, 10 cuadros. Para el pequeño pez de la escuela, un ciclo toma un segundo. El pez y las algas marinas están en bucle a diferentes frecuencias. ¿ Cómo decidí cuánto tiempo hacer esta escena en su conjunto? Ya que las algas llevan el tiempo más largo en bucle, ocho segundos, necesitaba hacer de mi escena ocho segundos. Bastante simple. Pero podría haber hecho mis algas en cualquier cantidad de tiempo que quisiera, entonces, ¿por qué ocho segundos? Una de las razones fue que ocho segundos fue una buena cantidad de tiempo para que un pez lo hiciera todo el camino a través de la escena. Otra razón es que encontré para escenas con múltiples elementos que recorren a diferentes frecuencias, elegir un número par entero que dividido la mitad es otro número par entero funciona bien. Permítanme explicar a qué me refiero con un ejemplo. Tomemos ocho segundos. Tardará ocho segundos para que toda nuestra escena se ponga en bucle. Obviamente puedo tener elementos dentro de la escena que tardan ocho segundos en recorrer. También puedo tener elementos que tardan cuatro segundos en bucle, porque ocho dividido por 2 es 4. Estos elementos completarán dos ciclos dentro de la ocho segunda escena. También puedo tener cosas que tardan dos segundos en recorrer porque 4 dividido por 2 es 2, y así sucesivamente. Puedo tener cosas que tardan ocho segundos en bucle, a cuatro segundos, dos segundos, un segundo. Incluso puede bajar a 20 cuadros, 15 cuadros, 10 cuadros, y así sucesivamente. tanto que un ejemplo no tan bueno sería si eliges un número como siete segundos para todo tu bucle, podrías tener cosas que tardan siete segundos. Podrías tener cosas que tardan tres segundos y 15 fotogramas, y entonces ¿cuál es la mitad de eso? Las cosas se ponen desordenadas. Para resumir, si tienes una escena con múltiples elementos diferentes que recorren a diferentes frecuencias, entonces vas a necesitar elegir la mayor cantidad de tiempo que toma uno de esos ciclos. En mi caso, para la escena submarina, eso son ocho segundos porque las algas tardan ocho segundos en completar un ciclo completo. Elegir un número par que dividido por dos es otro número par termina funcionando bien con las matemáticas para que puedas tener múltiples posibilidades diferentes de cómo las cosas pueden bucle. 6. Ininterrupción: Ya me has oído decir sin fisuras unas cuantas veces. Eso es porque esconder el lugar donde termina la animación y luego comienza de nuevo, puede hacer que tu animación luzca más pulida y profesional. Es como un buen diseño de patrón. No quieres que sea obvio dónde está el borde del patrón. Se ve más bonito cuando las costuras están ocultas. Para las animaciones en bucle, a veces no es posible hacer esto y eso definitivamente no está mal o mal. Las animaciones koala y panda aquí, probablemente puedas adivinar cuándo se está repitiendo la animación. Pero funciona con el hecho de que estos tipos están comiendo. Comer es un movimiento repetitivo. En tanto que en el mar submarino probablemente no puedas adivinar exactamente dónde comienza y termina el bucle. Nuevamente, sólo depende del contenido de la animación. Lo que no es tan bueno es tener un salto obvio. Observe cómo en este ejemplo de la izquierda, la hoja que está comiendo el Koala apenas entra y sale. Se come la hoja y luego otra apenas aparece en esta pantalla. Se puede ver que esa es la costura de mi bucle. Pero en mi ejemplo sin fisuras a la derecha, animé la hoja que come el Koala saliendo de detrás de otra hoja y moviéndome a su lugar para que no solo entre cuando la animación bucle. Entonces, cuando estés planeando tu bucle animado, piensa en cómo vas a ocultar las costuras, o si está bien que no esté oculto. Tan solo asegúrate de que no vas a tener ningún saltos obvios cuando termine la animación y luego comienza de nuevo porque si lo haces, no es realmente un bucle perfecto sin costuras. De eso se trata esta clase. Si haces zoom dentro de un bucle, vas a tener que alejar el zoom o viceversa para hacerlo en bucle. Si acercas y alejas rápidamente en tu bucle de animación, por lo que sucede una y otra vez, puede darle a tu espectador como mareo por movimiento. Entonces mi recomendación sería o no hacer zoom o hacer que tu bucle sea lo suficientemente largo como para que tu acercamiento y alejamiento pueda ser lo suficientemente lento como para quedar bien o tener suficiente tiempo entre el acercamiento y la alejación, que no va a ser jarring acercar y fuera un montón de veces rápidamente en una fila. Al acercar y alejar también se puede hacer más obvio dónde termina tu bucle y comienza de nuevo. Eso es algo a considerar. Trabajar con posiciones o cámaras panning también puede ser una historia similar. Por eso es una buena idea guiar tu idea para planear tu animación con anticipación. Para hacer el bucle, tienes tu escena o ilustración, o en este caso, un ejemplo muy sencillo. En este estado al principio, [inaudible] anima y regresa al estado idéntico en el que empezó. Pero para hacer un bucle perfecto, tus primeros y últimos fotogramas no deben ser exactamente los mismos. Es probable que tus primeros y últimos fotogramas clave sean los mismos, pero tus primeros y últimos fotogramas deben estar separados por un fotograma. Si fueran iguales, entonces cuando la animación vuelva a reproducirse, tendrás dos fotogramas idénticos reproducidos espalda con espalda, y ese no es un bucle perfecto. Entonces lo que debes hacer es recortar tu área de trabajo un fotograma antes del final, para que este último fotograma en realidad no se vaya a jugar. Simplemente se detendrán aquí y luego regresarán al principio. De esa manera sólo veremos este 0, una vez a través. Si vuelvo a jugar esto en cámara realmente lenta, como lo pondré en retocar a cinco fotogramas por segundo, entonces podemos ver cómo cuentan los números, pero no vemos 0 dos veces. También te das cuenta de que esta composición es de un fotograma más largo de dos segundos. Hice esto dos segundos en un cuadro. El motivo por el que me gusta hacer esto es para que pueda llegar a dos segundos con mi cabezal de reproducción y poner un fotograma clave ahí, y además funciona si quiero hacer bucle esta composición. Te explicaré más sobre todo eso más adelante. Pero cuando estamos reproduciendo la animación en esta línea de tiempo, sólo queremos asegurarnos de que el área de trabajo, que es esta barra gris, se recorte a dos segundos, por lo que cuando se reproduce, no reproduce el último fotograma. 7. Trabaja con GIF: [MÚSICA] Como mencioné en videos anteriores, cuando estés trabajando con GIFS querrás que el tamaño de tu archivo sea lo suficientemente pequeño como para que tu animación se cargue y se reproduzca sin problemas. Pero también querrás que tu animación se vea bien. El objetivo es encontrar el equilibrio adecuado entre la calidad y el tamaño del archivo. Estas son algunas de las cosas a tener en cuenta. Primero, cuanto más larga sea la animación, mayor será el tamaño del archivo. Cuanto mayores sean las dimensiones, o en otras palabras, más píxeles, mayor será el tamaño del archivo. Además, cuanto mayor sea la velocidad de fotogramas, mayor será el tamaño del archivo. Me gusta usar 30 fotogramas por segundo para animaciones renderizadas como archivos de video. Si tengo un GIF que es corto, me quedaré a 30 fotogramas por segundo porque me gusta el aspecto suave que esto produce. Pero si mi GIF es más largo o si quiero que se vea más caricaturesco o hecho a mano, usaré 15 fotogramas por segundo. Cuantos más colores haya en tu animación, más grande será el archivo GIF. Cuando exportas tu GIF a través Photoshop o el plugin GIFGun, tendrás la opción de elegir la cantidad de colores a incluir en tu archivo final. Si eliges un número menor de colores que realmente están en tu animación, tu GIF no se verá muy bien. Lo mejor es trabajar con una paleta de colores limitada cuando trabajas con GIFS. A lo largo de esas mismas líneas, gradientes, brillos, difuminados, y animar la opacidad de algo requerirá más colores. Cada tono de un color cuenta como un color diferente. Por lo general estos efectos no se ven muy bien en GIFS así que generalmente trato de evitarlos si puedo. Las texturas también agregarán más colores a tu GIF. El diseño plano es realmente donde está para GIFS. Cuanta más complejidad y movimiento haya en tu animación, más grande será tu archivo GIF. puede pensar en ello como cuánto está cambiando cada píxel. Si tienes un fondo sólido donde una gran parte de tus píxeles no están cambiando, tu archivo será más pequeño que si tienes un fondo donde muchos o todos los píxeles están cambiando, a menudo. Observe cómo ambos GIFS tienen el mismo número de colores. Básicamente apuntar a la simplicidad al trabajar con GIFS. Mi escena submarina es un terrible ejemplo de una animación para renderizarse como un GIF. Notarás que no seguí ninguna de las pautas este video para hacer esta escena submarina un pequeño archivo GIF. El objetivo con esta animación era demostrar las muchas formas diferentes de utilizar expresiones y técnicas de looping, así que planeo desde el principio solo renderizar esto como un archivo de video y no un GIF. 8. Recorrido del archivo del proyecto: Echemos un vistazo al archivo del proyecto que he proporcionado para este curso. Si aún no lo has hecho, asegúrate de ir y descargar eso en la pestaña Proyectos en Recursos. Todo lo que necesitas es este archivo de proyecto After Effects, porque todos estos gráficos son solo capas de forma dentro de After Effects. No hay nada vinculado desde Illustrator ni en otro lugar. Podrían notar que en mi animación final, tengo texturas en los peces y las algas marinas. Pero en este archivo de proyecto que les estoy dando, no hay texturas. Yo lo hice porque de esta manera puedo tener todas las capas dentro de After Effects y no tienes que tener otro archivo adicional de Illustrator o Photoshop que vincule estos gráficos y también porque es mucho más rápido de renderizar sin las texturas. Cuando estamos trabajando en el archivo del proyecto, será más fácil previsualizar cosas porque no hay texturas. Una vez que tengas este descargado y abierto, solo hagamos un pequeño recorrido rápido por lo que tenemos aquí. He organizado todos los diferentes elementos en estas carpetas. El escenario submarino principal va a estar en la carpeta Out porque eso va a ser lo último que rendericemos, así que me gusta mantener eso siempre en la carpeta Out. Después tenemos algunas burbujas, algunos peces, y algunas algas marinas. Si abres la composición de escena submarina, puedes ver que tiene ocho segundos de duración. Si lo retocas ahora mismo puedes ver que las algas se mueve un poco y tenemos este pez globo moverse a través de la pantalla. Ahora mismo en este archivo del proyecto, lo único que realmente está en bucle es el pez globo porque aparece en un extremo de la pantalla y desaparece en el otro extremo de la pantalla. Esa es básicamente la forma más fácil de hacer bucle algo, es hacerlo aparecer y luego desaparecer. Pero en esta clase te voy a mostrar un montón de otras formas de hacer bucle las cosas porque si todo acabara de aparecer y desaparecer, esa sería una animación bastante coja. Si haces clic en la composición de pez globo, puedes ver que tengo algún conjunto de fotogramas clave que animan las aletas y los labios abriéndose y cerrando, y el cuerpo moviéndose de lado a lado. Pero nada es bucle. A él sólo le gusta una rotación. Vamos a atravesar y hacer este bucle, y lo mismo sucede con todas las algas y los demás peces. Acabo de establecer algunos fotogramas clave para ahorrarnos tiempo, así que no tengo que explicar cada fotograma clave que establezco. Estaríamos aquí por horas. Ojalá eso lo haga un poco más eficiente para ti. También encontrarás que en este archivo de proyecto he proporcionado esta pequeña composición llamada expresiones de bucle. Esto es como una hoja de trampas o una guía sobre cómo usar las diferentes expresiones de bucle y lo que hacen. Todas estas son expresiones de bucle que estaremos utilizando en esta clase. Hay más, pero encuentro que estos son los que más uso. Voy a explicar exactamente cómo usar estos para que no sean intimidantes en absoluto en el próximo video. 9. Expresiones para bucles: Echemos un vistazo a algunas de las diferentes expresiones de bucle y veamos qué hacen. Pero primero, en caso de que no estés familiarizado con las expresiones, y no necesitas estarlo, las expresiones son líneas cortas de código que puedes aplicar a una propiedad para manipular esa propiedad. En ocasiones, las expresiones modifican fotogramas clave establecidos en esa propiedad. En nuestro caso, usaremos expresiones para repetir fotogramas clave. A veces las expresiones no necesitan ningún fotograma clave. Si eso no está totalmente claro, tengo ejemplos que ayudarán. Echemos un vistazo. A modo de recordatorio, esta composición está dentro del archivo de proyecto que proporcioné para esta clase. Asegúrate de ir y descargar eso, si quieres explorar esta composición por tu cuenta. Si yo fuera a jugar esta comp, hay mucho pasando y te puede hacer girar la cabeza. Sólo pasemos por cada una de estas expresiones de una a la vez. Pero primero, veamos las diferentes partes de una expresión de bucle. Esta versión de la expresión de bucle es probablemente la primera expresión que aprendí y todavía la uso todo el tiempo. ¿ Cuáles son las diferentes partes de una expresión de bucle? La primera parte es la propiedad. En este ejemplo, tenemos LoopOut. También está LooPin. El siguiente es el tipo. En este caso, tenemos ciclo. Ciclo solo significa que reproducirá los fotogramas clave a través y luego volverá al primer fotograma clave y lo reproducirá como un ciclo. Simplemente seguirá repitiendo tus fotogramas clave, cuando llegue al final, se remonta al principio. Verás cómo se ve eso en tan solo un segundo. Entonces la última pieza es un modificador, y esto es opcional. A menudo no necesito un modificador. Si no necesitas un modificador, solo puedes establecerlo en cero o simplemente puedes dejarlo fuera, porque cero es predeterminado. También el ciclo es por defecto, pero normalmente solo lo escribo, solo para que sepa que lo hice intencionalmente. Volvamos a nuestra composición de After Effects, y echemos un vistazo a cada expresión de bucle. Echemos un vistazo primero al ciclo LoopOut. Permítanme acercar esto. Si voy a esta capa, he nombrado a todas las capas con la expresión que está controlando sus fotogramas clave de posición. Este LoopOut, voy a golpear P para ver los fotogramas clave en mi línea de tiempo. Te darás cuenta de que estos números de posición aquí son de color rojo. Normalmente, son azules, así que cuando son rojas, significa que una expresión los está controlando. Si tan solo desconecto, en realidad se puede ver la expresión. Tengo aquí la expresión del ciclo LoopOut. Te estaré mostrando cómo establecer una expresión en tu capa en el siguiente video. Pero por ahora, solo debes saber que hay una expresión de ciclo LoopOut establecida en esta forma de círculo. Como pueden ver, aquí tengo cuatro fotogramas clave. Mi primer fotograma clave es en realidad el mismo que mi último fotograma clave. Simplemente hace que este círculo se mueva en este movimiento de triángulo. Te darás cuenta de que al pasar mi último fotograma clave, el círculo sigue moviéndose, y eso es porque tengo la expresión LoopOut en él. La propiedad LoopOut lo hace para que la animación se repita después de que finalice el último fotograma clave. El tipo que es ciclo lo hace para que cuando el cabezal de reproducción llegue al último fotograma clave, retroceda y vuelva a reproducir el primer fotograma clave todo el camino a través, y solo recorra los fotogramas clave, como lo que acabo de hacer con mi cabezal de reproducción. Cuando reproduzca esto, verás que no había movimiento antes de llegar a los fotogramas clave, y eso es porque estoy usando la expresión LoopOut. Pero entonces, reproducirá los fotogramas clave y después de los fotogramas clave, solo seguirá repitiendo esos fotogramas clave una y otra vez. Ahora vamos a comparar la expresión LoopOut con la expresión LoopIn, ambas con el tipo establecido en ciclo. Voy a seleccionar mi capa de ciclo LooPin y golpear P para ver los fotogramas clave. Ya verás que tengo fotogramas clave comenzando a los cinco segundos. Si repongo esto, notarás que tengo movimiento antes de los fotogramas clave, y eso es porque estoy usando la expresión LooPin. La expresión LoopIn recorrerá los fotogramas clave antes de que el cabezal de reproducción llegue realmente a los fotogramas clave, mientras que la expresión LoopOut recorrerá los fotogramas clave después del último fotograma clave. En ambos casos, el tipo es ciclo, por lo que va a reproducir los fotogramas clave en un ciclo. Una vez que llegue al último fotograma clave, volverá al primer fotograma clave. Ahora veamos la expresión de bucle con el tipo establecido en pingpong. Permítanme acercar estos. En la expresión LoopOut, verás que no hay movimiento, hasta que llega a los fotogramas clave. Después toca los fotogramas clave. Entonces después de los fotogramas clave, va a volver atrás y simplemente ir de ida y vuelta entre esos dos fotogramas clave. Yo sólo tengo los dos fotogramas clave, y sólo va a ir de ida y vuelta entre esos dos fotogramas clave. La expresión LooPin con pingpong va a jugar los dos fotogramas clave de ida y vuelta antes de que llegue realmente a los fotogramas clave. Entonces después de los fotogramas clave, simplemente se quedará quieto. Si juegas ambos de vuelta, puedes ver la diferencia. Básicamente pingpong, es igual que el ping pong deportivo, donde va de ida y vuelta entre fotogramas clave. Se puede tener más de dos fotogramas clave. Simplemente pasará por todos los fotogramas clave y luego de vuelta en la dirección inversa. Simplemente va de ida y vuelta entre todos los fotogramas clave. El último tipo de expresión que voy a cubrir en esta clase es el uso de un modificador. Echemos un vistazo primero al ciclo LoopOut con un modificador de tres. Déjame acercar. Simplemente bajemos esto y veamos con qué estamos trabajando. Tengo cinco fotogramas clave establecidos aquí. El primero va a arrancar el círculo aquí arriba, lejos de esta forma de triángulo, y luego se va a mover hacia abajo hacia el primer punto del triángulo, luego moverse hacia arriba hacia la derecha y de vuelta al inicio del triángulo. Qué va a hacer este modificador, si reproduciré toda esta animación, verás que el modificador lo está haciendo para que solo repita el camino del triángulo. Después de que el círculo cae, entonces hace la forma del triángulo. Entonces mi expresión de bucle sólo está buceando esos fotogramas clave que hacen que el círculo se mueva en este movimiento de un triángulo. Esta expresión de bucle con el modificador de tres va a repetir el último fotograma clave y los tres fotogramas clave anteriores. Se podría pensar que debería ser un modificador de cuatro, pero por eso, es porque es el último fotograma clave y los tres anteriores a eso. Una vez que el cabezal de reproducción llegue al último fotograma clave, va a saltar de nuevo a este fotograma clave, así que tres desde el final, así que 1, 2, 3, desde el último fotograma clave. Por eso tengo modificador de tres. De nuevo, si reproducimos eso, solo lo reproduciré en cámara lenta para ti. Se va a bajar y luego moverse en un triángulo. Entonces la parte que repite son sólo esos últimos cuatro fotogramas clave. Es el último fotograma clave más los tres anteriores a eso, y por eso tienes un modificador de tres. Eso me permite hacer esta animación única que recorre la porción triángulo del movimiento, pero no ese primer fotograma clave. Ya te puedes imaginar cómo esto podría ser útil, y te mostraré un ejemplo de cómo podemos usarlo en nuestro ejemplo de escena submarina más adelante en esta clase. Echemos un vistazo a un ejemplo más que usa un modificador. Para este ejemplo, tengo la expresión LooPin con el tipo de pingpong y un modificador de uno. Ten en cuenta que puedes mezclar y emparejar estas piezas. Estos son sólo dos ejemplos diferentes. Pongamos a P y veamos con qué estamos trabajando aquí. Tengo tres fotogramas clave. Esta es una expresión LooPin, por lo que va a recorrer el primer fotograma clave y el que sigue después de eso. Por eso tengo un modificador de uno, una y otra vez, hasta que llegue a los fotogramas clave, y luego reproducirá a través de los fotogramas clave, y luego se detendrá. A ver cómo se ve eso. Se cae, vuelve arriba, abajo, arriba, porque eso es lo que son este fotograma clave y este fotograma clave, y luego se mueve hacia la derecha, y luego se detiene. Pingponged entre estos dos fotogramas clave antes de los fotogramas clave, porque es una expresión LooPin, porque tengo pingpong, y porque el modificador es uno. Nuevamente, el modificador de uno es porque bucla el primer fotograma clave en este caso y el que sigue después de eso. Si esta fuera una expresión LoopOut, recorrería el último fotograma clave y el anterior a ese. Es así como obtienes un modificador de uno. Siempre es el último o el primer fotograma clave, dependiendo de si tienes una expresión LoopIn o LoopOut, y luego el uno o tantos que tengas en tu modificador, antes o después de eso. Esto sigue siendo un poco difuso y confuso para ti. Asegúrate de descargar este archivo del proyecto y jugar en esta composición, solo tienes que volver a reproducir las cosas en cámara lenta. Piensa en lo que está pasando. Piensa en lo que la expresión le está diciendo a After Effects que haga con los fotogramas clave, y creo que estarás bien para ir. Tenga en cuenta que el modificador, que es este número al final, es opcional. Simplemente puedes dejarlo apagado si no necesitas hacer nada elegante, como saltar algunos de los fotogramas clave en el bucle. 10. Aplica las expresiones para bucles: algas: Apliquemos algunas de esas expresiones de bucle en algas marinas y peces en nuestra escena submarina. Ya verás en esta escena, algunas de estas capas son composiciones y algunas son solo capas de forma. Al igual que esta pieza de coral, en realidad no va a ser animada, así que es solo una capa de forma. Esta vid de aquí, la vid de algas, es sólo una capa de forma y vamos a animar eso como una capa de forma. Pero entonces otras capas aquí en realidad son composiciones. Este viñedo de algas es una composición, así que solo haré doble clic en eso para entrar en la composición, y en realidad verás otra composición dentro de esta composición. Pero dentro de esta composición de las algas marinas, he añadido un efecto de curva. Apenas en los Effects & Presets, he añadido CC bend a toda esta composición, que contiene todas las diferentes piezas que actualmente usas en tallo de las algas marinas. En esta composición de algas marinas viñeta1, tengo esta curva, y tengo el keyframe set ya para que esto juegue todo doblado a un lado en cuatro segundos. Ahora quiero que esto vuelva a esta posición en los cuatro segundos restantes de esta composición. Podría haber adivinado ya qué expresión voy a querer usar en estos fotogramas clave. Yo quiero volver a este fotograma clave, así que sólo voy a usar la expresión ping-pong. Voy a establecer una expresión manteniendo pulsada Opción o la tecla Alt y haciendo clic en el cronómetro, y eso va a abrir esta expresión poco área de mecanografía para mí. Simplemente entraré y escribiré loop, y voy a usar LoopOut, así que asegúrate de que estás escribiendo con una O mayúscula para salir. Entonces After Effects es bastante bueno adivinando a qué te refieres, así que solo puedo golpear Enter y eso terminará el LoopOut, y me dará esos paréntesis. Entonces voy a usar las cotizaciones, y luego puedo elegir de esta lista de los diferentes tipos de expresión que puedo usar, o simplemente puedo empezar a escribir y luego presionar Enter. Necesitas asegurarte de que tu expresión se vea exactamente así cuando se escribe. After Effects es realmente bueno para ayudarte y adivinar qué te refieres a menos que estés en una versión realmente arcade. Vamos a retocar esto y a ver cómo se ve. Perfecto. Entonces hemos hecho nuestro primer bucle, pero quizá hayas notado un pequeño salto al final cuando vuelve a cero, y eso es solo porque no hemos bucle las hojas. Entonces entremos a esta composición y echemos un vistazo a lo que tenemos aquí. Tengo un efecto de curva en cada hoja y también tengo un efecto de rotación o solo fotogramas clave en la propiedad de rotación para cada hoja y estos fotogramas clave no están en bucle. Lo que necesitamos hacer es aplicar una expresión de bucle a todos estos fotogramas clave. Nuevamente, para agregar una expresión a una propiedad, Option o Alt, haga clic en el cronómetro, escriba LoopOut y luego “pingpong”. Entonces usando esa misma expresión, y luego click hacia fuera, y ahora esta hoja superior va a estar en bucle para la curva de la hoja, pero no su rotación, así que hagámoslo. LoopOut y luego “pingpong”, y ahora esta hoja superior va a estar en bucle, así que podemos simplemente jugar eso de nuevo sólo para volver a comprobar muy rápido. La hoja superior se ve bien, excepto que verás que salta al final. Eso se debe a que tenemos este marco en blanco justo aquí, y eso es porque nuestras capas terminan. Entonces, solo asegurémonos de que extendemos todas nuestras capas hasta el final. Ahora vuelven a ser visibles, pero esto trae otro punto importante. Si golpeo, “Comando K” para ver los ajustes de composición, esta composición es de ocho segundos y un fotograma extra. Hay una razón por la que me gusta aceptar un fotograma extra, y eso es porque cuando haces un bucle de una composición, que vamos a aprender a hacer más adelante, ayuda tener este único marco extra para que no tengas cosas desapareciendo. Voy a cubrir eso de manera más detalle un poco más tarde cuando loguemos composiciones en bucle. Pero que sepas que ahora mismo tengo esta competencia por ocho segundos y un cuadro extra. Entonces cuando vuelva a jugar esto, no va a ser un bucle perfecto porque tengo un encuadre extra aquí. Lo que voy a hacer es simplemente tomar mi área de trabajo y arrastrar en un fotograma hacia adelante. Ahora mi último cuadro debe ser a las 7:29. Ese es el último fotograma que va a reproducir cuando estoy previsualizando, esa manera va a bucle perfectamente. Es sólo algo de lo que hay que tener en cuenta cuando estás previsualizando animaciones. Esto tendrá un poco más de sentido después como dije. Si alguna vez estás teniendo un mensaje de error porque una de tus expresiones está equivocada, probablemente veas una pequeña barra naranja aquí mismo. Tan solo vuelve a comprobar que tienes todo escrito correctamente y tal vez incluso simplemente elimínalo e inténtalo de nuevo. Queremos aplicar esta expresión Loopout-pingpong a todas nuestras otras claves en esta composición. Un pequeño consejo que podemos usar para ahorrar tiempo es seleccionar ambas propiedades. Mantén presionada la tecla Mayús para seleccionarlos a ambos. Todos tus fotogramas clave deben estar azules en esta capa, y luego subir a Editar, Copiar sólo expresión, y luego hacer clic en todas las demás capas excepto el tallo, a todas las demás hojas, y luego presionar Comando-V para pegar, y se puede ver que se pega todas esas expresiones en todas esas capas. No tuvimos que escribirlo un montón de veces. Ahora si reproducimos esto, debería ser un bucle. Se ve bien. Si volvemos a la composición principal de esta alga y reproducimos todo el asunto de vuelta, deberíamos tener un bucle perfecto donde toda la alga se dobla y todas las hojas se doblan un poco y rotan un poco por su cuenta también. Tan solo una nota rápida es que esta composición es de ocho segundos. 11. Acción superpuesta: Tenemos nuestro primer bucle de vid de algas marinas, pero todo se mueve al mismo tiempo. Todas las hojas y la banda principal en las algas están ocurriendo ya sea a cero frames, cuatro segundos u ocho segundos. Comparemos esta alga con las algas que tengo en mi animación final. Aquí la de mi animación final a la derecha, se puede decir porque tiene la textura sobre ella, y a la izquierda tenemos las algas que acabamos de hacer loop. Si vuelvo a jugar esto, ver si puedes notar la diferencia entre los dos. En las algas de la derecha, he añadido acción superpuesta. También podría llamar a este seguimiento. Lo que esto significa es que no todo se mueve al mismo tiempo. Si toco esta espalda bonita y lenta, podemos ver cómo se está doblando la alga principal. Cuando llega a su posición de más flexión, que es por aquí, las hojas no están en su posición de más flexión. Están un poco atrasados, así que siguen moviéndose hacia la derecha. A pesar de que las algas marinas en su conjunto es todo el camino curva hacia la derecha. Las hojas siguen yendo, y luego toda la alga va a empezar a doblarse hacia la izquierda, y las hojas empiezan a moverse de nuevo a la izquierda. Ahora empezaron apenas un poquito más tarde. Lo que he hecho aquí en esta alga de la derecha, es que he escalonado el fotograma clave para que no todo pase al mismo tiempo. Si estás mirando estas dos piezas animadas de algas y realmente no estás viendo la diferencia de la que estoy hablando, no te des una paliza al respecto. Es totalmente normal que te tomes mucha práctica y tiempo para poder desarrollar un ojo para la animación para que puedas ver estas sutiles diferencias. He creado esta ilustración en el medio, he solapado dos algas y coloreado la de acción superpuesta. Esa es la que ves a la derecha. Eso he coloreado con rojo. Ahora podemos ver mejor la diferencia en el tiempo de las hojas. He compensado esta capa para que la curva principal la alga principal esté sucediendo para ambas de estas dos algas marinas al mismo tiempo, y también en caso de que no estuvieras seguro de que ahí debajo hay una alga, y esa es la de la izquierda. Vamos a retocar esto, y ver la diferencia en las hojas. Ya se puede decir aquí y justo aquí, igual que en los bordes de las hojas, se puede ver que las hojas verdes, que son la versión original sin acción solapada son un poco compensadas del rojo hojas. Cuando juego esto atrás, se puede ver que las hojas rojas, que son las de acción superpuesta, están un poco detrás de esas hojas verdes que no tienen la acción superpuesta. Hacer esta animación offset así, hace que se vea un poco más natural y realista. Ahora entremos a esta alga y añadamos acción superpuesta. En primer lugar quiero que la curva de toda la alga pase un poco antes. Sólo voy a seleccionar ambos fotogramas clave y arrastrarlos hacia atrás o hacia la izquierda, a unos tres segundos para este último fotograma clave. Está bien que mi primer fotograma clave haya desaparecido ahora. Está fuera de pantalla. Porque tenemos esta expresión LoopOut que fotograma clave se sigue calculando cuando se reproduce. Si reproducimos esto ahora, se puede ver que ya se ve mucho mejor. Las hojas ya están esperando un poco antes de que comiencen a moverse. Porque hemos movido hacia arriba la posición de curva para estar más temprano en toda esta alga marina. Eso fue sólo un pequeño cambio y se ve mucho mejor, mucho más natural. Sigue dando vueltas a la perfección. Cuando animas, siempre debes estar pensando en por qué algo se mueve y eso te ayudará a informar sobre cómo animar algo para que parezca más realista o natural. Para esta alga marina, la razón por la que se inclina ida y vuelta es por las olas en el océano. Puedo agregar un poco más de acción superpuesta a esto para que sea aún más interesante. Si entro en mi pre-comp, voy a hacer que las hojas de arriba vayan antes de las hojas de abajo. Debido a que las hojas en el fondo están más cerca tallo que está anclado en el fondo del océano, van a ser un poco más rígidas y se van a mover un poco más tarde. Si te estás imaginando que el océano empujando las algas marinas, primero va a empujar la parte superior porque eso es lo menos estable. Está más lejos del ancla del tallo hacia el fondo del océano, por lo que se va a mover primero, y luego cuando eso se mueva, va a estar tirando del resto de las algas marinas. El top se moverá un poco antes de la parte inferior. Hagamos que estas hojas superiores se muevan un poco antes de que estas hojas de fondo. Primero solo voy a golpear U en mi teclado un par de veces para ocultar esas expresiones y luego mostrar mis fotogramas clave, y quiero que mi licencia superior se mueva primero. Estamos bien con estos fotogramas clave. Entonces quiero compensar las dos segundas hojas por un marco. Eso va a ser la hoja 8 y la hoja 7. Voy a seleccionar todos estos fotogramas clave y simplemente arrastrarlos un fotograma hacia adelante en el tiempo. Entonces voy a tomar estas dos próximas hojas y arrastrar estas, dos marcos hacia adelante. Entonces el siguiente set va a ir tres cuadros hacia adelante. También puedes mantener presionada Opción o Alt y luego simplemente presionar la tecla de flecha arriba del teclado para mover tus fotogramas clave. Eso estará ahí, y luego las últimas hojas van a mover cuatro cuadros hacia adelante. Vamos a jugar todo esto de vuelta. Eso se ve mucho mejor con la acción superpuesta que hemos añadido con sólo escalonar nuestros fotogramas clave. El alga anular que también encontrarás en la carpeta de algas va a funcionar exactamente de la misma manera. Tiene una curva en toda la alga, y luego cada pequeño segmento o asta como lo llamé, porque era como una astas, va a tener una curva en un fotograma clave de rotación. Ya que esto va a funcionar igual que la vid que acabamos de hacer, puedes seguir adelante y saltarte al siguiente video o si quieres un refresco, adelante y seguir viendo y te voy a mostrar cómo hacer eso una vez más en este cuerno alga . El alga final de astas debe verse así. 12. Haz un bucle del efecto de ondulación: El siguiente pedazo de alga que voy a animar es esta mala hierba de lujo. Esta alga en realidad no tiene ninguna animación sobre ella. Lo que voy a hacer es ir a mi Panel de Efectos y Preajustes, y sólo busca el efecto warp de onda, así que asegúrate de que estás obteniendo warp de onda y no como el mundo de las olas. Entonces vas a arrastrar el efecto de warp de onda sobre una de tus hojas. Voy a empezar con esta hoja 3, porque es arriba y abajo y eso va a hacer más fácil ver qué está pasando. Arrastraré eso a esta capa, y ahora en tu panel Controles de efectos que debería haberse abierto automáticamente, pero siempre puedes encontrar cualquier cosa que falte aquí en la pestaña Ventana. De qué está haciendo esto si repongo esto, está mordiendo las algas marinas en un movimiento ondulado. Solo resolvamos esta se va para que realmente podamos ver qué está pasando. No es así como quiero que esto se anime, quiero que parezca que las olas están empujando las algas de ida y vuelta. Lo que voy a hacer es ajustar primero la dirección, esto se mueve a 90 grados, lo voy a hacer a cero. Ya se puede ver que ese es más el efecto que yo iba por, algo así. Pero obviamente el fondo de las algas no se movería tanto como lo es ahora, así que necesito fijar el fondo al borde inferior. Ahora, está anclado aquí abajo como si las algas fueran en la vida real. Pero esto es un poco demasiado ondulado, así que lo que puedo hacer es entrar y ajustar la altura de la onda. Ya he hecho esto, así que sé que cuatro lucen bien, pero solo juega con valores si estás trabajando con las diferentes piezas algas o quieres un look diferente. Ahora lo último que hay que ajustar es la velocidad de onda, y así es como vamos a hacer el bucle de animación. Vamos a retocar lo que tenemos en este momento, esto va un poco rápido, así que voy a necesitar para frenarlo. Pero notarás que ya está buceando perfectamente, así que necesito ir más despacio, pero también quiero que siga pareciendo. Veamos cómo podemos hacer eso sin estropear el bucle, y la razón por la que esto es bucle es porque la velocidad de onda está configurada en uno. Cada segundo, esto va a hacer un ciclo, si tu comp es alguna duración que sea divisible por uno, entonces esto bucle. Si fuera a poner esto a siete, ya verás que esto también va a bucle. Si quiero cambiar la velocidad, solo necesito tener en cuenta que estoy ajustando la velocidad a un número que es divisible por la longitud de mi composición. En este caso, la velocidad es lo que estamos ajustando, por lo que la velocidad es un ciclo de esta onda, se puede ver que un segundo es igual que cero. Si configuro esto en 0.5, que es una velocidad más lenta que uno, esto va a tardar dos segundos en hacer un ciclo completo, así que verás que dos fotogramas ahora es igual que un fotograma. Un número par sería divisible por una velocidad de 0.5. Pero esto sigue siendo un poco demasiado rápido para lo que quiero, voy a volver a tener esta velocidad, voy a bajar a 0.25, que duplicará el tiempo que se tarda en completar un ciclo completo, así que ahora eso va a ser en cuatro segundos. Si jugamos esto, se puede ver que cero y cuatro segundos son iguales, y eso es divisible por ocho segundos, haremos dos ciclos en los ocho segundos. Si reproducimos esto de nuevo, seguirá dando un bucle perfecto. Pero ahora va mucho más lento, lo cual es más realista para mi escena. Ahora ya sabes cómo hacer bucle el efecto warp de onda, solo encuentra una velocidad que haga que ocurra un ciclo completo de una onda en una cantidad de tiempo que sea divisible con la longitud de tu composición. En este caso, 0.25 va a tardar cuatro segundos en hacer un ciclo completo de la ola y cuatro segundos es divisible por ocho segundos, obviamente, por eso esto va a bucear perfectamente. Ahora, vamos a aplicar este efecto de warp de onda en bucle a todas nuestras otras hojas para hacer esta alga marina completa. Simplemente voy a copiar el efecto warp de onda del panel Controles de efectos y luego pegarlo en mis otras tres hojas. Si vuelvo a jugar esto, verás que todo está agitando al mismo tiempo, cual se ve bien, y si esa es la mirada que vas por eso está totalmente bien. Ya terminaste, porque esto todavía va a dar un bucle perfecto. Pero si quieres cambiarlo un poco y compensar el tiempo de las olas, también puedes hacerlo. Vámonos, y no necesitas todas estas, lo siento. Algo que quiero hacer es ajustar un poco la dirección de la onda, porque estas hojas están giradas. En esta primera hoja, solo tomaré la dirección de la ola y la alinearé más de cerca a la rotación de esta ola, y luego haré lo mismo con la hoja 2, tal vez algo así y la hoja 4 va a ser como que, por lo que ya esto se ve un poco más variada entre las hojas. Otra cosa que puedo hacer es ajustar la fase y la fase no va a afectar cómo esta bucles. Lo único que realmente afecta cómo este bucles es la velocidad, por lo que puedo ajustar la fase a mi gusto, ahí es justo donde va a empezar la ola, y como la velocidad hace que comience y termine en el mismo lugar, estás bueno para ir. Simplemente voy a cambiar la fase por algo diferente para que esto sea más variado, tal vez algo así, y haremos lo mismo por las otras hojas. A mí me gusta la hoja 1 así. Vamos a jugar esto de nuevo. Puedes seguir ajustando la fase y la dirección de la ola hasta que estés contento con cómo se ve tu alga, pero voy a dejar la mía aquí. Así es como haces bucle el efecto warp de onda. Bastante fácil. 13. Anima otras algas: Si estás trabajando con el archivo que proporcioné y siguiendo junto conmigo, deberías tener algunas de tus algas ahora animadas en la composición de escena submarina. Pero tenemos un trozo más de algas para animar, así que hagámoslo ahora. El primero en el que voy a trabajar es esta vid 2, y tienes un par de diferentes en esta composición y son solo capas de forma. Si pulsas U en tu teclado para ver todos los fotogramas clave, verás que esta capa ya tiene algunos fotogramas clave de rotación en ella pero necesitamos hacer que estos fotogramas clave de rotación se incorporen. Sólo opción da clic en el cronómetro, y vamos a usar el pingpong, así que va a ser LoopOut y luego pingpong. Ahora, la rotación va a bucle, y nos estamos centrando en esta alga aquí mismo. Yo sólo voy a solista eso para que veas en qué estamos trabajando. Ahora, esa sutil rotación va a estar buceando, pero también agreguemos el efecto warp de onda a esta alga para que tenga un poco más de movimiento. Ya tengo esto levantado en mi panel de efectos y presets, y sólo voy a arrastrar el efecto warp de onda sobre esta capa. Ya, se ve un poco extraño y eso es porque necesitamos ajustar la dirección de las deformidades de onda. Voy a hacer este cero, y eso obviamente es demasiado ondulado. Para hacer esto menos ondulado de lado a lado, realidad voy a ajustar la altura de la onda a tres, y luego ajustaré el ancho de la onda para ajustar cuántas olas caben en esta sola pieza de algas marinas, así que solo levante esto hasta 60. Ahora, es justo como un par de lado a lado en lugar de tantos como teníamos antes. Veamos cómo se ve esto. Eso se ve bastante bien. Necesito anclar el fondo de mi alga, así que usaré el pinning y pondré eso en borde inferior, y luego también voy a ajustar la velocidad. Al igual que la otra hierba de lujo, sólo voy a usar 0.25 y eso va a hacer una ola en cuatro segundos, y luego en mi composición total de ocho segundos, va a ondear en dos ciclos completos. Eso va a ir a la misma velocidad que mi helecho lo cual tiene sentido porque todos están dentro de la misma escena submarina. Deberían estar yendo alrededor de la misma velocidad. Eso se ve bien. algunas instancias más de la vid 2 algas en esta composición. Simplemente voy a deshacer esto en solitario y voy a buscar esas otras instancias, y asegurarme de que bucle los fotogramas clave configurando esta expresión de ping-pong loop, y también copiar y pegar ese efecto warp de onda. Voy primero a ir y seleccionar la urdimbre de onda, golpear Comando C para copiarla, y luego voy a seleccionar mis otras algas marinas. Creo que esos son los tres, y luego solo le pegaré al Comando V para pegar. Debes notar que aparece en tu control de efectos para que sepas que lo has pegado. Pero también puedes, con una de tus vides que acabas de pegar en seleccionadas, golpear E en la palabra clave y eso traerá a la luz cualquier efecto que tengas en esta capa. Tengo warp de onda, así que sé que eso fue copiado y pegado con éxito. Ahora, voy a seleccionar la rotación. Subir a Editar y Copiar Expresión Sólo. Asegúrate de que estás copiando expresión de las algas reales en las que pones la expresión, y luego voy a seleccionar de nuevo esas otras algas marinas, y toca “Comando V” para pegar esa expresión. Si golpeo U en el teclado, se puede ver que mis números son de color rojo, eso significa que la expresión fue pegada ahí dentro. Ahora bien, la vid 2 algas es buena para ir. A continuación, voy a animar esta vid 3 con el efecto warp de onda. Yo lo voy a seleccionar aquí, y luego para encontrar esto en mi línea de tiempo muy fácilmente, un atajo útil que puedes usar es la tecla X en tu teclado, y luego simplemente desplazaré tu línea de tiempo hacia arriba para que la capa superior ser la capa que seleccionaste. Eso puede ser súper útil cuando tienes una composición con muchas capas en ella. Lo que voy a hacer con esta vid 3 es sólo para arrastrar el efecto warp de onda en. A veces cuando intentas arrastrar un efecto y tienes un montón de capas, la línea de tiempo comienza a desplazarse y te echas de menos la capa. Eso me pasó un montón de tiempo justo ahora, y voy a editar todo eso fuera. No tienes que verme luchar. Pero lo que puedes hacer, acabo de descubrir, es que en realidad puedes arrastrar el efecto warp de onda sobre tu composición, sobre la capa y eso lo hace mucho más fácil. A lo mejor ese pequeño consejo te ayude, me acaba de salvar. Voy a ajustar la altura de la onda a algo así como cinco, y el ancho de la onda también como 80. Vamos a resolver esto para ver con qué estamos trabajando, y olvidé que necesito cambiar la dirección a cero. Eso se ve bastante bien. También voy a fijar el fondo como siempre, y cambiemos la velocidad de onda 2.25. Ahora bien, no tienes que usar los mismos ajustes que yo, puedes ajustarlos a tu gusto. Eso me queda bastante bien. No tengo ninguna rotación en esto, así que la warp de onda es lo único de lo que necesito preocuparme. Solo copiemos esta urdimbre de onda y busquemos cualquier otro ejemplar de esta alga, y peguemos el efecto de urdimbre de onda, y ahí hay uno detrás. Creo que los tengo todos, así que deberíamos estar bien ir con ese trozo de algas. El último en hacer es esta alga baches aquí mismo. Simplemente voy a aplicar también el efecto warp de onda a eso, y para este los ajustes que voy a usar son dos y 100, y luego la dirección del cero otra vez, velocidad de 0.25 otra vez. Sé que bucles y ancla el fondo. Esto va a ser un efecto realmente sutil. No sé si se trata de un verdadero trozo de algas pero en mi imaginación, este pedazo de alga no se mueve tanto. Sólo algo realmente sutil. Sólo voy a copiar y pegar este efecto en cualquier otra instancia de las algas baches. Ahora, deberíamos tener animadas todas nuestras algas marinas. No voy a animar este coral ni este coral porque miré alguna referencia de coral y están bastante rígidos, así que no creo que estos realmente necesiten alguna animación. Acabo de darle a eso un segundo para correr adelanto y ahora podemos reproducir nuestras algas y ver todo animar. Todo está buceando muy bien. Pero una cosa que notarás es que todo está sucediendo a la misma hora exacta. Te voy a mostrar cómo compensar tus algas para que la escena se vea un poco más realista en otro video. Si de verdad eres observador, también podrías notar que esta alga va a la derecha, mientras que esta alga y esta alga se van a la izquierda. El motivo de eso es porque he invertido la dirección del mismo solo tomando la escala y poniéndola en negativo 100 en la dirección x. El motivo por el que he hecho eso es solo para agregar rápida y fácilmente un poco más de variedad a estas piezas de algas sin tener que recrear. 14. Aplica las expresiones para bucles: pez ángel: En este video, vamos a estar pasando a los peces y haciéndolos bucle. El primer pez con el que voy a trabajar es el pez ángel. Si presiono “U” en el teclado, verán los fotogramas clave que ya he establecido. Lo primero que quiero hacer es simplemente hacer todo bucle. El primer clave sobre esta aleta van de una rotación de cero en las tres direcciones. Notarás que son capas 3D porque este pez va a estar moviéndose hacia adelante y hacia atrás en el eje z. Eso es hacia nosotros y lejos de nosotros porque así es como un pez estaría maniobrando su camino por el agua. A pesar de que estas son capas planas, son solo capas 2D. he hecho capas 3D marcando esta casita aquí mismo, y eso va a hacer que se vea un poco más realista mientras se siguen utilizando capas 2D. Para hacer que estos fotogramas clave se pongan en bucle en la aleta, voy a estar usando la expresión de bucle de ciclo. Se puede ver que mi primer fotograma clave es cero, mi fotograma clave medio está girado, y luego mi último fotograma clave es cero. Tal vez se estén preguntando: “¿Por qué molestarse en establecer estos fotogramas clave? Si solo voy a volver a cero, simplemente no podría tener estos fotogramas clave y luego hacer una expresión de ping-pong entre estos dos”. Lo cual es cierto, pero si seleccionas estos fotogramas clave y miras en el editor de gráficos, notarás que la flexibilización de estos fotogramas clave no es la misma. Cuando el pez mueve la aleta de nuevo hacia su cuerpo, así es como de aquí cuando se gira hacia aquí, quiero que se mueva un poco más rápido a medida que se acerca al cuerpo porque es como si el pez empujando el agua y tirando de esa aleta hacia su cuerpo rápidamente para impulsarla hacia adelante. Yo quiero que el movimiento de eso refleje lo que sucedería en la vida real o más de cerca al menos. Entonces tengo una flexibilización diferente como se puede ver de esta gran gráfica aquí mismo en estos dos fotogramas clave. En lugar de usar ping pong, que simplemente iría de aquí atrás y adelante, voy a usar loop, que va a ir de aquí y de aquí, y luego de vuelta al principio y a través. De esa manera puedo usar una flexibilización diferente entre estos tres puntos en lugar de tener sólo dos puntos con los que trabajar. Voy a dar clic debajo del editor de gráficos y volver a entrar, y luego solo golpear opción y el cronómetro para escribir en mi expresión. Va a ser LoopOut y luego ahora ciclo. Solo puedo copiar eso haciendo clic en él y seleccionándolo aquí, luego pegar y pegar. Ahora, vamos a bucle la rotación en el cuerpo. Esto es un poco más difícil de ver porque viene hacia nosotros y lejos de nosotros. Para ver esto mejor, si vas justo aquí donde dice una vista y baja a dos vistas, verás una vista de arriba hacia abajo. Este pez es solo capas 2D, como mencioné, pero se puede ver la línea de la capa desde la vista superior. Se puede ver cómo se gira esto. El fondo de la pantalla va a ser hacia nosotros, y la parte superior de la pantalla va a estar lejos de nosotros. Este pez está en ángulo con la cabeza más cerca de nosotros. Entonces, si arrastras sobre estos fotogramas clave, puedes ver la animación donde el pez se mueve de lado a lado para poder nadar, y la cola lo está haciendo como si el pez estuviera curvado. Esta pieza es la cola aquí. Tenemos que hacer bucle la cola y el cuerpo. Vamos a usar la expresión LoopOut con pingpong para ambos. Voy a sólo option-click, LoopOut y ping pong, y lo mismo. Si arrastras el cabezal de reproducción sobre los fotogramas clave, puedes ver esto animado con la vista descendente y también la vista normal. Si reproducimos esto con la vista previa de RAM, se puede ver que está en bucle sin problemas. Ahora, podemos hacer esto un poco mejor compensando los diferentes fotogramas clave para hacerlo para que los peces naden más como lo haría un pez real en la vida real. A pesar de que esto es estilizado, y va a ser pequeño, por lo que no tiene que ser perfecto. Lo que voy a hacer es simplemente pulsar “U” en el teclado para cerrar todas mis capas y luego U otra vez sólo para ver los fotogramas clave. Lo primero que voy a hacer es simplemente seleccionar todos estos fotogramas clave y moverlos a alrededor de un segundo. De esa manera, puedo deslizarlos fácilmente por ahí sin que salgan fuera de pantalla por aquí. Si estás animando tu propio pez o algo diferente a mí, entonces vas a necesitar jugar con este paso para ver qué se ve bien. Pero como ya lo he hecho una vez antes, sé lo que se ve bien, así que sólo podemos acelerar por esto. Voy a traer estos fotogramas clave de aleta, dos fotogramas hacia atrás en el tiempo. Comienzan en 28 cuadros. El aleta va a empezar a animar primero, y luego el cuerpo. Entonces, quiero tomar los fotogramas clave de cola y desplazar esos cuatro fotogramas a la derecha. Cuando reproduzca esto, trate de notar la sutil diferencia entre la versión original donde todos los fotogramas clave están alineados y esta nueva donde los fotogramas clave están un poco compensados. Recuerda, notar estos pequeños detalles en el movimiento tarda un tiempo en desarrollar un ojo para. Si miras la vista de arriba abajo y simplemente reproducimos esto en cámara lenta, puedes ver que la cola está animando un poco después del cuerpo. Se está rezagando un poco. Esto es como esa animación de acción superpuesta que hicimos en las algas marinas. Una cola solo va un poco después del cuerpo y la aleta va un poco antes de los dos. Si reproducimos esto con vista previa de RAM, notarás que hay un hueco antes de que comience la animación, y obviamente no queremos que ese sea el caso. Lo que tenemos que hacer es arrastrar todos estos fotogramas clave de nuevo a su lugar. Pero si yo sólo los arrastrara así, técnicamente va a haber cuatro fotogramas aquí y dos fotogramas en esta capa, pero no va a haber movimiento. Técnicamente, ese fue el caso de nuestras algas, pero no se notaba tanto que no la mencioné. Aquí, es un poco más notable, así que lo que voy a hacer es realmente fácil. Simplemente voy a deslizar mis fotogramas clave hacia la izquierda hasta que el último fotograma clave en empezar, que es éste de aquí, esté a cero fotogramas. Mis fotogramas clave han desaparecido, pero eso está bien porque tengo estas expresiones de bucle en estos fotogramas clave. Seguirá jugando una y otra vez, y hará un bucle perfecto. Por ejemplo, sólo puedo ir a cero segundos y luego ocho segundos. No vi ningún movimiento en mi composición, lo que significa que estos marcos son exactamente los mismos. Ahora, recuerden, esta composición es de ocho segundos en un fotograma, lo cual aún no he explicado, pero lo haré. Entonces, para volver a jugar esto como un bucle perfecto, necesito cortar mi área de trabajo de composición solo un fotograma hacia adelante para que cuando reproduzca esta espalda, se detenga a las 7:29. De esa manera, no voy a ver el último fotograma y luego el primer fotograma, que son iguales, eso significaría que dos fotogramas son iguales en una fila, y eso no sería un bucle perfecto. Ahora, vamos a retocar esto. Debería estar bucle perfectamente con alguna acción superpuesta. 15. Aplica las expresiones para bucles: otros pescados: Hacer el pez mariposa y el lazo de pez globo va a ser realmente similar al pez ángel. Voy a ir un poco más rápido a través de estos. En primer lugar tenemos algo de rotación en la aleta. Yo sólo voy a hacer ese ciclo loop out y lo mismo para la rotación z. El motivo por el que esto es ciclo con tres fotogramas clave, pesar de que va de cero a un estado girado de nuevo a cero, es porque si nos fijamos en el editor de gráficos, la flexibilización es diferente entre los fotogramas clave. Entonces para el cuerpo, esto va a ser loop out y ping pong. Lo mismo con la cola. Entonces la aleta, esta aleta está detrás del pez y solo la ves por un par de marcos en un par de lugares. Es muy sutil, pero solo lo tengo ahí solo para ser un poco más realista y eso va a tener ese mismo ciclo loop out que la aleta superior. Está bien, si volvemos a poner esto, debería ser un bucle. Nuevamente, todo está sucediendo al mismo tiempo. Vamos a compensar esta animación por alguna acción superpuesta o seguir adelante. Sólo voy a golpear a U en el teclado dos veces y luego sólo momentáneamente llevar estos hasta como un segundo. Entonces quiero que las aletas, ambas aletas pasen primero. Voy a arrastrar esa animación como dos fotogramas a la izquierda para que empiecen a animar primero y luego el cuerpo irá a continuación. Entonces tal vez como cinco fotogramas después, tendremos que empezar a animar la cola. Si solo reproducimos esto atrás, se ve un poco más natural. Nuevamente, puedes entrar en tus vistas de herramientas para ver mejor las líneas que representan la vista de arriba hacia abajo de este pez y puedes verlo ir y venir. Entonces necesitamos mover estos fotograma clave para que no tengamos ningún área aquí mismo donde no esté pasando nada, así que solo los seleccionaré a todos y lo moveré para que el último fotograma clave en empezar, que es este tipo de aquí va a estar en cero marcos. Justo así. Ahora eso debería ser un bucle sin problemas y también con esa animación superpuesta. Una última cosa que voy a hacer es añadir un efecto warp de onda a esta aleta inferior. Simplemente arrastraré el efecto warp de onda en. Entonces voy a ajustar la altura de la onda hacia abajo a una y luego haré el ancho de la onda un poco más grande, como 80. Voy a hacer que esto vaya negativo 90. De esa manera se irá en la dirección en que el pez esté nadando. Entonces sólo voy a fijar el borde superior y voy a dejar la velocidad a una. Eso sólo añade algo extra al pez mariposa. El pez globo tiene unas cuantas capas más que nuestro otro pez. También tiene labios que se van a abrir y cerrar. Si solo reproducimos lo que tenemos hasta ahora, verás que se cierran los labios que se abren. Yo solo quiero que esto suceda dos veces y voy a querer alinearlo con mis burbujas. No me voy a preocupar por bucles expresiones en estos labios a pesar de que podría usarlas. Sólo está pasando dos veces. No es como muchos fotogramas clave y será más fácil ajustar cuando esto suceda para alinearse con burbujas y quizá quiera cambiar el cronometraje basado en el resto de mi escena más adelante. Simplemente dejaré esos como está. Yo sólo voy a cerrarlos para que esto sea un poco más limpio de aspecto. Entonces la máscara en el cuerpo va con los labios solo para hacerla para que la boca se abra para que tampoco tengamos que preocuparnos por eso. Eso va con la animación de labios, lo mismo con la máscara en la parte superior del cuerpo. Entonces realmente todo con lo que tenemos que trabajar es con la cola. En la parte superior del cuerpo tenemos algunos marcos clave de rotación para hacer que el pez vaya de ida y vuelta, como hacia nosotros y lejos de nosotros, igual que nuestro otro pez. En todos estos, vamos a utilizar la expresión loop out ping-pong. Voy a ir a hacer eso realmente rápido. Si aplicamos eso de vuelta, tenemos a nuestros peces animando. Se ve bastante bien. Ahora está compensado nuestros fotogramas clave para agregar alguna animación superpuesta. Simplemente voy a cerrar mis capas y luego mostrar las que necesito de nuevo. Simplemente va a cumplir con estos marcos clave. Voy a querer que la aleta vaya primero como de costumbre y luego el cuerpo va a ir como dos marcos después y la cola va a ir como cuatro cuadros después. Veamos cómo se ve esto. Piensa que eso se ve bastante bien. Entonces sólo me voy a llevar todos mis fotogramas clave. Entonces voy a arrastrar estos hacia la izquierda para que el último fotograma clave en arrancar, que es éste, esté en cero fotogramas. Ahora solo asegurémonos de que esto bucles. Eso se ve bien. 16. Expresiones avanzadas para bucles: Si alguna vez has visto nadar peces, entonces sabes que en realidad no nadan tan consistentemente como simplemente los animamos. hemos animado para que sean como robóticos, mueven perfectamente consistentemente pero en la vida real, se mueven más lento, rápido , tan rápido, y luego se deslizan un poco. Si no tienes acceso al océano ni a una pecera, te animaría a ir a YouTube y solo mirar referencia de natación de peces para tener una idea de cómo lucen. Esto es irónico porque se trata de una clase sobre animaciones en bucle, pero para que mi pez ángel nade de manera más realista y vaya lento y luego rápido, pensé que sería mejor no usar en realidad ninguna expresión de bucle y solo keyframe todo la animación. Esta composición real no está incluida en el archivo del proyecto que puedes descargar para esta clase, pero básicamente todo lo que hice fue que no usé ninguna expresión de bucle y acabo de copiar y pegar los fotogramas clave una y otra vez, pero los espacio de manera diferente. Se puede ver aquí los fotogramas clave están muy juntos, así que se va a mover rápidamente aquí mismo. Después más tarde los fotogramas clave o más espaciados, así que se va a mover un poco más despacio. Echemos un vistazo a cuál fue mi animación final. En este caso, solo necesitaba asegurarme de que mis fotogramas clave iniciales y mis fotogramas clave finales lo hicieran para que se viera perfectamente. Entonces para el pez mariposa, en realidad encontré una manera de usar algunas expresiones de bucle para ahorrarme algo de tiempo, pero aun así hacerlo nadar esporádicamente. Déjame mostrarte cómo hice eso. Este es mi pez mariposa terminado que no está incluido en su archivo de proyecto. Lo que vamos a necesitar hacer es subir hasta el pez mariposa, y este es el que acabamos de animar consistentemente. Para nadar consistentemente, vamos a necesitar duplicar eso golpeando el comando D. Entonces sólo voy a renombrarlo esporádico para saber que es el pez que no está nadando de manera consistente. Ojalá eso diga ambos esporádicos. Entonces, sólo voy a abrir esa. Lo primero que tenemos que hacer es simplemente eliminar todas estas expresiones de bucle. Simplemente puedes cambiar hacia abajo y presionar delete. Lo primero que voy a hacer es seleccionar todos mis fotogramas clave seleccionando la rotación y se puede ver cómo eso selecciona todos los fotogramas clave. Yo sólo voy a arrastrarlos de nuevo para empezar alrededor de dos segundos. Habría notado que algunos de mis fotogramas clave se estaban escondiendo antes del inicio, por lo que esto los va a reunir a todos. Para hacer que este pez mariposa nade con velocidades variables, lo que voy a hacer es usar un bucle en expresión para hacerle repetir estos marcos clave desde el principio y contar estos marcos clave. Entonces, después de los fotogramas clave, voy a copiar y pegar los mismos fotogramas clave, pero espaciarlos de manera diferente para que termine nadando a un ritmo diferente. Realmente no importa qué orden hagas esos dos pasos, ya sea agregando el bucle y la expresión o copiando y pegando fotogramas clave, pero primero voy a hacer la copia y pegando fotogramas clave. Primero lo que quiero hacer es en realidad hacerlos un poco más cerca juntos para hacer que los peces naden más rápido. Voy a tener los fotogramas clave a solo 10 fotogramas de distancia en lugar de 20. Simplemente arrastraré estos más cerca juntos. Entonces, voy a hacer que comiencen a disminuir la velocidad. El siguiente conjunto de marcos clave va a comenzar en 310. Necesito copiar y pegar todos estos fotogramas clave, pero si solo los seleccionara todos y pulsara Comando C, Comando V, tal vez ya lo sepas pero, se va a copiar y pegar todas tus capas, no solo el fotogramas clave como tú quieres que lo haga. Por qué tengo un plug-in para esto que se llama Motion 3. Solo puedo seleccionar todos los fotogramas clave, colocar mi cabezal de reproducción donde quiero pegarlos y golpear Clon. Ahora, Motion 3 es un plug-in que tienes que pagar y voy a tener el enlace abajo este video. No voy a conseguir nada de dinero diciéndote esto, pero solo me parece muy útil, así que si crees que te resultaría útil, entonces adelante y echa un vistazo a eso. Si no tienes un plug-in para copiar y pegar fotogramas clave, solo vas a tener que seleccionar tus fotogramas clave capa por capa y presionar copiar y luego pegar. Simplemente no puedes hacer múltiples capas al mismo tiempo. Algo que tenemos que arreglar de inmediato es que si fueras a mirar estos fotogramas clave, solo veamos la aleta en el editor de gráficos, notarás que tenemos un ciclo de la aleta y luego quietud y luego un ciclo de la aleta, y eso no es lo que queremos. Pero eso sucedió porque copiamos y pegamos los mismos fotogramas clave exactos, pero estos fotogramas clave son un ciclo. Pasan de cero a un estado girado de nuevo a cero. Lo que realmente necesitábamos hacer era simplemente copiar el segundo conjunto de marcos clave como estos. Una forma en que sólo puedo arreglar esto es sólo tomar todos estos fotogramas clave y aplastarlos a estos fotogramas clave porque este fotograma clave aquí es cero, este es cero, este es cero, y este es cero, y también lo son estos cuatro. No va a cambiar ninguna de la animación, pero ahora si miro a mi editor de gráficos, tengo dos trazos continuos de la aleta. Ahora, si yo sólo arrastrara todos estos fotogramas clave a 310, así que 20 fotogramas separados. Entonces va a ir más despacio muy bien. Entonces quiero arrastrar estos a 20 fotogramas o vamos a hacer un poco más de 20 fotogramas para que disminuya un poco más la velocidad. Necesitamos copiar y pegar algunos fotogramas clave para el cuerpo y la cola que van con estos finos fotogramas clave. Tenemos que copiar estos porque recuerden que estamos tratando de hacer que esto vaya cada otro. Voy a querer pegar estos fotogramas clave en la cola y el cuerpo dos fotogramas después de los fotogramas clave de la aleta, porque así son todos escalonados. Simplemente le pegaré a Clon y luego encogeré la línea de tiempo. Voy a hacer otro clon de estos fotogramas clave porque recuerden que son todos los demás aquí a 520. Entonces, un último clon aquí. Esos van a ser estos fotogramas clave yendo allá. Ahora, vamos a retocar esto. Él nada rápido y luego se ralentiza. Ahora, vamos a agregar el bucle en expresión para repetir estos fotogramas clave en esta sección aquí mismo, pero no quiero recorrer todos estos fotogramas clave. Aquí es donde ese número modificador va a ser realmente útil. Si recuerdas eso de la lección de expresiones de bucle, voy a usar el bucle en pero con el ciclo y un modificador. Para la aleta, deja entrar y hacer loopin. Entonces voy a estar usando ciclo porque recuerden que la aleta se apaga y luego vuelve a entrar, pero la flexibilización entre esos dos fotogramas clave son diferentes. Por eso estamos usando ciclo. Entonces asegúrate de ir a la derecha de la cita y luego usar una coma, y entonces ahí es donde vamos a poner en el modificador. Averigüemos qué número necesitamos para el modificador. Se va a hacer automáticamente el primer fotograma clave y luego el uno, dos después de eso es lo que queremos. Voy a usar dos para el modificador. Ahora, eso va a repetir estos tres fotogramas clave en esta sección. Voy a querer hacer lo mismo con la rotación z. Simplemente copiaré eso y lo pegaré y lo mismo en esta aleta inferior. Entonces para el cuerpo y la cola, sólo vamos de ida y vuelta entre dos marcos clave. Voy a usar el loopin con pingpong, loopin y luego pingpong y luego flecha sobre y luego asegurarme de que hagas la coma. Entonces para descifrar el modificador, vamos a hacer el primero, es automático y luego el después de eso y eso sólo va a repetir estos dos fotogramas clave. El modificador es uno, y eso va a ser lo mismo en la cola. Ahora, juguemos esto de nuevo y veamos cómo se ve. Eso se ve bastante bien pero si te das cuenta, cuando llega al final, las rotaciones en el último fotograma y en el primer fotograma no son las mismas. Si coloco mi cabezal de reproducción al principio, puedes mirar los números de rotación y te dirá cuáles son tus valores de rotación al inicio. Lo que quiero hacer como una solución fácil a esto es solo hacer un fotograma clave al final que use esos mismos números de rotación. Todo es cero excepto la cola y el cuerpo. Sólo voy a ir a ocho segundos y establecer un fotograma clave. En realidad, estos fotogramas clave son cero, sólo voy a mover estos. Entonces este fotograma clave no es en realidad cinco al principio, es 4.4. Yo sólo voy a teclear en 4.4 aquí. Entonces este fotograma clave lo desliza un poco, es negativo 10.2 al principio, así que solo escribiré en negativo 10.2 aquí. Entonces estos van a ser cero. El fotograma clave ya es cero, así que puedo simplemente deslizarlos por encima. Ahora, las rotaciones en el último fotograma y el primer fotograma son las mismas. Ahora bien, si juego esto a través debería bucear sin problemas. Se pone como una alegría al principio, que en realidad es bastante natural para los peces si ves alguna referencia de ellos nadando. A mí me gusta cómo ha resultado eso. Una cosa más que hacer es ajustar esa urdimbre de onda en la pieza de la aleta inferior. este momento, la warp de onda que se mueve de manera consistente pero vamos a enmarcar la velocidad de onda. A partir de cero, va a estar viajando a una velocidad de uno. Entonces a los dos segundos, sólo vamos a mover este 2.5 para ralentizarlo. Se va a establecer todos estos fotogramas clave, pero la animación de la onda seguirá animándose sin problemas. Esto sólo se ve mucho mejor porque es más consistente con la velocidad de los peces. 17. Bucle de composiciones: algas: Ahora estamos listos para empezar a juntar todas las piezas en nuestra escena submarina y para ello va a implicar bucles composiciones enteras. Si lo vuelves a poner lo que tenemos ahora con nuestras algas, notarás que todas las algas se balancean al mismo tiempo exacto. Pero podemos hacer que esto se vea un poco más natural deslizando las composiciones de algas marinas alrededor para que no estén todas en la misma posición al mismo tiempo. Para ello, vamos a necesitar recorrer toda la composición. Yo sólo voy a empezar con esta alga aquí mismo. Viña de algas 1, es capa 12 y voy a solo eso para que podamos enfocarnos en ella. Para hacer que esta composición bucle, voy a añadir un remapeo de tiempo. Para ello, voy a hacer clic derecho en “La capa”, subir a “Tiempo” y luego “Habilitar reasignación de tiempo”. Eso va a agregar la propiedad de remapeo de tiempo y también va a agregar un fotograma clave a cero fotogramas para que el tiempo sea cero segundos y cero fotogramas. Básicamente el remapeo de tiempo te está permitiendo enmarcar clave el tiempo de esta composición dentro de la competencia que está en la escena submarina. En realidad podrías ajustar el tiempo para acelerarlo o ralentizarlo, solo con keyframe el remapeo de tiempo. También notarás que al final de mi composición, tengo un fotograma clave al que en realidad no puedo alcanzar pero está establecido durante ocho segundos en ocho segundos en mi composición. Pero como esta es una composición de ocho segundos, sólo puedo llegar a mi jugada por delante al 729. Eso es bueno porque eso hará que mi escena submarina sea perfecta porque todas mis capas tienen el último fotograma clave en ocho segundos para ser el mismo fotograma que el primer fotograma clave en cero, y no quiero que esos dos fotogramas clave sean jugaba espalda con espalda en bucles, porque entonces tendría dos de los mismos fotogramas clave en una fila y eso no sería un bucle perfecto. Para hacer el bucle de composición, voy a opción dar clic en el “Cronómetro de tiempo” y luego usar mi LoopOut, expresión de bucle. No necesito escribir nada entre paréntesis porque solo quiero que esto sea ciclo y no necesito un modificador y así que eso es predeterminado, o también podría simplemente escribir en ciclo para que yo sepa eso, eso fue intencional tenerlo ser ciclismo. Ahora que esta composición está en bucle, puedo deslizar la capa para compensar el tiempo de la misma. Sólo voy a deslizarlo por encima, así que este fotograma clave está a punto de las siete. Ahora esta alga está un poco desfasada de las otras clases de las mismas algas marinas. También compensemos esta alga por aquí. Vamos a necesitar hacer lo mismo y bucle la composición. Simplemente puedo copiar este tiempo remapear en realidad y pegarlo en las algas marinas, para rápidamente solo hacer esta composición también bucle y solo tener en cuenta que va a pegar los fotogramas clave de remapeo de tiempo dondequiera que esté tu cabeza de juego. Entonces solo puedo arrastrar la capa para compensarla. fotograma clave estará a los seis segundos y luego arrastra esto hacia fuera. Ahora todos estos son compensados, un poco más. Es como si una ola estuviera viniendo a través de esta escena. Puedo hacer los mismos pasos para hacer el desplazamiento de algas de asta y también la vid 1 alga que están en la parte posterior. Si juego esto de nuevo, mi vid y cuerno algas marinas ahora está todo compensado y se ve un poco más natural. Algo que estoy notando es que esta alga, que volteé va por el camino equivocado. Me imagino que hay como una ola atravesando mi escena, y eso es lo que está empujando las algas marinas. Este está doblando la dirección opuesta como mis otros, cual no tiene mucho sentido con mi ola. Lo que voy a hacer es solo que también haga este bucle único. Entonces voy a agregar el remapeo de tiempo y luego ciclo LoopOut. Entonces la voy a arrastrar hasta que esté más doblada hacia la izquierda, que está más en línea con el resto de la escena. También tendremos que hacer eso con esta alga aquí, porque esa también ha sido volteada. Este ya está buceando, así que solo lo voy a arrastrar y asegurarme de que solo arrastras hacia la izquierda porque si arrastras hacia la derecha, esta es la expresión LoopOut, y así no va a haber ninguna animación en el inicio antes de la hora remapear fotogramas clave. Creo que algo así se ve bastante bien. Hay un par de algas más para compensar. La vid también no ha sido compensada aún. Esto tiene un fotograma clave de rotación en él, y también el efecto de warp de onda. Creo que tenerla doblada a la izquierda primero es bueno, pero entonces tal vez queremos que la urdimbre de onda se doble en la otra dirección. Simplemente puedo subir a los “Controles de Efectos” y compensar la fase de esto. Solo resolvamos esto. Se puede ver con qué estamos trabajando. Cuando ajuste la fase, todavía va a bucle, porque realmente lo único que determina si bucea o no es la velocidad. Puedo ajustar la fase a cualquier cosa que quiera, así que tal vez algo así. Entonces solo puedo hacer lo mismo con mis demás. Este es un poco más en el centro de la comp por lo que la ola, si viene de la izquierda llegará a ésta un poco más tarde. A lo mejor sólo arrastraré esta composición hacia la izquierda para que la rotación sea un poco compensada. A lo mejor algo así y después sólo asegúrate de arrastrar el resto de la composición. Esto aún debería funcionar perfectamente porque tenemos la propiedad loop en la rotación y luego puedo entrar. Creo que mi warp de onda en realidad es bastante bueno para este, así que no la voy a ajustar. Entonces ajustaré la rotación. Simplemente deslizando esta capa, haré que esto tal vez la rote así, y luego arrastraré eso hacia fuera. Ajustemos la warp de onda. A lo mejor la fase será algo así. También podemos ajustar las algas baches y esta alga marina de vid 3 simplemente ajustando la fase en el efecto de urdimbre de onda. 18. Bucle de composiciones: pescado: Añadamos el resto de nuestros peces a la escena. Voy a empezar con el mariposa. Ahora, ya he agregado el pez globo a la escena, y está buceando automáticamente porque arranca fuera de pantalla a la derecha y termina fuera de pantalla a la izquierda. Pero si todos nuestros peces hicieron eso, bien empezaron fuera de pantalla a la derecha o a la izquierda, entonces a todos les gustaría cruzarse al mismo tiempo en medio. Tendríamos un marco en blanco al principio y al final, y así se vería como una extraña carrera de peces o algo así. En cambio, queremos que sea para que algunos de nuestros peces ya estén en pantalla cuando esto empiece, por lo que siempre tenemos peces en pantalla y siempre tenemos peces saliendo de pantalla. Con este mariposa, lo primero que voy a necesitar hacer es hacer el bucle de composición y lo voy a hacer la misma manera que hice mi vid una alga marina. Voy a hacer clic derecho, subir al tiempo, habilitar el remapeo de tiempo. Después opción haga clic en el cronómetro y luego haga loop out. Se puede hacer ciclo. No tienes que hacerlo porque es por defecto. Entonces recuerda antes en esta clase, mencioné que todas mis composiciones para el pez eran en realidad ocho segundos y un marco, un marco extra. Hay una razón detrás de eso, y así ahora te voy a mostrar esa razón. Cuando hago bucle esto, si acabo de arrastrar el resto de mi composición, el último fotograma donde se establece el remapeo de tiempo, en realidad no es nada. El pez ha desaparecido. Lo que tenemos que hacer, es tomar nuestro cabezal de reproducción un fotograma a la izquierda, donde se puede ver que ahora se vuelve a aparecer el pez. El tiempo va a ser de ocho segundos. Vamos a golpear este pequeño botón de diamante para agregar un marco clave durante ocho segundos justo aquí, y luego podemos eliminar este marco clave durante ocho segundos en un fotograma. Ahora esto va a bucle perfectamente. Antes teníamos ese marco faltante, así que cada vez que jugaba sobre eso, el pez desaparecería por un marco, lo cual puede ser realmente dibujando y obviamente no queremos que eso suceda. Esto todavía va a estar buceando perfectamente porque cuando recorres la expresión de reasignación de tiempo, vuelve a iniciarse en el fotograma 1 en lugar del fotograma 0. Entonces tengo ocho segundos, que es lo mismo que mi marco 0 dentro de esta composición. Podemos simplemente comprobar eso aquí. Ahora mismo en el marco A, más estrecho en el marco 1, son exactamente iguales. Cuando toque esto a través, va a jugar el fotograma 8 y luego encuadre 1, y luego va a seguir adelante. De esta forma, he hecho un bucle perfecto sin repetir un marco clave al final de mi composición y sin hacer que mis peces desaparezcan para un marco. Es por eso que puse la composición del pez en ocho segundos y un marco extra. Después hice ese práctico truco donde puse un fotograma clave, un fotograma a la izquierda durante ocho segundos, y luego eliminé el fotograma clave durante ocho segundos en un fotograma. Ahora puedo deslizar esta composición por ahí y si la extiendo, puedo hacer que este pez arranque y se detenga en cualquier parte de mi escena. cualquier lugar que lo deslice, el primer fotograma y el último fotograma siempre van a estar un fotograma aparte, que cuando toque esto a través, sea un bucle. Tengo completa flexibilidad de cómo deslizo esta composición alrededor. Ahora animemos a este pez nadando por toda la escena. En realidad quería tomarme más de ocho segundos para que nadara todo el camino a través de la escena. Entonces para que esto sea más fácil, solo voy a hacer temporalmente más larga esta composición, para que pueda ver dónde estoy configurando mis fotogramas clave. Simplemente lo haré como 28 segundos por ahora. Entonces voy a ir a insertar un marco clave de posición a cero para que este pez esté todo el camino fuera de la pantalla a la izquierda. Entonces voy a deslizarme hacia unos 16 segundos, y pondré un marco clave para que este pez esté todo el camino fuera de la pantalla a la derecha. Puedo entrar y ajustar estos mangos en la trayectoria de movimiento para que no nade en sólo una línea recta. Pero si previsuas esta animación, notarás que el pez se ve un poco raro porque el cuerpo del pez no está girando cuando se mueve hacia abajo o hacia arriba. Entonces, lo que podemos hacer es hacer clic derecho en la capa de peces, subir a transformarse, y luego orientar automáticamente, y luego simplemente comprobar oriente a lo largo del camino. Entonces de esa manera, girará en la dirección en la que se mueve, ya sea hacia arriba o hacia abajo. Por lo que ahora podemos volver atrás y hacer de nuestra composición ocho segundos otra vez. Al previsualizar esto, notarás que sólo va a llegar a cerca la mitad de la pantalla en la composición de ocho segundos. Lo que necesitamos hacer es hacer un duplicado de este pez, y voy a usar un marcador para saber dónde termina el pez al final de esta escena. En un Mac, ese atajo de palabra clave es controlar ocho para establecer un marcador. Entonces puedes mover este marcador un fotograma a la derecha para que en realidad esté en ocho segundos, y luego voy a golpear Comando D para duplicar esta capa. Voy a arrastrarlo hacia la izquierda, para que mi marcador esté ahora en el fotograma 0. El motivo por el que quería que este marcador estuviera en ocho segundos es para que pueda hacer un bucle perfecto, que el pez no esté en el mismo lugar de la pantalla por dos fotogramas seguidos. Ahora, juguemos esto atrás y tenemos un pez, este, nuestro original, que va a nadar de izquierda al centro de la pantalla. Entonces tengo otro pez que va a empezar en el centro de esta pantalla donde nuestro pez original lo dejó, al final de la composición, y él va a nadar desde el centro de la pantalla, a la derecha. Entonces ahora sí tenemos dos peces, pero eso está bien porque quiero mucho pescado en mi escena. De esta manera lo hace para que esté en bucle perfectamente. Este concepto de hacer que un pez termine donde el otro pez lo dejó es un concepto importante a entender. Entonces déjame demostrarlo una vez más usando el pez ángel. Voy a arrastrar el pez ángel a mi composición, y luego voy a necesitar que lo haga bucle. Voy a subir al tiempo, habilitado remapeo de tiempo. Opción haga clic, luego ciclo de bucle de salida. Entonces voy a simplemente deslizar esto para poder llegar a ese último fotograma clave. Voy a ir un fotograma antes de eso, establecer un fotograma clave durante ocho segundos, y luego eliminar este fotograma clave durante ocho segundos en un fotograma, y luego puedo extender esto. Vamos a hacer que nuestra competencia sea más larga por sólo un segundo. Ahora voy a establecer un marco clave de posición para que el pez ángel esté todo el camino fuera de la pantalla a la izquierda a cero segundos. Vayamos como a 12 segundos. Voy a establecer otro marco clave de posición para que el pez esté todo el camino fuera de la pantalla a la derecha. Voy a ajustar el mango para que este pez no sólo nade directamente a través. Algo así tal vez. Voy a dar click derecho en la capa, ir a transformar Auto-Orient para que se vea un poco más natural cuando el pez está nadando. Ahora, voy a traer mi composición de vuelta a tan sólo ocho segundos. Entonces quiero que este pez ángel no arranque fuera de pantalla, así que sólo voy a arrastrar la capa tal vez a cerca de aquí. Entonces voy a ver dónde termina el pez ángel al final de mi composición. No está del todo fuera de la pantalla, así que lo que voy a hacer es golpear Control ocho para hacer un marcador, y sólo voy a arrastrar el marcador un fotograma hacia la derecha para que quede en ocho segundos. Entonces voy a duplicar esta composición y arrastrarla de nuevo a la izquierda, que este marcador esté en cero. Ahora tengo un pez que va a nadar de aquí para aquí, esa es esta primera capa. Entonces tengo un pez que se va a nadar, así que realmente no es visible por mucho tiempo en absoluto. Simplemente va de aquí y luego todo el camino fuera. Pero esta no va a ser una composición de bucle todavía. Como se puede ver si este bucle, este pez simplemente saldría. Eso es porque ya está empezando en pantalla, así que tenemos que hacer es hacer otro pez que anime de fuera de pantalla izquierda a esta posición. En mi capa original de pez ángel, voy a poner un marcador por cero segundos. Entonces voy a duplicar de nuevo esta competencia, y ahora voy a arrastrar esta composición, que este marcador esté a ocho segundos. Asegúrate de empujarlo un marco caminos donde pueda llegar tu cabezal de reproducción, y ahora volvamos a poner esto de nuevo. Yo sólo voy a Pez Ángel en solitario para que podamos enfocarnos en ellos. Eso se ve bien. A mí me gusta pensar en esto como la técnica de duplicado de marca y diapositiva. Si tienes un pez que empieza en pantalla, y no lo hace todo el camino fuera de pantalla al final de la composición, entonces vas a tener que marcar el final de la composición y llevar ese marcador en una calma duplicada a la comenzando, y luego también vas a necesitar marcar el inicio de la composición y duplicarlo, luego llevar ese marcador hasta el final de la composición. Por lo que terminas teniendo tres peces para hacer el trabajo de como un pez, pero verás múltiples peces en pantalla a la vez, lo que funciona muy bien para esta escena submarina de todos modos. Ahora este pez ángel es en realidad el que nada realmente de manera consistente, y en realidad quiero usar mi pez ángel que no nade de manera tan consistente. Yo quiero usar este esporádico. En realidad sólo voy a eliminar estos tres pez ángel por ahora. Solo quería demostrar de nuevo cómo usar esa técnica de marca, duplicado y diapositiva. 19. Bucle de composiciones: peces esporádicos: Puedes agregar tus otros peces a la escena exactamente de la misma manera que agregamos el pez mariposa a la escena, pero ¿qué pasa con los peces que no nadan consistentemente? Necesitamos animar específicamente la posición de esos peces animando a través la pantalla para que se alinee con lo rápido que sus aletas están aleteando. Yo lo voy a hacer con el pez ángel, así que sólo voy a llevar eso a mi composición, y lo primero que tengo que hacer es hacer bucle esta composición, y entonces sólo voy a arrastrarla hacia la izquierda para poder llegar a este fotograma clave, y luego quiero un fotograma clave a los ocho segundos, luego voy a eliminar el de 801.Ahora necesito hacer mi composición más larga para poder ver todos los fotogramas clave que voy a poner en este pez. Vayamos al principio, y sólo tendré que el cero primo de esta composición comience en cero. Ahora voy a configurar el fotograma clave de posición para que el pez esté todo el camino fuera de pantalla a la izquierda en el fotograma cero, y voy a hacer de este un buen número negativo 150, y luego voy a ocho segundos, y me voy para que el pez pase a cerca de tres cuartas partes de mi composición. Hagamos como 1,300. Entonces voy a ir a 16 segundos, y voy a hacer que los peces se muevan esa misma distancia y se movió entre estos dos marcos clave. Eso van a ser mil 300 más otros mil 300 más los 150. Eso fue negativo en el primer fotograma clave. Si miro a mi editor de gráficos para estos fotogramas clave, puedes ver si vas al gráfico de velocidad que la línea es simplemente plana a través. Sabemos que todos estos van a la misma velocidad. Permítanme explicar por qué esto va a tener sentido. Ahora voy a seleccionar todos mis fotogramas clave, haga clic derecho, “Asistente de fotogramas clave, Fácil entrada”. Ahora si entro a mi editor gráfico, puedo ver que la velocidad va a ser rápida en la posición de este pez al principio, y luego va a ir más despacio. Se va a ralentizar todo el camino hasta una parada aquí porque mi velocidad alcanza cero píxeles por segundo. Acabamos de ver este pez para que podamos enfocarnos en él. Esto está cerca de lo que quiero. Yo quiero que el pez se mueva rápidamente, y luego despacio porque si recuerdas de esta composición, estos fotogramas clave están muy unidos, está moviendo rápidamente aquí, y luego se ralentiza hacia el final. Esa es la razón por la que agregué un fotograma clave en el centro y luego hice facilidad fácil porque eso me acerca más al movimiento rápido, lento que quiero. Pero ahora voy a necesitar entrar y ajustar el editor de gráficos. Simplemente voy a seleccionar todos estos fotogramas clave y sacarlo de cero porque no quiero que llegue a una parada completa. Sólo arrastraré estos hacia arriba, y veamos si eso se ve mejor. Se ve mejor. Se dispara rápidamente aquí en la segunda ocasión a través de su animación donde empieza a bucle, así que voy a dar clic hacia un lado para anular la selección de todos mis fotogramas clave, y luego para hacerlo más sutil, sólo voy a bajar este punto y por lo que ahora aumentará de manera más gradual. También quiero que el pez vaya un poco más lento sobre este punto, así que solo puedo ajustar este mango, probablemente quiera lo mismo en este uno.Sólo vas a necesitar jugar alrededor en tu editor de gráficos ajustando las asas para conseguir el pez para moverse con el tiempo que quieras. Vamos a retocar esto y ver cómo se ve. Eso no está mal así que me quedaré con eso por ahora. Voy a cerrar mi editor de gráfico.Este pez está nadando muy recto, así que sólo voy a entrar y ajustar las asas en la trayectoria de movimiento. También necesito hacer clic derecho, ir a transformar, autoorientar y asegurarme de que mi pez esté orientando por el camino, y entonces lo que voy a hacer es volver a una composición de ocho segundos. A los ocho segundos este pez sólo lo está haciendo aquí en la composición. Voy a poner un marcador en mi capa golpeando el control ocho, y luego solo quiero deslizar el marcador un fotograma por lo que está a ocho segundos, luego puedo golpear el comando D para duplicar la capa. Voy a tomar el duplicado y mover el marcador a cero fotogramas. Ahora tengo un pez que se va a mover de izquierda a cerca de tres cuartas partes del camino a través de la composición, y luego otro pez que va a nadar desde tres cuartas partes del camino a través de la composición fuera de la pantalla. Vamos a retocar esto. Eso se ve bastante bien y mi fischer bucle. Si quieres, incluso puedes tomar algunos de los peces y moverlos detrás de alguna de la capa de algas para que naden entre las algas marinas. Si quieres ajustar los fotogramas clave de posición que ya están configurados, así que di que quería tomar estos peces mariposa y moverlos hacia abajo a mis algas, voy a seleccionar ambos peces, golpear P en el teclado, y luego seleccionar ambos posiciones, y asegúrate de que mi cabeza de juego esté sobre uno de los fotogramas clave de posición. Realmente no importa cuál. Entonces voy a arrastrar el valor y para cualquiera que sea el fotograma clave sobre el que se cierne, esa capa hacia abajo al lugar que la quieres, y luego ambos peces deberían haberse movido. Ahora puedes llevar tus capas dentro de tu línea de tiempo, solo muévalas por debajo de algunas algas marinas. A lo mejor eso es un poco fa. A lo mejor algo así. Vamos a retocar lo que tenemos. Ahora tienes todo lo que necesitas saber si quieres agregar más peces a usar, para usar la misma técnica que te mostré en este video. 20. Agrega los toques finales: Este video es totalmente opcional si quieres agregar algunos detalles extra a tu escena. Tenemos este pez globo que le está abriendo la boca. Lo que voy a hacer es añadir unas burbujas que salen de su boca. Ahora ya he animado esto para ti en esta composición de burbujas. Apenas estas cinco burbujas que rastrean después de que aparezcan. Voy a volver a mi escena submarina y luego voy a arrastrar mi burbuja para que la pequeña cruz aquí en el centro de mi ratón esté justo cerca de la boca del pez globo. También voy a al inicio de esta composición para empezar aquí mismo donde mi cabeza de juego está donde su boca está abierta, y luego esas burbujas van a seguir ahí y también abre la boca otra vez justo por ahí. Voy a volver a tomar la comp burbujas y arrastrarla por ahí y asegurarme de que empiece donde está mi cabeza de juego. Ahora estas burbujas no están del todo terminadas de animarse para cuando termine la composición, así que cuando empecemos de nuevo en cero, las burbujas simplemente van a desaparecer. Lo que tenemos que hacer es volver a hacer esa pequeña técnica de marcado. Golpearé a “Control A” para hacer un marcador. Después mueva el marcador sobre un fotograma a ocho segundos, y luego duplique esta composición y arrástrelo para que el marcador esté en cero. Ahora esto va a hacer un bucle perfecto. También he incluido estas otras burbujas si quieres que salgan de las algas o algo así. Si quieres agregar pescado, el fondo de tu escena como lo he hecho aquí, te mostraré cómo hacerlo ahora. En realidad podemos simplemente duplicar algunos de los peces que tenemos aquí. Voy a seleccionar a ambos de mi pez mariposa, y sólo voy a golpear “Command D” para duplicarlos y luego los voy a arrastrar por debajo del otro pez mariposa y luego voy a tomar estas composiciones y simplemente deslízalos hacia la izquierda en mi línea de tiempo. También voy a golpear S en el teclado para rampar la propiedad de escala y simplemente escalar estos un poco hacia abajo, así que ahora tengo como un pez mariposa bebé. También quiero colorear estos más oscuros para que solo parezcan como si estuvieran en el fondo. Voy a ir a mis Efectos y Preajustes y buscar relleno y luego voy a tomar esta propiedad de Fill y arrastrarla a uno de mis peces pequeños. Entonces para el color, sólo voy a probar el fondo del océano en la parte trasera para ese pez y solo puedo copiar el efecto de relleno y pegarlo en el otro pez. También quiero mover estos detrás de todas mis algas correlacionadas. Simplemente los arrastraré todo el camino hasta aquí y son difíciles de ver allá atrás. Yo quiero levantarlos un poco. Yo solo voy a presionar P en mi teclado para subir la posición y encontraré uno de estos fotogramas clave de posición para que pueda poner mi cabeza de juego sobre él y luego solo voy a seleccionar ambas posiciones. En la capa que tengo, el fotograma clave en el que está mi cabeza de juego, voy a arrastrar la posición y, por lo que mueve estos peces hacia arriba. Algo así. Ahora otra cosa a destacar es que porque acabamos de duplicar nuestros peces frontales para hacer estos peces de fondo es que son fotogramas clave de posición son los mismos y van a tener la misma trayectoria de movimiento. Van a ser como subir y luego bajar así. Pero sí compensamos el tiempo de ellos para que eso sumará un poco de variación. Pero si no querías que tuvieran la misma trayectoria de movimiento, la forma más fácil probablemente solo sea arrastrar en un pez nuevo desde tu panel de proyecto y luego hacer todos los pasos para colorearlo, duplicar la composición, y para hacerlo nadar a través de la pantalla, y de esa manera puedes establecer una trayectoria de movimiento diferente y que solo voy a añadir un poco más de variedad a tu escena. Una última cosa es que solo necesitamos revisar para asegurarnos de que estos tipos estén buceando. Yo sólo voy a deslizarlos y jugar esto a través. Este pez acaba de estallar, así que estos no son bucles y es porque los deslizamos por ahí, así que vamos a necesitar un pez más que pase de fuera de pantalla a esta posición. Simplemente presionaré “Command 8" para hacer un marcador en esta capa, “Command D” para duplicar y luego deslizar esta capa duplicada para que el marcador esté en ocho segundos, y ahora deberíamos tener un bucle perfecto. Ahora si quieres, puedes añadir cualquier tipo de pez de fondo a tu escena. 21. Anima un banco de peces: El display artístico eficiente, tenemos una escuela de peces diminutos que puedes agregar a tu escena. Tenemos que hacer la cola y la aleta de nuestro diminuto bucle oficial mediante el uso de la expresión de bucle de ping-pong Loop Out. Copiaré esto y usaré lo mismo en el cuerpo, eso se ve bien. Entrémonos a nuestra escuela. verás que he enmarcado clave la posición de estos peces para que tengan un poco más de variación ya que están nadando. Pero cómo es ahora todos los peces están sincronizados en sus trazos con sus colas. Yo sólo voy a bucle estas composiciones para que pueda deslizarlas alrededor para compensar algunos de los peces. Seleccionaré uno de los peces. Haga clic con el botón derecho, vaya hasta el tiempo, habilite la reasignación de tiempo, luego la opción haga clic en el cronómetro y use la expresión loop out y cycle loop. Puedo arrastrar este para compensar un poco en el que se extiende el comp. Pero quiero que los fotogramas clave de posición permanezcan en el mismo lugar que estaban. Los arrastraré de nuevo a su lugar. Ahora, este pez va a estar nadando exactamente igual. Su cola está señalando de esta manera ahora, mientras que todos los demás están señalando de esta manera. Podemos hacer eso con algunos de los otros peces. No tienes que compensar a cada pez. Pero si lo haces lo suficientemente lejos, parecerá que todos están un poco fuera de ritmo, lo que se verá un poco más realista. Recuerda que puedes copiar rápidamente esta expresión de bucle subiendo a editar, copiar solo expresión, y luego simplemente pegarla en algunos de los peces. Una vez que hayas compensado lo suficiente de los peces que parecen tener suficiente variedad para ti, entonces puedes agregar esta escuela de composición de peces a tu escena submarina. En primer lugar, arrastremos la diminuta escuela de peces a nuestra escena. Vamos a necesitar bajar eso. A lo mejor así, entonces hagamos este bucle. Porque esta diminuta escuela de peces es una composición con un montón de otras composiciones en ella y esta composición es de apenas ocho segundos, no necesitamos hacer ese truco donde hacemos un nuevo keyframe durante ocho segundos y eliminamos el que es para las 8:01, así que lo que podemos hacer es simplemente ir a la derecha a establecer el marco clave de posición. Pondré un marco clave de posición para que estos peces estén todo el camino fuera de la pantalla a la izquierda a cero segundos. Entonces, hagamos que se tomen un poco más de ocho segundos para llegar hasta todo el camino. Hagamos que nuestra composición sea más larga por un segundo. Podemos ver más de nuestra línea de tiempo y haremos que tarden alrededor de 14 segundos en llegar hasta todo el camino. Los arrastraré a través. Asegúrate de que estén todo el camino fuera de la pantalla y luego podamos volver atrás, volver a poner nuestra composición en ocho segundos. Voy a deslizar la capa hacia la izquierda porque quiero que estos peces comiencen tal vez aquí mismo en un bonito espacio vacío abierto y luego, veamos a dónde llegan al final de la composición. No están del todo el camino fuera, así que necesitamos poner nuestro marcador, moverlo a ocho segundos. Duplicar esta composición, deslice el duplicado sobre para que el marcador comience en cero. Dado que estos peces están empezando en pantalla, también necesitamos poner un marcador en cero segundos y hacer otro duplicado y deslizarlo para que este marcador esté en ocho segundos. Yo quiero que mi escuela de peces esté detrás de todos mis otros peces, así que sólo los seleccionaré y los llevaré por debajo los otros peces y ahora hemos agregado una escuela de peces a nuestra escena. 22. Renderización de videos: Cuando termines con tu escena, decide en qué formato de archivo vas a querer renderizar tu animación. Si necesitas ayuda para decidir, vuelve al video sobre los formatos de archivo. El primer modo de exportar tu archivo es como un archivo MOV. Voy a subir a Composición, Agregar a Render Queue, y después asegurarme de que tienes Apple ProRes 422 aquí. Eso puedes elegir con las opciones de formato y esto solo va a ser aplicable si estás en un Mac. Después pulsa “Ok” y luego la salida a, puedes elegir dónde en tu computadora para guardarlo y luego pulsa “Guardar” y luego pulsa “Render”. Después puedes navegar hasta donde lo guardaste en tu computadora, y luego puedes abrirlo, que si estás en un Mac, se abrirá por defecto en QuickTime y si quieres ver esto reproduciéndose como un bucle, entonces ve a Ver y luego Loop, y luego golpear “Play”. Es posible que desee renderizar su archivo como a.MP4 porque eso es más universalmente aceptado y también es un formato de archivo más pequeño. Sugiero renderizar primero un archivo MOV y luego dejar caer el archivo MOV en Media Encoder, lugar de ir de After Effects y ir Composición, agregarle a Media Encoder de inmediato y te mostraré por qué en tan solo un segundo. Una vez que sueltes tu archivo MOV en Media Encoder, asegúrate de tener aquí H.264. Si no lo haces, simplemente haz clic en él y asegúrate de elegirlo de este menú desplegable y luego pulsa “Ok” y pulsa el botón de reproducción para renderizar. Hice un pequeño experimento sólo para mostrarte. Este es mi MOV y éste tiene definitivamente los colores brillantes más vívidos. Este es mi MP4 que rendericé a través Adobe Media Encoder directamente desde After Effects y este es un MP4 que rendericé a través Adobe Media Encoder al soltar este archivo MOV en Media Encoder. Este se ve mucho mejor dejando caer el archivo MOV en Media Encoder que éste. Yo recomendaría hacer eso, es un paso extra, pero para mí se ve mucho mejor. 23. Renderización de GIF: Ahora veamos cómo se puede exportar un GIF. Me gusta usar un plugin llamado GIFGun para renderizar mis GIFs, porque renderizo muchos GIFs y esto me ahorra mucho tiempo. Este es un plugin de pago y no me van a pagar para contártelo, pero me parece útil así que quería hacerte saber si crees que te sería útil. Si no tienes GifGun, aún tienes dos opciones diferentes sobre cómo puedes exportar un GIF. El primero es subir a la composición, agregar a Media Encoder Queue. Pero al igual que los archivos MP4, encontré que si exportas primero tu archivo MOV y luego simplemente sueltas tu archivo MOV en Media Encoder. Es mejor dejar caer el MOV en lugar del archivo MP4 en Media Encoder porque el MOV es de mayor calidad. Entonces a partir de aquí, quieres cambiar el formato a GIF animado y luego elegir dónde quieres guardar esto y golpear render. Puedes volver a tocar tu GIF con solo golpear la barra espacial. Ahora bien, esto se ve un poco entrecortado si miras realmente de cerca. El motivo por el que esto es, es porque en Media Encoder solo tienes la opción de exportar a 25 fotogramas por segundo, y si intentas ir y cambiarlo aquí, 30 no es una opción y por eso estamos usando un After Efectos. No lo sabía antes, justo ahora porque nunca uso Media Encoder siempre uso GifGun. Eso hubiera sido algo que estaría bien saber al principio, pero tampoco tienen 15 que sería mi segundo ir, así que no sé por qué. Pero podrías ir con 20 o 25 o incluso 10 si quisieras ser realmente caricatura. Si no quieres usar Media Encoder, hay otra opción. También puedes exportar GIF a través de Photoshop. Si subes a la composición, agrega a Render Queue, entonces quieres cambiar el módulo de salida a PNG Sequence y luego toca Ok, y esto va a exportar una carpeta de imágenes PNG. Simplemente elige dónde quieres guardar esa carpeta y luego toca Render. Después en Photoshop, vas a ir a abrir y luego abrir la carpeta donde se han guardado tus imágenes y luego seleccionar la primera imagen y luego comprobar secuencia de imagen y golpear Abrir. va a preguntar qué velocidad de fotogramas quieres. Yo uso 30 fotogramas, así que voy a mantener esto en 30 fotogramas pero cámbialo si no usaste 30 fotogramas y luego pegaré Ok. Desde aquí vas a subir a File Export, Save for Web. Esto podría tardar un segundo en abrirse. Entonces una vez que esto se abra, podrás ver cuántos colores hay en tu escena, que si recuerdas de antes en la clase que determina qué tan grande va a ser tu GIF. Esto se ajusta automáticamente al máximo número de colores y es un GIF realmente grande, 27 megabytes. Nunca pretendí realmente que este archivo fuera un GIF. Estaba pensando que se guardaría como MOV o MP4, así que no planeé en consecuencia hacer de este un GIF de buen tamaño. Pero también demuestra cómo puedes exportar un GIF a través de Photoshop con este GIF. También puedes elegir en Opciones de bucle para hacer bucle esto una vez o para siempre. Una vez si subes esto a un sitio web solo jugará cuando el sitio web se cargue y luego dejará de jugar después que se reproduzca una vez a través o para siempre se reproducirá automáticamente y seguirá dando vueltas una y otra vez para siempre. Si necesitas hacer más pequeño tu GIF, puedes ajustar los tamaños de imagen aquí o con el porcentaje y luego para exportar tu GIF, solo vas a golpear Guardar, y puedes nombrarlo y elegir dónde quieres guardarlo. Podría tardar un segundo en guardarlo y he tenido en los números pasados donde he hecho GIFs que son demasiado grandes para ahorrar en Photoshop y simplemente no funcionan. Asegúrate de seguir todas las mejores prácticas para que tus GIFs no sean demasiado grandes. He armado un poco de comparación aquí. Este es un GIF que exporté directamente de After Effects a Media Encoder. Para este, exporté primero un archivo MOV y luego puse el MOV en Media Encoder. Para este, pasé por Photoshop y para éste usé GifGun. 24. Conclusión: Felicidades por llegar al final de esta clase. No olvides subir tu proyecto de clase. En la pestaña de proyectos y recursos debajo de este video, puedes publicar tu proyecto como GIF usando el botón Imagen. O si tu escena animada es un poco demasiado compleja para funcionar bien como un GIF, puedes publicarla en YouTube o Vimeo y pegar aquí el enlace. Ya que no se reproducirá como bucle de esta manera, posible que quieras renderizar fuera de tu escena tocando a través un par de tiempo para que podamos decir que bucle. Si había algo con lo que lucharas o una retroalimentación específica, agrega una nota a tu proyecto de clase para que me avise. Eso es todo. Muchas gracias por ver. Espero que te hayas divertido animando una escena de bucle y que tengas nuevas técnicas para utilizar en futuros proyectos. Da click en mi nombre para ir a mi página de perfil y echar un vistazo a las otras clases que estoy impartiendo. Asegúrate de que me estás siguiendo en Skillshare, para que te notifiquen cuando tenga una nueva clase. También puedes encontrar enlaces para seguirme en redes sociales, y si publicas tu proyecto en Instagram, asegúrate de etiquetarme @explainimated. Hasta la próxima vez, feliz animando.