De lo básico a lo audaz: animaciones llamativas para Instagram con Adobe After Effects

1. Introducción: Me encanta hacer y ver cómo se mueven las cosas. Simplemente me excita verlo cobrar vida. Pero, ¿y si tú también puedes oírlo? Hay algo acerca de emparejar movimiento y sonido juntos que simplemente hace que mi mente haga cosquillas Hola, soy Hadija, pero todos me llaman Dija. Hago diseñador gráfico, ilustrador y diseñador de movimiento radicado en El Cairo, Egipto. Trabajé con clientes como Adidas, Coca Cola y algunas marcas locales bastante geniales aquí también. me enseñé a mí mismo el diseño de movimiento Hace unos años me enseñé a mí mismo el diseño de movimiento y sigo aprendiendo, así que estoy justo donde estás. Realmente creo que como diseñadora o ilustradora, tener el motion design como habilidad es una de las mejores que puedes tener en tu bolsillo en estos días. En esta clase, aprenderás a crear animaciones simples pero llamativas para Instagram, usando formas básicas en los efectos posteriores. Pero aquí está el giro. También vas a estar aprendiendo a emparejarlo con sonidos y audio para llevarlo al siguiente nivel. Crear una pieza audiovisual es mucho más impactante, en mi opinión, que solo el movimiento Estás agregando otra capa, otra dimensión a tu obra de arte que simplemente le da vida. Vamos a estar pasando por algunos sonidos libres de regalías, luego saltando a los efectos posteriores para configurar e importar archivos. Entonces te estaré guiando a través una animación simple que cubre herramientas básicas como capas de formas, emparejándola con tu audio. Explorando múltiples efectos como caminos de recorte, olas cónicas, caminos de vehículos Incluso lancé una lección extra como introducción a la herramienta de cámara para un efecto cinematográfico La mejor parte es que esta clase es amigable para principiantes. Ya sea la primera vez que usas efectos posteriores o tienes un poco de antecedentes. Quería crear algo para alguien que recién está comenzando porque sé lo intimidante, desplazarse por tu teléfono, desplazarse por tu teléfono, ver todas estas complicadas animaciones y sentir incluso miedo probar esta clase es un lugar perfecto para que patees, comiences tu viaje hacia el diseño de movimiento Todo lo que necesitas son después de los efectos y una mente abierta. Así es como comencé mi viaje de diseño de movimiento. Y ahora me encanta incorporar movimiento y sonido en mis videos de branding e ilustraciones animadas Usa esta clase como punto de partida que transformará tu conjunto de habilidades y te elevarás como un diseñador versátil. Estoy muy contenta de que estés aquí y estoy emocionada de empezar. 2. Descripción de la clase: Estoy muy contenta de que decidieras tomar esta clase. La razón por la que opté por hacer esta clase para principiantes es porque honestamente, aquí es donde comencé mi viaje con el diseño de movimiento Y quería mostrarte cómo puedes crear algo tan simple pero tan llamativo, usando las herramientas más básicas. Solo quiero guiarte rápidamente a través de la estructura de la clase de hoy y destacar algunas de las herramientas que aprendes en after effects. La primera lección por la que caminaremos juntos es elegir nuestro audio. Esa será nuestra guía principal para la animación. Entonces vas a configurar tu archivo after effects que se ajuste a la dimensión de un carrete de Instagram. Y luego estarás agregando capas de formas usando formas básicas. Hoy voy a usar principalmente líneas de trazo, pero siéntete libre de usar círculos, cuadrados, triángulos o rectángulos en tu proyecto Las siguientes cuatro lecciones van a ser agregar trazados de recorte, ondas cónicas y efectos de trazado de meneo a tu capa de forma Transformar a un jugador básico de formas en algo que sea un poco más emocionante. Entonces también quería lanzar una lección extra como introducción a la capa de la cámara para un aspecto más cinematográfico Siéntete libre de quedarte o saltarte esa lección si quieres. Entonces finalmente, lo estamos terminando con aprender a exportar tu archivo. Entonces, sin más preámbulos, comencemos. 3. Elige tu audio: Mi proceso habitual para este tipo de animaciones es que suelo desplazarme por mi feed de Instagrams y seguir guardando audio que encuentro sonidos interesantes para Puede ser un ritmo único o una combinación genial de sonidos que creo que podría bien con el uso de formas básicas. Trato de ir por algo que no tenga voz, pero si lo hace, entonces suele tener un interesante matiz teta con bases o snares o algo sobre lo que pueda construir la animación Cuando encuentro algo que me gusta, lo guardo y generalmente lo grabo en pantalla y lo guardo en mi teléfono para poder tener el clip de audio exacto que quiero y pueda construir mi animación en él. Luego lo dejo caer al aire en mi computadora, y generalmente lo exporto más tarde después de los efectos sin sonido, manera que cuando vuelvo a Instagram y lo subo al audio que guardé, generalmente coincide justo arriba. Pero por el bien de esta clase, voy a estar acompañándote a través del mismo proceso exacto, pero en lugar de dirigirme a Instagram para obtener audio, voy a estar usando uno de mis recursos favoritos para música libre de regalías para poder compartir el audio contigo y construir la animación en él. Entonces estoy aquí en Pixabay y este es uno de mis recursos favoritos para imágenes, videos de archivo, música, efectos de sonido Tiene muy buenos recursos de alta calidad y un enlace, algunos de los, mis favoritos en los recursos abajo. Pero por ahora sólo nos vamos a quedar con Pixabay. Y quieres dirigirte a los efectos de sonido porque generalmente la música tiene voz, por lo que los efectos de sonido serían la categoría más razonable aquí para este tipo de clase Entonces tienes aquí, puedes elegir por tema y simplemente puedes desplazarte por él. Y lo que normalmente me gusta es sólo escuchar un montón de sonidos. Tómate tu tiempo. Normalmente me gusta encontrar algo que sea un poco corto. 159, 10 segundos, 5 segundos, nada demasiado largo. Entonces no tengo que cortar el audio, solo puedo usar todo el clip tal como está. Puedes ir por tema o simplemente puedes seguir desplazándote aleatoriamente hasta que encuentres algo que te suene interesante Y esto es completamente subjetivo, así que no hay bien ni mal. Simplemente puedes poner tu personalidad en ello e ir con lo que te gusta. Ya salí algo que creo que sería adecuado para la clase de hoy, y es un audio muy, muy corto, 4 segundos, y creo que le iría bien con formas básicas y construyendo algo que sea bastante sencillo. Pero nuevamente, le tiene un poco de sabor. Entonces vamos a darle una escucha, bien, lo que es. Es solo que básicamente esos primeros cuatro nodos que actúan casi como una escalera. Y luego hay como un gran chapoteo vibrante de una trampa al final, que pensé que sería interesante Puede ser genial alternar entre texturas de estas líneas ascendentes o descendentes y luego tener una textura completamente diferente para ese chapoteo al final. Así es como lo hago yo. Encuentro mucho audio similar como este en Instagram. Puedes encontrar algo en Tiktok que te guste. Cualquier aplicación que utilices estará totalmente bien. Ese suele ser mi proceso. Encuentro algo que es interesante. Intenta imaginarlo en tu mente usando formas básicas. A veces el audio puede sonar como curvas y círculos. Algo de audio es un poco más nítido, así que puedes usar cuadrados, líneas, triángulos, y ese tipo de cosas Sé creativo con la forma en que piensas comparar con el audio. Bueno, eso es más o menos. Cuando estés listo para comenzar, solo tienes que dirigirte a descargar y eso es todo. Te veré de nuevo en la siguiente lección y después de los efectos. Así que toma tu audio de donde sea que sea y allí te veré. 4. Cómo configurar un archivo en AE: Bien, entonces quieres seguir adelante y abrir After Effects, Y esta va a ser la primera ventana que surja. Por lo que desea hacer clic en Nuevos Proyectos. Y luego vas a seguir adelante a Composición y dar clic en Nueva composición. primero es lo primero, queremos poner las dimensiones adecuadas para una rueda de Instagram ya. Aquí tenemos una plantilla que dice retrato de redes sociales, que es perfecto para los carretes de Instagram, y suele ser de 1080 por 1920 píxeles. Solo para tu información, ya tengo esa configuración porque hago esto bastante a menudo, así que mis ajustes de composición siempre están establecidos para esto de alguna manera. Entonces normalmente me gusta simplemente mantenerlo 30 fotogramas por segundo y resolución completa, pero vamos a jugar con eso más adelante a medida que avanzamos. Sólo para no ralentizar el archivo. Y luego quieres poner tu código de tiempo y tu duración. El audio que tuve fue de 4 segundos. Yo sólo voy a seguir adelante y poner 4 segundos aquí a la duración del audio. Si estás escogiendo algo de Instagram y es como 15 segundos o 16 segundos o menos, o más, entonces solo quieres cronometrarlo según el audio del gecko Y puedes nombrar tu composición si quieres, pero yo sólo la voy a dejar así por ahora. Estoy bien con eso. Y yo sólo voy a presionar bien. Bien, entonces en esta ventana, tienes tus dimensiones listas para funcionar. Lo primero es lo primero, queremos importar nuestro archivo de audio. Un atajo rápido para hacer esto es comando I. Vas a encontrar tu audio aquí a la izquierda. Normalmente me gusta arrastrarlo hacia abajo. Ahí vamos. Aquí tenemos nuestros equipos de audio. Si solo doy esta oportunidad presionando mi barra espaciadora, simplemente seguirá dando vueltas Tenemos eso aquí como nuestra guía. Ahora bien, si estuviera usando un audio de Instagram, por ejemplo, pondría mi grabación de pantalla por aquí. Yo haría click off. Si ve aquí abajo, tiene la E y el micrófono de sonido. Si fuera una grabación de pantalla, habría un video aquí mismo. Normalmente me gusta apagar eso y simplemente quedarme el audio para mí como pauta, esa suele ser mi guía para toda la animación. Y luego justo antes de exportar, cuando todo está bien para ir y es perfecto, solo elimino el audio de aquí. Y pondría la animación en Instagram y debería coincidir hasta tu audio guardado. Así que puedes hacer esto con cualquier cosa que estés subiendo a cualquier aplicación Básicamente, esa es más o menos nuestra configuración del archivo. Y por supuesto antes de hacer nada, asegúrate de comandar S save y solo guarda el proyecto sin importar el nombre que quisieras guardar. Así que sólo voy a llamarlo groove Real por ahora. Eso es para configurar tu archivo. A la siguiente lección y vamos a empezar a construir esta animación paso a paso según cada ritmo. 5. AE: capas de formas: Bien, así que lo primero que quieres hacer es ponerle algo de color a esta ventana. Bien, entonces sólo vamos a agregar un fondo aquí. Vas a ir a la capa de nuevo sólido, ese es básicamente tu color de fondo. Puedes cambiar esto en cualquier momento a lo largo de la animación. Te voy a mostrar cómo, pero sólo voy a ir con, no sé, tal vez un rosa. Probablemente cambiarlo más tarde. Si solo quieres cambiarlo, solo asegúrate de hacer clic en la capa aquí y ve a Configuración de Sólido de Capa, y haz clic en la ventana de color. Y puedes cambiarlo en cualquier momento, lo cual es completamente normal. Después de ver toda la animación. Es posible que quieras cambiar de opinión en todo momento. En realidad, déjame cambiarlo ahora. A lo mejor quiero que sea como un azul. Bien, ahí lo tenemos ahora, porque tenemos cinco beats distintivos. Entonces tenemos los primeros cuatro que suenan casi como una escalera. Bien, entonces estos son los cuatro. Y luego tienes el quinto que es un poco como un chapoteo, creando un efecto vibratorio. Lo que tengo en mente es que me estoy imaginando que como cuatro líneas distintas o cuatro líneas una encima de la otra Algo así como una escalera que se está construyendo hasta algo. Podemos hacer esas líneas, podemos jugar con ellas con sus texturas, podemos ahusarlas, podemos ondearlas. Vamos a hacer que se vean un poco interesantes que solo líneas sólidas. Y luego al final, veremos cómo hacer como este gran chapoteo vibrante al final. Creo que me voy a quedar con trazos y líneas para esta animación para la clase. Lo primero que quieres hacer es ir a Capa Nueva y hacer clic en Forma Capa. Capa de Forma. Cualquier forma que dibujes dentro de los efectos posteriores, puedes usar un relleno o puedes dibujar como un círculo. O puedes guardarlo como un trazo aquí y puedes cambiarlo en un rectángulo si quieres. O incluso puedes usar la herramienta pluma, como lo harías con un ilustrador. Puedes cambiar aquí el ancho del trazo, ya sea de aquí o abajo. Pero llegaremos a eso sólo en un segundo. Bien. Como dije, me estoy imaginando cuatro líneas una encima de la otra aquí o verticalmente A lo mejor verticalmente es un poco más interesante ya que así es como se configura aquí. Sólo voy a ir al atajo de mi herramienta pluma si quieres. Y así como dibujar un trazo, igual que lo harías con un ilustrador. Entonces quieres bajar aquí a la ventana para formar la capa uno. Puede cambiar fácilmente los nombres de estas capas presionando Intro y nombrándolas la línea uno O por razones organizativas, puedes ir a la caja de color aquí y puedes codificar por colores tus capas. Pero esto es especialmente útil si hay un montón de capas en el archivo y en la composición. Y solo quieres organizarlos en categorías. A lo mejor voy a mantener las líneas aquí naranjas solo para saber cuáles son mis líneas y cuáles son mi fondo y audio. De todos modos, vamos aquí para dar forma a uno, desplegable, acariciar uno, Aquí es donde estamos hoy Abajo, bien. Hoy nos vamos a centrar en el ancho de trazo. Color, conicidad y onda. E incluso vamos a agregarle animación y echarle un vistazo a esos chicos malos de aquí. Por el ancho quieres ir aquí al ancho, y puedes jugar por aquí con lo gruesa o delgada que quieres que sea tu línea. Pero yo quería ser un poco bastante gruesa hoy porque quería llenar toda la página aquí cuando agrego más líneas. Entonces quería ser realmente vibrante y, ya sabes, llamar la atención, tal vez hagamos como un 255 Bien, eso está bien. Bien, así que ahora quiero volver a escuchar el audio y ver dónde corta el primer beat. Bien. Ahí casi, bien, un milisegundo 20 es donde entra el segundo latido Bien, entonces lo que voy a hacer es que voy a tomar mi capa aquí y al comando C comando copiar y pegar. Y yo sólo voy a duplicar mi línea aquí. Y luego voy a llevar mi cursor por aquí al segundo 20. Y voy a ir a mi teclado aquí y presionar opción soporte abierto. Y eso va a esa capa para mí de aquí a donde empieza el segundo latido. Entonces probemos eso. Muévelo un poco. Sí, creo que es puntual. Ves, solo tienes que ir y venir y algo así como jugar con los tiempos y las capas hasta que la línea estalle en el segundo de la derecha Bien. Y yo sólo voy a hacer lo mismo por los otros dos beats de aquí. ¿Bien? Acabo de cambiar un poco de las líneas como sus posiciones solo para que todas sean equivalentes en ****** aquí Vamos a darle una escucha y ver si coincide con el audio tal como nuestra base aquí. Bien, voy a dejar el último chapoteo de un latido hasta el final, porque creo que les agregaremos una textura muy diferente a todas ellas como si estuvieran vibrando. Pero por ahora, yo solo estoy construyendo como esa escalera de aquí. Ya ves como están mis capas en secuencias y básicamente están cortadas. En cuanto el compás llega a su turno, ahí es cuando se coloca la capa. Bien, estoy contento con el tiempo más o menos. Siempre puedes volver atrás y retocar las cosas en una etapa posterior, pero creo que esto está bien para lo que es Estas son nuestras capas de forma. Por ahora, esta es una gran manera de construir tu animación es solo para poner algunas capas de forma. Y luego vamos a volver en la siguiente lección y comenzar a agregar algunas texturas, ahusar algunas olas, y algunos caminos recortados a esto solo para hacerlo un poco más emocionante 6. AE: recorta caminos: Bien, ahora creo que quiero agregar algunos caminos de recorte. Lo que significa básicamente las rutas de recorte, es que la línea comenzaría en un extremo. Y como animar lentamente hasta el final. Entonces no sólo aparece abruptamente como una línea. Esto también coincide con la música. Si lo escuchas de alguna manera, ves como los beats arrastran un, un largo, un poquito, así que no es como un ritmo abrupto Se esfurece en un poquito. Este es el sentimiento que quiero imitar. Vamos a ir a nuestra línea uno aquí, capa. Y sólo vamos a bajar el menú. Vamos a ir aquí a Agregar y dar clic en la flecha. Después vamos a dar click en Trim Paths. Aquí va a agregar un pequeño menú. Quieres soltar eso y tienes tu inicio y tu offset. Vamos a simplemente jugar por ahí con el inicio y el final aquí. En este punto en el tiempo, nuestro final es al 100% Si hago clic en él y hago clic en cero, esto es lo que va a pasar. La línea desaparece, porque ahora está en 0% El final aquí está en 0% Quiero dar click en mi cronómetro aquí solo para agregar un fotograma clave Y luego voy a mover un poco el cursor, digamos hasta que aparezca la siguiente línea. Y voy a traerlo de nuevo hasta 100. ¿Ves lo que hizo eso? Simplemente animó la línea bajando a 100. Veamos cómo se ve eso. Arrastra un poco en la línea y le da una sensación más agradable a la animación en lugar de la presencia abrupta Bien, eso es lo que quiero hacerle al resto de las líneas, pero en vez de que todas vengan de arriba a abajo, quiero que una línea venga de arriba a abajo y la otra línea venga de abajo a arriba. Y eso le dará un aspecto más interesante que tenerlos todos simétricos de esa manera Así que sólo voy a cerrar este menú e ir a mi segunda línea. Lo mismo, vas a agregar rutas de recorte. Ve a tu menú. Bien, para este, en vez de hacer que tu final baje al 0% en realidad vas a ir a empezar e ir al 100% Estás invirtiendo aquí un poco los papeles. Voy a bajar a 100 y dar clic en mi Cronómetro. Y luego ve hasta que suba la siguiente línea y llévala de nuevo a cero. Veamos cómo se ve eso. A lo mejor quiero mover los fotogramas clave un poco antes de que comience la capa real, solo porque le dará un aspecto más suave. Veamos cómo se ve eso. Sí, eso me gusta más. Podemos hacerle lo mismo a éste, solo arrástralo un poquito hacia la izquierda. Entonces esto comienza justo antes de que aparezca la capa. Entonces la línea es una que aparece en el marco y no completamente fuera de marco. Es solo un pequeño detalle que hará que las cosas se vean un poco más suaves. Bien, genial. Y ahora sólo voy a repetir esto con las otras dos líneas y ver cómo se ven nuestros caminos de recorte. Bien, vamos a escucharlo, tal vez podamos simplemente alargar esto un poco porque creo que aquí es un poco tarde. Bien, creo que se ve bien. Por ahora. Eso es solo agregar un elemento más que lo haga parecer un poco más interesante. Creo que estoy listo para pasar a hacer algunos ahusamientos a las líneas solo para darles un aspecto un poco más único que solo el blank Eso es lo que vamos a hacer en la siguiente lección. 7. AE: movimiento gradual: Bien, así que quieres simplemente como dirigirte a línea uno nuevamente y desplázate el menú y luego haz clic en trazo uno y luego ahúzate. Deja caer eso. Déjame simplemente arrastrar mi cursor hasta el final aquí, para que pueda ver cómo se ve la línea completa. Bien, Y entonces puedes jugar por aquí con la longitud inicial o la longitud final. Si tomo mi longitud final aquí y la arrastro hasta el 100% vas a tener un borde muy afilado al final de la línea. Entonces lo mismo, si lo tomas desde la longitud inicial hasta el 100% tendrás un extremo puntiagudo al inicio de la línea, porque mi línea va hacia abajo. Este, voy a entrar y cambiar la longitud del extremo. Si jugamos eso, se verá como una línea afilada que va hacia el marco hacia abajo. Eso es lo que hace la reducción gradual. Entonces sólo voy a hacer lo mismo a la línea dos, pero al revés voy a hacer que el cono vaya hacia arriba. Bien. Ahora vamos a darle una mirada a eso y escuchar. Bien. Ahora visualmente eso se ve mucho mejor que solo líneas viejas y simples Parece un poco de un patrón de tigre o cebra ahí. Y me gusta el contraste de los colores. Siempre me gusta usar como colores de alto contraste o colores realmente, realmente monocromáticos solo para tener un efecto más llamativo, especialmente cuando estás usando formas básicas Necesitas un tipo de colores que te ayuden a amplificar las cosas. Estoy bastante contento con el tiempo y la textura de las líneas hasta ahora. Ahora podemos tipo de visita el final venció al que tiene como un gran boom al final. Podemos hacer eso usando ondas solo para dar la sensación de una vibración, como cómo se comportan las ondas sonoras. Como si hubiera como una gran vibración o algo así como olas enormes que salen al final de, hay como un big bang. Quiero imitar ese mismo sentimiento. Entonces al final, podemos volver a visitar toda la animación y agregar como algunos pequeños detalles aquí y allá para que sea aún más interesante si sentimos la necesidad Sigamos adelante y hagamos eso en la siguiente lección. 8. AE: movimiento de ola: Bien, entonces quiero arrastrar mi cursor por aquí y ver exactamente en mi marco de tiempo aquí cuando este gran chapoteo vibratorio al final sucede. Bien. Entonces creo que sucede alrededor del segundo, segundo y 11 milisegundos Siempre nos puede gustar retocarlo después, pero sólo para darte una pequeña indicación Sí. Bien. La última línea toca el inicio del marco alrededor de 210, lo cual es perfecto. Porque entonces podemos quedarnos en este marco de tiempo aquí y volver a la línea uno aquí. Quieres bajar a, quieres ir al ancho de trazo aquí y parar. Mira ese marco clave ahí. Eso es solo una indicación que quiero en este momento, el trazo exacto y la forma exacta que tengo aquí para permanecer igual. Entonces cuando ocurra el chapoteo, solo voy a mover mi cursor exactamente a las 02:11 quiero que mi trazo sea mucho más grueso Ahora sólo voy a hacer un globo ocular a este cuatro. Podría entrar más tarde y cambiarlo. Yo sólo lo voy a poner al 380. Voy a bajar a ondear aquí por debajo de la conicidad. Desplegable ese menú. Ahora mismo, la cantidad de onda en esa línea es cero. No hay olas. Déjame acercar un poco para que podamos ver un poco mejor. Bien, si arrastro esto hacia arriba, ves enseguida tenemos una ola que puedes controlar, no solo la cantidad, puedes controlar la longitud de onda, ¿cuántas olas hay en ese porcentaje? Puede ser como olas apretadas reales o olas realmente anchas. Simplemente depende del tipo de look que esté tratando de lograr. Y esto es todo como prueba y error otra vez. No lo correcto y lo incorrecto. Bien, para la longitud de onda, me gusta a los 100 solo para tener eso Un poco de contraste aquí. A lo mejor voy a tener mi cantidad en 70. A lo mejor voy a aumentar un poco el ancho de mi trazo. Probemos 500. De la misma manera que veo mi ancho de trazo aquí. Quiero parar Mira también mi ola. Voy a ir al 211 en mi cantidad de ola aquí y voy a dejar de ver eso. Entonces voy a volver al 210 y bajarlo a cero. Entonces volvemos a la apoplejía. Si muevo mi cursor aquí, tengo mi trazo como fue desde el principio. Y luego como un milisegundo después, tengo mi ola y mi trazo engrosado, esa es la trampa inmediata del chapoteo vibratorio al Entonces lo que quiero hacer es arrastrar mi cursor hasta el final a las 03:20 Voy a volver a bajar mi ola para que se salga al trazo Así es como quería lucir. Yo sólo voy a ponerlo en cero aquí entonces. Lo mismo con el ancho de trazo. Simplemente copiaré el mismo fotograma clave que tenía al principio y lo pegaré donde está mi cursor, está de vuelta a donde está ahora. Y sólo va a gustar lentamente facilidad de nuevo en lo que era en realidad. Vamos a darle una escucha a eso. Siempre me gusta probar las cosas. Aleje el zoom, pruébalo primero en una capa, a ver si funciona. Y luego agregar el resto a la broca. Mientras estoy pasando por la animación, me gusta simplemente bajar mi resolución a la mitad o a un tercio solo para que se renderice más rápido. Porque cuando tienes muchas capas o muchos detalles, lo cual no es el caso aquí, pero en general, es mucho más fácil verlo en la mitad de la resolución. Y simplemente se renderizará mucho más rápido en la reproducción en lugar de tenerlo en su totalidad. Y luego más tarde, cuando hayas terminado por completo y estés contento con él, podrás verlo en plena resolución. Bien, vamos a escucharlo, ¿de acuerdo? Ya ves como ese efecto de onda imitó un poco el ritmo de la música Y es bonito cómo se suaviza al final porque eso es lo que hace el audio también Bien, estoy bien con eso. Básicamente lo que hacemos ahora, solo vamos a copiar y pegar nuestros fotogramas clave aquí. Solo voy a ir al cursor hasta el principio a las 02:10 básicamente voy a seleccionar mis fotogramas clave para mi ancho de trazo aquí Y voy a mandar ver que vaya a la línea dos, vaya a Ancho de Trazo y pegue eso. Simplemente va a hacer exactamente lo mismo para la capa de abajo. Lo mismo para la ola. Haga clic en la cantidad de onda. Ven a ver que si paso el cursor, me va a dar el mismo efecto que el anterior. Yo sólo voy a hacer eso para las otras dos líneas. ¿Bien? Y luego presiona sobre ti. Presiona de nuevo sobre ti, para que puedas colapsar todas tus capas. Y vamos a darle una prueba y escuchar. Bien, eso se ve genial. Yo sólo quiero volver aquí a este pedacito. Bien, estoy pensando si va a ser un poco interesante si jugamos con la longitud de onda aquí para algunas de las olas, así no todas tienen exactamente las mismas olas. Juega con las diferentes texturas, para que pueda darle un aspecto más interesante y asimétrico Sí, veamos cómo se ve eso. Sólo voy a poner esto a 100. Aquí. Detener. Vigila eso. Ve al 211 y tráelo a colación. Bien, probemos eso para la línea cuatro. Bien, ahora vamos a darle una mirada a eso. Bien, así que solo volví a entrar y cambié la longitud de onda por también la primera y la tercera línea porque simplemente me gustó más la textura de esta que las ondas extremadamente cercanas y comprimidas. Esto también es solo gusto personal. Simplemente lo ajustarás aquí y allá a medida que avanzas. Vamos a darle otra escucha a eso y a ver cómo se ve eso. Bien, creo que estamos en un buen camino aquí, pero creo que es como perder un poco de toques extra, un poco de vavavoum Creo que podemos explorar algunas cosas aquí y allá en la siguiente lección y finalizar esta 9. AE: ruta de movimiento y cambio de color: Bien, para agregar aún más interés al final aquí, la forma en que el audio golpea esa nota, me da un poco de efecto de vibración. Además de entrar en olas como esta, me parece un poco estático. Lo que podría hacer es volver a agregar caminos de meneo. Voy a ir a la línea uno y simplemente poner mi cursor sobre 211, desplegable y hacer clic en Agregar, luego dirigirme a menear caminos Y simplemente hace exactamente lo que parece. Va a menear un poco el camino para mí, creo que puedes jugar por aquí con una talla Te va a mostrar cuánto se va a menear. Pero creo, no quiero que sea demasiado. Ya ves como distorsionó un poco las olas aquí Así que quería ser un poco sutil. Pero otra vez, para darme ese ligero efecto de vibración, es amable cuando estás como chasquear una banda y se menea un poco del Entonces voy a bajar el tamaño, probablemente de vuelta a diez, solo para que no distorsione la ola Y entonces tal vez voy a subir el detalle para que me gusten 15 y tal vez se menea por segundo Puedo mencionarlo un poco. Vamos a probar 30. Por ahora, quieres dejar de ver estos cambios aquí. Tienes casi tres fotogramas clave. Y quieres volver al 210 y traer todos estos números de vuelta a cero. No cambia nada. Y también quiero cambiar mis puntos de esquina a suave. En realidad, vamos a arrastrar aquí un poco estos fotogramas clave para que podamos ver la diferencia. Y vamos a golpear la barra espaciadora y reproducirnos. Bien, entonces como que ves el meneo aquí. Bajemos el meneo por segundo, 220 tal vez. Bien, entonces vayamos al tercer segundo 1010 y copiemos nuestro primer fotograma clave. Se vuelve más fácil a lo que era. Veamos cómo se ve eso. Bien, eso es como el más mínimo detalle que quería agregar solo para darle ese pequeño efecto de vibración Ahora quieres copiar y pegar todos estos fotogramas clave aquí. Comando pon tu cursor en el inicio de tus fotogramas clave a las 02:10 Ciérrelo. Ir a la siguiente línea, contenido, agregar caminos de meneo Da clic en Tamaño y pégalo. Y sólo va a pegar eso a lo largo de todo y darle el mismo efecto al resto. Y sólo voy a repetir esto con las otras dos líneas. Bien, ahora vamos a darle una oportunidad. Ahora, algo más que quiero hacer sólo para que hasta haga un poco más llamativo con las primeras cuatro notas. En lugar de solo tener una línea subir de arriba a abajo y la segunda línea ir de abajo a arriba aquí. También podemos usar el color a nuestro favor. Recuerda cuando dije que me gusta usar colores realmente contrastantes para dar ese efecto llamativo. Podemos empujar eso aún más con cada nota que golpea, podemos agregar un color de fondo amarillo y un trazo azul. Cambia de amarillo a azul, de amarillo a azul, de amarillo a azul. Con cada nota llamativa aquí. Eso solo le va a dar un poco más de contraste en términos de color y realmente enfatizar ese ritmo que sigue pegando. Intentemos hacerlo, y te mostraré exactamente a lo que me refiero. Ahora mismo. Mi fondo es azul. Voy a mantenerlo así para la primera nota, pero luego aquí, justo cuando aparezca la segunda línea, quiero agregar un fondo amarillo aquí. Con mi recogedor de color, solo puedo ir al tono exacto del amarillo Haga clic. Bien, sólo voy a recortar mi opción de fondo amarillo. Soporte abierto. Comienza en ese punto. Y solo quiero esconder esto por ahora. Y luego voy a duplicar mi línea por aquí, mi color de trazo aquí. Sólo voy a duplicarlo. Voy a llamarlo línea uno azul. E incluso podemos cambiar el color aquí para que no nos confundamos. También voy a recortar esa capa hasta aquí. Entonces voy a cambiar mi trazo aquí. Ve a Trazo al cuentagotas y haz clic en el azul del fondo Y luego lo mismo con la línea dos. Quieres duplicar eso, cambia tu trazo al color azul. Se quiere cortar estas nuevas capas hasta la segunda o tercera nota que viene en opción cerrar corchete para cortar. En el otro extremo, si revelamos el cuentagotas para el fondo amarillo, se ve esa diferencia Lo que acabo de hacer ahí, solo estás duplicando el trazo sobre el trazo y el fondo sobre el fondo, pero solo estás cambiando su color y cortándolo en la nota Vamos a darle una oportunidad a eso y ver cómo se ve eso. Bien, entonces ya ves como el cambio de color aquí simplemente enfatizó realmente el audio un poco más y le dio ese efecto llamativo. En lugar de que solo sean líneas. Es como aplicaciones realmente simples que realmente pueden impulsar una animación muy simple emparejada con el audio. Bien, ahora queremos hacer lo mismo. El segundo billete azul amarillo fue azul sobre amarillo. El amarillo sobre azul. Entonces en la última nota, quiero cambiarlo nuevamente a azul sobre amarillo. Y luego para el chapoteo, lo dejaré como está. Simplemente sigue cambiando de un lado a otro. Bien, entonces he agregado mis otras capas de colores contrastantes para el trazo en el fondo, y veamos cómo se ve eso. Bien, estoy bastante contento con las texturas y los, y los cambios de color que hemos hecho. Ahora bien, el último toque que quiero agregar es el, como las olas vuelven a la forma que alguna vez fue, solo quiero tener como los trazos delgados o delgados en nada al final y nos quedamos con el fondo azul al final. Nuevamente, esto es súper, súper simple. Vamos a ir al último segundo, creo que aquí 320. Cuando los trazos hayan vuelto a la forma original y vamos a volver a nuestra línea de confianza uno Entonces queremos ir a trazo uno y ancho de trazo ya aquí mi fotograma clave se coloca en este marco de tiempo a los 29. Todo lo que quiero hacer es simplemente arrastrar el cursor hasta el final de la animación y simplemente bajarlo a cero. Simplemente va a adelgazar en nada. Si hago esto, sólo va a desaparecer. Es solo que es más un final suave y no uno estático. Y es genial porque cuando la animación vuelve a hacer bucles, comienza en un fondo azul y termina y terminará en un fondo azul. Así que es sólo un poco más suave como un Jeff o algo así. Sí, solo voy a seguir adelante y agregar el resto de los fotogramas clave para el ancho de trazo, para el resto de las líneas. Todo bien. Vamos a hacerlo. Sí, eso me parece mucho más suave. Bien. De verdad, me gustó mucho cómo resultó esto. Sí, puede ser tan simple como eso o tan complicado como quieras ser. Puedes comenzar aquí y luego construirlo a medida que te sientas más cómodo jugando con las herramientas y conociendo algunos de los efectos en este programa. Ya terminamos en su mayor parte. En la siguiente lección, solo voy a mostrarte cómo finalizar tu archivo y prepararlo para Instagram 10. Bono: cámara: Bien, antes de exportar, pensé en lanzar una lección extra si solo quieres llevarla a un nivel superior y aprender una herramienta extra sobre efectos posteriores que solo le dará esto como un efecto cinematográfico casi Me gusta usar esta herramienta solo para tomar una, algunas animaciones realmente simples y realmente hace la diferencia. Se trata de agregar esos ajustes adicionales aquí y allá. Algo en lo que pensé porque se ajusta a este ritmo de estas líneas de entrada. Pensé que podría agregar un ángulo de cámara y acercar las dos o tres primeras líneas. Y la cámara haría zoom en la primera línea aquí y bajaría con ella. Y luego avanzar hacia la segunda línea, subir con ella y la tercera línea, y luego simplemente cortaría al fotograma completo. Aquí puedes ver las cuatro líneas juntas antes de que se muevan al final Esto es solo un paso extra. Definitivamente no necesitas hacer esto si no quieres. Pero es un efecto genial para un look cinematográfico. Sólo voy a mostrarte cómo lo hago. Es bastante fácil, bastante simple, sencillo agregar una capa de cámara, primero necesitas convertir tus capas activas en tres D. Si te diriges aquí en esta ventana de composición, vas a encontrar una pequeña caja de tres D aquí. Si pasas el cursor sobre él, dirá tres capas D. Quiero que todas mis líneas, no mi fondo, porque eso no va a estar moviéndose para ser tres D. Sólo voy a dar click en el cuadro vacío debajo tres capas D y simplemente revisarlas todas las que quieras que sean tres D. Entonces voy a pasar a capa y agregar objeto nulo. Yo agregué mi capa nula aquí y voy a hacerla tres D. Entonces voy a volver a ir a cámara. Voy a seleccionar la cámara de dos nodos. Entonces voy a ir a padres y enlazar aquí. Y selecciona y mantén presionado el padre , azota el ícono de remolino mientras lo arrastras, va a crear Quieres simplemente arrastrarlo al nombre del título aquí, nulo hasta que se cierne y lo gris y luego solo suelte Vas a ver eso al lado de la cámara, va a tenerla enlazada aquí en nulo tres, ahí mismo. Eso es. Sólo vas a hacer click para la posición en la capa nula y esto es lo que vamos a estar manipulando principalmente y usando el primer conjunto de números aquí está el eje x y el del medio es el eje y, arriba y abajo Y el tercero es el eje z. Así que sólo voy a arrastrar mi cursor aquí donde comienza la línea uno. Y realmente quiero acercarme a eso, en el mismo tip aquí. Y quiero que la cámara se mueva hacia abajo con ella para que podamos comenzar a acercar el zoom Bien, así que solo estoy jugando con el ángulo de la misma porque cuando quiero acercar, quiero que la otra línea al lado también aparezca cuando aparezca. Entonces creo que eso verá mejor cuando ambas líneas aparezcan al mismo tiempo. Entonces creo que ese es un buen ángulo y sólo voy a parar, Míralo aquí, para decirle a mi cámara que aquí es donde quiero iniciar el zoom in. ¿Todo bien? Y luego a medida que la línea se mueve hacia abajo, quiero que la cámara también se mueva hacia abajo con ella. Entonces con mi eje y, sólo voy a bajar. Bien, así que vamos a darle una oportunidad. Bien, ese es exactamente el efecto que quería, así que te gusta hacer zoom y moverte con él. ¿Bien? Ahora, como la otra línea empieza aquí, voy a parar. Mira eso. Entonces a medida que sube, quiero subir también con mi eje y. Bien. Después de retocar un poco, creo que me gusta más con solo hacer zoom en las dos líneas Y luego cuando golpea en la línea tres, la tercera línea aquí, solo corté el ángulo de la cámara y el objeto nulo e inmediatamente vuelve a acercar el ritmo No interrumpen el movimiento o las líneas o los cambios de color. Si fuera un audio más suave, puedes moverte por la cámara sin problemas si se ajusta al audio. Pero siento que en este caso, las dos primeras líneas con el movimiento parecían mejores. Y luego cortarlo por completo y hacer zoom hacia atrás para que el fotograma completo se ajuste mejor al audio Vamos a darle una escucha y ver si agregar el ángulo de la cámara agregado como un efecto más cinematográfico Creo que me gusta mucho más. Así, agrega otro nivel de interés. En lugar de ver todas las líneas juntas en un cuadro, es mejor comenzar con un zoom y como un trazador de líneas dos primero y luego verlas todas unirse Creo que estoy contento con cómo resultó esto al final. Estamos listos para ir, Estamos listos para finalmente. 11. Exportación: Bien, después de que estés contento con tu carrete de animación y sientas que estás listo para comenzar, asegúrate de que tu resolución vuelva a estar completa. Si hubieras jugado con este y por supuesto comando y quieres ir a exportar archivos y agregarlo al codificador de Adobe Media Q. Eso es solo va a abrir la app media encoder. Bien, tu animación debería aparecer justo aquí en esta ventana y va a tener un estado debajo de ella, lista. Y puedes dar click en la salida a donde va a ir, automáticamente solo la coloca en una carpeta aquí y puedes elegir dónde quieres que esté. Entonces puedes nombrar tu archivo y guardarlo. Cuando todo está bien para ir, solo presiona Enter. Y luego cuando esté hecho dirá hecho aquí. Ahí lo tienes. Es bueno ir por Instagram. 12. Proyecto de clase: Como mencioné, al principio, quería que este ejercicio fuera súper corto y sencillo. Para que si eres nuevo en esto, no te intimida, pero al mismo tiempo no te limite Esta es la razón por la que me encanta el diseño de movimiento con formas básicas porque es realmente para todos. Si no te gusta mucho ilustrar, este es un comienzo perfecto para tu viaje de diseño de movimiento. Espero que estés emocionado de probarlo tú mismo también. Para tus proyectos de clase, puedes usar exactamente el mismo audio que yo usé. Lo vincularé en los recursos para que puedas seguir adelante y descargar el archivo de audio. Siéntase libre de usar diferentes formas, colores, cualquier cosa para hacerlo suyo o puede dirigirse su feed de comidas de Instagram y desplazarse y encontrar un audio que le guste, guardarlo, pantalla, grabarlo y usar ese archivo como su audio en después de los efectos a partir de ese momento. Es exactamente el mismo proceso. Cuando termines de exportar tu cabeza de archivo a Vimeo o Youtube, sube ahí tu video, copia el Lincoln, pegarlo aquí en la sección de proyectos de clase Y no olvides tomar una captura de pantalla de tu video para que pueda ser tu imagen de portada aquí en los proyectos de clase. Por supuesto que no hace falta decirlo, por favor publicarlo en Instagram y etiquetarme, Compártelo conmigo. Me encantaría verla. Y si tienes alguna duda, por favor no dudes en preguntarme. Siempre estoy aquí. 13. Gracias: Muchas gracias por tomar esta clase. Espero que te haya resultado divertido o útil o interesante. Y por favor déjeme una reseña abajo abajo. Realmente lo agradecería ya que ayuda a otros estudiantes a saber qué esperar de esta clase. Si sientes que estás listo para llevar tus animaciones a nivel superior en un entorno más avanzado y real, entonces dirígete a mi clase de video de marca, donde me sumerjo profundamente en animar un logotipo y una identidad de marca Gracias de nuevo y nos vemos en la siguiente.