Tipografía animada en After Effects: capas de efectos simples para una apariencia compleja

1. ¡Hola!: Bienvenido a Tipografía animada y After Effects. En esta clase, aprenderás a capas efectos animados simples para crear tipografía animada de aspecto complejo. Yo soy Megan Friesth y voy explicadora. Esa es solo mi palabra para lo que hago, que es ilustrar y animar animaciones educativas. Hay textos prácticamente en todas partes que mires, y en el mundo actual, gran parte de eso es digital. Esto deja una enorme oportunidad que relativamente pocas personas están aprovechando; animando ese texto. Con la tipografía animada, puedes hacer que tus letras salgan de la pantalla, ya sea literal o figurativamente. Puedes crear animaciones llamativas que realmente amplifiquen tu mensaje. Hay tantos usos para la topografía animada: desde videos explicadores, videos tipografía cinética, videos musicales líricos, tercios inferiores, logotipos, secuencias de títulos, tarjetas de felicitación digitales, sitios web, digital signage, publicidad , y por supuesto, las redes sociales. En esta clase, demostraré cómo hay infinitas formas de crear tipografía animada llamativa que son totalmente alcanzables. No necesitas ser un experto. Si eres nuevo en After Effects, te recomendaría tomar mi clase, Letras animadas en After Effects, primero. Una vez que estés cómodo con los conceptos básicos que se imparten en esa clase, estarás listo para abordar esta. En esta clase se abordará cómo crear el diseño de tus textos en Adobe Illustrator, incluidos consejos para hacer letras perfectamente alineadas y redondeadas, y cómo crear listas para animar contornos y acentos. Después te mostraré cómo importar y animar tus formularios de letras principales en After Effects. Después de eso, es hora de agregar todas las divertidas florece como contornos animados, acentos y ráfagas de confeti. Una vez que hayas creado este look, te daré algunas ideas más sobre cómo puedes animar efectos simples para crear tu propia tipografía animada única. Entonces si estás listo para hacer alguna tipografía animada, empecemos. 2. Proyecto de clase: El proyecto para esta clase es animar una letra, número o carácter especial en el estilo que demuestro a lo largo de la clase, y para solo crear exactamente lo que estoy creando mientras ves videos de tres a 11, voy a usar el letra A, pero puedes elegir cualquier letra. Cuando termines, adelante y publícalo en los proyectos de clase. Entonces en videos del 12 al 18, te daré inspiración adicional sobre cómo puedes probar otros efectos similares para hacer tu propia Creación. Me encantaría ver lo que se te ocurre. Por lo tanto, publique esto al proyecto de clase también. Este método de imitar y luego crear tu propia versión única realmente ha ayudado en clases que he tomado. Si de verdad quieres aprender estas técnicas, te recomendaría hacer lo mismo. Cuando termines, tendrás algo totalmente único para tu propio portafolio o redes sociales. Por supuesto, no tienes que parar en una sola letra. Se puede deletrear una palabra entera o varias palabras. Si haces todo el alfabeto como lo hice, tendrás tu propia tipografía animada personalizada que podrás reutilizar una y otra vez a través de muchos proyectos diferentes. Si eso suena intimidante, basta con empezar con una letra, aunque la juegues en una palabra entera animada o en todo el alfabeto, lo mejor es simplemente empezar animando una letra de principio a fin. De esa forma, si decides que quieres hacer cambios en algún lugar del proceso, es más fácil cambiar una letra que 26. Entonces hagámoslo. 3. Crear un diseño de texto en Illustrator: Vamos a empezar en Adobe Illustrator. He creado un nuevo proyecto con un tablero de arte que es de 1920 por 1080 píxeles, porque ese es el tamaño estándar. Pero si quieres crear un tamaño diferente, eso también está bien. Me gusta crear mi diseño de textos en Illustrator y luego importar las capas a After Effects. Ahora, podrías hacer el diseño del texto justo en After Effects, pero prefiero usar Illustrator por características como Smart Guides que facilitan la creación de letras perfectas. Smart Guides ayuda a alinearse, y poner algunas cosas en su lugar, y si nunca las has usado antes, verás a qué me refiero en tan solo un segundo. Para activar las Guías Inteligentes, sube a Ver y luego asegúrate de que las Guías Inteligentes estén marcadas. Lo primero que voy a hacer es ir a mi herramienta de texto y luego dar click en mi tablero de arte y escribir lo que quiera escribir. Yo sólo voy a hacer las letras A, B, C, sólo con fines de demostración porque les tienen alguna variedad. Entonces puedes subir y cambiar la fuente a donde estés. Voy a usar arenas movedizas. Voy a hacer que mis textos sean aún más grandes, así que manteniendo pulsado Shift, sólo voy a arrastrarlo hacia fuera. Hagámoslo realmente grande y lo redondearemos hasta un número par. Eso se ve bastante bien. Ahora, la razón por la que quiero hacer mi texto extra grande es que cuando trabajo en After Effects, a veces querré acercarme mucho para ver de cerca lo que está haciendo mi animación de letras. Se puede pixelar en el espectador en After Effects. Por eso quiero que sea agradable y grande para aliviar ese problema de pixelación. Pero cuando se renderiza, sin importar el tamaño que sea, va a ser una forma vectorial, por lo que no tendrá ese problema de pixelación. Lo que voy a hacer a continuación es simplemente bloquear esta capa que tiene mi texto en ella y luego voy a bajar a este nuevo botón de capa y hacer una nueva capa. Entonces voy a ir a mi herramienta Pen o presionar P en el teclado. Yo sólo voy a rastrear mis cartas. Estoy haciendo caminos para todas mis cartas que tomarán el lugar de esta capa de texto, porque así lo voy a animar. Al igual que si hubieras visto mi boceto anterior tu clase de letras animadas, estoy usando la misma técnica. En primer lugar, necesito cambiar este color a un color de trazo sin relleno y voy a cambiar a algo que sea fácil de ver encima de este negro. Simplemente voy a mover mi herramienta Pluma sobre la letra y empezar a rastrear haciendo clic y luego moviendo, haciendo clic y luego moviendo la herramienta Pluma. Esto es a lo que me refiero de que los Smart Guides sean útiles, porque en este momento se puede ver esta línea rosa que me está mostrando que mis dos puntos inferiores están alineados. A eso me refiero con Guías Inteligentes siendo útiles para hacer letras perfectas. Voy a cobrar para terminar esa línea y luego voy a golpear Enter para rematar fuera de la línea. Se puede ver que mi trazo es mucho más pequeño que la letra real. Yo sólo voy a ir por aquí y aumentar el derrame cerebral. A lo mejor algo así como el 68 se ve bastante bien. Entonces solo haré las tapas, tapas redondeadas y haré las esquinas esquinas redondeadas. Ahora, solo quiero ajustar esto para que sea más preciso. Voy a presionar la tecla A o ir a la herramienta Selección Directa aquí. La herramienta Selección directa permite editar puntos individuales. Entonces voy a golpear Command Plus para acercar y luego sólo alinearé esto un poco mejor. Incluso puedes presionar las teclas de flecha si solo quieres pequeños incrementos. Haz eso, y luego mueve esto, muévete esto, y no tiene que ser perfecto. Justo lo que te parezca bien. Ahora voy a añadir otra línea. Por lo que golpea P para que aparezca la herramienta Pluma. Entonces si fuera a agregar esta línea justo aquí, se puede ver que el camino está seleccionado, sólo va a agregar un punto a este camino y eso no es lo que quiero. Entonces sólo voy a salir de esa carta. Esa carta no está activada y después sólo hacer mi punto. Después pulsa Enter it in the line y puedo volver atrás y alinear esto. Si mantengo pulsado turno, se asegurará de que sólo me estoy moviendo en el eje horizontal. Eso en realidad no es alinear la forma en que quiero que lo haga. Así que voy a darle un poco a la tecla de flecha arriba. Yo quiero mover toda esta línea hacia abajo. Simplemente seleccionaré todo el asunto con la herramienta de selección regular y luego solo presionaré la tecla de flecha hacia abajo un par de veces. Eso se ve bien. Entonces pasando a la B. Ahora, voy a golpear la herramienta Pluma, hacer otra. Estoy sosteniendo Shift para asegurarme de que esta sea una línea recta y luego me voy a ajustar con la herramienta Selección Directa. Quiero que todo se mueva, así que usaré la herramienta de selección regular, que el atajo es V y luego simplemente haga clic en la línea y mueva todo. Se puede ver que estas letras, pesar de que parece que es un frente de línea mono. Línea mono que significa un trazo en toda la letra. En realidad no es un acrílico completo de cerca, selecciona este B, es más delgado aquí entonces justo aquí. El trazo para mi A fue 68 y eso se alineó bastante bien. Pero aquí, cuando tengo un derrame cerebral que es 60, no está del todo bien. Pero sólo voy a ignorar todo eso y sólo hacer mi fuente sea realmente geométrica y realmente uniforme. Voy a desviarme un poco de la fuente real. Eso está bien porque no vamos a ver la capa de textos real, la fuente real en nuestro diseño final, solo veremos las líneas que he creado que componen el texto. Para estas formas de bucle de la B, puedo usar la herramienta Rectángulo para hacerlas perfectamente redondeadas. Esa es otra razón por la que me gusta hacer mi diseño en Illustrator. Voy a ir a la herramienta Rectángulo y luego simplemente dibujar un rectángulo. Eso se ve por ahí. Después voy a pasar a la herramienta Selección Directa y golpear estos dos pequeños círculos de esquina del lado derecho de mi B y luego solo voy a golpear Shift para seleccionar el segundo. Ahora tengo estos dos rincones seleccionados, pero estos dos no lo son, y se puede decir por cierto que este círculo y este círculo son más oscuros. Ahora voy a arrastrar hacia el centro para redondear eso. Hace un arco realmente perfecto aquí. No se alinea exactamente con la fuente, pero eso está bien. Ahora, para hacer el segundo bucle en la B, voy a duplicar esta forma, así que solo voy a hacer clic en ella y arrastrarla, pero mantenga presionadas Opción y Mayús. Eso asegurará que se quede en el mismo eje vertical y también lo duplique. Eso es lo que hace Option. El bucle inferior en la B es más grande que el bucle superior. Entonces lo que voy a hacer es sólo arrastrarlo para hacerlo más grande. Pero cuando lo arrastre, también va a estar aumentando el tamaño de mi fuente. Sólo necesito restablecer eso al 68. Se puede ver que he alineado esto bastante bien para que la intersección de estos dos bucles esté exactamente alineada. Estos bucles también están alineados con la parte posterior de la B. Lo que quiero hacer ahora es cuando animo esto, no quiero que tenga esta parte trasera aquí mismo. Yo sólo voy a entrar en mis capas sólo para mostrarte. No tienes que necesariamente hacer este paso. Pero voy a ocultar todo sobre este bucle inferior en la B con sólo hacer clic en el globo ocular. Ahora, tengo justo esto visible. En realidad, no parece que esto esté todo curvado hacia fuera. Sólo voy a sugerir eso porque me gusta que sea realmente agradable y redondo. Ahora lo que voy a hacer es presionar la tecla C. Eso va a traer la herramienta Cortar o la herramienta Tijeras. Voy a golpear este punto de anclaje y en este punto de anclaje. Lo que eso se hace es desprender mi forma en esos dos puntos. Ahora puedo seleccionar esta línea y simplemente eliminarla. posible que tengas que golpear Delete dos veces porque dejará atrás algunos pequeños puntos de ancla rezagados. Me he deshecho de todo eso. Ahora solo tengo este bucle. De esta manera, cuando animo el B, la parte posterior de la B va a animar en, y luego esto animará por separado. No quería esa parte de conexión porque entonces eso lo animaría de nuevo y dependiendo del orden de la animación, tal vez no la veas porque esto ya estaría animado. De esta manera, tenemos todo separado en una obra agradable y limpia. Ahora tenemos que hacer lo mismo en la parte superior de la B. Sólo voy a mostrar esa y golpear C en el teclado para subir las tijeras, cortarla aquí y aquí, y eliminar esta pieza extra. Yo solo quiero volver a hacer visibles todas estas cosas, puedes cerrar la capa si quieres y ahora pasemos a C. Para hacer la C, voy a usar la herramienta Elipse, así que eso va a estar bajo la herramienta Rectángulo, así que haz click y sostén o puedes usar el atajo L. Voy a mantener presionada la tecla Shift para hacer un círculo perfecto. Yo sólo lo voy a mover a su lugar. Una cosa que voy a hacer muy rápido es ir a mi panel Transformar, y si no ves este panel, ve debajo de Ventana y luego lo puedes encontrar ahí. Voy a asegurarme de que la escala, trazos, y los efectos estén realmente descontrolados. De esta forma, puedo cambiar el tamaño de este círculo, pero siempre mantendrá el trazo de 68 puntos que quiero para todas mis letras. Yo sólo voy a asegurarme de que esto esté alineado. Probablemente necesitaré hacerlo un poco más grande, creo, pero es difícil de decir. Lo que voy a hacer es golpear comando R, para sacar a mis gobernantes y luego de la regla voy a arrastrar hacia fuera una pauta y posicionar eso justo en la parte inferior de la B, porque este es un bonito fondo plano. Notarás que con esta tipografía y esto le pasó a las caras tipo agua, es que las partes curvas de letras en realidad se extenderán más allá de esta línea de base justo aquí. El A se extiende un poco más allá de la línea base y el O también debería. Solo estoy usando esta guía para asegurarme de que mi O se esté extendiendo más allá de la línea de base, casi la misma cantidad que la A. Sólo voy a empujar esto un poco, eso se ve bien. Ahora para hacer esto en forma de C, solo voy a usar de nuevo la herramienta Tijeras para cortar dos puntos. Entonces simplemente borrar y borrar de nuevo y eso hace un C. Creo que me gusta la forma en que se ve, pesar de que no está del todo alineado con la fuente. Sí. Eso va a funcionar. 4. Separar fragmentos de letras en capas: Ahora que tenemos todas nuestras cartas, sólo voy a recolorearlas a los colores que quiero. Yo sólo voy a arrastrar y seleccionar todo, y luego sólo entra y vamos a dar click a este azul. Ahora lo que quiero hacer es poner todas estas piezas de todas las letras en sus propias capas. Lo que puedo hacer es simplemente golpear el espacio al lado del círculo en la capa que tiene todas mis letras, y luego ir a este menú de hamburguesas, e ir a soltar capas a secuencia, y luego voy a seleccionar todas las capas que se liberado en la secuencia y arrástrelos arriba por encima de mi capa original. Ahora puedes ver que están todos por su cuenta. Antes de que fueran anidados, podía decir porque están sangradas, pero ahora están todos en sus propias capas. Tengo esta capa en blanco ahora la cual puedo eliminar, y también tengo esta capa que tiene esta pauta aquí mismo, y ya no necesito eso así que solo voy a golpear delete. Está bien, así que ahora tengo cada pieza de mi carta en su propia capa. Para que esto sea fácil de animar solo voy a renombrar todas las capas, así que esto será A-main, esto será A-across, y se puede ver que mi convención de nomenclatura es, empiezo con la letra, luego espacio, guión, y luego espacio, y luego algún descriptor. Este es el cuadro A principal, este es el trozo transversal de la A, y eso sólo me ayuda a saber lo que estoy animando cuando entro en mis capas y después de efectos. Cuando trabajo con estas letras en after effects quiero que se centren en el medio de la columna, y eso sólo lo hará más fácil porque voy a tener todas mis capas y toda mi animación en una comp en after effects, y luego voy a usar esa comp para cuando quiera deletrear una palabra. Si eso no tiene sentido ahora mismo, solo aguanta conmigo y sigue adelante , tendrá sentido más adelante. Lo que necesito hacer ahora es solo poner estas letras en el centro de la comp. Voy a seleccionar ambas de las piezas de la A, y luego sólo voy a subir a transformarme aquí arriba, y luego voy a teclear en el centro del tablero de arte, así que sé que va a ser 960 por 540 porque esa es la mitad de 1,920 por 1. 080. Se puede ver eso está centrado la A, déjame simplemente ocultar estas otras capas. En realidad no importará, solo puedo eliminar esta capa de textos de referencia porque ya no la voy a necesitar. Ahora mi A está centrada en mi comp, y sólo voy a ocultar la A y mostrar la B, y hacer lo mismo. Ahora tal vez te estés preguntando por qué no solo selecciono todos estos y luego golpeo las herramientas alineadas. Pues porque eso es lo que va a pasar. No va a alinear las tres piezas juntas, alineará cada una de ellas al centro del tablero de arte. Déjame deshacer eso, y luego sólo entra en transformarse y teclear a la mitad del tamaño del tablero de arte, y eso lo centrará muy bien. Puedes usar ese truco cuando quieras centrar múltiples cosas, pero no están agrupadas. El C es en realidad solo una pieza, así que puedo usar mis herramientas de alineación aquí. 5. Crear detalles en Illustrator: El siguiente paso es hacer las capas para todos los detalles acentuadores que voy a animar. Yo sólo voy a enfocarme en la A y hacer esos. Lo que voy a hacer primero es solo seleccionar todas las partes de la A, hit command C para copia. Haz una nueva capa y asegúrate de que en esa capa. Después pulsa Command Shift V, eso va a pegar esas nuevas capas en el mismo lugar exacto que estaban antes. Entonces si escondo mi A a través de A principal, todavía se puede ver esa A, que acabo de pegar. Entonces básicamente tenemos dos copias de la A. Lo que voy a hacer a partir de aquí es subir a Object, Expandir, entonces solo vas a golpear Fill and Stroke y golpear OK. De lo que eso se hace se toma mis líneas que eran sólo una línea con un trazo y sin relleno en Maine esas en formas sólidas. Entonces tengo aquí dos piezas que solo son formas sólidas. De lo que voy a hacer, seleccionarlos a ambos y entrar en mi panel Pathfinder. Si no ves eso, eso volverá a estar en el menú de Windows. Voy a golpear la primera opción que es unirme. Ahora se ha unido esas dos formas y las ha convertido en una sola forma. Esa es sólo la forma de la A. Así que ahora lo que puedo hacer es convertir esto en un esbozo. Simplemente cambiaré el Fill and Stroke y lo recordaré que, creo que voy a querer que ese sea un punto más más grueso, así que aumenta eso y ahora tenemos un esquema de nuestra carta. Entonces voy a renombrar esto. Si muestro ambas de mis otras capas, se puede decir que este esquema está justo en el exterior de mi carta. Lo que quiero hacer ahora es crear otro esquema que esté un poco compensado de mi carta. Lo que quiero hacer es asegurarme de que mi esquema esté seleccionado. Sube al menú de hamburguesas y pulsa Duplicate ahora tengo otra copia. Yo sólo voy a recolorear esto para que puedas decir de qué se trata. Voy a usar este azul claro, que es difícil de ver. Entonces mientras estoy en ello, sólo voy a hacer una capa de fondo. Si hace clic, cuando está utilizando la herramienta de forma, realidad puede escribir en valor. Entonces eso es lo que haré aquí. Centremos esto al aeropuerto. Hazlo un azul oscuro, vamos a ir aún más oscuro que eso. De acuerdo, eso servirá, Hagamos una nueva capa para este fondo. Destina al fondo y nombra fondo. Podemos simplemente bloquear eso para que no se interponga en el camino. Ahora con este esquema en nuestra copia, realidad voy a renombrar ese contorno exterior con él seleccionado, voy a subir a Ruta de objeto, trayectoria de desplazamiento. Entonces va a sacar esta caja. Si golpeas la vista previa puedes ver lo que está pasando. Lo que está haciendo es compensar el camino por los píxeles que pongas aquí. Probemos algo así como tal vez 10 que se ve bastante bien. Entonces solo le pegaré OK. Entonces si miras de cerca, en realidad se ha mantenido mi camino original. No quiero que eso nos dijera, borra eso. Por lo que ahora tengo mi carta con un contorno interior y exterior, las piezas que van a estar animando en la letra. Hay una cosa más que quiero agregar y esas son esas líneas de acento. Lo que voy a hacer es hacer clic tanto en mi letra principal como a través de letras, asegúrate de que estén seleccionados con estas casillas aquí. Acude al menú de hamburguesas y Selección Duplicada. Voy a arrastrar estos encima de capas A, luego voy a entrar y nombrar estos acentos. A mí me gusta poner primero lo común. Todos estos tienen un en común, entonces lo siguiente que tienen en común para estos acentos es que son acentos, así que voy a poner acento aquí. No tienes que usar necesariamente mi convención de nomenclatura, pero es algo que encontré funciona muy bien. Lo que voy a hacer con estos dos acentos es hacerlos de un color diferente. Vamos a este rosa y hacer que el trazo no se llene, ahora voy a disminuir el trazo. Intentemos como 10, eso es bastante bueno. Queremos que se extiendan más allá de nuestras letras solo para que la animación se vea un poco más interesante ya que se está animando. Lo que voy a hacer es simplemente ir a la herramienta de selección directa. Voy a arrastrar esta línea hacia fuera más allá de la parte inferior de la y las guías inteligentes están encendidas, lo cual es bonito porque me va a mostrar si estoy manteniendo esa línea recta y el mismo ángulo. Haré lo mismo con el otro lado. Me está mostrando que tengo la misma longitud, misma alineación con este punto, que es bonito, entonces en realidad en la parte superior, quiero que esta línea se extienda más allá de la a en la parte superior. Lo que voy a hacer es volver a usar esa herramienta de tijera para cortar esta línea, entonces puedo arrastrar esto hacia arriba y arrastrar este lado hacia arriba. Aquí vamos, voy a arrastrar la línea cruzada ahora. Está bien, se ve bien. Entonces necesito separar estos dos A alineados en los suyos. Crearé una nueva capa. Después con una de las líneas seleccionadas, solo tomaré esta cajita y la arrastraré hacia arriba a la nueva capa. Este será un acento-2 y éste será un acento-1. Si estás trabajando en múltiples letras al mismo tiempo, vas a querer hacer esto para todas tus otras letras o simplemente puedes hacer una capa, volver y hacer esta capa de paso para tus otras letras. 6. Animar las letras principales: Estamos listos para empezar a animar. Tengo un nuevo After Effects Project y sólo voy a subir a archivo, importar archivo. Voy a navegar al archivo de Illustrator que acabo de crear y asegurarme de que tengo importación como composición retener tamaños de capa. Si no ves este desplegable, pulsa el botón de opciones. Entonces voy a golpear abierto. Si hago doble clic en este comp, tengo todas las capas que hice en Illustrator. Lo primero que voy a hacer es seleccionar todas mis capas excepto el fondo. Haga clic derecho en ir a crear, crear formas a partir de capa vectorial. Eso sólo las hará capas Shape para que pueda animar en After Effects. Primero voy a entrar y seleccionar todas las capas Shape para la A. Sólo voy a golpear comando shift C para precomponerlas y sólo voy a nombrar a esto A y pegarle bien. Ahora puedo hacer doble clic en este comp y ahora tengo justo las capas A justo aquí. Lo primero que voy a animar aquí es la parte principal de la carta que hice azul. Voy a esconder todas las demás capas y sólo trabajar en éstas. Voy a cambiar hacia abajo e ir a agregar recorridos de recorte, y luego cambiar eso hacia abajo. pongamos un fotograma clave, digamos a tal vez 20 fotogramas. Establezca un marco clave para el valor final y luego vuelva a 0 y baje el valor n a 0. Ya verás que eso se va a animar en la parte principal de la A. Ahora solo voy a copiar estos términos path en la parte transversal de la A y presionar U en el teclado para ver mis fotogramas clave. Quiero que esta animación comience un poco más tarde. Simplemente arrastraré estos fotogramas clave hacia adelante en el tiempo, tal vez ahí. No hace falta que la animación tome tanto tiempo porque es una línea más corta, así que tal vez sólo arrastre eso aquí, ajustarlos un poco y ver cómo se ve eso. Bien. Pero es realmente aburrido porque estos son fotogramas clave lineales, y así el movimiento es justo la misma velocidad todo el tiempo. Lo que podemos hacer es seleccionar estos fotogramas clave. En realidad podemos seleccionarlos a ambos al mismo tiempo. Ahora tenemos algunas opciones desde aquí para agregar flexibilización. Lo primero que puedes hacer es hacer clic derecho, ir al asistente de fotogramas clave. Puedes elegir entre facilidad fácil, facilidad de entrada o facilidad de salida fácil. O puedes golpear a F9 para facilitarlos. Pero de nuevo, fácil facilidad no todo eso interesante de una animación. Veamos qué más podemos hacer. Algo que uso todo el tiempo para ayudar a relajar mis fotogramas clave y hacer más interesante la animación es este plug-in llamado movimiento, y ahora estamos en movimiento versión tres. Este es un plug-in que no estoy afiliado a todo, pero lo recomendaría mucho porque te ahorra tanto tiempo. Puedes usar estos presets para añadir facilidad a tus fotogramas clave. Ahora con el movimiento tres, incluso se puede ver una pequeña vista previa de cómo sería el editor de gráficos con estos botones. También puedes usar los deslizadores para ajustar la flexibilización en tus fotogramas clave. Si no quieres gastar el dinero para la moción tres, lo consigo totalmente, pero si hay un plug-in, lo recomendaría para animadores, sería movimiento tres pero aun así si no lo tienes, eso está totalmente bien. No lo necesitas. Puedes golpear este pequeño ícono justo aquí para entrar al editor de gráficos, y luego puedes ajustar tus fotogramas clave desde aquí. Voy a llevar esto todo el camino al lado derecho, y vamos a ver cómo se ve eso. Eso es realmente rápido, es muy lento y luego de repente eso brota a la meta. Eso es un poco demasiado. Sólo bajaré esto un poco. A lo mejor algo así. Tal vez incluso un poco menos. Creo que eso se veía bastante bien. Tómate un tiempo para ajustar tu editor de gráficos o usa presets o combo dual de ambos porque eso es realmente lo que hace interesante tu animación. Si solo usas los fotogramas clave lineales estándar, va a ser bastante aburrido. Si utilizas facilidad fácil lo hace un poco mejor, pero si de verdad entras y ajustas tus fotogramas clave, sobre todo cuando tienes letras más complejas entonces A, como si tuvieras quizás tres piezas pasando, realmente ayuda para que tu animación sea mucho más interesante y solo se ve mucho más pulida. Una vez que tengas eso de la manera que te gusta, entonces puedes hacer clic fuera del editor de gráficos, y ahora lo que voy a hacer es seleccionar ambas capas y presionar Command Shift C para precomponerlas. Voy a nombrar a esto A main porque es la parte principal de mis cartas y acaba de golpear, ok. Ahora tengo esta composición que tiene ambas capas con esa misma animación. Pero lo que puedo hacer ahora es duplicarlo. Voy a ir a mis Efectos y presets, y si no ves esto, puedes ir a ventana y ahí lo encontrarás. Yo sólo voy a escribir en este campo de búsqueda aquí mismo. Voy a teclear fill. Voy a tomar este efecto, arrastra eso encima de mi A principal, la capa superior. Eso lo va a volver a colorear y tengo este rojo odioso por defecto, pero lo que realmente quiero tener es un color diferente. Voy a volver a mi archivo de Illustrator sólo porque tenía esas muelas. Voy a copiar el color azul claro cuando copie este número hexadecimal y pegue bien. Vuelve a After Effects y pega eso en este campo de color. Está bien, así que si estaba usando el movimiento tres, puedes hacer click en este color y recolorear aquí mismo e incluso puedes importar tus ejemplos. Esa es otra cosa para la que el movimiento tres es realmente útil. Lo que voy a hacer ahora es simplemente arrastrar esta capa alrededor de dos fotogramas hacia el futuro. Ahora puedes ver que tengo mi capa azul y luego mi capa azul claro escalonada, pero ambos haciendo la misma animación. En realidad voy a hacer eso una vez más y escalonar esa capa, y luego vamos a ver. Creo que quiero que mi primero sea el azul claro, el segundo sea el azul medio, y luego mi última capa, voy a añadir ese relleno también. Voy a hacerlo azul oscuro. Ahora tengo una animación escalonada de tres colores animando en. Pude reutilizar esa comp en esa animación y simplemente recolorearla. 7. Animar el contorno exterior: Lo siguiente que voy a animar es el contorno exterior. Entonces voy a cambiar hacia abajo, ir a agregar rutas de recorte, y luego cambiar hacia abajo las rutas de recorte, voy a ir a alrededor de un segundo establecer un fotograma clave para que el valor n esté en un 100 por ciento, y luego ir a cero fotogramas y bajar esto a cero. Ahora se puede ver que está animado en, pero la parte interna de la a, este pequeño triángulo se anima en primero y después en la parte externa. En realidad quiero que animen ambos al mismo tiempo. Entonces aquí mismo, puedes ver recortar múltiples formas está configurado de forma simultánea en lugar de individualmente, por lo que pensarías que eso significaría que ambos se animarían al mismo tiempo. Pero como eso no es lo que está pasando, descubrí que si solo arrastras esta capa de trazado de recorte por debajo de la ruta dos, funcionará como cabría esperar. Por lo que ambos están animando al mismo tiempo. Entonces tengo el contorno animando en, pero en mi diseño final, no quiero ver este esquema. Por lo que necesito animarlo también. Entonces bajo recorridos de recorte, voy a establecer un fotograma clave para que el valor de inicio esté en cero, y luego en un 100 por ciento. Ahora cuando vuelvas a jugar esto, no vas a ver nada porque el inicio y el valor final siempre están al mismo por ciento, y eso significa que no ves nada. Lo que necesito hacer es ajustar la flexibilización en estos fotogramas clave, para que se animen hacia fuera y hacia dentro al mismo tiempo, pero en realidad verás parte de la línea porque estos valores están escalonados. Entonces solo voy a golpear a F9 para aliviarlos, luego saltar a mi editor de gráficos, y voy a hacer que el inicio vaya rápido y luego despacio, así que solo arrastraré eso así, así que va a ir rápido y luego despacio, y el valor n va a hacer lo contrario. Tan lento y luego rápido. Tocemos eso atrás y veamos cómo se ve. Entonces porque estoy trabajando con el trazo, puede ser difícil ver qué pasa cuando se selecciona mi capa porque también es como un trazo. Entonces lo que puedes hacer es presionar este pequeño botón aquí mismo, y lo que eso va a hacer es simplemente hacerlo para que no esté seleccionando la forma real de tu capa cuando la capa seleccionada para que así pueda ver qué está pasando mejor. Con esta animación y la flexibilización en estos fotogramas clave, se puede ver la línea porque la flexibilización es escalonada. Por lo que anima encendido y apagado todo a la vez. Entonces juguemos esto de nuevo y veamos cómo se ve. Está bien. Algo que estoy notando es que la animación para el contorno comienza de nuevo a la derecha, mientras que el resto de la animación comienza a la izquierda. Por lo que quiero mover esta animación en el contorno otra vez para empezar también por la izquierda. Lo que puedo hacer es cambiar este valor de desplazamiento y simplemente arrástrelo para inclinarse allí. A ver cómo se ve eso. Agradable. También quiero sólo señalar que se puede cambiar la dirección que anima el camino con estos botones aquí mismo. Voy a mantener el mío como está. Voy a ajustar mis fotogramas clave en el contorno para que la animación tome un poco más de tiempo. Traigamos aquí los dos últimos fotogramas clave. De esa manera, haré que la animación principal vaya primero, y luego aún queda un poco del contorno todavía visible que se anima una vez terminada la animación principal. A mí me gusta la forma en que se ve. Está bien. Estamos listos para pasar al siguiente paso. 8. Animar el contorno interior: Lo siguiente que voy a animar es el contorno interior y en realidad puedo simplemente copiar y pegar los recorridos de recorte del contorno exterior en el contorno interior. Primero entraré en el contorno exterior, seleccionaré la trayectoria de recorte, golpearé Comando C para copiar, cerraré eso, entraré en el contorno interior y me aseguraré de que mi cabeza de juego esté en cero fotogramas y golpee Comando V para pegar. Ahora puedo cambiar hacia abajo para ver esas rutas recortadas y por defecto se han pegado en el grupo 2 y solo voy a moverlas hacia arriba al grupo 1 bajo la ruta 2 y puedo simplemente eliminar el grupo 2 en realidad. Esta va a ser la misma animación exacta que el contorno exterior, así que quiero cambiarla. Lo primero que voy a hacer es simplemente cambiar la dirección del camino y voy a mostrar el contorno exterior solo para que sepa con qué estoy trabajando y ajustemos un poco el offset, así que en el contorno interior, estoy va a simplemente mover eso hacia allá. Yo sólo los hace un poco escalonados y ahora lo que voy a hacer, así que voy a ocultar el contorno exterior. Voy a duplicar este contorno interior. Voy a golpear Comando D para duplicar y luego esta versión duplicada, voy a hacer un color diferente. Si no tienes el plugin de movimiento solo puedes cambiar el color aquí y voy a hacer el trazo un poco más grueso en esto, como el color rojizo uno. Sólo voy a traer eso hasta tal vez como cuatro y puedes ver si miras de cerca que tengo este contorno interno 2 encima del rojo y así lo que voy a hacer aquí es simplemente entrar en los recorridos de recorte y cambiar la dirección del camino, por lo que va en dirección opuesta y solo ajustaré este valor de desplazamiento. Empiezan como justo al lado del otro pero luego verás cuando animen encendido y apagado, van a estar rompiendo el uno del otro. El contorno 2, el de color blanquecino está encima del rojo y no quiero poder verlo ahí mismo solapándose así que sólo voy a moverlo abajo. Algo que acabo de notar es que los extremos de estas líneas tienen un gorro plano y quiero que sean redondeados, a pesar de que es realmente pequeño y es un detalle muy menor solo voy dentro y bajo trazo, lo cambiaré de gorra de tope a tapa redonda y voy a entrar y hacer eso en las otras capas también y también necesitaré cambiar esto en mis contornos exteriores. Estamos bien para ir allí. Simplemente voy a cerrar esas capas y voy a ajustar mi área de trabajo, alejarme y reproducimos eso de nuevo. Tal como está, este es un efecto fresco porque tienes animación yendo en ambos sentidos. Se puede leer la A por un segundo y luego se anima. Veamos cómo se ve todo por completo. Esto es lo que tenemos hasta ahora. 9. Animar las líneas con detalles: Lo siguiente que quiero animar son estas líneas de acento que recorren el medio de las letras. Voy a entrar y hacer visible mi primera línea de acento, cambiar hacia abajo, y agregar recorridos de recorte. Entonces voy a cambiar hacia abajo y establecer un fotograma clave para que el valor final esté en cero por ciento, en cero fotogramas. Entonces voy a seguir adelante en el tiempo unos 20 fotogramas y luego llevar este valor N al 100 por ciento. Ahora también quiero que esta línea se anime apagado, así que voy a establecer un fotograma clave para un cero por ciento en el valor inicial, avanzar en el tiempo, y establecer un fotograma clave para el 100 por ciento, y eso anima la línea fuera. Pero no quiero que mi animación siga todo el camino y luego todo el camino fuera porque eso no es muy interesante. Voy a tomar estos fotogramas clave en el valor de inicio y arrastrarlos para que se superpongan un poco con mis fotogramas clave finales. Vamos a solaparlos alrededor de cinco cuadros. A ver cómo se ve eso. No está mal, pero necesitamos aliviar estos fotogramas clave. Pero primero solo quiero señalar que he animado esto antes, así que sé lo que va a quedar bien. Si estás haciendo esto por primera vez, y cuando lo hice por primera vez, tuve que jugar con los fotogramas clave en la superposición y la flexibilización. Entonces no te sientas mal si estás pasando mucho tiempo descubriendo qué se ve bien, eso es totalmente normal. Ya me acabo de dar cuenta de esto, así que no tienes que verme pasar por eso. Voy a entrar y añadir flexibilización a mis fotogramas clave solo seleccionándolos, haciendo clic derecho, y yendo a facilitar. Entonces voy a subirme al editor de gráficos, y voy a hacer que mi fotograma clave de inicio vaya lento y luego rápido, y mi fotograma clave final vaya rápido y luego despacio. Parece que la estrella va a ser la naranja. Así que vamos a seleccionar este fotograma clave, arrastrarlo sobre eso, vamos a arrastrar esto hacia arriba, tal vez algo así. Ahora voy a tratar de hacer el mismo arco en los fotogramas clave finales, pero simplemente espejado imaginado. Algo así. Ahora juguemos eso atrás y veamos cómo se ve. Sí, mucho más interesante que lo que teníamos en fotogramas clave lineales. Todo el tiempo que tardas en gastar ajustando tu editor de gráficos realmente va a empujar tu animación al siguiente nivel. Lo bueno de esto es que muchas veces puedes copiar y pegar tus fotogramas clave, e incluso la flexibilización de tus fotogramas clave para que no tengas que sentarte ahí y tirar del editor de gráficos por cada fotograma clave que establezcas. Por ejemplo, si quisiera copiar estos fotogramas clave en el segundo acento, así no tengo que reanimar eso porque me gustó la forma en que resultó, solo puedo entrar y copiar los recorridos de recorte. Asegúrate de tener tu cabeza de juego en cero fotogramas, ahí es donde quieres pegarlos. Voy a hacer visibles estos y golpear “Comando+V” para pegar. Se pueden ver los fotogramas clave ahí, y lo mismo para ese. Yo podría haber hecho eso al mismo tiempo. Ahora lo que voy a hacer es desplazar mis fotogramas clave para que tenga uno entrando, y luego el siguiente entrando, y luego el siguiente entrando, en el mismo orden que la letra lo anima en la sección principal de la letra. Entonces vamos a arrastrar este acento también a alrededor, vamos a ver, tal vez como 10 cuadros para ver si eso se ve bien, sólo esconden este. Sí, eso se ve bien. Yo quiero que sea antes de que entre la parte principal de la carta, o justo al mismo tiempo. A lo mejor hasta como ocho marcos. Sí, eso se ve bien. Entonces un poco antes de que entren estos, tal vez eso sean unos 20 marcos para esto a través de axones. Hagámoslo visible. Yo quiero asegurarme de que todo termine al mismo tiempo. Se pueden ver estos pequeños puntos diminutos de la animación en el contorno está terminando. Entonces, asegurémonos de que éste esté terminando al mismo tiempo, o un poco antes incluso, a través al mismo tiempo, eso va a funcionar. Vamos a jugar todo de vuelta lo que tenemos hasta ahora. Se ve bastante bien. Otra cosa que quiero mencionar es que si tienes flexibilización en tus fotogramas clave, que quieres copiar en otros fotogramas clave, pero no te gusta realmente copiar el mismo fotograma clave, así que como si quisiera copiar la flexibilización en estos fotogramas clave, este gráfico, pero no quiero copiar los fotogramas clave de trayectoria de recorte reales que van del 0-100 por ciento, tal vez quería copiarlos en los fotogramas clave de posición o algo así, hay un plug-in realmente útil para eso. Se llama EaseCopy. Sólo estoy mencionando que sólo porque es algo que uso mucho, no afiliado a él, pero sí lo recomiendo porque hace que sea realmente fácil simplemente copiar la flexibilización en los fotogramas clave pulsando copia, y luego pegarlo en otros fotogramas clave pulsando “Facilidad”. Eso es sólo algo que quería señalar porque te puede ahorrar mucho tiempo. Ojalá lo hubiera sabido antes. Otro consejo para ti mientras comienzas a trabajar en animaciones más complejas es reproducir tu animación de nuevo en cámara lenta para que puedas ver lo que está pasando un poco claro. Sé que para mí esto realmente ayuda cuando tengo mucho que hacer. Lo que puedes hacer es entrar en el panel de vista previa, y luego mi velocidad de fotogramas para este proyecto se establece en 30 fotogramas. Lo que voy a hacer es simplemente cambiarlo a algo más bajo. Yo sólo iré a los 15. Entonces cuando vuelva a jugar esto, va a jugar como si estuviera en cámara lenta. Esto sólo me hace más fácil avisar cualquier cosa que no esté funcionando, o hacer algo mejor. 10. Animación en reverso: Ahora que tenemos nuestra carta animando en su tiempo para animarla. Hay un par de formas en las que puedes hacer esto. Una es entrar en cada capa y establecer fotogramas clave para animar la capa. O puedes tener todo el asunto aimate de la misma manera que entró. Te mostraré cómo hacer eso realmente fácilmente ahora. Entonces voy a tomar toda esta composición, que se llama A, y sólo voy a duplicarla. Entonces una forma de hacerlo es arrastrarlo a este pequeño botón aquí mismo y luego hará una nueva comp con esta comp dentro. Entonces automáticamente va a llamar a eso A2 y sólo voy a llamarlo A dentro y fuera. Entonces lo que voy a hacer dentro de esta A dentro y fuera comp, voy a duplicar el A-comp que tiene la animación de la carta entrando. Entonces duplicaré eso al golpear el comando D. Entonces en esta capa superior voy a hacer clic derecho, subir al tiempo, y luego tiempo revertir capa. Si solo hago que esa capa en solitario, verás que va a estar animando en reversa. Como puedes ver, mi comp es realmente larga y no necesito todo este enlace. Entonces solo voy a entrar, hacer doble clic en el comp y cambiar la duración de la computadora por el tiempo que necesite. Por lo que parece que mi animación tarda alrededor de un segundo, 15 fotogramas. Entonces solo voy a recortar mi comp a dos segundos. Entonces como ya tengo mi área de trabajo establecida por dos segundos, solo puedo hacer clic derecho en el área de trabajo y decir, “Recortar comp a área de trabajo”. También podrías ir a la configuración de composición o al Comando K para ajustar la hora aquí mismo. Entonces ahora que he ajustado el túnel, mi computadora, volvamos a la computadora de entrada y salida de A. Ahora ya verás que la computadora corta. Por lo que sólo puedo empezar con estos. Entonces después de que la A entre, va a animar y revertir para animar fuera. Entonces necesito deshacer en solitario esto y luego si lo repongo, veamos cómo se ve eso. Perfecto. Entonces déjame solo darle vuelta a mi área de trabajo. Ahora un inconveniente de esto es que se está animando exactamente de la misma manera que vino justo enfrente y si eso no es lo que quieres, bueno, realmente no tienes ninguna opción con este método. Entonces, la otra forma en que puedes hacer esto es ir realmente a tu comp principal y luego simplemente ajustar el marco clave. Por lo que en realidad animó a cabo usando los fotogramas clave individuales en cada capa. Por lo que puedes animar esto de una manera completamente diferente. Entonces animarías en. Podrías hacer algo bastante parecido, pero solo tal vez un orden diferente. Al igual que lo primero en es lo último fuera o viceversa y puedes empezar las cosas exactamente de la manera que las desees. Pero si estás bien con tu animación simplemente saliendo de la misma manera que entró, simplemente revertir, entonces es fácil duplicar la computadora e invertirla. Si tienes una animación que estás listo para exportar a un archivo de video o GIF, puedes dirigirte a Video 19 al final de este curso para aprender a renderizarla. 11. Copia la animación a otras letras: En este punto, deberías tener una letra animando dentro y fuera. Está bien, si se parece exactamente al mío. Incluso puedes publicar esta versión al proyecto de clase. En este video, te voy a mostrar cómo puedes copiar y pegar fácilmente esa animación en otras letras si eso es algo que quieres hacer. Lo primero que voy a hacer es ir a mi panel de proyecto y sólo tomar esta composición A y duplicarla, al golpear el comando D. Eso le va a nombrar A2. Pero voy a golpear Enter y renombrarlo B, porque esa es otra carta que elegí hacer en Illustrator. Entonces voy a abrir eso y no sólo cambió mágicamente a la letra B porque la cambié de nombre. Si sólo eso funcionara. Lo que voy a hacer es entrar en mi comp ABC, esa es la que hice todas las letras en Illustrator. Voy a copiar todas esas capas B. Pero necesito copiar las capas de forma que he hecho. Entonces le pegaré al Comando C para copiar. Ve a esta comp que he llamado B, pero en realidad no tiene ninguna capa que RB aquí. Golpearé al Comando V para pegarlos. Ahora sólo voy a cerrar todas mis capas. Entonces ocultemos todas las capas A, así. Cuando copio y pego estas capas, entraron, en orden inverso, como como las tengo en mi A con los acentos en la parte superior. De verdad rápido sólo voy a reordenar estos. Ahí vamos. Entonces ocultemos todo, eso no es lo primero que quiero animarlo. Estos son similares a lo que hay en este A main comp. Lo que voy a hacer es en realidad simplemente entrar en mi A main comp y copiar y pegar rutas de término, sólo estos marcos clave, por lo que el término path. Después vuelve a la comp B. Asegúrate de que mi cabeza de juego esté en cero fotogramas, y luego solo pega eso en la B. Sólo haré eso por las tres capas. A ver cómo se ve eso. Necesito tambalear estas capas. En primer lugar, quiero que entre el lado izquierdo de la B, la línea recta hacia abajo. Entonces podemos tener el bucle superior de la B y luego el bucle inferior de la B. Quiero mantener la longitud de mi animación consistente a través todas las letras para que si junto las letras para hacer una palabra, la animación se vea cohesiva. Lo que voy a hacer es entrar en la composición principal A y sólo ver dónde termina esta animación. Termina en un segundo. Eso significa, que necesito hacer que esta animación B termine en un segundo. Sólo puedo arrastrar esto hacia atrás. Al jugar esto a través, puedo ver que el bucle inferior de la B está empezando un poco demasiado pronto, porque esta línea ha llegado [inaudible] a eso todavía y no me gusta cómo se ve eso. No necesariamente está mal. Es que no me gusta el look. Voy a sacar esto adelante. A lo mejor este bucle superior necesita ir un poco más rápido. Aquí hay un par de marcos, donde no pasa nada. Porque en realidad no se puede ver el inicio de esto, porque se está superponiendo con el bucle superior. Lo que voy a hacer es simplemente mover este bucle superior hacia atrás, sólo un poquito. A ver cómo se ve eso. No quiero ver esto, bucle inferior entra antes de que entre el bucle superior. Lo que voy a hacer es simplemente arrastrar esta capa, para que no sea visible aquí. Necesito traerlo ahí. Entonces nunca se puede decir realmente que está picada, porque se esconde detrás de ese top B. Déjame jugar esto atrás y ver cómo se ve eso. Es bastante rápido. A lo mejor voy a arrastrar un poco estos y podría ser un poco mejor. Algo que puedo hacer, si no quiero que sea bastante ágil, es ajustar los fotogramas clave. Déjame entrar, y tal vez esta no sea tan dura. Creo que quiero mantener el último fotograma clave bastante duro al final como si fuera realmente rápido al final. A ver cómo se ve eso. Ah, y tal vez éste necesita ser un poco menos duro también. Sí, me gusta que sean broches al final, pero la animación es un poco más amable en la primera parte, como la parte arriba y abajo de la B en el bucle superior. Una vez que llegues eso a un lugar donde te guste, solo tienes que seleccionar las tres capas, presiona Command Shift C para precomponerlas. Nombremos a este B principal. Ahí vamos. Recuerda cómo tenía en estas capas A. Los tenía escalonados con diferentes colores. Lo que voy a hacer es sólo ir por encima, lo que la A seleccionada? Voy a ir a mis controles de Effects. Siempre si no ves alguno de estos paneles de los que estoy hablando, siempre va a haber debajo de Ventana. Yo sólo voy a copiar este relleno. Simplemente seleccionaré donde dice relleno, pegaré Comando C, y luego pegaré eso en la B. Ahora eso recoloreó eso con el color azul oscuro. Voy a duplicar esto. Primer ejemplar. Mi relleno del A. Hit Command B. Echemos eso a la misma posición, como el A. Duplicar eso. Tendré que tambalear eso también y copiar. Esto cayó sobre esta capa. Ahora podemos eliminar estas capas principales A. Ahora tenemos la B entrando con los tres colores escalonados. Lo siguiente que voy a hacer es mostrar mi contorno interior. Entonces tomaré el contorno interior, movido hacia abajo y solo copiaré esos caminos de triunfo. Asegúrate de que tus cabezas de juego en cero. Voy a ir a mi contorno interior en el B. Hit Command B. Parece que eso lo ha pegado en un nuevo grupo. Voy a necesitar arrastrar eso arriba al grupo 1 debajo de los tres caminos. Similar a lo que tenía que hacer en la A. Entonces solo voy a eliminar el grupo 2. Ahora, sólo vamos a ver y es más fácil de ver. Quiero asegurarme de que voy en la misma dirección, ya sea en sentido horario o en sentido contrario a las agujas del reloj que hice con el A. Dependiendo de cómo se construyó la B, puede o no funcionar cuando solo lo copio. Echemos un vistazo cuando hice la A interna. Vamos a ver en qué dirección iba esa. Iba en el sentido de las agujas del reloj. También tengo un trazo más grueso ahí que debo haberlo cambiado en algún lugar del camino. Vamos a entrar y cambiar este trazo para ser cuatro y echemos un vistazo. Este B va en sentido contrario a las agujas del reloj mientras que el A va en sentido horario. Necesito cambiar estos. Déjame sólo asegurarme de que el interior de la A, creo que va en la dirección opuesta. Sí. Dentro de A va en sentido contrario a las agujas del reloj. Solo asegurémonos de que eso sea consistente con la B. Se ve bien. Ahora quiero echar un vistazo a dónde está empezando esta animación. En mi A, déjame volver a mostrar mi animación A. Empecé en los contornos aquí abajo en la esquina inferior izquierda. Después se fueron arriba y alrededor. Para la B, mi animación de la letra real comienza en la parte superior y con mi A, empecé hacia abajo en la parte inferior. A lo mejor esa no fue tan buena opción. A lo mejor quiero empezar realmente la A en la parte superior y luego tener cada letra que empiece siempre por arriba. O tal vez quería hacer algunas letras en la parte inferior, algunas letras desde arriba. Esa es una decisión de diseño que depende totalmente de ti. Pero para esto, sólo voy a ir con la B empezando por la parte superior. Porque si estuvieras escribiendo B como con tu letra, comenzarías por arriba y con A mayúscula, probablemente comenzarías por abajo. A lo mejor esa es mi regla. El asunto de tomar estas decisiones es que solo quieres ser consistente a través de tus cartas. Ven con algunas ideas para que quiero que toda la animación se lleve esta canción. Yo quiero que todos tengan estos colores. O estas letras empiezan de esta manera, estas otras letras empiezan de esta manera. Tan solo inventa algunas reglas para que tus letras se vean consistentes cuando animas una palabra entera o todo el alfabeto. Pero puedes crear tus propias reglas. Lo que voy a hacer para este B es solo asegurarme de que mi contorno interior esté empezando por la parte superior cerca de donde empieza a dibujar la B. Solo necesito entrar al offset de esta trayectoria de recorte y solo hacer que este inicio se acerque a la parte superior. Algo de ahí. Ahora recuerda que dupliqué en este contorno y luego lo recoloé a un color blanquecino. Después hice el trazo un poco más delgado y invierto la dirección. Ahora echemos un vistazo a cómo se ve eso. Necesito asegurarme de que el desplazamiento sobre esto esté empezando desde donde quiero que lo haga, que va a estar justo al lado de ese contorno rojo. Entonces también quiero que el contorno rojo esté encima del blanco. Eso se ve bastante bien. No tuve que reanimar nada. Fue bastante fácil simplemente copiarlo desde el contorno en la A. Ahora puedo eliminar esos contornos internos en la A. Entra en mi contorno exterior, encuentra esos caminos recortados, manda C para copiar. Entonces en la B, déjame mostrar mi contorno exterior y luego peguémoslo en un nuevo grupo, que por alguna razón tengo estos contornos rojos en este B. Su grupo 1, y no quiero esos, esos probablemente quedan de Illustrator y yo simplemente accidentalmente no los eliminamos. Yo sólo puedo hacer eso muy rápido aquí. Entonces voy a arrastrar mis recorridos de recorte por debajo del camino tres. Elimina este grupo porque no lo necesito. A ver cómo se ve eso. Este contorno exterior de la A va en el sentido de las agujas del reloj y también lo es el B. Eso se ve bien. Puedo eliminar este contorno exterior en la A. Asegurémonos de que esto esté empezando en el lugar que quiero que empiece. Probablemente estemos de ayuda aquí para solo mostrar los otros contornos. Sí, creo que eso se ve bastante bien sin mucho ajuste. A lo mejor ni siquiera tenemos que ajustar el offset. Lo siguiente que hay que animar son las líneas de acento rosadas en la B. Solo mostrémoslos y copie el acento de la A. Copia esos recorridos de recorte y solo peguémoslos en los tres de estos a la vez. Golpea U para verlos dentro. Echemos un vistazo a cómo se ve esto. Déjame esconder esos contornos también, para no distraer. Obviamente no quiero que todos entren a la vez porque eso no es consistente con la A. Echemos un vistazo a estos acentos y cuando terminaron. Los acentos en la A terminaron en un segundo, 15 fotogramas, así que ese es mi marco de tiempo para los acentos en la B. El bucle inferior en la B va a ser el último en terminar, así que permítanme arrastrar eso todo el camino a un segundo 15 fotogramas. Entonces pondremos los acentos superiores en algún lugar del medio. Si juego esto de vuelta muy lento, puedes ver esta cosa rara aquí mismo donde empieza esta línea y luego se une a la otra. Lo que voy a hacer es simplemente arrastrar eso hacia atrás. Empieza como aquí. Creo que esta segunda pedacita de aquí, creo que está bien. Déjame volver a mostrar todas mis capas para la B. En este punto, puedo eliminar los acentos en el A. Ahora sólo tengo mis capas B aquí y me copian fácilmente todos mis fotogramas clave de la A a la B. He hecho todo lo posible para mantenerlo consistente. Pero veamos cuál es el look final. Creo que eso se ve bastante bien. El siguiente paso sería poner las dos letras una al lado de la otra y compararlas. Solo hagamos una nueva comp y llamemos a esto A y B y luego solo voy a arrastrar mi arrastre A en la B. Moveamos B por esta vía, A por esta vía, A por esta vía, y reproducimos eso de nuevo. Entonces esos se ven bastante consistentes y como que pertenecen juntos. eso estaba disparando. Ahora, si quieres, puedes continuar esto en más letras para hacer una palabra entera o un alfabeto completo. 12. Crea tu propio diseño: Ahora que has animado algunas letras usando este método de capas múltiples recorte animaciones. Para crear un look más complejo, es hora de ponerse creativo y hacer algunas letras propias. En el próximo par de videos, te mostraré algunos otros efectos divertidos y fáciles que quizá quieras usar. También puedes encontrar toneladas de inspiración en línea, como en Pinterest. Tengo todo un tablero de inspiración tipográfica animada. Si miras más de cerca muchas de las animaciones que ves aquí, notarás que muchas de ellas se pueden lograr con recorridos de recorte, similares a lo que hemos hecho en esta clase. Si necesitas inspiración de color, Pinterest también es una gran fuente. También hay Adobe Color y muchos otros sitios web y cuentas de Instagram. Entonces ahora es el momento de tomar lo que has aprendido hasta ahora más unas cuantas ideas adicionales en los próximos videos y ver qué tipo de animación tipográfica se puede llegar. 13. Líneas punteadas: El primer efecto adicional que te mostraré es cómo crear líneas discontinuas o punteadas, y solo voy a entrar en el acento de la A. Hagamos este. Acércate hacia abajo en el grupo y luego el trazo. Bajo golpe tienes algunas opciones diferentes. Obviamente, puedes cambiar el color, incluso puedes animar el cambio de color. Podrías animar la opacidad. Podrías animar el ancho del trazo, así que tal vez empieza muy ancho y luego lo animas estrechando o algo así. Siempre tienes la opción de cambiar la cápsula del trazo, y luego aquí abajo verás guiones. Si tienes este botón más , creará guiones en tu línea. Déjame acercar esto para que veas lo que estoy haciendo. Se puede ver que esto ha creado algunos guiones y se tiene control sobre lo grandes que son los guiones, y siempre se podría animar este valor. A lo mejor empiezan así de grande y luego se encogen con el tiempo en una línea recta, básicamente, sin guión, algo así. También tienes la opción de ajustar el desplazamiento de estos guiones, por lo que si querías que los guiones se estuvieran moviendo, también puedes animar eso. Si vuelves a pulsar el botón más, puedes ajustar la brecha entre los guiones. Yo sólo voy a establecer mi brecha para ser así de grande y ahora verás que terminan como puntos hacia el final. Cuales son los puntos geniales o tal vez solo quería eliminar estos fotogramas clave en el guión y luego solo tener estos grandes puntos que animan a través. Es efecto fresco. Tienes muchas opciones que puedes ajustar con el guión. También podrías hacer un guión alrededor del contorno en lugar del acento, o tal vez haces ambos. Simplemente juega con esto porque podría ser realmente genial agregar algunos guiones e incluso animar los guiones o la brecha entre los guiones, o incluso el desplazamiento de los guiones para crear algunos efectos únicos. 14. Trazos múltiples: Otra cosa que puedes hacer es agregar múltiples trazos a tus letras. Entonces déjame mostrarte lo que quiero decir con este A. Voy a entrar en la A a través, y luego simplemente bajar al grupo, y luego voy a seleccionar este trazo y golpear Comando D para duplicarlo. Entonces si cambio hacia abajo en este trazo, puedo cambiar el color. En realidad no se puede ver eso porque el trazo dos está en la parte inferior. Déjame subir eso. Entonces voy a hacer que el ancho del trazo sea más delgado, para que puedas ver trazo uno debajo de él. Entonces cuando animo esto, ya hay conjunto de fotogramas de llave. Simplemente todo se animará a la vez, y se puede hacer esto varias veces. Digamos que quiero duplicar eso de nuevo, pero esta vez te voy a mostrar un poco diferente de una forma de hacerlo. En realidad voy a duplicar a todo el grupo. Entonces voy al grupo dos, solo eliminaré trazo dos, y luego trazo uno voy a volver a colorear blanco. Hagamos eso aún más pequeño. Ahora tengo un trazo blanco, pero este trazo está en su propio grupo. Entonces cerramos estos. Entonces si vuelvo a jugar esto, verás que solo todo anima al mismo tiempo. Pero ¿y si quisiera que el Stroke blanco animara por sí solo? Bueno, una forma en que podrías hacer esto es cambiar las múltiples formas de recorte de forma simultánea a individualmente. De esta manera se va a hacer primero el blanco porque está arriba, y luego los dos azules. Ahora no se obtiene ninguna personalización sobre cuál va primero, o si la animación se superpone en absoluto con este método. Pero si quisieras tener ese control, solo podrías duplicar las rutas de recorte y luego arrastrar la ruta de recorte al grupo. Ahora si cambio esto hacia abajo, puedo mover éste tal vez de esta manera. Ya verás que lo está controlando por sí mismo. Si eres del tipo de persona a la que no le gusta tener muchas capas en tu proyecto. Esta es una forma en que puedes condensar tus capas, por lo que solo tienes un montón de trazos animando en una capa. 15. Trazado tubular: [ Música] Otro efecto que podrías probar es lo que yo llamo el trazo del tubo. Déjame mostrarte un ejemplo de cuándo uso esto. En esta animación, hice este pequeño trazo de tubo que va alrededor cada letra y luego simplemente lo duplicé y lo grabé a tres colores diferentes. Déjame mostrarte cómo hice eso. Voy a usar este A aquí mismo, y voy a cambiar hacia abajo. Entonces tengo este grupo con dos caminos. Mi Recorte Path, hay Fusionar Caminos. Eso se debe a que la A tiene esta pedacita dentro de ella. Entonces tengo mi derrame cerebral. Lo que voy a hacer es subir al botón Agregar y voy a añadir Caminos Offset. Lo que eso se hace es hacer que este tubo se vea en mi trazo. El emplazamiento de los trayectos de desplazamiento importa. Por suerte, cuando agregué esto, simplemente lo puso justo en el lugar correcto pero si, por ejemplo, se colocó aquí, no verás nada. El orden de los efectos aquí realmente importa. Deberías tener los caminos arriba o si solo tienes un camino y luego siguiente Recortar Caminos. Si tienes Fusionar Caminos porque tienes una forma como la A con dos piezas y una de las piezas es como un corte, eso será el siguiente. Después tus trayectorias Offset, luego tu Stroke. Se puede ver cuando esto se anima, sólo tiene este efecto tipo de tubo. Te darás cuenta de que tengo esquinas puntiagudas en los extremos de mi tubo pero si entro en mis Caminos Offset, puedo cambiar esto a un Round Join, y eso hará que los extremos redondeados del tubo. También puedo ajustar el ancho de este tubo con la cantidad. Este será un tubo flaco, tubo de grasa. Si me vuelvo realmente loco, empezará a unir pedazos de mi carta. Entonces, solo mantengamos eso como en diez, donde estaba. Esto por sí mismo podría ser un efecto realmente genial. También podrías poner un trazo dentro de este tubo si quisieras. Déjame entrar en mi A. Voy a copiar esos caminos interiores 2, volver aquí, pegar eso y ahora puedes ver que esto no se está quedando dentro, pero puedo hacerlo si quisiera. Eso también es una especie de efecto fresco. Juega con este efecto de trazo de tubo y también mira algunos de estos otros efectos aquí, tal vez como Wiggle paths o Zig zag. 16. Confeti animado: círculos y cuadrados: Otra cosa divertida que puedes agregar a la topografía animada es lo que me gusta llamar confeti. Primero te voy a mostrar cómo hacer un pequeño confeti de círculo. Voy a subir a la herramienta de forma y hacer clic y mantener pulsado para ir a la herramienta Elipse. Entonces voy a mantener presionada Shift y dibujar un círculo perfecto. Entonces voy a bajar esta elipse, ir a la Ellipse Path, y sólo escojamos un buen número par. Voy a escoger 100 y me gusta tener mi punto de anclaje siempre en el centro de mi círculo, si tienes el guión de movimiento, solo puedes usar eso para centrarlo. De lo contrario, se puede utilizar la herramienta pan detrás, que es y en el teclado. Después, solo tienes que mantener presionada Comando mientras arrastras eso, y lo partirá directamente al centro. Yo sólo voy a acercar esto, lo podemos ver muy claramente. Se puede ver que tengo un trazo que es blanco y un relleno, pero el globo ocular está apagado, por lo que no es visible. Yo sólo voy a encender ese globo ocular y en realidad voy a apagar el globo ocular en el trazo, porque probablemente no necesitamos eso, solo podría borrarlo. Déjame simplemente cambiar este color de relleno a otra cosa. Lo que voy a hacer es golpear Comando Shift N, para hacer una nueva máscara, y en mi máscara, voy a cambiar hacia abajo y cambiar la forma a una elipse. Se puede ver ese color pardo en la máscara, es hacer un círculo alrededor de mi círculo. Lo que puedo hacer aquí, es solo para golpear Inverted, y ves que ya no tengo más círculo. Si ajuste la expansión de la máscara, se puede ver que está trayendo el círculo, hacia el medio. Es así como puedo animarlo para que desaparezca así, como una burbuja estallando. Quiero empezar con la expansión de la máscara hasta el final, así que tengo un círculo sólido, y sólo voy a golpear el cronómetro para hacer un marco clave. Entonces voy a seguir adelante en el tiempo, digamos 20 fotogramas, animar esto hacia fuera todo el camino a cero. Tenemos nuestra burbuja estallando, pero necesitamos una escala en ella. En realidad voy a animar el tamaño en lugar de la escala, porque voy a duplicar esta capa y usarla varias veces, pero quizá quiera diferentes tamaños de confeti. Entonces solo puedo ajustar la escala en esos, pero no meterme con ningún fotograma clave que ya he establecido. Voy a establecer un marco clave para que el tamaño sea cero, a cero fotogramas, y vamos a escalarlo hasta 100 a 20 fotogramas. Si previsualizo esto, no es lo que voy a buscar. Lo que necesito hacer es compensar estos fotogramas clave. Si solo arrastro el marco clave de expansión de la máscara hacia adelante en el tiempo, se puede ver que soy capaz de ver más de ese círculo, y así empieza a expandirse desde el interior más adelante. Vamos a hacer que esos marcos clave sean un poco más interesantes, al relajarlos. Simplemente los seleccionaré y le pegaré a F9 para aliviarlos, y luego saltemos al editor de gráficos. Veamos qué pasa si ajuste el tamaño, para ser más grande, más rápido. Estoy haciendo este aumento de tamaño más rápido, mientras que la expansión es un poco más lenta. A mí me gusta cómo se ve eso, y volvamos a bajar el tamaño. Llevar eso de vuelta a cero y también bajar la expansión masiva a 50. De nuevo, no vas a ver tanto, pero ajustemos esos fotogramas clave y volveremos a hacer que el tamaño uno sea un poco más extremo. Te mostraré esos dos marcos clave, cómo se ven esos, y parece que deshizo algunos de mi ajuste de marco clave en estos talla uno, déjame aumentar eso, perfecto, echemos un vistazo. Esto va todo el camino a la nada y luego de vuelta, lo cual es un poco raro. Lo que quiero hacer aquí, es solo hacer la expansión de la máscara no del todo cero. Hagámoslo tal vez tanto, 10, y veamos cómo se ve eso. Si en realidad iba a hacer que esto pareciera confeti, probablemente tendría que moverse en posición. Déjenme cerrar mis fotogramas clave e ir a la posición. Vamos a establecer un marco clave para que esté justo en el centro, 960 por 540 será el centro, y luego pondremos un marco clave, y solo haremos que se mueva aquí. Justo unos 20 cuadros, es como en su posición final, voy a decir. Tan solo haz que vaya a la derecha y en realidad tal vez solo lo hagamos a la deriva un poco. Animemos esto, para que vaya rápido y luego despacio. Se va a disparar y luego a la deriva al final, mi gráfica se verá así. A ver cómo se ve eso. Podría ser un poco rápido, así que déjame volver a entrar, relájate sólo un poco y echa un vistazo. No hay forma correcta o incorrecta de hacer esto, es justo lo que creas que se ve bien. Es así como animaría un confeti círculo. Ya que no animé ya la escala, solo puedo duplicar esto. En primer lugar, déjame nombrarlo, y luego duplicarlo tocando al Comando D, y luego puedo ajustar la escala de ésta. Entonces tal vez es el 50 por ciento, estos son grandes confeti. Probablemente quiero hacerlos así de grandes, para un proyecto, pero luego voy a mover esto y ambos están empezando justo en el medio. Haz eso otra vez, mueve éste por aquí. Cambiemos la escala a 75, y echemos un vistazo a esas. Esta animación me parece un poco rápida. Sólo voy a arrastrar mis fotogramas clave, para que disminuya un poco. Sólo entraré y llevaré todos estos fotogramas clave, llevémoslos a un fotograma. En realidad, tomemos estos fotogramas clave de posición y arrástrelos, para que se vayan a la deriva todo el tiempo. Echemos un vistazo a eso, eso se ve un poco mejor. También podemos tambalear estas capas para que no entren todas al mismo tiempo. Para hacer un confeti cuadrado, puedes hacer exactamente lo mismo que el círculo, pero solo hacer de la forma un cuadrado. Simplemente entrarías aquí, sacarías un cuadrado, sacarías un cuadrado, y luego te desharías del trazo, Comando Shift y harías una nueva máscara, después asegurarte de comprobar invertido, entonces puedes animar la expansión de la máscara. Va a funcionar exactamente de la misma manera que el círculo. 17. Confeti animado: triángulos: Hacer un confeti triangular va a ser un poco diferente al círculo o cuadrado. Déjame mostrarte eso ahora. Voy a entrar en mi herramienta Forma, hacer clic y mantener pulsado, y bajar a la herramienta poligonal, también puedes hacer confeti estrella también. En la herramienta de polígono, solo voy a hacer clic y mantenerlo presionado para dibujar un polígono. Por defecto, esto va a ser un pentágono. Pero si cambio hacia abajo en la estrella poli, puedo entrar y ajustar el número de puntos. Yo sólo voy a hacer estos tres y luego voy a borrar el trazo. Hagamos el radio exterior 100 y centraré mi punto de anclaje. Tengo un triángulo, ahora necesito hacer otro triángulo para usar como la expansión porque usar máscaras no funcionará para triángulos porque no hay opción para hacer una máscara de triángulo. Lo que voy a hacer es solo duplicar este camino de estrella poli y ahora tengo el camino de estrella de poli dos. No vas a ver ninguna diferencia ahora mismo, aunque cambie el radio exterior a algo más pequeño. Pero si voy y agrego unas rutas de fusión, entonces desactiva y configura el modo para excluir intersecciones. Ahora verás que mi camino estrella Poly 2 está cortando el centro de mi camino estrella de poli 1. Simplemente puedo animar el radio exterior en el camino estrella de poli 2, para obtener ese mismo efecto que la máscara donde me da en el círculo y el cuadrado. Solo voy a establecer un fotograma clave en el radio exterior aquí, y también para la trayectoria de estrella de poli 1, eso equivale a animar el tamaño en el círculo o cuadrado. Entonces solo voy a golpear nuevo para condensar mis fotogramas clave y usaré este círculo como guía para la forma en que debo colocar mis fotogramas clave. Pondré la escala a cero en cero fotogramas. El primer radio exterior va a ser para el triángulo exterior y el segundo radio exterior va a ser para el triángulo interior, la pieza recortada. Este también va a ser cero a cero fotogramas luego a un segundo, voy a hacer este 100. Entonces haré que el radio exterior sea algo que parezca equivalente a esas otras formas que tengo. A lo mejor como 80 no hay necesidad de escalonar este fotograma clave porque eso es el equivalente a esta expansión y necesito usar estos fotogramas clave. Mi radio exterior superior va a ser algo como esto, y recuerda si tienes el script de copia de ese e, puedes copiar fácilmente la flexibilización de uno de tus fotogramas clave en estos. A ver cómo se ve eso. Se ve bien. Esto va a volver a cero, esto volverá a cero, y también he añadido algo de opacidad en mi círculo solo para que se anime agradable y suavemente, solo copiaré eso y lo pegaré aquí y animemos el posición. Golpea p, hazlo en el centro, fija un fotograma clave, y luego ven aquí y saca eso, vamos por aquí. Esto tiene algo de flexibilización, así que déjame copiar la flexibilización desde aquí, algo así. A ver cómo se ve eso. Algo que puedo agregar en formas como el rectángulo y el triángulo es la rotación. Simplemente voy a entrar en mi rectángulo y copiar esta rotación y pegarla en mi triángulo. Se puede ver que mi triángulo está girando a medida que sale y parece que puse estos fotogramas clave demasiado pronto, así que permítanme arrastrar estos por encima. Ahora podrías entrar y cambiar el color de este triángulo y ajustar la escala. Vamos a renombrarlo y luego puedes duplicarlo y moverlo. Hagamos este aún más pequeño, mueva éste por aquí. Ahora y si quiero que la rotación de estos sea diferente, lo que puedo hacer es solo presionar en el teclado para ejecutar las propiedades de rotación y luego asegurarme de que tu cabeza de reproducción esté sobre uno de los fotogramas clave pero que ambos fotogramas clave estén seleccionados. Entonces solo arrastra esta en cualquier dirección y ahora ambos fotogramas clave han sido cambiados, pero mantuvieron la misma relación. El triángulo rotará la misma cantidad que el otro triángulo. Hagamos lo mismo con éste, quizá esta vez lo rote un poco hacia atrás. Aquí hemos utilizado algunas formas básicas para hacer un poco de confeti divertido. 18. Confeti animado: garabatos: Otro tipo de confeti que puedes hacer es una línea en zigzag. Primero voy a subir a mi herramienta de bolígrafo, y luego sólo tienes que hacer click para hacer un punto. Entonces voy a sostener turno para asegurarme de que mi siguiente punto vaya a ser perfectamente horizontal desde el primer punto. Ahora, solo le pegaré a V para volver a mi herramienta de selección. Entonces voy a cambiar hacia abajo en mi capa Shape, y tengo esta línea con un relleno y un trazo. No necesito el relleno así que lo eliminaré. Entonces mi trazo, sólo voy a hacerlo un poco más grueso para que sea más fácil de ver. Voy a cambiar la gorra por alrededor de gorra. Siguiente voy a subir a sumar y golpear zigzag. Entonces si apago el zigzag, puedes ver que tengo un montón de opciones diferentes. Voy a acercarme esto para que podamos verlo. Puedo hacer el zigzag diferentes tamaños. Pero este control de tamaño, o también puedo hacerlo más repeticiones en la línea o menos. También puedo cambiarlo de esquina a lisa. Voy a pegarme con suave y tal vez hacerlo algo así. A lo mejor mi línea es un poco demasiado larga. Simplemente puedo seleccionar uno de los puntos y traerlo, tal vez algo así. Por lo que ahora para animar esto, vamos a utilizar a nuestros buenos amigos los recortes. Voy a añadir una ruta de recorte alterada hacia abajo, y vamos a establecer un fotograma clave para que el final esté en un 100 por ciento, y luego de vuelta en cero hará que el final sea cero. Esto va a salir así, y yo también quiero el inicio para animar el confeti apagado. Solo hagamos un marco clave para que el inicio sea cero aquí, y luego avanzaremos en el tiempo. Ver mis triángulos terminaron aquí. Entonces así traeré el inicio aquí adelante. Ahora, tambaleemos los fotogramas clave de inicio y fin, algo así, y ajustemos la flexibilización. A lo mejor quiero que mi fotograma clave de inicio vaya lento y rápido. Vemos más de la línea de esta manera, y luego el fotograma clave final, tal vez eso vaya a hacer lo contrario, rápido luego lento. Creo que eso se ve bastante bien. Así es como se dispara como madera de confeti y luego únicamente se desplaza. Ahora lo que necesito hacer es ajustar mi punto de anclaje, entonces ¿dónde está el punto de anclaje? Está todo el camino por aquí. Yo sólo voy a golpear Y en la palabra clave, mover ese punto de anclaje por aquí al inicio de la línea, y luego voy a posicionar esto en el centro de la comp, y luego vamos a establecer algunos fotogramas clave de posición. Aquí, mira dónde está la posición, y vamos a disparar de esta manera y vamos a aliviar esos fotogramas clave. Eso se ve bastante bien pero, está viajando en ángulo descendente, pero la línea una recta horizontal. Podría animar la rotación de la línea, pero hay una manera más fácil. Lo que puedo hacer es hacer clic con el botón derecho ir a transformar, y luego bajar a orientación automática, y luego simplemente haga clic en el círculo para orientar a lo largo de la trayectoria. Eso sólo va a mantener la línea paralela al camino del movimiento. A ver cómo se ve eso. Se ve bastante bien. Podría querer ajustar un poco la posición sobre esto. Parece ir un poco más allá que mi otro confeti. Vamos a renombrar esto. Entonces podemos duplicar este zigzag y mover el duplicado alrededor y ver cómo se alineará muy bien con lo que sea mi trayectoria de movimiento. Entonces tenemos algunos confeti divertidos pasando. Descubre cómo puedes agregar esto a tu topografía animada para que sea un poco más emocionante. 19. Renderización: Si tienes una animación que estás lista para exportar a un archivo de video o GIF, te mostraré cómo hacerlo en este video. Primero te mostraré cómo exportar un archivo MOV, y esto va a ser de la más alta calidad de los archivos que te mostraré cómo exportar. En primer lugar, asegúrese de haber recortado su comp o su área de trabajo a la longitud de la animación que desea renderizar. Después sube a Composición, agrega a Render Queue, luego va a abrir este panel y en el Módulo de Salida, puedes cambiar esto al formato que quieras. Aquí es donde elegiré Apple ProRes 422 para hacer un archivo MOV. Si estás en un PC, esto no va a ser lo mismo. Después solo presiona Ok, y luego en Herramienta de salida, si haces clic en el nombre del archivo, puedes navegar hasta donde quieras guardar el archivo en tu computadora. Simplemente voy a hacer una carpeta nueva y llamar a esto, porque me gusta tener todos mis renders finales en su propia carpeta. Entonces solo golpearé Save y luego le pegaré a Render. Entonces ahora si voy a buscar esa carpeta en mi computadora, veré mi archivo MOV. Exportar un archivo MP4 va a dar un paso extra porque en realidad no se puede exportar un MP4 desde After Effects. Quizás quieras exportar un MP4 si quieres publicar en Instagram o en algún otro sitio web porque los MP4s son un poco más comprimidos que los archivos MOV y son más universalmente aceptados. Entonces para exportar un MP4, vas a subir a Composición, luego Agregar a Adobe Media Encoder Queue, y eso va a abrir Media Encoder. Asegúrate de tener eso instalado, debería formar parte de tu suscripción a Creative Cloud. Entonces una vez que se abra Media Encoder, deberías tener tu archivo que acabas de enviar aquí mismo en la cola. Para asegurarte de que tienes el formato correcto, haz click justo aquí bajo Formato, y luego me gusta elegir H264, y eso hará un archivo MP4 y lo puedes ver aquí mismo. Si tienes audio, asegúrate de marcar este botón, pero yo no, así que desmarque. Entonces, probablemente solo querrás igualar la fuente, eso debería ser por defecto, y luego solo presiona Ok. Después, en Archivo de salida puedes elegir dónde quieres guardar este archivo y pulsar Guardar. Después para renderizarlo, solo presiona este botón verde de reproducción aquí mismo, y ahora deberías tener tu archivo MP4. Otra forma en que puedes usar Media Encoder es simplemente arrastrando un archivo. Por lo que solo puedes arrastrar en tu MOV y luego cambiarlo a un MP4. Si quieres exportar un GIF, que son buenos para los sitios web y que automáticamente se reproducirán y bucle para siempre entonces también puedes hacerlo a través de Media Encoder. La única forma de hacerlo a través de After Effects es usar un plugin llamado GifGun. Por lo que para exportar a un GIF a través de Media Encoder, puedes o enviar tu archivo desde After Effects a Media Encoder como te mostré antes, o puedes arrastrar tu archivo como he hecho aquí. A continuación, haga clic en Formato, y luego podrá elegir en Formato, GIF animado. Después elige tu nombre de salida y dónde quieres guardarlo, y pulsa Ok, y luego simplemente pulsa Render. Después, para previsualizar tu GIF, simplemente arrástralo a un navegador web. 20. Resumen: Muchas gracias por unirme a mí en esta clase. Espero que te hayas divertido tanto como yo y que tengas una topografía fresca de recluso para mostrarla. No olvides publicar tu trabajo en los proyectos de clase. Si quieres estar al día, con lo que estoy trabajando, vistazo a mi página web explanimated.com o sígueme en Instagram en explanimated. Oportuno si publicas allí tu topografía animada. Sígueme en Skillshare para ser el primero en saber cuando tengo una nueva clase para ti. Si disfrutaras de esta clase, verdad te lo agradecería, si dejaras una reseña. Si hay algo que estés esperando para aprender en el futuro, avísame. Hasta la próxima vez, feliz animando.