Animadores de texto: animación de texto personalizada en Adobe After Effects

1. ¡Hola!: Animar textos es algo que todo diseñador de movimiento necesitará saber hacer en algún momento. Pero incluso si no eres un diseñador de movimiento, si haces videos de cualquier tipo, poder animar textos es una habilidad súper práctica y no necesitas ninguna experiencia previa con Adobe After Effects para crear animaciones de texto personalizadas. Esta clase es todo lo que necesitas. Bienvenido a animadores de texto, animación de texto personalizada en Adobe After Effects. En esta clase, aprenderás todo sobre sistema integrado After Effects diseñado específicamente para animar texto. Soy Megan Friesth y soy una explicadora. Escribo, ilustro y animo animaciones educativas, principalmente sobre temas relacionados con la salud y el medio ambiente. Bueno, hay muchas formas diferentes de animar textos, algunas de las cuales he cubierto en otras clases. El beneficio de usar animadores de texto es que es fácil cambiar lo que dice el texto incluso después de haber creado la animación. Además, puedes guardar la animación como un preset, para que puedas reutilizarla fácilmente en cualquier capa de texto en cualquier proyecto de After Effects. No hace falta importar nada. Incluso puedes compartir presets de animación de texto con otros. Los animadores de texto funcionan un poco diferente a otros tipos de animación en After Effects. Esto significa que si ya tienes experiencia con la animación After Effects, pero no has tocado animadores de texto, sacarás mucho de esta clase. Pero también significa que no necesitas saber mucho sobre After Effects para tener éxito. De hecho, si nunca antes has usado After Effects, puedes ver mi video de orientación gratuito y luego estarás listo para ir a esta clase. En la primera parte de esta clase, te mostraré cómo funcionan los animadores de texto y recorrerás algunas cosas esenciales que necesitarás saber. También obtendrás estas guías gratuitas para ayudarte a recordar lo que hacen las diferentes opciones. Hay un montón de propiedades y métodos diferentes para animar textos con animadores de texto, te mostraré cómo crear un puñado de ejemplos diferentes que demuestren un amplio abanico de posibilidades. Usando lo que aprendas, podrás crear tus propias animaciones de texto personalizadas. Si estás listo para dominar animadores de texto, entonces comencemos. 2. Conceptos básicos de texto: Repasemos algunos de los conceptos básicos de trabajar con textos y efectos posteriores solo para asegurarnos de que estamos en la misma página. Para crear texto, solo quieres subir a la herramienta de texto aquí arriba y luego hacer clic en cualquier parte de tu composición. Entonces puedes empezar a escribir. Entonces para salir de la herramienta de texto, solo tienes que subir a esta herramienta de flecha aquí, la herramienta de selección. En el panel Carácter, puedes ajustar la configuración de tus textos. Podrías cambiar la fuente o el peso y puedes ajustar el tamaño. Si quieres reposicionar tu texto, puedes simplemente hacer clic y arrastrarlo para moverlo. O puedes ir por aquí y alternar hacia abajo la capa y luego alternar hacia abajo junto a transformar y luego puedes ajustar cualquiera de las propiedades de transformación. También puedes ajustar los colores haciendo clic aquí. Puedes voltear el trazo y rellenar o elegir fácilmente el negro o el blanco simplemente seleccionando estos botones aquí mismo. Entonces también puedes hacer todas las cosas normales de ajuste de textos abajo. Para editar tu texto simplemente haz doble clic sobre él para seleccionarlo y luego haz clic de nuevo para obtener el cursor para editar. Usa la herramienta de selección para salir de esa edición. Este texto sólo va a ser en una línea. Si tuvieras que agregarle más, tendrías que presionar “Enter” para agregar más. Sólo voy a eliminar esto para mostrarte cómo hacer texto de párrafo. Primero sube a la herramienta de texto. Ahora, en lugar de simplemente hacer clic para comenzar a escribir, desea hacer clic y arrastrar para crear un área de texto. Ahora, se pueden hacer textos de párrafo. Simplemente llenará el área que has creado y luego puedes usar el panel de párrafos para alinear ese texto de la manera que quieras. Si necesitabas convertir textos de párrafo de nuevo a textos de línea o viceversa. Lo que quieres hacer es ir a la herramienta Texto y luego hacer clic derecho en tu texto, y luego elegir Convertir a texto de punto. A pesar de que esto no parece que nada haya cambiado, observe cómo no hay cuadro de texto, una línea roja sólida alrededor de esto que podríamos ajustar. Si querías hacer todo esto en una línea, solo tienes que entrar y eliminar la devolución. Si quieres convertirlo de nuevo a texto de párrafo, solo tienes que volver a subir a la herramienta de texto. Haga clic con el botón derecho del ratón, convierta en texto de párrafo. Ahora cuando haces clic en el texto, puedes ver ese cuadro de texto que puedes cambiar de tamaño. Si lo dijiste en una capa de texto, lo primero va a ser texto, que obviamente son cosas que son específicas de las capas de texto. Entonces también solo tienes las propiedades de transformación normales. Lo primero que hay debajo de los textos es el texto fuente. Esto es en realidad lo que dice el texto y se puede enmarcar con clave este valor. Digamos que queremos que esto diga capa de texto aquí y luego una vez que llegue a un segundo, queremos cambiar lo que dice esto. Con un marco clave ya configurado. Sólo podemos entrar y cambiar esto. Ahora, una vez que retengamos esto, una vez que pase por este segundo fotograma clave, simplemente cambiará automáticamente lo que dice ese texto. Estos son fotogramas clave enteros, así que no va a haber ninguna animación entre ellos, lo que es un salto repentino entre lo que dice. A continuación están las opciones de ruta y así es como puedes tener texto en un trazado o una forma. Para crear una forma con la que tu texto se va a alinear, hay un par de formas en las que puedes hacerlo. Primero, debes asegurarte de tener tu capa de texto seleccionada. Entonces puedes usar la herramienta de forma, que si haces clic y mantienes, aquí hay formas adicionales. O podrías usar la herramienta pluma si solo quisieras crear una línea. Voy a usar la herramienta pluma y simplemente hacer clic y arrastrar para crear una línea ondulada. Siempre puedes volver y editar estos manejadores para ajustar tu línea después de haberla creado. Ahora bien, si desmuevo la ruta Opciones, puedo ir a este desplegable y seleccionar la máscara uno. Ahora el texto se va a alinear a ese camino y configurarlo nos ha dado un montón de opciones más. Podríamos optar por revertir el camino. Podríamos optar por hacer esto perpendicular al camino así que observe cómo las letras están todas erguidas. Entonces cuando están así, se alinean más al camino. También puedes forzar la alineación, lo que simplemente los estirará para llenar todo el trazado y puedes mover el texto a lo largo del trazado ajustando el primer margen o el último margen. Una vez que nos metamos en los animadores de texto solo debes saber que puedes usar animadores de texto y tener tus textos más allá de un camino como este. Esa puede ser una forma realmente creativa conseguir algo totalmente único. Para animar una capa de texto, obviamente podrías animar las propiedades de transformación aquí. Por ejemplo, para crear una animación de texto muy simple, podrías simplemente animar la posición y tal vez también la opacidad. Con tan solo hacer un simple Encuadre Clave como este. A lo mejor vamos a agregar una facilidad fácil, y ahí vamos. Pero, ¿y si quisiera mover esta capa de texto más adelante? Si lo movía, entonces va a establecer otro fotograma clave de posición porque ya he enmarcado con llave la posición, así que eso va a hacer que las cosas sean un poco más difíciles de trabajar así que eso va a hacer que las cosas sean un poco más difíciles de trabajar y también puedo animar cada letra individual. Para ello, tendría que duplicar esta capa de texto. Ocultemos el primero. Entra y elimina todas las letras excepto la t. Ahora el espaciado va a estar apagado. Entonces para la siguiente, tendría que entrar, borrar todas las letras excepto la e. Entonces ahora tengo que ajustar la posición y puede ver cómo esto se está volviendo realmente desordenado y muy tedioso. Pero definitivamente hay una mejor manera hacerlo y eso es lo que los animadores de textos, que es en lo que nos centraremos el resto de esta clase. Simplemente deshice todo lo que le hice a la capa de texto. Esto no tiene animación, es solo una capa de textos simple. Antes de que realmente nos metamos creación de nuestros propios animadores de textos, solo quería mostrarles que hay algunos predeterminados integrados en After Effects. Si vas a tu panel de Efectos y Presets, que si no ves esto pasa debajo Ventana y luego lo puedes encontrar aquí. Una vez que localice el panel de efectos y ajustes preestablecidos, desactiva los ajustes preestablecidos de animación y, a continuación, los ajustes preestablecidos. Entonces puedes entrar en la carpeta de texto y aquí hay un montón de diferentes presets para textos. Los que es más probable que desee usar están probablemente en las carpetas de animación de entrada o animación. Para aplicar un preset a una capa de texto hay un par de formas de hacerlo. Simplemente localicemos uno bueno. Usemos máquina de escribir. Puedes simplemente arrastrarlo a la capa y donde sea que esté tu cabeza de reproducción, ahí es donde comenzará la animación. Si pulsas "U” en el teclado, puedes ver que están pegados fotogramas clave comenzando en mi cabeza de juego. Entonces si lo retocas, puedes ver lo que hace. Entonces puedes entrar y ajustar los fotogramas clave así para acelerarlo o como quieras ajustarlo. Si decides que quieres eliminar este preset, este animador de texto que has aplicado a tu capa, solo asegúrate de que la capa esté seleccionada. Después sube a tu animación y elige eliminar todos los animadores de texto. Puedes previsualizar estos animadores de texto aplicándolos a tus textos. Otra forma de aplicar un animador de texto es simplemente tener la capa seleccionada y hacer doble clic en el preset. Entonces otra vez, recuerda que va a pegar esos fotogramas clave donde sea que esté tu cabeza de juego. Este es un poco loco. Si subes al menú de hamburguesas junto a efectos y presets, puedes ir a buscar presets, y esto abrirá Adobe Bridge. Desde aquí, puedes entrar en la carpeta de texto y luego puedes previsualizar cualquiera de estas animaciones sin tener que aplicarlas realmente a ningún texto y After Effects, puedes simplemente verlas todas aquí. Ahora, notarás que muchos de estos son anticuados y feos, tal vez un poco demasiado locos. Pero hay algunas buenas como la máquina de escribir una es simple y funciona bien, pero otras probablemente no quieras usar a menos que estés tratando de hacer como una sátira de los 90. Ahora que conoces los conceptos básicos de trabajar con capas de texto, en el resto de la clase, nos sumergiremos en animar textos con animadores de texto. 3. Cómo funcionan los animadores de texto: Veamos cómo podemos animar esta capa de texto con animadores de texto. Si vas a este botón “Animar”, estas son un montón de propiedades diferentes para que puedas animar. Para el primer ejemplo, vamos a hacer escala. Esto va a agregar Animator 1 y este es un animador de texto. Si ajusto este valor de escala, se puede ver que cada letra está escalando. En lugar de escalar toda la capa de texto como una cosa, es escalar cada letra individual. Si quisieras cambiar la forma en que las letras escalan, puedes ir por debajo Más Opciones y bajo Alineación de Agrupación, puedes mover estas pequeñas x's. Vea estas pequeñas x aquí representan de dónde va a escalar. Este es un pequeño punto de anclaje. Ahora bien, si ajusto el valor de la escala, se puede ver que esto va a escalar en el centro de cada letra. También puede cambiar la agrupación de puntos de anclaje. Ahora mismo, cada carácter está escalando, pero podrías cambiarlo para que cada palabra escale para que se vea así o también podrías cambiarlo a línea o a todo el texto de la capa. Voy a ponerla de nuevo carácter y luego veamos cómo en realidad animarías esto con el animador de texto. Solo podemos cerrar las Más Opciones por ahora. Digamos que quiero que esto escale del 25% al 100%. Podría simplemente enmarcar esto, así, pero esto va a escalar cada letra al mismo tiempo. Todo está escalando a la vez. Si quisieras tener más efecto cascada donde la T comienza primero y luego la E y luego la X y así sucesivamente, entonces necesitamos usar el selector de rango. Solo voy a eliminar estos fotogramas clave en la propiedad scale para mostrarte el selector de rango. Cómo funciona el selector de rango es que aplica el valor establecido para cualquier propiedad con la que esté trabajando. En este caso, escala a una parte seleccionada de tu texto. ahora mismo está aplicando una escala del 25% a toda mi capa de texto. Se puede decir porque el valor inicial está en 0%, lo que se indica con esta línea roja al inicio de los textos y el valor n está al 100%, lo que se indica esta línea roja al final del texto. Si no ve estrellas rojas y n líneas, asegúrese de que el selector de rango esté seleccionado aquí. Si ajusto el valor inicial, puedes ver que está moviendo el selector y el texto que no está dentro del selector vuelve a la escala del 100%, que es lo que puedes pensar como el look predeterminado para este texto, escala 100%. Se puede decir qué parte del texto se encuentra dentro la conferencia de texto por las líneas rojas de inicio y final. Los pequeños triángulos apuntan a lo que hay dentro de esta selección. También puede ajustar los valores de estrella o n en el visor de composición arrastrando la línea por la parte del pequeño triángulo. Asegúrate de ver este icono para tu cursor. Voy a poner esto de nuevo al 100% y veamos cómo animaría realmente a este animador de texto para hacer que estas letras escalen del 25% al 100%. Lo que haría es ir al inicio de la línea de tiempo y voy a animar el valor de desplazamiento. Voy a golpear el cronómetro para que el offset esté en 0%, luego vaya a gustar, solo hagamos un segundo y fijemos el offset para que sea 100%. Ahora puedes ver que esto va a animar cada letra escalando del 25% al 100%. Lo que hace la animación del desplazamiento es animar el selector desde todo el camino en el texto hasta todo el camino fuera del texto. Cuando una letra está dentro del selector, se le va a aplicar una escala del 25% y cuando una letra está fuera de este selector, tendrá aplicada la escala predeterminada del 100%. A medida que el selector pasa de cubrir todos los textos a cubrir ninguno de los textos, cada letra se anima del 25% al 100%. Así es como a mí y probablemente a la mayoría de los diseñadores de movimiento nos gusta animar animadores de texto. Se puede lograr un resultado similar animando el valor inicial de 0-100%. Pero verás en el siguiente video por qué suele ser mejor animar el offset. Ahora que tenemos configurado este animador de texto, en realidad es muy fácil cambiar lo que dice el texto o cambiar el estilo del texto y aún así tener el trabajo de animación de la misma manera exacta. Si solo hago doble clic en esta capa de texto, podría entrar y cambiar esto a otra cosa y luego la animación de texto seguirá funcionando de la misma manera exacta. También podrías ir al Panel de caracteres y cambiar la fuente y la animación seguirá funcionando de la misma manera exacta. Sólo voy a deshacer para volver a como lo teníamos. Puedes cambiar cosas como el tamaño de fuente y el animador de texto aún funciona o incluso podrías ir a animar o ajustar las propiedades de transformación. Si quisiera mover este texto, puedo hacerlo. Si quisiera escalar este texto, podría hacerlo y no afecta el escalado que tengo para el animador de texto. Todo esto es muy útil para que puedas crear animaciones de texto que sean fácilmente reutilizables y ajustables. Si cambias lo que tu texto dice para que sea mucho más corto o mucho más largo, entonces va a cambiar cómo se ve la velocidad de tu animador de texto. Pero puedes ajustar el tiempo arrastrando tus fotogramas clave para hacer que la animación sea más rápida o más lenta. Veamos algunas otras opciones que tienes. Bajo Animator 1, debajo del Selector de rango, va a haber un toggle avanzado. Si lo desactiva, puede elegir en función caracteres, excluyendo espacios, palabras o líneas. Vamos a cambiar esto a palabras. Ahora puedes ver que va a escalar en texto y luego animadores, así que aquí hay dos palabras diferentes. Si tuviera varias líneas, podría cambiar eso en base a dos líneas y luego solo va a animar la primera línea y luego la segunda línea. Esas son algunas opciones fáciles que puedes ajustar. En este momento esta animación de texto se ve muy mecánica, una letra se anima adentro a la vez. En el siguiente video, veremos cómo hacer que las animaciones en las letras se superpongan para que se vea más suave. 4. Formas de los selectores: Al usar el selector de rango para animar textos, tienes la opción de cambiar la forma de ese selector para obtener diferentes efectos. Esto puede ayudar a suavizar una animación de texto. Para llegar a esas opciones, quieres tener el animador abierto, el selector de rango abierto, y luego pasar por avanzado. Entonces aquí mismo tienes la forma. Esta va a ser la forma del selector. Por defecto, va a ser cuadrado. Echemos un vistazo a las otras opciones. Vamos a elegir la rampa para arriba. Cambiar esto para rampa hacia arriba afecta cómo se ve el texto y la animación del texto. No es animar cada letra del 25 por ciento al 100 por ciento, está comenzando a mitad de camino. Lo que tenemos que hacer para arreglar esto es simplemente establecer lo contrario. En lugar de comenzar desde cero por ciento, necesitamos iniciarlo de un 100 por ciento negativo. Ahora esto va a pasar del 100 por ciento negativo al 100 por ciento. Vea cómo cambia la animación de texto. Ahora cada letra va a empezar a animarse un poco después de la letra anterior a ella. En lugar de solo una letra a la vez como la teníamos antes, esto está haciendo más un efecto cascada. Comparemos la animación que teníamos antes donde el selector se configuraba cuadrado y la animación que tenemos ahora donde el selector está configurado para subir. En el último video, mencioné que es beneficioso animar el valor de desplazamiento en lugar del valor inicial, aunque parezca que podrías lograr el mismo aspecto. Déjame mostrarte por qué es eso. Si elimino estos fotogramas clave en el desplazamiento y solo lo pongo de nuevo en cero por ciento, y luego solo trato de animar lo mismo con el valor inicial, en realidad no se puede mover el valor inicial a 100 por ciento negativo. Tendrías que pasar de cero a 100 por ciento hasta que te quedes atascado con una animación que parece que ya está empezando a mitad de camino. Sólo se puede animar así. Voy a deshacer todo eso para volver a como lo tenía animado antes. Es mejor animar el valor de desplazamiento porque cuando tienes una forma que no es cuadrada, puedes empujar el selector hasta la izquierda estableciendo el valor de desplazamiento en 100 por ciento negativo y luego puedes empujarlo todo el camino hacia la derecha animándolo al 100 por ciento. Para ayudarte a ver qué hacen las diferentes formas selectoras que puedes elegir aquí, creé este visual para ti. Para cada una de las diferentes formas de selector que puedes elegir, creé una forma real, esa es la forma de ese selector. Entonces solo lo moví a través de los textos para ayudarte a visualizar lo que realmente está haciendo el selector. Todos estos están animados desde un desplazamiento negativo del 100 por ciento a un desplazamiento del 100 por ciento y luego de vuelta otra vez. Este visual también explica por qué cuando estábamos animando solo con la forma cuadrada predeterminada, que podríamos comenzar por animar a cero por ciento porque a cero por ciento con el selector de cuadrados, todo tu texto va a ser influenciado por el selector. Mientras que con rampa al cero por ciento, el selector está cubriendo tu texto también pero eso lo hace para que parezca que la animación ya está a mitad de camino. Al usar rampa ascendente, desea animar desde 100 por ciento negativo, lo que empuja el selector hasta la izquierda pero aún afecta a todo el texto. Entonces, como se anima al 100 por ciento, va a animar todo el camino fuera de tu texto. A la hora de animar textos y me parece que muchas veces, uso rampa arriba porque anima las cosas muy bien con ese efecto cascada. Realmente uso triángulo redondo o liso porque todo esto que está haciendo es mover una forma a través del texto. Los looks de inicio y final son los mismos. 5. Propiedades: Puede tener un animador de texto que anime múltiples propiedades a la vez. Este es solo nuestro primer ejemplo donde acaba de escalar. Déjame mostrarte cómo puedes agregar animador de otra propiedad al mismo tiempo. Si alternamos esto hacia abajo, puedes pasar por debajo del animador uno. Esto solo tiene la propiedad de escala. Si haces clic en este botón “Agregar”, puedes agregar algo como rotación o cualquiera de estas otras propiedades. Solo veamos agregar una rotación a esto. Se agrega esta propiedad de rotación. Ahora bien, si pongo un valor aquí, vamos a hacer sólo -20, al mismo tiempo que la escala se está animando en debido a la animación en el desplazamiento, esta rotación también va a animar de -20 de vuelta a la posición predeterminada de cero. Se puede ver lo que se ve aquí aquí. Puedes agregar tantas propiedades como quieras al mismo animador de texto. También podemos agregar una opacidad. Simplemente establezca esto a cero, y luego esto se desvanecerá a medida que gira y escalará. No voy a pasar por todas las diferentes propiedades que puedes animar, pero te animo a explorarlas para que puedas crear algo realmente creativo y único. 6. Atenuación: Siempre que estés animando algo, es una buena idea entrar y ajustar la interpolación temporal de tu animación para que se vea un poco más realista o interesante. Aquí hay un recordatorio de lo que es la interpolación temporal. Así que solo tengo esta forma moviéndose por la pantalla, y ahora mismo se mueve a una velocidad constante todo el tiempo. Entonces esto es solo un movimiento lineal, y se puede decir porque estos fotogramas clave son formas de diamante. Si voy y selecciono los fotogramas clave, puedo hacer clic con el botón derecho, ir a Asistente de fotogramas clave y luego a Easy Ease. Va a cambiarlos a formas de reloj de arena. Ahora bien, si juego esto de nuevo, se nota que se mueve lento, rápido en el medio, y luego lento otra vez. Por lo tanto, está saliendo del primer fotograma clave y luego entrando en el segundo fotograma clave. Ahora el movimiento no es tan lineal y mecánico. Entonces en otras palabras, lo que he hecho es ajustar la interpolación temporal. Muchas veces es posible que escuches los diseñadores de movimiento hablar de esto como una flexibilización. Como ya has visto textos, los animadores trabajan un poco diferente a otros tipos de animación en los efectos posteriores. Veamos cómo podemos agregar flexibilización a los animadores de texto. Para demostrarlo, voy a crear un nuevo animador de texto sobre una nueva capa de texto. Yo sólo voy a alternar hacia abajo, ir al botón Animar, y esta vez vamos a animar la posición. Vamos a crear un nuevo animador de texto con la propiedad position. Entonces sólo voy a arrastrar la posición y hasta, digamos -200. Entonces solo quiero tener este movimiento hacia abajo y en su lugar. Para hacer eso, voy a alternar hacia abajo el selector de rango, y vamos a entrar en Avanzado y cambiar la forma del selector de inmediato. Voy a cambiar esto para aumentar, y luego animemos el desplazamiento de -100 a 100. Voy a configurar mi área de trabajo como dos segundos moviendo mi cabeza de juego aquí, y luego presionando la tecla “N” en el teclado. Esto solo hará que sea para que solo haga una vista previa de estos dos segundos. Esto es lo que tenemos hasta el momento. También voy a animar la opacidad aquí porque creo que va hacer que sea más fácil ver cuando vayamos y ajustemos la flexibilización. Para agregar una propiedad para animar bajo el mismo animador, solo quieres ir a ese animador y luego dar click en este botón “Agregar”. Entonces si vas a la propiedad, puedes optar por agregar cualquiera de estas propiedades al animador existente. Voy a elegir Opacidad, y eso la va a agregar justo debajo de la posición. Voy a establecer la opacidad en 0%, así que ahora como se anima el valor de desplazamiento, va a animar la posición desde -200 y la opacidad desde 0%. Ahora va a quedar así. Para ajustar la flexibilización en un animador de texto, desea ajustar los valores de facilidad alto y bajo de facilidad aquí. Sólo voy a poner la facilidad alta para que sea 100%, y vamos a volver a jugar esto. Con el ramp-up y la facilidad alta, el texto va a comenzar animando muy lento, luego animar más rápido a medida que se acerca a su posición final. Si tuviera que cambiar esto, así que la facilidad alta está en cero y la facilidad baja como 100%, va a hacer lo contrario. Ahora va a empezar a animar rápido y luego ralentizar a medida que llegue al segundo fotograma clave. También podrías cambiar esto a algo así como 50% y 50%, así que no tiene que ser solo toda facilidad mayor, solo toda facilidad baja. Eso se verá algo así. Esto es más suave en ambos extremos de la animación. Cuando estás ajustando estos valores de flexibilización, la forma de tu selector marca diferencia en cómo se verá realmente la flexibilización. He hecho dos visuales diferentes para ayudarte a ver cómo se ven esas. Entonces en este visual, solo estoy comparando facilidad alta y facilidad baja para la rampa arriba y rampa abajo y seleccionamos nuestras formas. Se puede ver que la facilidad alta y la rampa arriba es muy similar a la rampa hacia abajo y la facilidad baja, y luego la rampa hacia abajo y la facilidad alta es similar a la rampa arriba y facilidad baja. Ellos flip-flop en cómo funcionan. El segundo visual muestra cómo la forma del selector está cambiando realmente cuando cambias los valores de flexibilización. Así que aquí tengo la facilidad alta establecida al 100%. Esta forma era la original, y ahora con facilidad en lo alto de rampa hacia arriba, va a actuar más como esta forma, y eso va por todas estas. Cuando estás animando con animadores de texto y ajustando la forma del selector y la flexibilización, siempre puedes simplemente jugar con él y ver qué se ve mejor. Pero si estas imágenes te ayudan, puedes volver a estas como referencia para averiguar lo que necesitas. Además, si vuelves al selector de formas visuales, cada uno de estos selectores da forma a nuestra composición, así que si haces doble clic en alguna de estas, podrás ver la facilidad alta y facilidad baja, y cómo se ven esos con esa forma selectora. Para un cuadrado, en realidad no tiene sentido que cambie la forma de esta conferencia, pero si miras cuidadosamente el selector a medida que se mueve, puedes ver que cuando la facilidad alta se establece en 100%, va a cambiar rápidamente los caracteres a medida que el selector los va pasando por encima. Como es como un personaje parcialmente seleccionado, va a cambiar rápidamente los valores. Mientras que con facilidad baja, va a tomar más tiempo cambiar los valores cuando se selecciona parcialmente. 7. Múltiples animadores: Hasta ahora hemos mirado ejemplos con un solo animador de texto. Un animador de texto puede tener múltiples propiedades que anima, pero con un solo animador de texto, las propiedades se animan al mismo tiempo. Ahora veamos un ejemplo con múltiples animadores de texto. Esto permite animar propiedades en diferentes momentos para crear animaciones más complejas. Antes de animar esto, solo voy a configurar una capa guía para poder decir dónde está la línea base de mi texto. Si aún no ves a los gobernantes, puedes simplemente Hit Command o Control R para sacarlos a colación, y luego si arrastras desde la regla, puedes traer una guía hacia abajo a tu composición. Sólo voy a bajar esa guía para que se siente justo al fondo de mis textos, así como estoy animando, sé dónde debería estar la posición final de esto. Ahora voy a alternar hacia abajo la capa y vamos al botón Animar para crear un animador de texto. Voy a animar la posición de esto. Como dice el técnico, voy a hacer que se vea hinchable, como que va a entrar, sumergirse, volver a subir y luego finalmente asentarse en posición. No es como un rebote realista basado en la física, como una pelota que rebota, sino como una animación más fluida para animar a cada personaje en. Ahora con esta posición Animator 1, solo voy a establecer el valor de la posición en negativo 200. Eso será para que el puesto esté aquí arriba. Voy a animar esto usando el valor de desplazamiento. Bajo Selector de rango, voy a establecer el desplazamiento de 100 negativo, y luego vamos como un segundo, y luego estableceré esto en 100. Después, bajo la alternancia avanzada, también ajustemos la forma de esta conferencia para que sea ramp-up. Ahora bien, esto va a hacer que la B empiece primero y luego haga un efecto cascada hasta la Y. Esto es como los ejemplos que ya has visto. Voy a ajustar los valores de flexibilización en estos, así que vamos a tener la facilidad baja sea 100%. De esa manera solo disminuirá la velocidad a medida que llegue a su posición final, tan agradable y suave. Ahora voy a agregar otro animador de texto que en lugar de simplemente aterrizar justo en la línea de base, en su posición final de descanso de inmediato, se vaya a bajar y luego ese será el segundo animador de texto. El tercer animador de texto lo hará rebotar y luego aterrizará en su lugar después de eso. Sólo voy a cerrar este primer animador de texto solo para tener algo más de espacio aquí, y luego asegurarme de que tengo texto seleccionado aquí mismo, voy a volver a este botón de animar y elegir posición. Si no lo has seleccionado, es posible que no cree un nuevo animador para ti. Ahora deberías tener Animator 1 y Animator 2. Una vez que empiezas a tener múltiples animadores, puede ser útil nombrarlos para que sepas qué es qué. Solo vamos a hacer click en Animator 1 y Hit Return, ahora podemos renombrarle esto. Solo nombraré este otoño, y luego Animator 2 será como cuando sumerja por debajo de esta línea de base aquí, así que vamos a Hit Enter y nombra este dip. Ahora vamos a establecer el valor de posición para esta caída. Solo voy a asegurarme de que mi cabeza de reproducción sea después de que esta primera animación ya haya terminado, así que simplemente pondré la cabeza de reproducción en un segundo donde está ese fotograma clave. Estos pequeños círculos representan esos fotogramas clave, y se representan como círculos porque esta capa está cerrada. Ahora sólo voy a bajar el valor de la posición. A lo mejor hagamos como 100. Eso lo traerá sumergiéndose por debajo de la línea de base. Pasemos al selector de rango y luego podremos animar esto. Vamos a establecer un fotograma clave, hacer este negativo 100. Entonces vayamos a dos segundos y animemos esto a 100. Entonces también pasemos por debajo de avanzado y cambiemos esto de cuadrado a rampa arriba. Para la facilidad alta y baja, quiero facilitar la salida del primer fotograma clave, este, y luego en el segundo fotograma clave. Voy a establecer ambos en 50. Siempre podemos ver cómo se ve esto y volver atrás y ajustarlo. Ahora mismo lo tenemos bajando y luego volviendo a subir. Va a ir todo el camino hacia abajo hasta por debajo la línea de base y luego todo el camino hacia arriba. Pero si quisiera que esto fuera un poco más fluido de aspecto, lo que tenemos que hacer es mover estos fotogramas clave hacia la izquierda. Voy a mirar justamente esa primera letra en la B, y veamos cuándo llega hasta su punto más bajo. Parece que se trata de algún lugar por aquí. Voy a tomar estos fotogramas clave y arrastrarlos a los dos para comenzar aquí mismo. De esta manera, en cuanto la primera letra llegue al punto más bajo, va a comenzar a animar copias de seguridad debido a estos fotogramas clave. Vamos a jugar eso de nuevo. Eso se ve bastante bien. Vamos a agregar nuestro siguiente animador. Sólo voy a cerrar esto, voy a ser un poco perezoso aquí y simplemente duplicar este animador en lugar de crear uno nuevo. Yo solo voy a seleccionarlo y Hit Command D, y luego vamos a presionar Enter y renombrar esto. Vamos a llamarlo. Aquí es cuando va a rebotar de nuevo. Lo primero que tengo que hacer es simplemente tomar estos fotogramas clave en esta capa superior y moverlos todo el camino para que pueda ver lo que estoy haciendo. Todavía no he cambiado el valor de posición de esto desde que lo dupliqué, así que está haciendo que vuelva a bajar hasta aquí. Pero quiero que suba, así que vamos a ajustar este valor para que vaya por encima de la línea base. A lo mejor algo como negativo 50. Ahora bien, si acabamos de pasar por esto, va a ir hasta abajo, rebotar hacia arriba, rebotar hacia arriba, y luego a medida que este tercer conjunto de fotogramas clave se anima, va a aterrizar de nuevo en la línea de base. Nuevamente, como hice con el segundo animador de texto, voy a ir a ver cuándo esa B está llegando a su punto más alto, tal vez por aquí, y voy a arrastrar esos fotogramas clave para comenzar en ese punto. Ahora vamos a jugar esto de nuevo. Eso se ve bastante bien. Creo que podría ir un poco más rápido en general. Lo que voy a hacer es simplemente Hit U en el teclado. Entonces si quieres estirar o reducir la distancia entre todos tus fotogramas clave a la vez para acelerar o ralentizar tu animación, lo que puedes hacer es seleccionar todos los fotogramas clave y luego mantener presionada la opción o en una PC alt, entonces quieres tomar tu último fotograma clave y simplemente arrastrarlo. Sólo voy a arrastrarlo hacia la izquierda para acercar todos estos fotogramas clave para acelerar mi animación. Ahora bien, si retomamos esto, tengo una animación más rápida. Si quisieras hacer tu animación más lenta, podrías simplemente arrastrar hacia la derecha para extender esos fotogramas clave. Ese es un ejemplo de cómo puedes usar animadores de múltiples textos para crear una animación más compleja. 8. Animación: Ahora veamos cómo podemos animar este texto fuera. Para ello, voy a crear un nuevo animador de texto en esta capa Entonces voy a seleccionar donde dice texto, ir al botón anime, y luego agregar otro animador de texto para el puesto Y luego con mi cabeza de reproducción por aquí, solo escojamos 3 segundos. Voy a hacer que la posición vuelva a subir. Así que vamos a poner esto de nuevo a, como, negativo 200. Y entremos y animemos el selector de rango. Entonces voy a animar esto de 100 negativo. Y vamos a ir 20 fotogramas hacia adelante en el tiempo y hacer esto 100. Quiero traer mi cabeza de reproducción aquí. Debido a que no he cambiado la forma del selector, esto se establece en el selector cuadrado predeterminado, en realidad va a animar hacia arriba y luego hacia abajo. Lo que tengo que hacer es entrar en las opciones avanzadas en el selector de lluvia y cambiar la forma. Para ello, voy a querer usar rampa descendente. De esa manera, comenzará desde aquí y luego volverá a subir así, lo contrario a la forma en que entró. Si no estabas seguro qué forma de selector ibas a necesitar, siempre podrías adivinar y verificar porque es fácil deshacer las cosas. Pero también podrías volver a esta referencia visual que te he dado para que mires las diferentes formas selectoras. Se puede ver que rampa descendente tiene el texto comenzando en su posición por defecto. El animador de texto en negativo 100% en el desplazamiento va a estar todo el camino fuera así y el texto solo será el valor predeterminado Entonces, a medida que pasa de desplazamiento de 100% negativo a un desplazamiento del 100%, va a aplicar ese animador de texto al texto, que es exactamente lo que queremos cuando estamos animando algo Así que sólo voy a volver a mi ejemplo, y he elegido rampa hacia abajo y así se puede ver que esto va a animar las letras retrocediendo así También voy a ajustar la flexibilización aquí. Entonces quiero que esto vaya lento al principio y luego más rápido a medida que llegue a su estado final aquí arriba. Esa opción va a ser Es baja. Voy a poner eso al 100%. Y además, si no podías recordar si querías Es bajo o Es alto, siempre puedes probarlos, o puedes ir a mirar esta referencia visual que te he dado para ver cuál necesitas. Así que de vuelta en este ejemplo, vamos a reproducir lo que tenemos . Así que eso se ve bien. Agreguemos otra propiedad a este hinchable para que realmente desaparezca por completo cuando se anime. Entonces para hacer eso, voy a ir a este animador uno, que realmente debería renombrar Así que voy a presionar Enter y renombrar este animate out. Y luego voy a ir al botón Agregar y agregar una propiedad de opacidad Y pongámoslo en 0%. Ahora podemos golpearte solo ves todos esos fotogramas clave y vamos a reproducir todo el asunto Así es como puedes animar tu texto con animadores de texto 9. Ejemplo: trazo y relleno: En este ejemplo, voy a tener una versión de las letras, eso es solo el trazo animado en. Y luego hacer que las letras se rellenen con el color de relleno. Primero, debemos asegurarnos de que nuestro texto tenga un relleno y un trazo con la capa seleccionada. Si vas al panel de caracteres, quieres asegurarte de que tienes el color de trazo con esta caja y el color de relleno con esta caja. Si apago el relleno, se puede ver que aquí tengo este trazo. Y la forma en que ajustas el ancho está aquí mismo. Voy a deshacer eso para recuperar mi relleno. Y ahora vamos a animar esto primero. Sólo tienes que alternar hacia abajo la capa. Voy a ir a animar y luego a rellenar color. Y vamos a animar primero la opacidad, necesito establecer la opacidad de relleno a Y luego desactiva el selector de rango. Vamos a animar esto, 0-100 Ahora puedes ver que todos esos se están llenando En este momento se está desvaneciendo en el color. Se necesitan un par de marcos para que entre el color de relleno. Pero si quisieras que esto entrara como todos a la vez, en lugar de desvanecer el color, podrías ir por debajo de avanzado y luego cambiar la suavidad a 0% El valor de suavidad es para cuando tienes el selector de forma configurado Se va a determinar qué tan suave es la transición de la letra completa no seleccionada a completamente seleccionada, o viceversa,. Cuando tienes suavidad al 100% va a ser muy suave Va a tomar un poco para que esa transición suceda. Cuando pones la suavidad a cero, va a ser instantánea Ahora bien, si jugamos esto, se puede ver que esos sólo están llenos en todo el camino. No hay desvanecimiento en cada letra. Puedes hacer esto como quieras. Hasta preferencia personal, solo voy a poner esto de nuevo a 100 para que se desvanezca Entonces nombremos a este animador, Phil. Vamos a crear otro animador. Esta vez queremos animar el color del trazo. Y luego solo agreguemos opacidad a eso. Vamos a bajar eso a cero. Alternar hacia abajo el selector de rango, y luego vamos a animar el desplazamiento de 0% a 100% Vamos nombrar entonces el segundo trazo del animador Sólo voy a golpearte en el teclado con esta capa seleccionada para que aparezcan ambos conjuntos de fotogramas clave No podemos ver las etiquetas de las cuales es cuál, pero sé que Phil está arriba y trazo está en la parte inferior. Quiero que el trazo llegue primero. Así que voy a hacer que estos fotogramas clave comiencen en cero y luego simplemente deslice los fotogramas clave de Phil sobre unos pocos fotogramas a la derecha Para animar esto. De hecho, podemos usar estos mismos animadores y mantener el fotograma clave Déjame mostrarte a lo que me refiero. Quiero que esto se anime de izquierda a derecha. Entonces lo que voy a necesitar hacer es animar esto de negativo 100 a cero Eso va a animar el relleno apagado. Y entonces podemos hacer lo mismo con el trazo. El problema que tenemos ahora es que esto se está animando en medio de esto, donde no quiero que pase nada Lo que tenemos que hacer es convertir estos fotogramas clave para contener fotogramas clave Solo voy a hacer clic derecho en uno de ellos y hacer toggle hold keyframe que los convertirá en fotogramas clave retenidos Entonces solo va a mantener este mismo valor hasta que encuentre otro marco clave. De esa manera nada va a pasar en el medio aquí. Entonces, una vez que llegue hasta aquí, comenzará a animarse en la dirección opuesta en la salida de animación. Quiero que el color de relleno se anime. Primero solo tomemos estos dos fotogramas clave en la parte inferior. Estos son para el trazo. Y solo mueve estos hacia la derecha un par de marcos. Ahora veamos qué tenemos. 10. Ejemplo: Flicker: En este ejemplo, vamos a hacer algo un poco diferente. Te voy a mostrar cómo puedes usar uno de los efectos secundarios presets de animación predeterminados incorporados para animar el texto en, pero luego lo vamos a personalizar. Mencioné antes que muchos de los presets de animación predeterminados no son tan buenos, pero hay algunos que no son tan malos y puedes agregarles cosas para hacerlos más interesantes. Echemos un vistazo. Primero, asegura de que la capa esté seleccionada y que tu cabeza de reproducción esté donde quieras que comience la animación. Y luego solo pasa al panel Efectos y Presets. Si no ves este panel, solo tienes que subir a Window, y luego lo encontrarás aquí mismo. Puedes buscar Flicker en la barra de búsqueda aquí, o puedes alternar hacia abajo así para llegar a él. Entonces lo que quieres hacer es simplemente hacer doble clic sobre este efecto para aplicarlo a tu capa. puede ver de inmediato que se le agregan animadores de texto por estas barras y el hecho de que el texto se ha ido. Si pulsas “Play”, verás lo que hace. Si pulsas “U” en el teclado, podrás ver todos los fotogramas clave que el preset ha agregado para animar este texto. Puedes ver que hay un animador de texto porque están usando un selector de rango para animar esto, y luego también están animando la opacidad con algunos fotogramas clave de retención para este efecto de parpadeo aquí mismo. De hecho, solo quería entrar y parpadear así, pero no necesito que todo este parpadeo esté pasando aquí mismo. Lo que voy a hacer es simplemente eliminar todos estos fotogramas clave. Yo solo quiero que la animación se anime. Pero veamos cómo podemos hacer esto un poco más interesante. Voy a alternar esto hacia arriba y luego hacia abajo para meterme en el animador de texto. Sólo hay un animador de texto que se llama Flicker In. En su mayoría hemos estado animando el offset, pero en este caso, el valor inicial está animado, lo que va a funcionar totalmente bien. No necesariamente necesitamos cambiar eso. Entonces puedes ver debajo de Avanzado que la forma del selector está configurada cuadrado y es solo animar caracteres. Entonces algo que aún no hemos usado y que se utiliza en este ejemplo es que estamos aleatorizando el orden de este. Si desactiva Randomize Order, solo se animará de izquierda a derecha. Pero si activa Randomize Order, se animará en caracteres en orden aleatorio. También puedes cambiar la Semilla Aleatoria aquí. Si dices que no te gustó eso, la K entró primero, podrías poner un número diferente para la Semilla Aleatoria y volverá a elegir el Orden Aleatorio. Puedes ajustar este número hasta que estés satisfecho con el orden aleatorio que elija para ti. Simplemente voy a cerrar adelantando, y agreguemos una escala a esto. Voy a ir a este botón Agregar junto al Animador de Flicker In, ir a Propiedad, y luego elegir Escala. Al mismo tiempo que las letras se van desvaneciendo, vamos a hacer que también escalen de, hagamos 150. Ahora es si jugamos esto de nuevo. Lo hace un poco más interesante. Las letras están empezando a lo grande y luego a medida que se desvanecen y también están escalando un poco. Si querías que las letras escalaran desde el centro en lugar de desde la parte inferior, si entrabas en Más Opciones, puedes ajustar la Alineación de Agrupación. Recuerda que estas pequeñas x rojas muestran el punto de anclaje para cada letra. Voy a ajustar este valor y para subir esos pequeños anclajes. Ahora, las letras escalarán desde el centro. A continuación, voy a cerrar esta capa, y vamos a crear otra versión de esta para crear un color diferente que venga primero. Sólo voy a presionar “Comando D” con la capa seleccionada para duplicar esta capa. Entonces pasemos al Panel de personajes y elegimos un color diferente. Voy a hacer click en el “Color de Relleno” aquí y luego solo pegarlo en el código hexadecimal que he copiado. En realidad, quiero que el aspecto final del texto sea negro. Voy a subir esta capa por encima de la azul. Entonces hagamos que esta capa negra venga un poco después de la azul. Va a tener toda la misma animación porque acabo de duplicar la capa, pero ahora se puede ver que ese parpadeo está pasando primero con el azul, y luego el negro viene encima de él. Ahora que veo esto, realmente no me gusta cómo se va desvaneciendo el negro sobre el azul y se superpone así, como aquí mismo en la R. Creo que eso se ve un poco desordenado. Lo que voy a hacer es entrar en esta capa negra superior y simplemente alternarla hacia abajo hasta que encuentre esa propiedad de escala debajo del animador de texto Flicker In, y solo voy a eliminar la escala. Ahora la capa negra no va a escalar, pero la capa azul sí. Creo que esto se ve mucho más limpio. Cuando tienes dos capas diferentes para componer tu animación de texto, hay algunas cosas que son una buena idea para hacer. La primera es sólo para escoger cuál va a ser la capa maestra y luego tener la otra capa parentada a esa capa maestra. De esa manera, si mueves la capa maestra, la otra capa irá con ella y la animación de texto seguirá funcionando. Otra cosa que puedes hacer es padre de los textos fuente. Si cambias hacia abajo en la capa justo debajo del texto, verás textos fuente. Lo que tenemos que hacer es padre el texto fuente de la capa secundaria o el pequeño acento, el azul en este caso, al texto fuente en nuestra capa maestra. Simplemente toma ese látigo de púa y arrastra de aquí a aquí así. Ahora bien, si entro y cambio lo que dice, entonces ambas capas están cambiando y la animación de texto sigue funcionando. Si decides que quieres cambiar alguno de los aspectos de los textos que se encuentran en este Panel de Carácter, vas a tener que seleccionar ambas capas de texto y luego hacer esos cambios aquí. Podrías hacer esto más grande, hacerlo audaz. Siempre y cuando tengas ambas capas de texto seleccionadas, entonces las ajustará y tu animación seguirá funcionando. Más adelante en la clase, te voy a mostrar cómo puedes guardar una animación de texto como un preset, pero una cosa que debo saber de una animación como esta que tiene dos capas diferentes es que no vas a poder guardar todo esto como un preset porque tienes dos capas. Solo puedes guardar algo como preestablecido si es solo en una sola capa. Pero ojalá, este ejemplo te mostrara cómo puedes usar los animadores de texto predeterminados, editarlos y personalizarlos como te gusten. Además, otra cosa que puedes hacer con los animadores de texto en general, no importa cómo empezaste a crearlos, es que puedes duplicarlos para tener un offset, una animación de color diferente. 11. Ejemplo: Desenfoque + seguimiento: En este ejemplo, te voy a mostrar cómo animar la propiedad de rastreo, que es el espacio entre letras. Mientras que la mayoría de nuestras animaciones de textos han ocurrido de izquierda a derecha, vamos a hacer que ésta suceda desde el centro hacia afuera. También vamos a animar el desenfoque y la opacidad de este texto. En el panel de caracteres para este texto, puedes ver que ya he agregado seguimiento aquí. Ya hay algo de espacio extra entre las letras, pero vamos a animar espacio adicional. Estas letras están realmente espaciadas y entonces el look final será este. El seguimiento que tienes aquí es completamente independiente de cualquier animador de menú de seguimiento con el animador de texto. Puedes tener esto sea cero o cualquier número, no importa. Ahora alternemos hacia abajo la capa y presionemos el botón de animar, y agreguemos seguimiento. Si ajusta el monto de seguimiento, puede ver que esto está agregando espacio adicional entre sus letras. La forma en que esto está ajustando el espacio entre letras está actuando como si el punto de anclaje estuviera sobre la izquierda. Pero quiero que esto suceda desde el centro. Lo que voy a hacer es asegurarme de que este texto esté seleccionado y entrar en el panel de Párrafo. Entonces en vez de que quede alineado, voy a tener que estar centrado. Ahora va a mover los textos, pero solo puedo usar el Panel Alinear para hacer eso centrado en mi composición otra vez. Voy a establecer la cantidad de rastreo en, hagamos 75. Ahora vamos a animar esto con el selector de rango. Porque quiero que esto se anime desde el centro hacia afuera, en realidad voy a necesitar dos animadores diferentes que tengan cada uno un selector de rango. De esa manera puedo animar uno para la mitad izquierda del texto, y otro para la mitad derecha del texto para que parezca que se está animando desde el centro hacia afuera. Primero, vamos a configurar el lado izquierdo. Voy a seleccionar donde dice animador 1 y solo nombra esto a la izquierda. Si planeabas usar el selector de forma de cuadrado, podrías simplemente animar los valores de inicio o final para que esto funcione. Pero en realidad voy a querer que esto se vea un poco más fluido para que la animación cada personaje pueda superponerse un poco más. Para hacer eso, voy a usar rampa arriba y rampa abajo. Para el lado izquierdo vamos a usar rampa abajo. Ahora voy a cambiar los selectores de Rango y valor para que sea 50%. De esa manera, el selector sólo cubre la mitad izquierda del texto. Ahora puedo animar el valor de desplazamiento para animar este selector de texto moviéndose sobre los textos y creando nuestra animación de texto. Si llevo el valor de desplazamiento al 50%, entonces se puede ver que la mitad izquierda del texto está espaciada con esta cantidad de seguimiento de 75. En otras palabras, el selector está aplicando la cantidad de seguimiento que hemos establecido aquí a la mitad izquierda de nuestro texto. Ahora puedo animar desde 50. Pasemos a unos dos segundos, y animemos esto todo el camino a negativo 100. Eso es empujar el selector todo el camino hacia la izquierda para que esas letras de la izquierda estén disminuyendo su espaciado, comenzando desde adentro y moviéndose hacia afuera. Ahora que tenemos el lado izquierdo de la configuración del texto, dupliquemos esto para crear el lado derecho. Sólo voy a presionar el comando D, y vamos a cambiar el nombre de esto bien. Ahora mismo esto está estropeando los textos, pero vamos a entrar y ajustar lo que necesitamos para arreglarlo. Debajo del Selector de Rango y luego avanzado, necesitamos cambiar la forma para aumentar. A continuación tenemos que cambiar el valor inicial para que esté al 50%. Esto va a comenzar aquí, y luego el final será al 100% así que esto es solo seleccionar la mitad derecha de nuestros textos. Es posible que no puedas ver las barras de inicio y final de tus textos, no solo porque tenemos múltiples selectores de rango, sino que así es como quieres que se vea. Entonces para el desplazamiento, necesitamos animar esto y básicamente de la forma inversa, así que va a ser negativo 50, y luego el segundo fotograma clave será positivo 100. Ahora vamos a jugar esto de nuevo. Ahora que tenemos esta configuración, agreguemos la propiedad blur. Sólo voy a ir al animador de la izquierda y presionar el botón de agregar, y luego pasar a la propiedad y luego desenfocarme. Vamos a hacer esto borroso sobre, vamos a ver, como tal vez 30. Entonces porque hemos agregado esto a un animador existente que ya tenía fotogramas clave en él, el desenfoque se animará a sí mismo. También voy a añadir opacidad. Simplemente vaya a agregar propiedad, y luego Opacidad y establezca esto a cero. Ahora se va a desvanecer y difuminar y ajustar el seguimiento a animado. Pero obviamente eso solo está pasando al lado izquierdo, simplemente copiemos la Opacidad y desenfoque simplemente manteniendo presionado Comando o Control y haciendo clic en ambos. Después Comando o Control C para copiar. Entonces voy a cerrar el animador izquierdo y abrir el animador derecho y simplemente presionar Comando V con derecho seleccionado ahí y va a pegar en esas dos propiedades. Ahora bien, si jugamos esto atrás, va a tener todo sucediendo en ambos lados. 12. Ejemplo: Helix Twist: En este ejemplo, veremos un caso de uso en este suave selecciona tu forma, y veremos la propiedad 3D. Para que este texto parezca que se está retorciendo como una hebra o hélice de ADN, lo primero que tengo que hacer es bajar a la capa y luego hacer clic en el botón “Animar” y habilitar 3D por carácter. Esto va a traer algunas opciones nuevas, pero en realidad no las vamos a usar en este ejemplo. Lo siguiente que quiero hacer es simplemente agregar otro animador. Voy a agregar un animador de rotación, y así eso traerá la rotación x, y, y z. Sólo voy a rotar en la dirección x. De hecho, podría eliminar estas rotaciones y y z solo para limpiar mi línea de tiempo. Si giro esto ahora mismo, se puede ver que está rotando desde abajo donde están estos pequeños xs, que marcan el punto de anclaje para cada personaje. Lo que quiero hacer es subir a más opciones, y luego bajo alineación de agrupamiento, solo quiero sacar a colación este porcentaje y, así está más en medio de los personajes. Algo así se ve bastante bien. Ahora cuando gire la rotación x, girará más desde la mitad de la capa. Quiero tener estas letras a un giro completo, así que voy a establecer la rotación x en una, y esto es solo establecer una revolución. Ya que no quiero que solo todos los personajes sientan una vez. En lugar de animar la rotación x, necesito animar el selector de rango. Quiero que cada una de estas letras haga un giro completo, pero la posición inicial y final de este texto es apenas la misma mirada, cómo la tenemos ahora mismo. Una forma de hacer esto es cambiar la forma del selector a algo que se animará todo el camino y tenga la misma mirada en ambos extremos. Si volvemos a nuestra referencia de seleccionar tu forma, podrás ver ese triángulo redondo, liso e incluso cuadrado. Todos animan de -100 a 100 teniendo la misma mirada en ambos extremos de la animación. Pero quiero que esto se vea muy suave, como si estuviera retorciendo. Ahí es donde el selector de forma suave va a ser útil. Si vuelvo a mi animación de texto, cambiemos el selector de forma para suavizar, y luego hagamos un fotograma clave del desplazamiento. A partir de -100, entonces vamos a ir un segundo y hacer este 100. Sólo voy a poner mi área de trabajo a dos segundos, y luego volvamos a reproducir esto. Eso se ve un poco más rápido de lo que yo lo quería, así que tal vez si solo bajamos la excitación, en lugar de hacer una revolución completa, podríamos simplemente hacer -90, y luego de esa manera solo hará media vuelta, pero seguirá leyendo de la misma manera. Es sólo la mitad de la cantidad de rotación, pero sigue funcionando. Esto está consiguiendo más de ese aspecto de hélice que iba a buscar. Ahora tenemos esto animando con el giro de hélice, pero vamos a tener que también animar en. Para hacer eso, solo voy a renombrar primero este giro del animador, así que sé lo que es, y luego voy a necesitar un selector de forma diferente para la animación en para que realmente se anima en. Simplemente giremos esto, giremos hacia arriba y luego en realidad podemos hacer girar más opciones hacia arriba, y luego solo voy a seleccionar aquí mismo donde dice texto, y agregar nuevo animador. Vamos a animar la escala de esto. Voy a nombrar a este animador Animate In. Pongamos la escala a cero. Luego en el selector de rango, primero voy a pasar por debajo de avanzado y cambiar la forma del selector para aumentar. La rampa arriba suele ser buena para animar las cosas. Pero ahora necesitamos establecer el desplazamiento en -100 y fotograma clave esto. Podemos hacer la animación en un poco más corta que el giro, pero solo puedes ir por lo que te parezca bien. Siempre se puede ajustar eso obviamente, quiere traer eso hasta 100. Ahora van a escalar mientras se están retorciendo. Parece que solo obtuve la compensación al 99%, así que vamos a arreglarlo. Entonces también podrías ajustar la flexibilización. Sólo voy a hacer facilidad alta y facilidad baja ambos 33%. Si quisieras que esto se animara y quieres que se animara como en la dirección opuesta a la que entró, así que de derecha a izquierda, todo lo así que de derecha a izquierda, que tendrías que hacer es copiar ambos conjuntos de fotogramas clave, Comando C, Comando V, y luego hacer clic derecho en uno de ellos, ir al asistente de fotogramas clave y luego a fotogramas clave inversos de tiempo. Ahora puedes ver que va a entrar, y luego va a animarse básicamente de la misma manera. En realidad necesitamos alinear estos fotogramas clave para que sean imagen especular, para que este último fotograma clave y este último fotograma clave estén alineados. Si no te gustó animarlo de derecha a izquierda, en lugar de simplemente copiar y pegar fotogramas clave e invertir el tiempo de esos, puedes crear un nuevo animador. Vamos a hacer eso. Voy a cerrar algunas capas para que tengamos más espacio. En lugar de crear un nuevo animador con este botón, solo voy a duplicar la animación en. Voy a darle al Comando D, y luego llamemos a esto Animate Out. Entonces lo primero que voy a hacer es cambiar la forma del selector de Ramp Up a Ramp Down. Si vuelves a su referencia, esto tiene sentido porque la rampa descendente comienza con los textos luciendo como su estado final, y luego a medida que anima de -100 a 100, aplica esa propiedad de animador de texto. Si cambiamos esto para bajar y mover estos fotogramas clave, así que pongamos esta animación en dos segundos. Ahora estos comenzarán a escalar y desvanecerse desde el inicio del texto de la izquierda. Si queremos volver a hacer ese giro, todo lo que tenemos que hacer es volver al giro, si quieres tenerlo animando de derecha a izquierda, podrías animar de 100 a -100, pero si quieres que vaya en la misma dirección que el texto está animando hacia arriba, entonces necesitamos que esto vuelva a -100. Si solo configuro un fotograma clave para -100 así, entonces vamos a tener un giro adicional en el medio aquí. Lo que voy a hacer es establecer este fotograma clave en un fotograma clave hold. Para hacer eso, simplemente haga clic derecho y vaya a mantener presionado el fotograma clave. Lo que esto dice solo mantiene este valor del 100% hasta que alcanza el siguiente fotograma clave. Mantiene el valor hasta que encuentra otro fotograma clave. Ahora tenemos un fotograma clave para -100, y luego solo vamos a fotogramas clave esto de nuevo a 100. Veamos qué tenemos. Si simplemente colapsamos esto golpeando U en el teclado para ver los fotogramas clave, lo que tenemos que hacer es simplemente traer estos fotogramas clave y luego comenzarán a suceder los giros, y luego comenzarán a animarse. Aquí está nuestro ejemplo de giro helicoidal. 13. Ejemplo: Máquina de tragaperras: En este ejemplo, quiero usar múltiples capas con una animación de texto muy similar para hacer un efecto similar a una máquina tragamonedas. Voy a empezar con la primera capa. Voy a entrar en la capa, ir a animar, y luego habilitar 3D por carácter. De esta manera puedo hacer que los textos parezcan que están girando en una cosa de rueda giratoria, como una máquina tragaperras. Ahora voy a volver al botón Animar y añadir un animador de rotación. Sólo voy a estar animando la rotación X para poder borrar las rotaciones Y y Z para limpiar la línea de tiempo. Ahora mismo, cuando gire esto, va a estar rotando desde abajo donde están estas pequeñas x para representar los puntos de anclaje. Lo primero que quiero hacer es subir a más opciones. Bajo alineación de agrupamiento, quiero traer esas pequeñas x para el punto de anclaje para cada carácter hasta tal vez decir negativo 40 por ciento, así que están más en el medio de la capa así. Ahora fijemos la rotación. Quiero animar esto pareciendo que viene de arriba. Estoy pensando negativo 90 va a quedar bien. También agreguemos una posición para que vaya bajando a medida que gira. Al lado del animador 1, voy a presionar el botón Agregar, ir a la propiedad, y luego a la posición. Cambiemos la posición y de esto a negativo 200. Ahora que ya tenemos estas dos propiedades establecidas, animemos el selector de rango. Voy a mantener esto cuadrado con 100 por ciento de suavidad. Voy a animar de 0-100. Esto hará bajar cada letra. No me gusta cómo los podemos ver rotados aquí arriba. Agreguemos una opacidad. Al lado del animador 1, hagamos clic en “Agregar”, “Propiedad” y luego en “Opacidad”. Pongamos eso a cero. Ahora estos también se desvanecerán a medida que están rotando y bajando. Nombremos esto de arriba hacia abajo para que sepamos lo que está haciendo este animador. Ahora, una máquina tragaperras, si fuera una rueda giratoria, estas letras se animarían hacia abajo. A continuación, voy a dar clic en “Texto”, ir a animar para hacer un nuevo animador, y también animemos la posición. Después al lado de ese animador haz clic en “Agregar” y agarra la rotación. Nuevamente, puedo borrar las rotaciones Y y Z porque no voy a necesitarlas. Entonces pongamos a este animador. Vamos a llamarlo centro abajo. Ahora asegurándome de que mi cabeza de juego esté a la derecha de los dos primeros fotogramas clave, configuremos la posición y la explotación. Para esto, voy a girarlo positivo 90, que esté rotando en la otra dirección como lo era antes, y luego animemos esto en la otra dirección para la posición para que sean 200. También agreguemos una opacidad para que no veamos este extraño texto plano aquí abajo. Opacidad de propiedad y establecer esto a cero. Ahora vamos a animar el selector de rango. Voy a mover mi cabeza de juego al segundo fotograma clave en el primer animador. Ahora para esto, necesitamos animar el offset del 100 por ciento negativo, así que pone todas esas letras de vuelta donde estaban. Después moviendo la cabeza de reproducción a dos segundos, voy a establecer otro fotograma clave para que este esté en cero. Lo que estos fotogramas clave están haciendo esencialmente es hacerlo para que estas propiedades no se apliquen en este punto porque está en negativo 100. trata de un selector cuadrado, Se trata de un selector cuadrado, luego se está animando para que a los dos segundos, todas estas propiedades ahora se apliquen al texto porque esto está en cero. Veamos lo que tenemos hasta ahora. Todas las letras se animan, y luego una vez que están todas ahí, todas se animan. Pero quiero que esto sea más como una máquina tragaperras para que las letras continúen. Lo que tenemos que hacer es simplemente compensar estos fotogramas clave para que estén un poco más a la izquierda. Lo que voy a hacer es pasar por la línea de tiempo y buscar cuando esa S dejó de moverse desde el primer animador. Cuando está en esa posición central. Parece que eso es por aquí. Puedo tomar el segundo conjunto de fotogramas clave, los que están en el segundo animador, y arrastrarlos hacia la izquierda para que empiecen justo donde deja de moverse esa primera letra. Ahora bien, si toco esto, parece que simplemente están rodando. Tenemos una de las capas establecidas y necesitamos crear capas adicionales por las que podamos tener letras adicionales viniendo. Entonces nuestra última palabra va a decir máquina tragaperras, así que también tendremos que configurarlo. Para crear otra capa que sea una versión de esta capa, solo voy a presionar el comando D para duplicar esta capa. Voy a renombrar una de estas capas para que sepamos cuál va a ser el look final de nuestra animación. Yo sólo voy a añadir final a esta. Si cambio de opinión sobre lo que dice el texto, solo quiero poder cambiarlo en una capa en lugar de tener que cambiarlo en múltiples capas diferentes. Para que esto funcione, voy a alternar hacia abajo cada capa hasta que pueda ver los textos fuente. En esta capa duplicada, voy a tomar los textos fuente y usar el látigo de selección para padre a este texto fuente. De esa manera, si cambio este texto, entonces también cambiará este texto. Ahora podemos cerrar estas capas. Ambas capas tienen exactamente la misma animación al mismo tiempo. Entonces, para conseguir ese aspecto de máquina tragaperras, solo voy a arrastrar la capa final de la máquina tragaperras unos cuantos fotogramas hacia la derecha para que las letras no se estancen y vayan entrando una tras otra así. Dependiendo de la fuente que estés usando, es posible que tengas letras que choquen entre sí. Algunas cosas que puedes hacer para esto es usar una fuente donde todas las letras tengan un tamaño similar a lo ancho, o podrías agregar espacio entre tus letras, lo que se llama tracking. En el panel de personajes, puedes ver que he agregado algunos seguimientos aquí mismo. Esto solo hace que tus letras queden espaciadas. Si estás agregando seguimiento, asegúrate de que lo estás haciendo en ambas capas. Vamos a entrar en la máquina tragaperras de 2 capas y cambiar el texto para que no sólo diga máquina tragaperras esa manera no tenemos varias letras que son la misma camada alineadas así sino que hará que se vea un poco más realista como una máquina tragaperras real. En realidad no voy a cambiar los textos yo mismo, voy a dejar que el animador de texto haga eso por mí. Voy a alternar hacia abajo y luego ir al botón animado y bajar a desplazamiento de personajes. Esto va a agregarlo a un nuevo animador, que es exactamente lo que quería. Cambiemos el nombre de este animador. Entonces cambiemos el desplazamiento del carácter. Si ingresas un número aquí, esto va a compensar el carácter como una letra en el alfabeto si pones en uno, así que la acabo de convertir en una J. Puedes poner en cualquier número quieras para esto y simplemente se compensará tantas letras de lo que realmente dice tu texto. Sólo voy a dejar el mío a la una. Otra cosa que quizás quieras ajustar es la alineación de caracteres para esta fuente izquierda o superior funciona bien, pero para otras fuentes, podrías encontrar que el ajuste de kerning funciona mejor. Prueba todas estas diferentes opciones si tus letras se están estrellando. Eso es todo lo que necesito hacer aquí. No necesito animar esto porque no necesito que las letras estén cambiando, solo quiero que sean algo diferente a la capa original. Puedo cerrar esta capa y luego asegurarme de que esté completamente seleccionada y presionar el comando D para duplicarla y luego tomaremos estas dos capas y las moveremos para que tengamos tres versiones de letras entrando. Ahora vamos a entrar en esta máquina tragaperras 3 y entrar en el texto y luego el desplazamiento de caracteres y vamos a cambiar este desplazamiento de caracteres. Yo sólo voy a poner en dos, así que ahora esta va a ser una letra diferente. Ahora tenemos tres cartas diferentes entrando. Nuestra máquina tragaperras también está animando. A pesar de que esa es la última carta en entrar, también anima. Tenemos que hacer ahora es volver a la final de la máquina tragaperras y al animador de texto central o descendente, necesitamos mover estos fotogramas clave sobre y tal vez incluso podamos eliminarlos si no quieres que se animen en absoluto. Ahora se va a animar y los textos finales dirán máquina tragaperras. Entonces simplemente se animará con esos fotogramas clave donde quiera que decidas ponerlos. O podrías eliminarlos y hacer que se animen de una manera diferente. Ahora lo bueno de esto en la forma en que lo configuré es que si quería cambiar mi texto, puedo cambiarlo y el efecto de la máquina tragaperras seguirá funcionando porque crié ese texto. Ahora también fíjate que acabo de escribir textos en minúsculas, y así estoy recibiendo letras minúsculas aquí. Para obtener todas las mayúsculas, aunque este botón esté encendido para tener todas las mayúsculas, necesitas escribir tus textos en todas las mayúsculas para que esto funcione. Ahora puedes ver que todas estas son gorras. 14. Ejemplo: surgen: En este ejemplo usaremos un tipo diferente de selector llamado selector de meneo, pero primero vamos a configurar una animación donde este texto aparece, se desborda, y luego vuelve a bajar. Voy a alternar hacia abajo la capa, ir a Animar y elegir Posición. Vamos a nombrar esta posición abajo, y luego voy a bajar el valor de la posición a, hagámoslo, 200. Entonces voy a alternar hacia abajo el selector de rango. No vamos a estar usando la expresión meneo en este animador. Entonces voy a bajar a Avanzado y cambiar esto a Ramp Up. Entonces animemos esto de negativo 100 a 100. Ahora el texto se mueve hacia arriba. Ajustemos también la flexibilización. Por facilidad bajo, voy a establecer esto al 100%. De esta manera a medida que se anima en, va a comenzar rápido y luego disminuir la velocidad a medida que llegue a su posición final. Ahora vamos a crear la animación de sobreimpulso. Sólo voy a colapsar el animador de posición y luego duplicarlo golpeando Comando o Control D. Entonces cambiemos el nombre de esto. Entonces voy a necesitar entrar y cambiar la posición. Pero si lo hago ahora mismo, realmente no puedo ver lo que está pasando porque estos fotogramas clave están alineados. Solo voy a alternar hacia abajo, traer estos fotogramas clave y luego poner mi cabeza de reproducción entre ellos. Ahora bien, si ajusto la posición, en realidad puedo ver lo que está pasando. Hagamos esto negativo 50. Ahora esto va a aparecer y luego bajar, pero en realidad voy a querer que esto suceda un poco más solapado. Voy a tomar estos fotogramas clave en el animador de posición arriba y los voy a arrastrar hasta el inicio. En realidad están alineados con la posición hacia abajo. Ahora mismo no se puede ver que pase nada. Simplemente aparece, pero no vuelve a bajar porque estas cosas están sucediendo exactamente al mismo tiempo. Pero si entramos en la palanca avanzada y luego cambiamos la facilidad baja de nuevo a cero, y luego cambiamos la facilidad alta a 100, ahora el animador de posición arriba tiene la flexibilización opuesta como la posición abajo. Esto va a crear una animación suave y agradable donde va a empezar a moverse rápidamente hacia arriba y luego a disminuir la velocidad, y luego va a moverse desde arriba, hacia abajo, moviéndose lento, y luego rápido. Se ve así. Ahora que tenemos la configuración principal de la animación, agreguemos una rotación para darle a esto un aspecto un poco más lúdico. Voy a crear un nuevo animador para la propiedad rotation. Aquí es donde vamos a usar el selector wiggly. Solo voy a cambiar el nombre de este animador, rotación wiggly, y luego agreguemos realmente el selector wiggly. Sólo voy a presionar el botón Agregar junto al animador y elegir Selector y luego Wiggly. Esto va a agregar otro selector además del selector de rango. Si bajas el selector wiggly, hay un montón de propiedades diferentes que son diferentes de las que tienes con un selector de rango. Si le damos a esto un valor de rotación, verás que ya tiene un efecto en el texto. Simplemente moverá aleatoriamente ese valor de rotación. Entonces incluso después los animadores de posición hayan terminado de animar, solo va a seguir moviendo esas letras. Va a estar moviéndose en cualquier lugar entre 25 y 25 negativos. Se nota eso porque el máximo va a ser 100% de cualquier rotación que pongas aquí, y entonces los mínimos van a ser negativos al 100% de lo que pongas aquí. Entonces va a haber dos meneos cada segundo. Entonces todo el resto de estas cosas, te dejaré simplemente explorar y probar diferentes valores y ver qué pasa porque no los vamos a necesitar en este ejemplo. Lo que quiero que suceda es que va a menear aleatoriamente a medida que se mueve hacia arriba, pero luego a medida que termine la animación de posición, quiero que deje de menearse. Lo que voy a hacer es cerrar el selector de meneo y animar el selector de rango. Al animar el selector de rango, voy a afectar cuando el selector wiggly es realmente capaz de afectar el texto. Primero, voy a ir bajo el Selector de Rango, bajo Avanzado y cambiar esto a Ramp Up. Mientras estamos en ello, también ajustemos la flexibilización. Tal vez solo haremos 50% en cada facilidad alta y facilidad baja. Ahora puedo animar el selector de rango aquí para pasar de negativo 100 a 100. Ahora vamos a jugar esto de nuevo. Se puede ver que este es un efecto realmente sutil, pero solo está teniendo una ligera rotación en cada letra a medida que aparece. Pero entonces a medida que se mueve hacia su lugar, se está instalando en un estado no rotado. También podemos mover estos fotogramas clave a la derecha un poco. Se necesitan un par de marcos adicionales para asentarse en su lugar como una letra no rotada. Ese es solo un ejemplo de cómo puedes usar un selector wiggly. Otra cosa que podrías hacer con un ejemplo como este es usar máscaras. Obviamente mi texto no está realmente animando porque ya lo podemos ver aquí abajo. Podrías simplemente agregar una opacidad, pero voy a hacer algo diferente en este ejemplo. Voy a crear un subrayado para este texto. Solo voy a mover mi cabeza de reproducción a donde ya está animado el texto, y luego vamos a agarrar la herramienta pluma. Primero voy a cambiar el relleno para que no tengamos relleno. Sólo estamos creando una línea. Voy a hacer el trazo como 20. Después asegurándome de que la capa de texto no esté seleccionada, solo voy a hacer clic para crear un punto, mantener presionada la Mayús y luego dar clic para crear otro punto por aquí. Eso creará una línea como esta. Voy a cambiar el nombre de esta capa golpeando Enter, y luego vamos a alternar hacia abajo la capa y debajo del contenido Forma 1 y luego trazo. Voy a cambiar el límite de línea a tapas redondas. Sólo voy a hacer los extremos de la línea redondeados. Ahora podemos cerrar esto de nuevo. Lo que quiero que suceda es que quiero que el texto no sea visible cuando esté por debajo de esta línea. Parece que en realidad necesito mover la línea un poco para que ninguna de las letras esté asomando por encima de la línea. Se animará y ellos simplemente se sentarán justo en esa línea. Lo que tengo que hacer es crear un mate para que las letras no sean visibles cuando están por debajo de la línea. Para ello, solo voy a agarrar la herramienta de forma y asegurarme de que tenemos un relleno y no necesitamos el trazo. Entonces otra vez, asegurándome de que no hay capas seleccionadas, voy a hacer clic y arrastrar con la herramienta de forma para crear un rectángulo. Ahora necesitamos establecer el mate para esta capa de texto sea el rectángulo. Para ver las opciones de mate, desea hacer clic en este botón de alternar Interruptores/Modos aquí. Estamos buscando la opción Track Matte. Hay un par de formas de establecer el Track Matte. Puedes usar el menú desplegable para seleccionar la forma que quieres que sea el mate o podrías usar el látigo de púa así. Va a apagar automáticamente el globo ocular en esa capa. Esto es exactamente lo que queremos porque ahora el texto sólo es visible dentro del área de este rectángulo del mapa. Sólo voy a renombrar este Matte solo para que sepa lo que es. Ese es nuestro ejemplo pop up. 15. Ejemplo: Rebote + Eco: Para este ejemplo, te guiaré a través de cómo creé este texto de recompensas completo con squash y stretch. Después agregaremos un efecto eco para que este frotis se vea. La idea detrás de cómo animé esto es similar a otros ejemplos que te he mostrado. Solo veamos qué animadores tengo en orden. Primero está la opacidad, y esto es simplemente que cada letra venga en una a la vez. Si alterno esto abierto, la opacidad se establece en cero. Pero la razón por la que esto no cabe en cada letra, solo tiene cada letra pop adentro, es porque en el selector de rango debajo avanzado, tengo la forma establecida en cuadrado, luego he vuelto la suavidad hasta cero. Si vuelvo la suavidad todo el camino hacia arriba, puedes ver que ahora las letras se desvanecerán una a la vez, pero si vuelvo esta suavidad hasta cero, entonces simplemente aparecen una a la vez. A continuación, tengo un animador para animar esto de aquí arriba abajo a aquí. Hay una propiedad de posición y también estoy animando la escala. El primero va a ser realmente aplastado y también un poco más pequeño que la escala final para que simplemente parezca que viene hacia nosotros o algo así. El próximo a animador va a ser para el rebote volver a subir. Después de que se anima hacia abajo, va a rebotar de nuevo, y en realidad va a sobrepasar el punto de descanso final y luego volverá a bajar. Ese es éste. Observe que en este abajo, arriba, y luego abajo, primero empiezo la escala un poco más pequeña, y luego en este animador de arriba, la escala es un poco más ancha porque es cuando realmente aterriza en el suelo, y así está aplastando verticalmente. Entonces a medida que vuelve a subir, va a aplastar horizontalmente así es cuando va a ser un poco más estrecho y luego más alto. De hecho, veamos los marcos clave para estas cosas. El primero es la opacidad. La opacidad también se alinea con la animación hacia abajo. Entonces tan pronto como esa B alcanza su punto más bajo, es cuando empiezo los fotogramas clave aquí mismo para la animación up, manera que de esa manera la B baja y luego aparece de nuevo hacia arriba. Entonces sucederá lo mismo para todas las demás letras. Entonces otra vez, la misma idea que la B alcanza su posición final arriba aquí mismo, entonces entran estos fotogramas clave en esta posición abajo, para que vuelva a bajar a su posición final. Voy a cerrar todos estos nuevo y veamos la rotación que tengo aquí. Al igual que otro ejemplo que viste, estoy usando un selector ondulante para aplicar a 25 grados de rotación aleatoriamente a estas letras. Eso es lo que está haciendo el selector wiggly, es solo aplicar este meneo aleatorio entre 25 y 25 grados negativos. Entonces el selector de rango está animando ese meneo para que realmente esté afectando a los textos a medida que el texto se está animando. Una vez que el texto está completamente animado, estos fotogramas clave en el selector de rango hacen que el selector meneo deje de afectar a los textos. Esta es la animación de texto que tengo hasta ahora. Agreguemos el color adicional que mancha detrás de este texto. Sólo voy a cerrar la capa y pasemos al panel Efectos y Presets. Sólo voy a buscar eco. Este es el efecto que quiero. Con la capa de texto seleccionada, solo voy a hacer doble clic en este efecto de eco, y en el panel de controles de efectos, verás que tienes este nuevo efecto de eco. Si no ves tu panel de controles de efectos, sube a la ventana, y puedes encontrarlo aquí abajo. Veamos qué se hace esto por defecto. Se le agrega un eco o un look de frotis, pero se pueden ver pequeños trozos de bordes donde no es un frotis perfecto. Especialmente aquí en la O, querrías que esto se llenara. Lo que tenemos que hacer es subir al efecto eco y hacer que este eco sea tiempo y aún menor número, así que voy a hacer este negativo 0.001. Eso va a hacer que el eco se acerque a la letra, pero ahora ni siquiera se ve como si tenemos eco. Necesito aumentar el número de ecos. Vamos a probar 50. Ahora estamos consiguiendo esa mirada de frotis. Ahora dependiendo de qué tan grande o menor sea tu texto, es posible que necesites usar diferentes números aquí, pero esto es lo que me queda bastante bien. Ahora tenemos más de ese look de frotis, pero es todo de un solo color. Si pasamos a efectos y presets, podemos agregar un relleno. Voy a aplicar este efecto de relleno a la capa. Puedes hacer doble clic en capa seleccionada o también puedes simplemente arrastrar el efecto sobre la capa y luego voy a entrar en el color y pegar un número hexadecimal y ahora eso está recolored, pero esto es volver a colorear toda la capa. Quiero que la cara de estas letras sea negra para que el aspecto final de este texto sea negro y solo el frotis sea azul. Lo que podemos hacer es usar un efecto diferente llamado CC composite. Sólo voy a arrastrar eso a mi capa. Eso va a hacer que la cara del texto sea negra, pero va a dejar que el frotis se quede azul. Los ajustes por defecto ya son los que queremos. Si quieres cambiar el color de la cara del texto, entonces donde tengo el negro, solo puedes ir al panel Carácter y luego cambiar este color. Entonces claro, si quieres cambiar el color del frotis, simplemente cambiarías el color del relleno aquí. Esto es lo que tenemos. Ahora otra cosa menor que puedes arreglar es que cuando miras cerca una letra como la B aquí, puedes ver que la conexión entre todos los diferentes ecos con una copia diferente que está creando, de la letra B, puedes ver este borde jaggedy aquí mismo, está pixelado. Podríamos agregar un efecto para limpiarlo un poco. Voy a repasar a efectos y presets y solo buscar gargantilla. Va a ser la gargantilla sencilla que queramos, así que sólo voy a aplicar eso. Podemos simplemente llevar el número de estrangulador mate a tal vez solo algo así como uno, y eso lo suaviza un poco. 16. Ejemplo: Volumen de texto en 3D: En este ejemplo, vamos a hacer textos 3D justo dentro de After Effects. Vamos a animarlo volteando en el espacio tridimensional. Para hacer esta capa 3D, voy a darle a esta pequeña caja 3D de aquí mismo. También necesitamos alternar hacia abajo la capa y luego cambiar el render del 3D clásico a Cinema 4D. Ahora, incluso si no tienes Cinema 4D en tu computadora si tienes la versión Creative Cloud de After Effects, entonces también tienes Cinema 4D Lite. Eso es todo lo que necesitas para que esto funcione. Ahora ten en cuenta que si estás usando algunas de estas cosas, es posible que no funcionen si no tienes la versión completa de Cinema 4D. Si te encuentras con algún problema extraño, vuelve a este cuadro de diálogo y comprueba si es una de estas cosas. Pero para nuestro ejemplo, esto no va a importar. Ahora puede alternar las opciones de geometría y ajustar estas diferentes propiedades. Primero, ajustemos la profundidad de extrusión. Esto va a hacer que este texto no sólo sea plano. Voy a poner esto a unos 50. Si subes al botón de animación, verás las opciones frontal, biselado, lateral y posterior. Para estos, hay un montón de cosas diferentes que podrías cambiar, pero solo voy a mantener esto simple y me quedaré con los colores. Voy a ir a un lado, color y solo elegir RGB. Ahora puedes ver que la profundidad de extrusión va a ser de este color rojo. Voy a cambiar esto a gris. De hecho, cambiemos la cara de nuestros textos por otra cosa. Hay dos formas en las que podrías hacer esto. Podrías entrar en el botón de animar y cambiar el color frontal, o simplemente podrías cambiar el color de tu texto. Voy a entrar en el botón de animar y luego agregar un bisel. Agreguemos un bisel de color. ¿Cuál es tu RGB? este momento realmente no puedo ver el bisel, así que voy a cambiar el estilo de bisel bajo las opciones de “Geometría” a convexo. Ahora podemos ver ese contorno rojo. Solo aumentemos la profundidad del bisel a 10. Cambiemos este color para que sea del mismo color que el lateral. Ahora vamos a animar esto en. Me di cuenta de que he creado dos animadores diferentes para los diferentes colores, y eso no es realmente necesario. Voy a seleccionar el color del bisel, copiar esto, y subir al animador 1 y pegarlo. También podemos eliminar el Selector de Rango en el animador 1 y simplemente eliminar el animador 2 por completo. Ahora solo tenemos los dos colores debajo del animador 1. Voy a renombrar estos colores. No planeo animar los colores, así que esto es todo lo que necesito aquí. Ahora voy a volver al botón de animar y agreguemos una animación de rotación. Debido a que esto es 3D, probablemente esperarías la rotación te diera X, Y y Z. Pero la razón por la que no lo es es porque necesitamos volver al botón de animar y habilitar 3D por personaje. Ahora tenemos rotaciones X, Y y Z. Voy a animar X la rotación. Se volteará así. Solo pongamos la rotación X en una, así haremos una revolución completa. También voy a establecer la rotación Y en 90. Simplemente hace un poco más de un flip interesante a medida que entra. Para animar esto en, vamos a usar el selector de rango. Primero voy a entrar en avanzado y cambiar la forma del selector para aumentar. Ahora vamos a animar esto de negativo 100 a 100. Esto es lo que tenemos hasta el momento. Si no te gusta cuánto se mueve el texto hacia arriba y hacia abajo a medida que se anima en. Podrías entrar en más opciones y luego ajustar la alineación de agrupación para llevar esas pequeñas X rojas al centro del texto. Porque ahora voltearemos desde el centro del texto para que haya menos movimiento hacia arriba y hacia abajo. De hecho me gustó como era, así que voy a deshacer eso. Otra cosa que haría que esto se vea bien es ajustar la flexibilización. Yo solo voy a hacer la facilidad alta y la facilidad baja ambos 50 por ciento. También voy a agregar una propiedad a este animador para que se anime de completamente no visible a completamente visible. Voy a agregar la propiedad scale, y pongamos esto a cero. Aquí está el resultado final. Esto es un poco rápido, así que solo voy a arrastrar este fotograma clave para ralentizarlo un poco. 17. Guardar la configuración preestablecida: En este video, te mostraré cómo guardar tus animadores de textos como preestablecido. De esta manera, puedes usar fácilmente esta animación de texto en cualquier otra capa de texto en cualquier proyecto de After Effects. Una vez que hayas configurado esto, ni siquiera necesitarás importar nada para reutilizarlo en otro proyecto de After Effects. Esto funcionará con cualquier animador de textos siempre y cuando solo tengas una sola capa. Si tienes efectos como este, esos también pueden formar parte del preset. Para guardar esto como un preset, lo que necesitas hacer es seleccionar donde dice texto y donde dice efectos si tienes algún efecto, si no tienes ningún efecto, solo selecciona donde dice texto. Entonces quieres subir a Efectos y Presets, y dar click en este pequeño menú de hamburguesas. Luego baja a Guardar Preajuste de Animación. Esta ventana Guardar preajuste de animación debería aparecer, pero si no lo hace, eso significa que lo que hayas seleccionado no estaba funcionando. Por defecto, probablemente lo tendrá configurado para guardarlo en esta carpeta User Presets. Pero me gusta guardarlo en mi propia carpeta porque no sé dónde está esta carpeta de presets de usuario en mi computadora. Si quería compartir el preset con alguien más, no sé dónde encontrarlo. Obviamente, probablemente haya una manera de encontrarlo, pero así es como me gusta hacer las cosas. Lo que voy a hacer es ir a mis Aplicaciones y luego a Adobe After Effects, y luego a Presets, y quiero hacer mi propia carpeta aquí, pero el botón Nueva carpeta está atenuado. Voy a ir al Finder y encontrar la misma área, entonces After Effects, luego Presets, luego solo voy a entrar aquí y hacer clic derecho y elegir “Nueva carpeta”. Te va a pedir tu contraseña. Pero ahora va a crear la nueva carpeta y solo voy a nombrar esto mis presets. Ahora si volvemos a After Effects, esa carpeta de presets ya está ahí, y solo podemos nombrar esto. Entonces, si vas a Presets de Animación y bajas bajo Presets, luego Mis Presets, aquí está el texto de rebote con eco. Sólo voy a crear una nueva comp. Cuando guardo este preset, seleccioné textos y efectos. Esto va a guardar básicamente todo en esta capa, así que toda la información de los textos incluyendo lo que dice el texto y el estilo del texto. Si entro a mi composición en blanco y simplemente hago doble clic en este preset, va a crear exactamente esa misma capa de textos que mi composición original. A partir de aquí, siempre pude ajustar las cosas y podría cambiar lo que dice el texto. También podrías entrar y ajustar cualquiera de los efectos si los tienes o los animadores de textos, y no afectará a tu capa de textos originales ni al preset que hayas guardado. Te voy a mostrar un ejemplo más donde en realidad no guardamos lo que dice el texto ni el estilo del texto. De esta manera, el preset se puede aplicar a una capa de texto existente sin editar lo que dice el texto o el estilo del texto, solo agregará los animadores de texto. Lo que necesitas hacer es seleccionar cualquier cosa que hayas ajustado y que quieras que se guarde como parte del preset. Para este ejemplo, necesito seleccionar la torsión, la entrada de animación y la salida animada. Además, debajo de más opciones, se ajustó la alineación de agrupación para que se animara desde más del centro, así que voy a seleccionar eso también. Después voy a entrar en Efectos y Presets, en el menú Hamburguesa, y luego elegir “Guardar Preset de Animación”. Por defecto ahora podría ponerlo en la misma carpeta que la tenías, lo contrario navega hasta donde quieras guardar el preset y nombrarlo. Después sólo pulsa “Guardar”. Voy a volver a esta composición, y ahora vamos a crear una capa de texto. Ahora vamos a entrar en nuestros Presets de Animación, Presets, Mis Presets, y luego agreguemos este texto de giro helicoidal. Solo voy a mover mi cabeza lectora al inicio de la línea de tiempo para que, ahí es donde se aplica el preset. Ahí es donde se pegan los fotogramas clave, y ahora sólo voy a ocultar esta otra capa. Ahora puedes ver que en este ejemplo acaba de copiar los presets de animación sin el estilo o lo que decía el texto. Si tienes un archivo preestablecido, archivo.ffx que tienes de otra persona, tal vez como yo, y quieres instalarlo, lo que necesitas hacer es arrastrar esto a tu carpeta de presets. Voy a arrastrar esto a la carpeta que creé específicamente para mis propios presets, que realmente llamé creativamente mis presets. Luego, una vez que ingresas a After Effects, no necesitas reiniciar ni nada, todo lo que necesitas hacer es entrar en Efectos y Presets, y luego alternar hacia abajo y encontrar donde hayas guardado ese preset. Si no solo aparece automáticamente, ve al menú Hamburguesa y luego elige “Refrescar Lista”. Ahora puedes aplicar el preset a tu texto. También, ten en cuenta que para este efecto, se suponía que esto tenía que tener un trazo y un relleno siendo animado en. El trazo vendría primero y luego el relleno, como el ejemplo que te mostré antes. Pero eso no está pasando aquí porque esta capa de texto no tiene trazo. Lo que tengo que hacer es entrar en mi panel Carácter, ir a la propiedad Trazo, darle un trazo, y ahora este preset está funcionando como se esperaba. Si alguna vez cambias de opinión y quieres eliminar un animador de texto de una capa, puedes simplemente entrar y eliminar los animadores de texto de aquí. O otra cosa que puedes hacer es simplemente seleccionar toda la capa, subir a Animación, y luego elegir “Eliminar todos los animadores de texto”, y eso esencialmente restablecerá tu texto. 18. Qué sigue: Si aún no lo has hecho, ahora es el momento de usar todo lo que has aprendido sobre los animadores de texto para crear tu propia animación de texto. Si tiene alguna pregunta, no dude en publicarla en la pestaña de discusiones debajo de este video. Para tu proyecto de clase, simplemente renderizar un video o GIF de tu animación de texto. Eres más que bienvenido a hacer más de uno si quieres. Hay instrucciones debajo de este video, si necesitas ayuda para renderizar tu proyecto como un video o archivo GIF y subirlo como un proyecto de clase. Si hay algo en particular sobre lo que quieras comentarios, incluye una nota para avisarme. Si disfrutaste de esta clase, realmente te agradecería que dejaras una reseña. Como profesor, esto me ayuda a crear más clases de calidad para ti. Para seguir aprendiendo da clic en mi nombre junto a este video para ver las otras clases que estoy impartiendo. Para conocer más sobre la animación de texto, consulta estas clases. Asegúrate de seguirme aquí en Skillshare y también suscríbete a mi boletín electrónico para saber cuándo tengo una nueva clase para ti. El boletín es mensual y también envío tutoriales después de efectos, consejos y recomendaciones aleatorias. Muchas gracias por estar aquí y hasta la próxima, feliz animando.