Transcripciones
1. Avance del curso: << Oye, soy Jake Bartlett y esta es la guía definitiva de Animadores de texto en After Effects.Los animadores de texto son una parte increíblemente poderosa de After Effects pero si alguna vez has jugado con ellos, ya
sabes lo confuso y complejo que pueden ser a veces. Hay tantas propiedades y controles que no son tan fáciles de entender a primera vista
y si alguna vez has echado un vistazo a los presets incluidos que vienen con After Effects, no
son tan bonitos. Es posible que las hayas anulado por completo y solo siempre animaste tu texto a mano. Pero la realidad es que los animadores de texto hacen animaciones
extremadamente complejas realmente fáciles de crear, adaptar y modificar. No usarlos es uno de los mayores errores que puedes cometer como usuario de After Effects. En este curso, voy a desmitificar por completo estas herramientas que puedes empezar a hacer tus propios animadores de texto personalizados y utilizarlos y
otra vez para acelerar tu flujo de trabajo de animación. Este curso es para estudiantes que ya tienen una comprensión básica de After Effects. Si eres nuevo en el programa, consulta primero uno de mis cursos de principiante. Voy a enlazar con los de las notas de este video ahora mismo. Para el proyecto de clase, estarás construyendo tu propio animador de texto personalizado y convertirlo en un preset que podrás usar en futuros proyectos. Una vez que hayas completado este curso, tendrás todo lo necesario para empezar a construir tu propia biblioteca de animadores de texto personalizada y te estarás preguntando por qué no empezaste a usarlos antes. Te veré en clase.
2. Conceptos básicos de animación de texto: Saltemos directamente a esto y hablemos de lo que es un animador de texto. Porque si alguna vez has usado uno antes, probablemente
estés un poco confundido con todas las locas configuraciones complicadas, y solo se comporta de manera diferente animar casi cualquier otra cosa dentro de After Effects. Empezaré por sólo escribir algunos textos. Voy a agarrar la herramienta de texto, comando T en el teclado, y luego teclear, “Ganador
”, con un signo de exclamación. Eso es lindo y divertido. Voy a centrar eso. Traje mis guías presionando las comillas en el teclado, esa es la misma tecla que el apóstrofo que traerá tus guías ahí, las guías seguras del título. Yo sólo voy a poner eso alrededor del centro. También podría usar mi panel de alineación a composición debajo de Alinear ventana y luego voy a poner eso en el centro, eso en realidad es mucho más fácil. Apagaré esas guías y podremos seguir adelante. Lo que quiero hacer es abrir esto y entrar en la sección de texto. Ya ves en esta fila aquí mismo, hemos animado con una pequeña flecha. Esto va a abrir un menú para animadores de texto. Para empezar, sólo voy a
agarrar al animador de posición y luego voy a explicar qué está pasando. Voy a hacer clic en eso y luego ese total baja aún más dentro de este campo de texto. Echemos un vistazo a lo que tenemos. Ahora hay unas cuantas opciones aquí arriba que sólo vamos a pasar
por un segundo y bajar justo a esto aquí mismo, Animator1. Ese es un grupo de animadores de texto y esto es lo que nos va a permitir animar nuestros textos de una manera muy dinámica, muy poderosa. Dentro de este grupo, tenemos lo que se llama selector de rango, por lo que eso indica que se puede tener más de un selector dentro de un animador de texto. Debajo de esa es la posición. Esta es la propiedad que seleccioné en el grupo animate. Recuerda que hice clic en Posición, por lo que automáticamente generó un grupo de animadores para esta capa de texto, me dio
lo que se llama selector de rango, y luego me dio la propiedad que elegí. Ahora en esta propiedad de posición, ves que tengo una posición x e y, así puedo agarrar esto y moverlo alrededor, igual que mover la capa alrededor. Puedo enmarcar esto para poder establecer un fotograma clave aquí, moverlo fuera de la pantalla, y eso se va a animar. Pero eso no es diferente a simplemente abrir la propiedad de posición de esa capa, los controles de transformación, y animarla de esa manera. Eso realmente no es algo muy beneficioso tener dentro de un animador de texto, así que sólo voy a deshacerme de esos fotogramas clave. En cambio, voy a establecer la propiedad y para que esté fuera de la parte superior de la pantalla. Voy a respaldar esto hasta que esté todo el camino fuera. Ahora voy a abrir este selector de rango y tenemos algunas propiedades,
el inicio, el final, el desplazamiento, y luego algunos controles avanzados. Empecemos con estos tres primeros; inicio, fin y desplazamiento. Estas tres propiedades se están representando usando porcentajes. Son el porcentaje de la capa de texto que está siendo afectada por el valor de posición que acabo de cambiar. momento, el inicio de este selector está en cero por ciento, el principio mismo de la capa de texto, y el valor n se establece en 100 por ciento, el mismo final de la capa de texto. Está conteniendo todos los caracteres dentro de mi capa de texto, y está aplicando esta propiedad de posición de 652 píxeles negativos en el eje y. Todo está fuera de pantalla. Si agarro este valor final y lo traigo de vuelta, se
puede ver que uno a la vez, esos personajes están siendo arrastrados de nuevo hacia el centro de la pantalla. Si no es seleccionar nada, si el inicio y el final están ambos en el mismo valor, no
es seleccionar nada, entonces no está aplicando esta transformación de posición en absoluto. Si lo vuelvo a encender, entonces se anima. Si dejo el final a los 100 y agarro el inicio y lo muevo hacia adelante, entonces escribe este texto desde la parte superior de la pantalla hacia abajo un carácter a la vez. Podría animar esto, así que empecemos en cero, avancemos un poco y luego sumemos 100 por ciento para el segundo fotograma clave, retrocedamos y reproducimos, y ahí vamos. Ya tenemos un poco de animación pasando, pero es muy, muy rígido. Es sólo dejar caer una letra a la vez. Toda la animación de letras ocurre antes de pasar a la siguiente letra. Simplemente no es tan bonito. Es bonito que podamos hacer esto, pero no es muy bonito. En lugar de animar los valores inicial y final, el poder de los animadores de texto realmente está usando este valor de desplazamiento, y se necesita un poco de comprensión para captar realmente lo que esto está haciendo. Caminemos a través de él un paso a la vez. Voy a deshacerme de estos fotogramas clave y volver a bajar el valor inicial a cero. Ahora de nuevo, mi selector está seleccionando todo el texto en mi capa de texto desde cero por ciento, el principio mismo del texto hasta el 100 por ciento en el valor N, el mismo final del texto. Piensa en ese rango como el tamaño de lo que se está afectando en esta capa de texto. Si agarro este valor de desplazamiento y lo muevo hacia adelante, se
puede ver que esa misma animación de texto está sucediendo de nuevo. Si voy del 0-100 por ciento, entonces me va a dar esa misma animación. Voy a enmarcar esto para que puedas ver, reproducirlo. Está haciendo exactamente lo mismo. Lo que está pasando aquí es que está tomando este rango de 0-100 por ciento, que al inicio de la animación está aplicando esta transformación a toda la capa, y la está compensando. Se está desplazando hacia adelante hacia la derecha para
que cada vez menos de ese texto se esté seleccionando y a su vez, teniendo esta transformación de posición aplicada a la misma. Si realmente no estás siguiendo, no te
preocupes te voy a mostrar un ejemplo visual aquí en un segundo, eso probablemente va a tener mucho más sentido. Pero mi punto es que usar esta propiedad de desplazamiento único puede hacer lo mismo que usar cualquiera de estas dos propiedades, el inicio o el final, al
menos como es en este momento. El poder de esto es que ahora podemos entrar en el desplegable avanzado y cambiar algunos de estos ajustes. Ahora hay muchos ajustes aquí, pero no te abrumes. Vamos a pasar por sólo las que necesitamos trabajar
ahora mismo para que esto se vea un poco más bonito. Me gustaría que estos personajes fueran uno, animados y más suavemente, pero también quiero tener más de un personaje moviéndose a la vez. Echemos un vistazo a una de estas propiedades que podemos ajustar. Este de aquí se llama
Shape, y se puede ver que ahora mismo está puesto en cuadrado. Eso lo explicaré en un poco, pero voy a entrar en ese desplegable y cambiarlo de cuadrado a rampa arriba. Ahora mira lo que pasa. No es exactamente lo que quiero, pero se puede ver que estos personajes son casi como dominó o una cascada. Vienen en más de un personaje a la vez. Si vuelvo a desplazarme hacia arriba a mi desplazamiento y echo un vistazo a los valores de fotograma clave en el primer fotograma, tengo cero por ciento. Podemos ver una representación visual de este selector de rango aquí, eso es lo que esta flecha de aquí es y esta flecha de aquí es. Este es el inicio de la gama, este es el final de la gama. A medida que el desplazamiento avanza, se
puede ver que el inicio se desplaza. El final no se mueve pero eso es sólo porque After Effects no lo va a empujar fuera del texto. Pero se puede pensar en ello como si toda esta selección de aquí a aquí se estuviera desplazando en esta dirección ya que el desplazamiento es animado. Pero una cosa que el valor de desplazamiento puede hacer que inicio y fin no puede es tener porcentaje negativo, por lo que no tiene que empezar a seleccionar todo el texto. Si respaldo este primer valor hasta negativo 100, entonces mis textos van todo el camino de vuelta hacia arriba. Ahora la forma de rampa ascendente está siendo desfase negativo 100 por ciento del rango de selección, que es todo el texto. Básicamente, todo en esta capa de texto está siendo afectado una vez más por este valor de posición, y ahora que tengo esta animando desde el negativo 100, donde ese valor de posición lo está afectando todo, hasta el 100 por ciento donde no está afectando nada porque ha sido empujado todo el camino más allá del texto. Si vuelvo a jugar esto una vez más, ahora todo cae de esa posición inicial fuera de pantalla a este punto de descanso final y lo está haciendo de una manera mucho más suave, más gradual. Ahora que tengo esta configuración, puedo jugar con el tamaño del rango. Si tomé el final y retrocedí esto para decir 50 por ciento, ahora que la cascada va a ir más rápido porque esa selección de rango es más pequeña. De nuevo, si me refiero a esto, se
puede ver que para cuando el valor final llegue a esta parte del rango, el valor de inicio comienza a moverse con él. Este animador se está moviendo a través del texto y afectando cómo se ve como está animando. Si vuelvo a marcar esto para decir 10 por ciento, va a ser sólo una pequeña selección de rango y
va a volver a parecer que está casi animando a un personaje a la vez. Si extendía mi animación por lo que tardó más, probablemente lo notarías un poco más. Pero esto es lo que va a afectar la rapidez con la que se anima el texto. Si está al 100 por ciento, va a ir mucho más poco a poco. Déjame volver a marcar esto para que sea un poco más rápido. Ahora pensemos en cómo podemos hacer que esto sea un poco más suave. Si vuelvo a desplazarme hacia abajo en esta pestaña Avanzado, hay estos dos valores aquí abajo, facilidad alta y facilidad baja. Se puede pensar en estos exactamente como facilidad de entrada y facilidad salida usando el gráfico de velocidad o facilidad fácil, cualquier cosa por el estilo. Si solo voy a un marco donde esto se está
animando parcialmente y agarro la facilidad alta y lo subo, ver que estas letras van de vuelta a la parte superior. Eso indica que esta es la facilidad para salir de la primera posición. Si agarro la facilidad baja y bajaré eso, puedes ver que las letras se están acercando más a la posición de descanso. Esa es la facilidad de entrar en el segundo fotograma clave. Voy a manivela esto hasta un 100 por ciento a su vez la facilidad alta hacia abajo para decir 20-30 por ciento, en
algún lugar ahí dentro, y jugar esto de nuevo. Ahora se trata de una animación mucho, mucho más suave, y está siendo controlada por estos dos fotogramas clave, offset del negativo 100-100 por ciento. No tuve que hacer ningún tratamiento de editor de gráficos a este movimiento, solo
me metí con la facilidad alta y baja solo un poco usando esa forma rampa arriba, y tengo algo que se ve bonito y suave. El verdadero poder de esto es que ahora puedo cambiar este texto a cualquier cosa que quiera y reproducirlo, y se va a animar exactamente de la misma manera. Ese es el verdadero poder de los animadores de texto y es por eso que estoy dedicando todo un curso a sólo este tema, porque creo que hay muchos diseñadores de movimiento por ahí usando After Effects que no están aprovechando al máximo el texto animadores. Como ya has visto, aquí hay muchos y muchos controles, pero los vamos a cubrir todos. De esa manera al final del curso, tendrás todo lo necesario para empezar a construir tus propios animadores de texto y utilizarlos en tus flujos de trabajo para agilizar tu eficiencia.
3. Formas de selector y más: Ahora que tenemos ese construido, apáguelo y
empecemos de nuevo con otro tipo de animación. Este, voy a escalar el texto. Voy a trasladar esto al centro de mi composición otra vez. Volvamos a bajar a esta capa de texto al grupo de texto y elijamos animar. Esta vez, en lugar de posición, voy a animar la escala. Enseguida obtenemos esta pequeña superposición que no teníamos antes, este pequeño eje diminuto en la base de cada letra. Estos son los puntos de anclaje por carácter para esta capa de texto. Son importantes porque la escala puede afectar a cada uno de estos personajes de forma individual, también lo hizo la propiedad de posición. Ese es el punto de estos animadores de textos es que se pueden animar todos los personajes de forma individual o aleatoria, o muy específicamente. Pero estos están indicando dónde estará el punto de anclaje para la escala. Si agarro esto y lo escalo hacia arriba y hacia abajo, puedes ver, no es escalar desde el punto de anclaje de las capas, como si solo agarrara esto y escalara así, se va a escalar desde el centro inferior de cada personaje. Digamos que quería escalar de la nada a esta escala completa. Voy a bajar mi propiedad de escala a cero. Este es mi valor inicial de mi animador de texto. Yo quiero que el animador real limpie esto, para que terminemos con ese texto a escala completa que acabamos de tener. Déjame entrar en mi selector de rango ahora, y echar un vistazo a la selección real. Ahora no puedo ver las superposiciones porque escalé mi texto hasta el final. Si vuelvo a poner esto hasta 100, podemos ver el inicio, podemos ver el final. Si agarro esto y hago clic y arrastre, esto cambiará en realidad el inicio y el final, y puedo hacerlo de forma interactiva aquí arriba en la composición. Estoy acostumbrado a sólo cambiar los valores aquí abajo, así que eso es probablemente lo que más me veas, pero sabe que puedes hacer eso si solo haces clic y arrastras por aquí. Lo que quiero hacer es explicarte claramente cuál es la diferencia entre la forma cuadrada, rampa hacia arriba, la rampa hacia abajo, y todas estas otras formas. Centrémonos primero en la plaza. En realidad podemos ver estas superposiciones. No voy a escalar el texto todo el camino hacia abajo, probablemente sólo algo alrededor de 25, y de esa manera podemos ver este rango. Porque lo podemos ver ahora si cambio el offset, se
puede ver que si lo estoy respaldando hasta un porcentaje negativo, está trayendo ese rango final hacia la izquierda. Recuerda que también está empujando el inicio a lo largo de la misma distancia. Es sólo que after effects lo está mostrando como no poder
moverse más a la izquierda que el primer personaje. Si lo muevo a la derecha, se
puede ver que todo ese texto está siendo afectado por ese rango, y entonces puedo empujarlo más allá y se escala de nuevo. Realmente rápidamente, solo quiero dibujar una forma del mismo tamaño este texto para darte una guía visual de lo que está pasando. Esta forma es cuadrada, así que solo voy a arrastrar un cuadro alrededor del texto aproximadamente y moverlo por debajo de esta capa de texto. Eso es realmente difícil de ver, así que déjame cambiar el color a algo así como el blanco. Entonces voy a establecer un marco clave al principio
donde el desplazamiento se establece en negativo 100, avanzar, decir de esto lejos y empujarlo todo el camino a 100. Entonces voy a agarrar esta forma que estoy usando para representar el rango que es 100 por ciento del texto. El inicio está en cero, el final está en 100, y voy a renombrar este selector. En el primer fotograma clave, solo voy a mover esto,
nuevamente recuerden que esto es puramente una representación visual. Esto en realidad no es hacer nada. Solo estoy explicando visualmente cómo funciona este selector y estableceré allí un marco clave de posición,
comando, y control P para establecer un fotograma clave de posición. Entonces avanzaré al segundo fotograma clave y cambiaré esto hacia el lado opuesto. Ajustaré mi comp a la vista presionando shift, y barra invertida con el signo de interrogación en el teclado, que se ajusta a la vista comp. Vamos a jugar esto de nuevo. Este es un visual perfecto para lo que exactamente está sucediendo. Imagínese este cuadro blanco siendo el selector de texto, esta tasa de selector de rango aquí pasando de cero a 100 por ciento. Es del tamaño de la capa de texto y el desplazamiento lo está empujando desde todo el camino hasta aquí donde no está afectando al texto en absoluto porque no lo está superponiendo en absoluto. Después es empujarlo a través del texto y
reducir las letras una por una hasta que las cubra todas. Entonces se va a mover derecho sobre pasado otra vez en la dirección opuesta. Esa es la forma cuadrada, así que voy a llamar a este selector cuadrado. Entonces voy a duplicar esto, ocultar el original y voy a llamar a este selector ramp up. Entonces voy a ir a duplicar esta capa de texto también. Simplemente renombraré esto para que no lo olvide. Este es el animador cuadrado. Entonces lo duplicaré y lo llamaré ramp up animator. Mueve eso a la parte superior, asegúrate de que la segunda capa de texto esté desactivada. Entonces voy a entrar en el animador de texto, en el avanzado debajo del selector de rango y cambiar esa forma de cuadrado a rampa arriba. Ahora la forma que mejor representa la rampa arriba es un triángulo. Voy a entrar en mi capa de forma en el rectángulo de contenido uno y hacer clic derecho en la ruta de
rectángulo uno y convertirla en una ruta [inaudible]. De nuevo, esto no es algo que debes recordar. Es puramente por la ayuda visual que estoy creando aquí mismo. Si quieres aprender más sobre las capas de formas, tengo una clase dedicada a eso llamada The Ultimate Guide to Shape Layers' y after effects, ve a ver eso. Entonces voy a entrar en este camino y editarlo y deshacerme de este punto aquí mismo. Ahora es un triángulo o una rampa y está rampando hacia la izquierda. Si vuelvo a jugar esto, ¿esto tiene sentido ahora? Se está ampliando, por lo que la forma del selector ahora está rampa para que cuanto más de este selector que está siendo empujado a través del texto, más está afectando al texto realmente escalando y lo está haciendo de manera gradual. El tamaño sigue siendo 100 por ciento del ancho del texto, pero el lado derecho del mismo no lo está afectando tanto como el lado izquierdo. Esto es literalmente una rampa para arriba. Eso es lo que nos permite tener esta animación más gradual cuando estamos usando el animador de texto. Si cambiara esto de rampa arriba a rampa abajo, que es otro de nuestros ajustes de forma, aquí
mismo, rampa arriba a rampa abajo. Ahora vamos a conseguir la animación opuesta, mi forma necesita cambiar, así que permítanme revertir esto, sólo transformarme, y voltear horizontalmente. Entonces eso tiene un poco más de sentido. Está bajando el texto. O una mejor manera de pensarlo es que este animador de texto que he aplicado, la transformación de escala no se está aplicando en absoluto al principio, y está bajando hasta esa escala final. Ahora tenemos algunas otras formas aquí también, como triángulo, déjame deshacer, así que volvemos a nuestro rectángulo ahí mismo, y voy a cambiar la forma a triángulo y jugar esto de nuevo. Ahora, si nos detenemos justo aquí en el medio, ya se
puede ver cómo se ve esa forma. Si agarro la capa de forma real y solo agrego un punto aquí y bajarlo al fondo. Esto es literalmente lo que significa triángulo. En realidad podría tener más sentido si tomara el punto en el medio, en el fondo y me deshiciera de estos dos puntos aquí. Ahora se puede ver esa forma realmente cómo está afectando el texto. Personalmente, no creo que alguna vez haya usado la forma del triángulo, pero es otra opción. Definitivamente debes saber que está ahí. También tienes redondo, que va a ser similar al triángulo, pero va a ser redondeado. Entonces más como esta forma aquí mismo. Entonces también tenemos lisas y esta creo que va a ser una forma que es un poco más como una S. Si agrego algunas asas aquí
, detente conmigo como hago esta forma, pero probablemente debería verse algo así. Esa es la forma que se está moviendo. Es muy similar al triángulo, pero está un poco más suavizado. Esas son todas tus formas. De nuevo, realmente nunca he usado triángulo, redondo o liso. Rara vez uso cuadrado, verdad, me pego para rampar arriba. Eso es más o menos lo que siempre quiero usar por la forma que hace que todo se anime en agradable y poco a poco, muy suave. Voy a volver a esa forma para que puedas ver eso. Ahí vamos, y asegúrate de que se seleccione ramp up y se esté escalando de nuevo. Agradable y poco a poco ahora voy a cambiar la escala a cero por lo que realmente empieza en cero. Ahora quiero trabajar en la Facilidad Alta y Baja. Si cambio esta Facilidad Alta a 60 y la Facilidad baja a 60, entonces solo necesito espejear esa flexibilización con mis fotogramas clave en el selector Ramp Up. Voy a seleccionar esos dos fotogramas clave. Haga clic derecho y vaya a velocidad de fotograma clave y cambie
la influencia en la velocidad entrante a 60 y la velocidad saliente a 60 también y eso debería coincidir. No es exactamente perfecto, pero te das la idea de que ahora está aliviando ese movimiento. Si fuera a agarrar, diga el valor n y cambie esto al 50 por ciento, bueno ahora mi selector de rango es la mitad de grande que lo era. Entonces necesito entrar en la escala de mi selector Ramp Up y cambiar el x al 50 por ciento, y luego solo asegurarme de que esto esté alineando hasta los bordes del texto, que son, vamos a ver, sacaré una guía. Va justo por aquí en el lado izquierdo, justo aquí en el lado derecho. Entonces sí, esa es una estimación bastante buena, y entonces por aquí va a terminar aquí. Si vuelvo a jugar esto, debería alinearse de nuevo. Ahí vas. Entonces mi selector es más pequeño pero aún está en aumento y aún se está relajando. Esperemos que ese poco visual te ayude a entender exactamente lo que está pasando con el selector de rango y la forma ramp up e incluso las otras formas. Ramp up es en lo que nos vamos a estar enfocando probablemente para todos los animadores en este curso. Pero si alguna vez necesitabas algo que no fuera tan suave y gradual, entonces tal vez cuadrado funcionaría para ti o quieres
agregar algún movimiento aleatorio a lo largo de tu texto, entonces tal vez la forma del triángulo funcionaría mejor porque permite que simplemente limpie esta transformación de una manera irregular. Aquí hay un montón de opciones. Mi objetivo para la mayoría de mis animadores de texto es ser muy suave y gradual. Ahora echemos un vistazo a algunos más de estos ajustes. Si abro mi capa de texto,
entro en ese animador y de nuevo, echamos un vistazo a esas pequeñas x's, resaltan, el selector de rango en realidad la escala que nos va a dar estas x's; los puntos de anclaje. Ahora podemos ajustar dónde están estos e incluso cómo comportando
la agrupación de estos personajes bajo Más opciones. Todavía no hemos mirado esto, así que voy a echarme atrás
del grupo de animadores y entrar en Más opciones. La primera opción es la agrupación de puntos de anclaje y está configurada en carácter. Por eso tenemos una pequeña x para el punto de anclaje en la base de cada personaje. Si entro en esto, puedo cambiar eso de carácter a palabra y entonces esas pequeñas x los puntos de anclaje cambian. Ahora están en el centro, el centro inferior de cada palabra. Si reproducimos esto, y creo que podemos apagar esa pequeña ayuda visual ahora que entendemos cómo funciona todo eso. Esto es escalar aún un carácter a la vez, pero basado en toda la palabra. Entonces el punto de anclaje de cada letra es el centro de esa palabra en lugar del centro de cada personaje, y simplemente se ve un poco diferente. También podría cambiar esto de palabra a línea, y entonces todo va a escalar desde el centro de esa capa o esa línea y si tuviera múltiples líneas de texto, así que solo diremos la línea número dos. Haré todo esto centro justificado. Ahora, cada línea se va a
escalar en función del punto de anclaje de la línea a la que pertenece. Entonces tenemos dos puntos de anclaje, uno justo aquí, que realmente no se puede ver sólo por la forma en que las superposiciones las están ocultando. Pero hay un punto de anclaje justo aquí, esa pequeña x para esta línea, y hay uno justo aquí detrás de ese control de transformación para la segunda línea. Ahí es de donde se están escalando. También puedo cambiar eso de línea a todo, y luego va a promediar todas las líneas juntas y escalar desde los mismos centros y ahora está escalando desde el centro de todo el bloque de texto. Ahora voy a cambiar esto de nuevo a la palabra. Recuerda esto es dar un punto de anclaje por palabra, y luego voy a entrar al animador, al Selector de Rango. Abajo a Avanzado. Hay muchos y muchos menús cuando se trabaja con animadores de texto. Sé que voy un poco rápido, pero estos son los controles de los que debes estar al tanto. Una vez más, estamos en el grupo de animadores en el Selector de rango bajo las opciones avanzadas para ese selector de rango y vamos a cambiar el Basado en de personajes a Palabras. Si hago eso, ahora cada palabra se va a escalar en su conjunto. A pesar de que se trata de una sola línea de texto, está tratando cada palabra como su propia pieza animada de texto. También podría cambiar esto por líneas y luego anima una línea a la vez. Pero de nuevo, debido a que nuestra agrupación de puntos de anclaje Más opciones está configurada en palabra, sigue escalando cada palabra de forma independiente. Si cambio esto a línea, entonces va a hacer la primera línea, luego la segunda línea. Estas dos opciones, a pesar de que están en lugares
muy diferentes, van mucho juntas y afectan cómo va a funcionar tu animador. Voy a cambiar esto de líneas a personajes. También tenemos la opción de excluir espacios. Por defecto, bajo caracteres que va a contar espacios en el desplazamiento. Entonces está midiendo ese rango. Se va a incluir los espacios como parte de esa gama y si te quitas espacios, se los va a quitar. Ahora es muy raro que alguna vez necesite hacer eso, pero ten en cuenta que es una opción. Voy a volver a bajar eso a personajes, y voy a cambiar mi agrupación de punto de anclaje de nuevo a carácter también. Entonces ahora cada personaje escala hacia arriba desde su base, pero tenemos la opción de cambiar la alineación de agrupación. Entonces voy a hacer una pausa de nuevo. Podemos ver todas estas pequeñas x para los puntos de anclaje. Voy a agarrar el porcentaje Y, el segundo valor, y sólo cambiarlo, y ahora se puede ver que puedo cambiar donde está este punto de anclaje. Si lo muevo a la parte superior y lo repongo, ahora se va a escalar de arriba hacia abajo. Si muevo esto a la izquierda, vaya a donde vemos todos nuestros textos, ese borde izquierdo del texto. Se va a escalar desde la esquina superior izquierda. Incluso puedo moverlo más arriba y ahora va a tener una animación de posición también, pesar de que sólo tiene la propiedad de escala aplicada aquí abajo en la parte inferior,
porque el punto de anclaje se ha desplazado todo el camino hacia la parte superior de ahí. Se está escalando desde un punto que realmente está moviendo el texto a medida que escala. Eso es muy importante saberlo porque te permite cambiar drásticamente cómo se están animando tus personajes. Una vez más, veamos cómo se ve eso con el punto de anclaje justo fuera de la parte inferior, pero centrado en el texto ahí. Solo recuerda jugar con esta configuración para ver cómo afectan las cosas. Si cambio el grupo de puntos de anclaje a Word, entonces cada personaje sigue animando individualmente, pero el punto de anclaje se basa en la palabra, no en todos los caracteres. Aquí hay muchas posibilidades. Voy a cambiar eso de nuevo a personaje, y ahora vamos a añadir una segunda transformación a nuestro grupo Text Animator. Cuando abres esa copia de seguridad y ves que tengo este pequeño botón Añadir. Esto de aquí arriba, Animate. Así es como hemos hecho nuestro Animador hasta ahora. Acabamos de seleccionar uno y se hace automáticamente, un Animator y un Selector de Rango para luego aplicar esa transformación aquí abajo. Puedo ir al Agregar bajo ese grupo Animator ahora, y agregar cualquier otra propiedad. Hay aún más selectores a los que vamos a llegar en un poquito. Pero las propiedades, este es el mismo menú que el que teníamos bajo Animate. Yo también puedo agregar un puesto a este Animador. No afecta nada porque está puesto a cero. Pero digamos que la posición inicial quiero estar fuera de la parte superior de la pantalla otra vez. Voy a moverlo hacia arriba y ahora se está escalando hacia arriba mientras se mueve hacia abajo al mismo tiempo. Estas dos propiedades se están aplicando a la capa de texto utilizando el selector de rango único y el animador de texto. También podría tenerlo empujado desde la derecha en su lugar, de derecha a izquierda. Voy a volver a cambiar esto a una sola línea por ahora, y sólo finjamos que estoy haciendo un Text Animator para una sola línea de texto. Voy a cambiar esta propiedad de posición a salir de la parte superior de la pantalla, lo cual es poco difícil de ver ya que está ajustado a escala cero por ciento. Sólo voy a escalar un poco eso para poder ver hasta dónde se necesita ir, y luego voy a cambiar la escala en realidad. Volvamos este texto hacia abajo para que pueda verlo, y cambiemos esto al 100 por ciento en la X.
El ancho siempre es 100 por ciento y luego la escala es en realidad mucho más grande en la Y. Mi agrupación de punto de anclaje, cambié ese alineamiento un poco. Yo quiero que eso esté en la base del texto, así que sólo voy a volver a bajar eso a cero. Se está escalando hacia arriba desde la base del texto. Voy a escalar esto bastante arriba,
y luego voy a desplazar este texto lejos de la parte superior de la pantalla para que no lo veamos en absoluto y lo reproducimos. Se ve que se trata de una animación de texto de estiramiento. Se estiró hasta la parte superior y baja a la escala normal una vez que golpea el suelo hacia abajo en la parte inferior. Eso es sólo un divertido animador de texto un poco elástico. Es muy fácil de ajustar. Si entro en mi Selector de Rango, puedo cambiar qué tan rápido ese offset Animates. Podríamos ir mucho más rápido. Podría deshacer. Podría cambiar el rango hacia abajo para decir 29, y ahora anima así o cambiarlo hasta 100 por ciento, y ahora es mucho más suave. Podría acelerar los fotogramas clave. Todo es muy flexible y es súper interactivo. Podría simplemente derrumbar algunos de estos. Simplemente me estoy centrando en estas transformaciones y luego tratar de empujarlo un poco hacia la derecha. No se mueve arriba y abajo, en cambio sólo lo moveré de derecha a izquierda y revertiré estos dos. Cambia esto a 100 y esto a 355, y ahora va a escalar desde la izquierda. Sólo necesito asegurarme de que empuja por completo hacia un lado de la pantalla ahí. Algo muy diferente. A lo mejor no me gusta que se salga de esta posición. Entraré en el Selector de Rango, Opciones
Avanzadas y cambiaré la Facilidad Alta a cero. Entonces realmente no se va a relajar fuera de esa primera posición. Podría incluso meter esto en un valor negativo. Se está relajando aún menos desde esa posición, es muy rápido. Si lo hago avanzar un poco, podemos ver cómo no hay nada y luego simplemente se dispara muy rápido. Normalmente no uso desenfoque de movimiento pero algo más que es muy importante saber es que, Text Animator soporta desenfoque de movimiento por personaje. Si enciendo ese pequeño interruptor, desenfoque de movimiento. Si no ves eso, solo tienes que dar click en este botón justo aquí este pequeño interruptor, entonces habilito el desenfoque de movimiento en mi comp. Se puede ver que se ve mucho más rápido ahora. Ese desenfoque de movimiento realmente ayuda a vender esa velocidad. Como dije, no uso tanto eso, pero sé que está ahí y que funciona con Animadores de texto. Volvamos a algo solo un poco más estándar y un
vistazo a todas las propiedades a las que tenemos acceso. Voy a llegar a la posición y a la escala, y en realidad sólo voy a eliminarlos. Voy a seleccionarlos y presionar Eliminar. Ahora no pasa nada cuando esto se anima. Simplemente se fue al inicio porque ahí no hay nada. Eso lo respaldaré hasta el inicio de la comp. No está pasando nada. El Selector de Rango sigue animando, pero no es capaz de aplicar nada ya que no tengo propiedades en este Animador de texto. Voy a añadir uno nuevo, bajo propiedad iremos a la rotación. Este es uno muy básico. Si se establece en una capa 2D, ahora mismo es solo 2D, solo obtenemos la rotación en un eje. Vayamos al principio. Antes de eso, ese Selector de Rango ha sido
borrado hacia el lado derecho y ver cómo eso lo está afectando. Cada personaje gira alrededor de ese único eje. Podría bajar esto a unos 180 grados, reproducirlo y todo gira muy bonito. Esa flexibilización es un poco extrema. Cambiaré la Facilidad Alta a 39, 40 por ciento, y ahora eso es mucho más suave. Siempre podría entrar en las más opciones y cambiar ese agrupamiento de anclaje para
que esté rotando desde la esquina superior izquierda en lugar del centro inferior. Si vengo a mi grupo de animadores de texto y voy al botón Agregar, en propiedad, en la parte superior, tenemos esta opción llamada Activar 3D por carácter. Voy a dar click en eso y eso nos da este pequeño ícono personalizado con dos cajas 3D en ese interruptor. Tengo la capacidad de rotar la rotación x, y, y z no sólo la z. Bajemos z a cero y miremos la y Si cambio esto, entonces se va a limpiar hacia la izquierda o hacia la derecha. Voy a retroceder esto 90 grados y luego reproducirlo. Gira en su lugar. También podrías hacerlo en el eje X y cambiar eso a 90 negativo. Creo que eso está girando hacia nosotros. Se rota hacia nosotros inicialmente y gira hacia abajo hacia esa posición de descanso. Esto es realmente genial para hacer Animación más dinámica. No estás pegado al eje 2D. Puedes tener los tres ejes x, y y z para jugar con la rotación, la escala, y la posición que Activar por personaje 3D permite afectar los tres ejes en esas diferentes propiedades. Si voy a Agregar y vuelvo a poner en la posición, ahora tengo x, y, y z. podría empujar esto de nuevo en el espacio z. Se va a girar y escalar. Yo también lo puedo empujar un poco hacia abajo. Ahora solo tiene un poco más de dimensión a ella. También podría cambiar la opacidad, que va a ser al principio aquí. No es visible por la perspectiva de la cámara, aún
podemos verla a pesar de que está girada a 90 grados. Si fuera a empujarlo aún más, podemos ver aún más a esos personajes. Permítanme agregar otra propiedad, la opacidad, y cambiarla a cero en el inicio. Se va a desvanecer, ya que está haciendo todo eso. También podría haber hecho esto con la báscula, si me quito esa opacidad y le agrego una escala ahí adentro y simplemente bajamos eso a cero en los tres ejes, Estamos perdiendo algo de esa rotación porque es tan pequeño para empezar. Yo sólo quiero girarlo un poco
más atrás para que todavía podamos ver algo de esa rotación. Ojalá puedas ver lo flexibles son
estos Animadores de Texto y lo fácil que es manipular las cosas. Se renderiza muy rápido y eres capaz simplemente jugar con él hasta conseguir algo que te guste.
4. Animadores complejos: Pero ¿y si queremos hacer algo un poco más complejo? Digamos como textos que se balancean por personaje. Déjame simplemente realmente hacer una nueva capa de texto y llamarla 'SWING IN' y centrar eso hacia arriba. Voy a animar esto como si fuera cualquier otra capa y no voy a usar un animador de texto y te voy a mostrar cómo me acercaría a esto. Voy a empezar por hacer un 3D, y luego quiero mover este punto de anclaje a la parte superior
del texto para que rote desde ese punto. Voy a presionar Y para cambiar a mi herramienta de punto de anclaje, haga clic y arrastre en ese punto de anclaje mientras mantiene presionado el comando o control en una PC y eso se va a acoplar a ciertas partes de mi capa. Voy a ponerlo justo en la parte superior. Entonces vamos a presionar R para que aparezca la rotación y el único valor de rotación que me preocupa es este X-value justo aquí. Entonces voy a empezar por balancear ese retroceso positivo 90 grados y pondré un marco clave. Entonces voy a tocar dos veces S con esa propiedad seleccionada SS, y que solos cualesquiera propiedades que haya seleccionado. De esa manera puedo enfocarme solo en este fotograma clave y lo respaldaré hasta el inicio. Entonces lo voy a agarrar, mantener el turno y arrastrarlo hasta el inicio de la capa. Entonces saldré adelante, no sé, cinco marcos; así que página abajo, 1-2-3-4-5 marcos. Y luego voy a girar esto hacia atrás no hacia cero, sino hacia adelante un poco, así que tal vez en algún lugar por aquí, solo lo
estoy mirando. No estoy prestando atención al número tanto como solo estoy
mirando a lo avanzado que va a balancear esto. Entonces tenemos este pequeño swing de atrás hacia adelante. Eso es demasiado rápido, solo voy a hacer clic y arrastrarlo, y tal vez eso sea un poco demasiado lento, así que algo así. Entonces me voy, vamos a ver, eso son siete fotogramas, quiero ir cinco fotogramas hacia adelante, 1-2-3-4-5, y luego volver por la dirección opuesta y asegurarme de no ir más allá del valor que tenía anteriormente. Tenía negativo 36, quiero asegurarme de que no balanceo más de 36 grados en esta dirección, porque en física, la forma en que algo se balancea, nunca
va a balancear más en dirección opuesta en el siguiente swing, menos que algo lo obligue a hacer
eso, se va a descomponer con el tiempo y
balancear cada vez menos en cada dirección hasta que llegue a descansar. Volvamos no 47, sino digamos tal vez veinticinco, así que en algún lugar de los años veinte. Entonces iremos adelante unos fotogramas más. En realidad acabo de cometer un gran error; mira que tenía todos estos fotogramas clave seleccionados cuando ajusté esa propiedad, por lo que afectó a los tres fotogramas clave por igual por cuánto roté, así que déjame deshacer de nuevo a donde estábamos en 47, así que ahí vamos, 90, negativo 36, y luego necesito anular la selección de esos fotogramas clave y luego ajustar esto. Ahí vamos. Me alegro de que cogiera eso, así que en algún lugar de los años veinte, sólo lo gira un poco hacia atrás. Entonces vamos a ir hacia adelante unos marcos más página abajo en el teclado y girarlo hacia adelante tal vez 10 grados, y eso apenas está girado hacia adelante en absoluto. Y luego avanza un par de fotogramas más y pon esto a cero. Entonces tenemos un swing básico, pero no hay flexibilización. Necesito trabajar en esto, así que déjame acercar aquí para que podamos verlo bonito y cerrar. Seleccionaré todos los fotogramas clave y entraré en el editor de gráficos. Si no sabes usar el editor de gráficos,
definitivamente echa un vistazo a animar Con facilidad versión dos, esa clase se dedica enteramente a cómo usar el editor de gráficos. Entonces voy a acercarme aquí y voy a cambiar a mi gráfico de valores. Voy a seleccionar todos estos fotogramas clave y fácil facilitarlos, que es este botón aquí mismo. A partir de aquí, voy a manipular estas curvas. El primero que quiero hacer es seleccionar todos los fotogramas clave y solo aumentar el relajamiento un poco, así que tenemos algo así. Y entonces creo que necesito espaciar un poco estos unos, así que voy a desplazar estos dos fotogramas clave hacia adelante; lo
hice haciendo una selección manteniendo presionada la opción o Alt, y luego usando las teclas de flecha izquierda o derecha. Yo sólo voy a dar un poco más de tiempo para que esta animación se resuelva al final. Y justo al final, este de aquí parece demasiado fuerte, así que voy a facilitar eso una vez más. Entonces tal vez solo tira un
poco de esta manija hacia atrás y mueve este un poco hacia adelante. Ahora eso se ve mucho más suave, creo que estoy bastante contento con eso, es muy rudo y sucio, pero no me preocupa mucho perfeccionar esto. Yo solo quiero mostrarles que así animaría el texto swinging-in. Desde aquí, si quisiera hacer esto en cada personaje, realmente mi única opción es dividirlo en múltiples capas. Entonces para que esto sea más fácil, voy a cambiar esto por justificado a la izquierda y cambiar esto, cual no puedo alinearlo a la composición porque ahora es una capa 3D. Pero lo dejaremos por ahí y quizá mueva el punto de anclaje solo un poquito para que se balancee desde un punto más alto, ahí vamos. Ahora lo que necesito hacer es duplicar, borrar todo menos el S. Así que voy a mandar X para cortar, entonces tengo justo el S. voy a duplicar esto, comando D ,
cambiarlo, y quiero asegurarme de que estoy al final así que puede alinear esto más fácilmente, pegar, cortar todo menos la W, y como puedes ver, este es un proceso muy intensivo en mano de obra, pero es más o menos la forma en que tienes que trabajar si no estás usando animador de texto. Entonces déjame solo terminar esto. Muy bien, y luego puedo eliminar la capa original, y me quedan todos los personajes que
tenía en básicamente la misma posición que originalmente eran. Puedo retocar esto de nuevo, no se ve diferente. Obviamente, quiero que animen de uno a la vez, así que ahora necesito seleccionar todos estos y compensarlos un fotograma a la vez. Esto se puede hacer a mano, simplemente seleccionando todos estos, moviéndolo hacia adelante y haciéndolo así. Pero en realidad hay una forma más rápida, si selecciono todas estas en el orden en que quiero que animen. Entonces S, y luego turno click en el último N. Voy al primer fotograma y presiono opción o Alt en un PC y el soporte derecho que recortará el extremo para ser solo un fotograma, por lo que todos estos son de un cuadro de largo. Voy a hacer clic con el botón derecho, ir a transformar o fotograma clave Asistente y decir secuencia Capas. Esto va a secuenciar las capas igual que suena, basado en la longitud de la capa, por lo que va a poner el inicio de la segunda capa justo después del final de la primera capa y secuencia que todo el camino a lo largo. Entonces voy a presionar bien. Y ahora que esos son todos secuencia, puedo ir hasta el final por aquí y presionar opción o Alt en un PC y el corchete derecho para recortar el punto de salida de cada capa hasta ese punto. Y ahora ese inicio de la animación para cada letra se desplaza un fotograma a la vez. Y ahí tienes, tengo mi animación terminada. Entonces ese es todo el trabajo que se necesitaría para construir esta animación. Cada vez que quiero cambiar el texto, voy a tener que leer, separar todos esos personajes y compensarlos a tiempo. Es muy intensivo en mano de obra y de ninguna manera fácil de hacer. Y si quisiera ajustar la forma en que estos se balanceaban en absoluto, de nuevo, tendría que empezar de nuevo, romper todo el texto manualmente y espaciarlos todos en el tiempo. Pero si usamos un animador de texto, podemos reproducir este tipo exacto de animación y aplicarlo
automáticamente a través de cualquier texto que escribimos en la capa de texto, guardarlo como preestablecido y reutilizarlo durante años. Entonces construyamos ese animador de texto ahora mismo. Simplemente voy a eliminar todo esto, realmente no lo necesitamos, voy a agregar una nueva capa de texto y lo llamaremos 'SWYING ANIMATOR' Voy a cambiar ese párrafo de nuevo a la justificación central y alinearlo a mi composición derecha en el centro una vez más. Ahora, Vamos a necesitar múltiples animadores de texto para que esto suceda. Vamos a construir el animador de texto exactamente de la misma manera que lo hacíamos sin el animador de texto antes. Vamos a empezar con esa posición inicial del texto retrocedió para que realmente no lo podamos ver. Lo primero que necesito hacer es animar y luego asegurarme que Activar 3D por carácter esté habilitado. Ahora esta vez no agregó un animador porque simplemente estoy habilitando esa opción. Todavía necesito entrar en el animate y luego elegir la rotación. Nuevamente, todo lo que me preocupa es la tasa de rotación X aquí. En realidad puedo seleccionar la Y y la Z y eliminarlas ambas. De esa manera me acaban de afinar en lo que realmente estoy animando. A continuación, necesito cambiar esos puntos angulares. Voy a entrar en el Más opciones; Alineación de punto de
ángulo y arrastrar eso hacia arriba para que quede un poco por encima de las letras un poco. De esa manera se balancea desde aquí arriba no justo en la parte superior del texto pero eso siempre es fácilmente ajustable. Puedo cambiar eso después del hecho y se actualizará dinámicamente. Contraer eso hacia arriba y echar un vistazo a nuestra rotación X. Ahora, no voy a volver a traer este texto, Establecer un marco clave, avanzar y construir esa animación exactamente de la misma manera. En cambio, Se puede pensar en cada animador como un fotogramas clave. Este primer animador va a ser mi posición inicial de 90 grados. Eso es todo lo que voy a tener que hacer, Porque puedes tener múltiples animadores dentro una sola capa de texto interactuando en efectuar el texto de diferentes maneras. Simplemente voy a renombrar este grupo seleccionándolo y presionando “Enter” y llamarlo posición
inicial. Ahí vamos. Entonces voy a derrumbar eso. Voy a añadir otro animador. De hecho, sólo puedo duplicar este. Comando o Control D y llamar a esta posición dos. Esta posición necesita contrarrestar esas rotaciones originales. Permítanme volver a bajar esto a cero. Todavía tenemos ese texto girado hacia atrás. Ahora dije que necesitamos contrarrestarlo así que si voy -90 grados, Va a bajar ese texto a cero. Esto es un poco confuso porque ahora tengo que trabajar con estos valores offset. Asegurarse de que lo hagas bien al principio va a dar sus frutos una vez que llegues a reutilizar este animador una y otra vez. En la segunda posición, quiero que se balancee por aquí. Recuerda esta posición en la que puedes pensar como el segundo fotograma clave en mi animación original. Hagamos que se balancee una buena cantidad. A lo mejor por ahí. Simplemente redondearé eso a un -140, Que en realidad es 50 grados de ese valor base porque esto es 140 grados menos los 90 grados que es contador actuando. Estaría a 50 grados adelante. Si eso no tiene sentido, déjame mostrarte rápido. Apagaré la posición inicial y cambiaré esto a -50 grados y ahí estamos de vuelta a esa misma posición. Voy a deshacer. Ahí vamos así que ojalá eso tenga sentido. Está a -140 grados de esa posición inicial original de 90 grados, Que equivale a -50 grados. Vamos a tener que hacer un poco de matemáticas pero como dije, Va a dar sus frutos. Ahora, necesito seguir adelante y empezar a animar esto para que esté funcionando de la manera en que realmente quiero que lo haga. Voy a ir al selector de rango, Entra en avanzado y cambia la forma de cuadrado a rampa arriba. Ya estamos consiguiendo algo muy interesante. Ahora quiero animar el offset. El rango de principio a fin siendo cero a 100, estoy bien con pero deja atrás el desplazamiento hasta -100. En realidad, En este caso, no quiero que se ponga rampa arriba, quiero que se ponga rampa hacia abajo. Ahí vamos. Ahora vuelve a la posición original. Pondré mi fotograma clave del offset en -100 y luego
avanzaré, no lo sé, tal vez un segundo. Eso probablemente sea demasiado largo pero ya veremos y luego cambiaré el offset al 100 por ciento. Voy a volver a jugar eso. Eso es demasiado lento pero ahí vamos. Tenemos ese texto balanceando desde la primera posición hasta la segunda posición. Déjame retroceder un poco esto y también ajustar la facilidad. Ahora, quiero que esto se alivie en ambos sentidos para este primer movimiento porque se está
relajando de esta posición de descanso y se está relajando a esta siguiente posición de descanso. Vamos a respaldarlo y cambiemos la facilidad alta para decir alrededor de 60, En
algún lugar ahí dentro y hagamos lo mismo por la facilidad más baja. Vamos a cambiarlos a los dos a 60 y reproducirlo. Es un poco difícil decir exactamente cuánta facilidad necesitamos solo con un solo movimiento, creo que este es un buen lugar para empezar. Déjame simplemente respaldarlo hasta 20 cuadros. Mantenlo un bonito hasta 20 marcos. Entonces voy a duplicar este grupo una vez más. La posición dos se convierte en la posición tres. Ahora puedo compensar ese swing una vez más. En lugar de ir -140, voy a cambiar esto de nuevo a cero. Estamos de vuelta a ese offset de 50 grados y necesito ir en la dirección opuesta. Cincuenta grados nos pondrían de nuevo en cero. Entonces a partir de ahí, quiero ir tal vez 30 más, En algún lugar alrededor de 80-85. Entonces quiero agarrar ese selector de rango, Ese valor de desplazamiento, Al hacer clic en esa propiedad seleccionó ambos fotogramas clave y luego puedo moverlo hacia adelante unos fotogramas. Ahora, veamos qué pasa. Se balancea de una posición a la siguiente. Esta posición tres animador no está haciendo nada hasta justo aquí. Justo cuando este primer animador ha girado más o menos al primer personaje enteramente hacia adelante y luego simplemente sigue adelante. Si empujo esto hacia adelante, vamos a conseguir este swing y luego el siguiente swing. Yo quiero alinear esto para que justo sobre dónde está esta S en un punto de descanso, que parece que está justo por ahí, Ahí cuando quiero
que este segundo animador empiece a entrar y a afectar de nuevo el texto. Vamos a jugar eso otra vez. Se ve un poco demasiado lento. Ve cómo esa S descansa un poco demasiado tiempo en medio de A justo ahí. Yo quiero traer esto de vuelta tal vez dos marcos. Tenemos grandes avances. Vamos a duplicar esto una vez más. La posición tres se convierte en la posición cuatro. Voy a cambiar la rotación de nuevo a 0 para que podamos ver a qué distancia estamos. Creo que eso fue 30 grados de los valores anteriores así que si voy -30 o en realidad era 35 así que -35 nos pone en cero. Entonces quiero retroceder tal vez otros 20. Voy a ir al 55, -55, es decir. Entonces entraré en el selector de rango una vez más. Lo moveré todo el camino para poder ver dónde está
esa posición de descanso en ese segundo swing para la S. Justo por ahí. Retrocede esto. Ahora retírelo una vez más. Esto se ve genial. Ojalá puedas ver este patrón. Voy a duplicarlo una vez más. Ahora tengo un quinto animador. Yo quiero ir hasta el final, Asegúrate de saber lo atrás que necesito rotar esto para llegar a 0, Que debería ser 20. Justo ahí está a cero grados. Entonces iré quizá hacia adelante 10 más. Voy a ir a 30 o incluso un poco más allá, digamos 40, Que está a 20 grados de ese valor base 0. Después compensar mi selector de rango una vez más. Cambiar esos marcos clave a justo aquí es donde se está deteniendo esa S. Atrás y retírelo una vez más. Creo que después de este swing, Podemos ir al punto de descanso final. Voy a duplicarlo una vez más. Cambia ese valor a cero. Eso debería estar a 20 grados de la línea base. Si voy hacia adelante o hacia atrás -20 grados, Eso debería estar perfectamente descansando a cero grados. Abramos el selector de rango mover estos fotogramas clave una vez más, Encuentra dónde está la parte posterior de ese punto de descanso oscilante. Justo por ahí. Mueve estos fotogramas clave y ve cómo se ve eso. Creo que todo está alineado genial. Simplemente no estoy contento con lo mucho que se balancea de nuevo en ese tercer swing de ahí. Se mueve hacia adelante una vez atrás, eso se ve bien, hacia adelante otra vez y luego hacia atrás. Ahí mismo creo que va demasiado lejos. Esa debería ser la posición cinco creo. Voy a cambiar ese valor. Ahora esto va a afectar todo más allá de él porque todos estos valores se basan en el animador anterior. Todos están construyendo en lo que se hizo antes, por lo que puede ponerse un poco complicado si tus valores están desactivados. Por eso es importante asegurarte de saber cuánto quieres que se ajusten estos. A lo mejor quiero quitarme 10 grados de esta extracción, así que la cambiaré de 40-30. Porque me estoy quitando diez grados de ese, necesito asegurarme también de tomar 10 grados de descuento del siguiente. Esto debería volverse negativo 10 para volver a ese punto de descanso cero. Volvamos a reproducirlo y a ver cómo se ve. Creo que eso es genial. Ahora lo que podría hacer es jugar un poco con el tiempo. Cerca del final, esos columpios podrían ir un poco más rápido. Voy a seleccionar esta capa y presionar “U” para que aparezcan todos los fotogramas clave y luego agarrar a los dos últimos animadores, segundos fotogramas clave y simplemente respaldarlos un poco. De esa manera animan un poco más rápido. A lo mejor incluso lo haré por este animador también. También para los dos últimos, quiero ajustar la flexibilización. Está un poco demasiado rígido ahí al final. Sólo voy a presionar “U” una vez más para colapsar la capa y entrar,
vamos a enfocarnos en la última posición de animador seis en el selector de rango, en avanzado y cambiar la facilidad alta y baja hacia abajo para decir 35 en cada uno de ellos. Haré lo mismo para la posición cinco. En el selector de rango, en avanzado y cambio que es alto y bajo hasta 35. Creo que eso funciona mejor. Presionaré “U” una vez más y luego quizá retrocedan este conjunto de fotogramas clave hasta uno o dos fotogramas. Sólo para que la animación se resuelva un poco más rápidamente al final. Ahí vamos. Creo que eso se ve bastante natural y todo
este tiempo me estoy enfocando en el primer personaje. Te puedes tropezar realmente si estás mirando toda
la animación en cascada en lugar de solo ese primer personaje. Recuerda lo que veas que pasa con esta primera letra se va a aplicar a todas las demás letras exactamente de la misma manera. Si solo te enfocas en un personaje y te aseguras de que swing sea agradable y marcado, entonces todo lo demás va a salir genial. Voy a presionar “U” para cerrar esa capa, entrar en el texto, más opciones y cambiar la alineación de agrupación del punto de anclaje. Voy a respaldarlo aún más y ahora se va a balancear mucho más lejos. El punto desde el que está girando está aquí arriba. También podría bajar eso. A lo mejor quiero que se balancee justo de la parte superior de las letras. Esa es una mirada completamente diferente. Mucho más estacionario. También podría balancearlo desde la base. No hay nada que me impida hacer eso y es muy fácil simplemente jugar hasta que consiga algo que me gusta. Creo que me gusta un poco mejor el punto de anclaje superior. Pero todavía hay un tema. Si le echamos un vistazo al primer fotograma, todavía se
puede ver todo ese texto porque de nuevo, esa perspectiva de la cámara aunque esté girada 90 grados, la perspectiva de la cámara me está permitiendo ver cosas que no debería ser. Lo que quiero hacer es agregar en una opacidad a la posición inicial, esa posición inicial. Si abro eso y entro en agregar y ver opacidad de propiedad y bajo eso a cero, desaparece, pero no vuelve como todo se anima, sigue animando. Se pueden ver los contornos de los personajes animando, pero esa opacidad se establece en cero, por lo que no vemos nada. Pero si copio esto y lo pego en el segundo animador y lo vuelvo a convertir hasta 100, entonces la opacidad se anima también. Revela el texto. Pero realmente no me gusta lo lenta y poco a poco que ocurre esa animación de opacidad. En lugar de poner esto dentro de la posición dos animador, en realidad
voy a eliminar eso y hacer un nuevo animador justo entre la posición inicial y la posición dos. En realidad voy a hacer esto duplicando la posición dos, lo
moveré hacia arriba y llamaré a este revelador de opacidad. Entonces entraré en eso y borraré la rotación X. No necesito eso. Añadiré esa opacidad una vez más, cambiándola al 100 por ciento. Ahora esto se ve exactamente igual porque está usando los mismos fotogramas clave. Si miras aquí mismo, puedes ver que los fotogramas clave para el desplazamiento selector de rango, porque los duplicé son exactamente los mismos y la flexibilización es exactamente la misma. Eso es en realidad lo que quiero ajustar la flexibilización para esa opacidad específica revelar. Si entro en lo avanzado y cambio la facilidad alta de 60-100, entonces vamos a conseguir esa opacidad 100 por ciento mucho más rápido y si tomo la facilidad baja, va a suceder aún más rápido. Si lo respaldo hasta el negativo 100, va a suceder aún más rápido. Al principio, va a ser cero por ciento de opacidad y luego muy rápidamente convertirse en 100 por ciento de opacidad. Esto efectivamente está haciendo invisible el texto hasta que empieza a animarse. Pero debido a que esa facilidad es tan fuerte y se anima tan rápido, realmente no
te das cuenta de que ocurre la animación de opacidad. Básicamente es solo revelar a cada personaje mientras se anima. Se puede ver lo rápido que pude construir esta animación muy personalizada. Lo sorprendente de ello es que de nuevo, puedo hacer doble clic en la capa de texto y cambiar esto para decir mi nombre. Se va a animar exactamente de la misma manera. Si lo tuviera, digamos una línea de texto más dos líneas, seguirá animando. Ahora esto se ve un poco diferente. Te darás cuenta si vuelvo a deshacer al texto que tenía, es animar en mucho más agrupados que es la mejor manera que puedo explicarlo. Estas letras están compensadas entre sí tanto como lo eran. Eso se debe a que hay más personajes para animar. Nuestro offset se basa en un porcentaje. El tiempo de mis fotogramas clave no ha cambiado en la animación toma exactamente la misma cantidad de tiempo, pero es aplicar los animadores a través del texto independientemente de cuántos personajes haya en esa misma cantidad de tiempo. Cuanto más texto tengas, se va a ver un poco diferente. Desafortunadamente, eso es sólo algo con lo que tienes que lidiar. Ahora podría pasar por y ajustar estos fotogramas clave que
tarda un poco más y jugar con el offset para encajar el texto que quiero. Pero lo que preferiría hacer es quizá hacer una que esté diseñada para una línea de texto porque
sé que una línea de texto generalmente va a tener un número relativamente similar de caracteres. Para algo con un bloque de texto más grande, tal vez multi línea, ya sea dos líneas o tres líneas o un bloque
de párrafo de texto va a requerir un animador diferente. Yo sólo haría un segundo animador que esté configurado para esa cantidad de texto. No obstante, existe una forma de rotonda de hacer una animación. Tómate la misma cantidad de tiempo sin importar cuántos personajes tengas. Te voy a mostrar exactamente cómo hacer eso en el siguiente video.
5. Índice de personajes: Construyamos esa versión alterna de la animación swing. Lo que voy a hacer es simplemente duplicar esto. Primero renombraré este, porcentaje, y eso tendrá sentido en un segundo. Duplicaré esto y llamaré a esto, unidades. Ahora voy a apagar el original y echar un vistazo a este primero. Se trata de unidades de personajes, deletrea ese derecho. Entonces entra en esta capa. Ahora bajo el “Texto” y entrar en cualquiera de estos textos animadores. La posición inicial en el “Selector de rango” y en las opciones avanzadas para ese selector de rango. Esta primera propiedad se llama las unidades, y se basa en un porcentaje. Pero tenemos la opción de cambiar esto a un valor de índice y esto es literalmente un valor asignado a cada personaje. Debí haber llamado a este índice de caracteres y esta capa debería llamarse índice. Pero el índice sólo significa que este primer carácter tiene un valor de cero, el segundo carácter tiene un valor de uno, y así sucesivamente todo el camino por la línea. Basar nuestras unidades en el índice de caracteres
más que en el porcentaje de caracteres va
a dar a nuestros números por aquí sólo números duros, sin signos de porcentaje y nuestro desplazamiento ya no es un porcentaje. Esto va a cambiar y romper todo lo que acabamos de hacer, pero creo que es importante entender. Voy a reconstruir esta animación de swing de esta manera para que veas por qué es benéfica. Quiero cambiar las unidades para cada uno de mis animadores muy rápidamente. Para ello, solo voy a tener seleccionada esta capa y escribir en las unidades de la barra de búsqueda. De esa manera puedo encontrar todos estos a la vez. Estos son todos los selectores de rango propiedades avanzadas y solo voy a “Command” o “Control” dar clic en cada uno de estos para poder cambiarlos todos a la vez de porcentaje a índice. Ahora todos esos están configurados y trae hacia arriba el inicio y en offset para cada una de estas propiedades también. Ahora como dije, más o menos voy a tener que reconstruir esto casi desde cero lo cual es desafortunado pero así es como va a tener que ser. Al verme hacer esto aunque te permitirá pensar si quieres construir tus futuros animadores de esta manera. Se puede tomar esa decisión de antemano y no tener que pasar por todo este proceso. Ahora si lo repongo, se ve exactamente igual porque acaba de convertir el porcentaje al número de caracteres en mi capa de texto. Hay 19 o 20 caracteres en total si cuentas cero. Solo volvamos a comprobar que 1, 2, 3, 4, 5, 6, 7, 8, 9, 10,11,12,13,14,15,16,17, y me olvidé la
razón por la que solo es 17 es porque también está incluyendo los espacios. Me equivoqué, no son 20, son 19 y eso sí tiene sentido. Porque 19 es en realidad 20 caracteres porque cero se cuenta como primer personaje y 20 estaría justo después de la “S”. Básicamente está limpiando de cero antes del “yo” todo el camino hasta después de la “S”. Espero que eso tenga sentido. Pero porque está en defecto estos dos 19 caracteres lo que tenía, o un valor de 19, que es el número de caracteres incluyendo espacios que tengo. Si cambio este texto por otra cosa entonces no va a funcionar de la misma manera. Es decir, sí, sí funciona, pero si escribo mucho más texto ocupando múltiples líneas, entonces vamos a conseguir que algo realmente raro suceda. Eso se debe a que esto ahora sólo está funcionando hasta los primeros 20 personajes incluyendo espacios, y eso es cierto para cada uno de estos animadores de texto. Lo que tienes que hacer para que esto funcione,
es básicamente pensar en cuánto texto es este animador alguna vez va a animar de manera realista. Tienes que ponerle restricciones. Va a haber límites pero te va a permitir aplicar esto de
una manera mucho más controlada donde sabes que la animación siempre se va a mirar de
una manera específica independientemente de cuánto texto se escribe. Ahora me imagino que no vas a estar animando en un párrafo de 500 palabras todas en pantalla al mismo tiempo, al
menos no de esta manera. No tenemos que pensar en números tan grandes, pero hay una buena posibilidad de que tal vez 100 caracteres de texto se animen en pantalla a la vez. A lo mejor esto es para un llamado en redes sociales. Digamos que estás diseñando algo para una burbuja de leyenda de twitter que está apareciendo y animando. Bueno, creo que hay un límite de caracteres de 250 caracteres o algo así. Podrías encontrar exactamente cuántos caracteres
sería la cantidad máxima de texto para lo que estés diseñando y convertirlo en tu límite. Yo sólo voy a redondear esto de a 100 personajes. Esto es para un texto más grande y audaz. Probablemente nunca voy a necesitar unos 100 personajes de animación pero para eso voy a diseñar esto. Voy a empezar cambiando mis valores de inicio y final. El inicio en realidad puede quedarse en cero y cambiar el final a 100, y de nuevo sé que esto está incluyendo cero como uno así que técnicamente eso es un 101. Pero por el bien de sólo estar limpio y conciso voy a dejar eso a los 100. Entonces necesito asegurarme de que mi segundo fotograma clave vaya al 100. Déjame ir a ese fotograma clave y cambiarlo a 100, y mi primer fotograma clave necesita ser negativo 100. Necesito asegurarme de que no estoy seleccionando ambos de estos 100-100 negativos. Ahora esto va a estar pasando probablemente mucho más rápido que mi animación original. Todo esto va a parecer realmente mal hasta que esto esté terminado así que ten cuidado conmigo. Pero, porque solo estaba animando 19 personajes en este lapso antes y ahora estoy animando un 100. Esta animación probablemente va a parecer un poco torpe. Sólo aguanta conmigo. Voy a maximizar mi línea de tiempo. Ni siquiera necesito ver esto ahora mismo presionando o colocando ratón sobre esta sección y presionando la tecla “Twiddle”, que es la pequeña línea garabateada justo debajo de la tecla “Escape” en la parte superior izquierda de tu teclado. Eso maximiza el panel para que pueda enfocarme aquí en mis valores. Ahora eso fue por mi animador revelador de opacidad. Pero los marcos clave y los valores de inicio y final van a
ser todos los mismos excepto algunos de los tiempos aquí abajo. Por ahora probablemente sólo voy a reemplazar todos estos para que sean exactamente el mismo tiempo. Solo voy a seleccionar los
valores de inicio, fin y desplazamiento haciendo clic y arrastrando “Copiar”. Entonces asegúrate de que bajo mi posición inicial, esto también necesita afectar todo, el mismo número de caracteres, los 100 caracteres no solo 19. Déjame colapsar eso y abrirlo de nuevo. Acude a mi “Selector de Rango” y ahí está el inicio, el final y el desplazamiento. En realidad, no necesito copiar y pegar estos valores. Yo sólo voy a asegurarme de que el final esté fijado en 100. El offset no es animado así que no tengo que preocuparme por ello pero ahí vamos. Tenemos nuestra posición de salida cuidando, ya
he copiado el inicio, el final y el desplazamiento. Cerraré eso y luego iré al final de inicio y compensaré para esta posición también. Ahora esto está en el primer fotograma clave para ese animador. Simplemente puedo pegar sobre él, esos valores están actualizados. Cerraré ese arriba e iré al inicio, final y desplazamiento
del siguiente animador y me aseguraré de ir al primer fotograma clave ese punto en el tiempo y pegar. Entonces cerraré esa, iré a la posición cuatro, inicio final y desplazamiento. Primero marco clave y pega, ahora este es el primero donde el tiempo ha cambiado. Sólo voy a eliminar el fotograma clave que quedó. Por ahora el tiempo de nuevo, sólo
voy a dejarlo todo igual y lo ajustaré más tarde. Acude al siguiente y haz este proceso para todos estos grupos. Elimina el fotograma de tecla extra, inicia y desplaza y pega, elimina y luego presiona “U” en esa capa para que aparezcan todos los fotogramas clave. Ahora, echemos un vistazo a lo que sucede. Muy bien, estamos de vuelta a esta animación donde se ve bien. El swing está sucediendo, pero los personajes se agrupan mucho. Y esto es por el tiempo y el espaciado de mi fotograma clave. Por lo que ahora puedo jugar con estos para conseguir algo que se vea más cerca de lo que realmente quisiera. Y lo primero que voy a hacer es sólo seleccionar el segundo fotograma clave en todos estos animadores y arrastrarlos hacia fuera para que tarden más y vean cómo eso afecta al texto. De acuerdo, entonces eso realmente hizo lo contrario de lo que quería para hacer que todo tome mucho más tiempo, lo cual tiene sentido. Hice que los fotogramas clave tomaran más tiempo, por lo que la animación tarda más. Pero si respaldo esto arriba, el swing está sucediendo más rápido. Pero sigue sin animar a los personajes individuales tan offset como me gustaría. Y esto es por el rango que he determinado para cada uno de estos. Entonces si selecciono esta capa de texto y busco aquí en la barra de búsqueda otra vez para inicio coma final eso
va a traer los valores de inicio y final para cada uno de estos selectores de rango. Ahora todos están configurados actualmente en 100 caracteres, así que mi selector de rango es realmente grande y es
por eso que los personajes no están mucho compensados. Ahora, quiero cambiar todos estos a la vez si puedo acercar para seleccionar dos de ellos, y sí, puedo ajustar estos múltiples valores al mismo tiempo. Entonces voy a seleccionar todos los valores finales para cada uno de estos animadores y en realidad, quiero asegurarme de que no tengo el valor final para esa posición inicial porque eso va a afectar
cuánto de la posición inicial se está aplicando al texto. Entonces voy a dejar eso tal como está, voy a ocultar este grupo presionando “Opción” o “Alt” en un turno de PC y luego haciendo clic en ese grupo. Y eso sólo va a ocultar lo que sea que haga clic de su selección. Muy bien, ahora tengo estos valores finales todavía seleccionados voy a ir hacia adelante en el tiempo a especie de la mitad de esta animación y luego retroceder a los personajes y mientras hago eso, puede ver que estos personajes ahora están animando mucho más individualmente. Entonces puedo retroceder esto a tal vez siete y es un poco loco, pero en realidad esto es probablemente lo que quiero. Sé que no se ve del todo en este momento, pero eso es solo por el tiempo de todos los fotogramas clave. Si lo repongo, se puede ver lo que está pasando. Entonces tal vez quiero respaldar esto hasta alrededor de diez personajes. Recuerda el, el conjunto original que igualó el 100 por ciento del texto fue de 19 caracteres. Entonces voy a hacerlo un poco más rápido, tal vez 14, digamos 14. Y ahora lo que necesito hacer es simplemente jugar con mi fotograma clave. Por lo que presiono “U” para que aparezcan todos los fotogramas clave, voy a agarrar el segundo fotograma clave de cada uno de estos animadores y simplemente extenderlo y ver qué pasa. Y probablemente voy a tener que hacer esto bastante. Va a tardar segundos de tiempo en trabajar. Ahora allá vamos, obtenemos estamos consiguiendo algo que se parece mucho más a lo que estamos buscando. No pasa mucho al principio, pero llegaré a eso en solo un poquito. Vamos a mover esto a donde empieza a animar justo aquí y creo que esto está funcionando un poco mejor ahora esto está controlando lo rápido que estos personajes se meten. Creo que tiene que ser aún un poco más lento. Ahí vamos. Eso parece un poco más natural, tal vez no tan lento. Juega una vez más. De nuevo, sólo estoy mirando la “A”, nada más. Creo que ese swing se ve bastante natural. Lo que quiero hacer ahora es trabajar en el offset entre cada uno de estos animadores. los dos primeros, no necesito preocuparme, pero voy a agarrar todos estos otros. Ve a ponerte que “A” llega a sus primeros puntos de descanso. Entonces ahí mismo. Y luego moveré un poco este grupo de fotogramas clave hasta que empiece a afectar ese swing yendo en dirección opuesta. Voy a ir a ese segundo punto de descanso, selección de estos fotogramas clave presionando “comando” o “control” en una PC y luego encontrando de nuevo ese segundo punto de descanso justo ahí, desplazando estos fotogramas clave hasta apenas empiezan a influir en el swing para esa “A”, anule la selección de nuevo, encuentra el siguiente punto de descanso justo por ahí, retrocede esto, tal vez un marco. Final pequeño swing justo aquí y entonces eso en realidad podría funcionar justo como es. Y ahí vamos. Entonces de nuevo, solo estoy mirando esa “A”, déjame acercar bonito y cerrar y podemos estudiar este swing para ese personaje. Creo que esos dos últimos columpios están tomando un poco demasiado tiempo otra vez, que fue algo con lo que nos topamos originalmente, pero voy a respaldar esto un par de fotogramas en cada uno de esos. Sí, creo que eso se ve bien ahora que está
en cascada a través de todas las líneas y la cosa de
esto es porque lo estoy basando en el valor del índice más que en un porcentaje. No va a cambiar en cuanto a la velocidad y el tiempo del balanceo en función de cuántos personajes hay en la capa. Entonces si hago doble clic en esto y cambio esto de nuevo a mi nombre, debería tener exactamente el mismo aspecto que lo hace con múltiples líneas de texto. Entonces déjame demostrarte esto duplicándolo y escribiendo en una palabra, solo una. Si movemos esto hacia arriba justo con esta palabra “lote” y la reproducimos, se puede ver que esas dos palabras están animando en exactamente la misma, la misma cantidad de desplazamiento, la misma velocidad, independientemente de cuántos caracteres hay en ella y esto es a trabajar hasta por 100 personajes. Ahora la razón por la que esto no se está animando hasta, bueno en un pasado un segundo en la animación es porque mi offset por cada uno de estos animadores es empujado 100 caracteres hacia atrás, negativo 100 caracteres hacia la izquierda por lo que está tomando tiempo para que este selector de rango llegue al texto antes de que empiece realmente afectando el texto que tengo. Cuantos más personajes tenga en esta capa
de texto, menos tiempo va a tardar para que la animación entre en marcha. Pero también por eso la animación se hace básicamente antes de cualquiera de los fotogramas clave finales por aquí. Es porque una selección de mayor rango está teniendo que recorrer una distancia más a través este texto pero debido a que esa distancia recorrida siempre es exactamente la misma, cualquier cantidad de caracteres de hasta 100, incluyendo espacios, funcionará con este animación, que es una forma mucho más precisa de crear un preset para que lo sepas, el texto siempre va a animar exactamente de la manera que quieras. Si ser tan preciso no es tan importante para ti entonces por todos los medios, solo usa el porcentaje es mucho más flexible y dinámico y
puedes conseguir que tu tiempo sea mucho más preciso usando ese método. Y este es un ejemplo mucho más complejo porque estoy usando, creo que seis selectores de rango diferentes de seis animadores diferentes. Si solo estuvieras usando un selector de rango y un montón de propiedades, usar unidades podría no ser tanto de un inconveniente y no tomaría tanto tiempo ajustar pero ver algo que este complejo se está construyendo esperemos te dan alguna idea de cómo hacer este tipo de animadores, aunque sean para animaciones más simples.
6. Más controles de animador: Echemos un vistazo a algunas más de las propiedades a las que tenemos acceso en un animador de texto. Entonces solo voy a escribir algún texto, centrar eso en mi comp y vamos a animarnos. Entonces voy a animar. Ya hemos visto posición y escala. Echemos un vistazo a Skew. Simplemente voy a configurar un animador básico de Selector de rango, igual que lo hemos estado haciendo todo este tiempo. Establezca el desplazamiento en negativo 100, avance alrededor de un segundo, vaya a 100 y luego asegúrese de que mi forma avanzada esté configurada para rampar. Ahora eso va a pasar por el texto. Ahora no pasa nada porque necesito realmente hacer un ajuste al Skew. Por lo que nos han dado dos propiedades diferentes, el Skew y el Axis Skew. Entonces si vuelvo al principio y sesgo el texto, ahí, tenemos ese ángulo cambiando el texto. Entonces eso es genial. Es algo único para enviar mensajes de texto a los animadores. Realmente no tienes esa opción en ningún otro lugar en after effects, al
menos no poder animarla así. Creo que voy a añadir en alguna flexibilización. Déjame entrar en el selector de rango facilidad alta, diremos 66 en cada uno de estos, y reproducirlo de nuevo. Ahí vamos. Entonces tenemos texto sesgado convirtiéndose, recto arriba y abajo texto no sesgado. Pero también tenemos el Eje Skew, así que está inclinado hacia la derecha, pero podría cambiar esto, para sesgar en básicamente cualquier dirección. También podría cambiar la cantidad de solo el sesgo para cambiar la rotación para ese sesgo. Si quisiera decir tener 90 grados sesgados y respaldarlo a algo así. Entonces tengo este tipo de texto de escala-estepa. Yo puedo hacer eso y luego puedo animarlo. Entonces esa es una de las propiedades a las que tienes acceso. Recuerda que puedes apilar estos, puedes agregar múltiples propiedades. Por lo que también podríamos tener escala agregada aquí, bajar esto para decir 50%, y luego es pequeño y crece. Aquí hay muchas posibilidades. Otra cosa de la que realmente no hemos hablado aún es que
también puedes animar estas propiedades. Puedes agregarles fotogramas clave. No sé por qué querríamos hacer esto, pero voy a agarrar mis dos fotogramas clave y moverlos hacia adelante. Después abre esa capa una vez más y echa
un vistazo a la propiedad Skew o quizás al Skew Axis. Probemos con el Eje Skew. Algo así. Yo solo quiero darle algo de aleatoriedad a eso. Como si se moviera de ida y vuelta así. De nuevo, no estoy seguro de por qué querrías hacer esto, pero lo voy a hacer justo como ejemplo. Voy a mantener presionada “Opción” o “Alt” y dar clic en el Eje Skew y escribir mi expresión, menear con dos Gs, abrir paréntesis. Entonces quiero hacer la frecuencia o con qué frecuencia se mueve. Entonces diremos cuatro veces por segunda coma y luego la cantidad del movimiento que irá en cualquier dirección o desde el valor establecido de 90 grados. Entonces digamos 45 grados. Después haré un paréntesis cerrado y un punto y coma para rematarlo, haga clic en “OFF”. Entonces en el principio justo aquí antes de
que este animador se limpie, va a estar moviéndose un poco así. Entonces a medida que se limpia, esa expresión básicamente se descarta porque ya no se está aplicando el Eje Skew. Lo estamos limpiando con esa rampa hacia arriba Selector de rango. No tiene que ser animado por una expresión. Podría deshacerme de eso. A lo mejor el sesgo, puse un fotograma clave aquí por cuánto está sesgado. Entonces por aquí cambio el ángulo para que termine por allá, algún lugar por aquí en la animación. Entonces está girando y vuelve a subir. Así que solo ten en cuenta que también puedes animar estas propiedades. La mayoría de las veces, no
necesito hacer eso, pero es algo de lo que debes estar al tanto. Voy a deshacerme del sesgo de la escala y del eje de sesgo. Voy a colapsar mi Selector de Rango y luego vamos a añadir otra propiedad. A ver, se puede hacer el punto de anclaje, pero esto es igual a la posición. El único motivo por el que esto es cualquier diferente es si lo
combinas con algo como rotación o escala. Entonces, solo echemos un vistazo a eso. Agarré un punto de anclaje y agarraré una posición, y luego sumaré en una rotación también. Por lo que tengo tres propiedades disponibles para animar. Por lo que la posición me permite moverla arriba y abajo, izquierda y derecha. Entonces eso borrará de nuevo hasta donde estaba. Si hago lo mismo con el punto de anclaje, básicamente
se ve como la misma animación, ¿no? Se lo limpia. Se compagina donde está, y luego un lo limpia. La diferencia es que estos puntos de anclaje aquí abajo se han quedado exactamente en el mismo lugar. Por lo que se ha desplazado el texto fuera del punto de anclaje por estos valores. Por eso, si hago algo como Rotar, ver que esa rotación está sucediendo alrededor esos puntos de anclaje y luego se volverán a limpiar así. Entonces si quería cambiarlo de abajo abajo, ahí vamos. Entonces va a girar en bonito y rápido rebotando en ese spot. Si fuera a hacer esto con el punto de anclaje o la posición en su lugar, volvemos a bajar el punto de anclaje a cero. Empuja esto hacia arriba y otra vez. Se puede ver que esos puntos de anclaje siguen en la base del texto. Entonces aunque añadí en esta rotación, sólo
va a girar alrededor de ese punto de anclaje. Todavía se moverá y girará en ese spot, pero no está girando en el punto fijo aquí abajo. Ese punto de anclaje se mueve con el texto. Por lo que eso es importante distinguir entre posición y punto de anclaje. Se puede conseguir algo que se vea muy diferente si utiliza punto de anclaje combinado con una de esas otras propiedades. Deshaznos de esas dos propiedades y veamos qué más tenemos: Punto de
anclaje, Posición, Escala, Skew, Rotación y Opacidad. Ya hemos visto todos esos. Por lo que esas son las principales propiedades de transformación y puedes agregarlas todas a la vez con solo hacer clic en todas las propiedades de Transformar. No necesito eso. Ya hemos visto habilitar por personaje 3 D. Pero vamos a bajar a esta sección aquí mismo. Tenemos color de relleno, que tiene un montón de opciones. Entonces echemos un vistazo al primero, RGB. Esto nos va a dar un selector de color básico. Entonces si me muevo de nuevo al principio, ve que el texto es rojo porque este color de relleno se establece para leer. Entonces cambiémoslo por algo más bonito, algo que en realidad se puede leer encima de ese brillante fondo amarillo. Entonces juega esto de nuevo. Entonces ahí vamos. Esa es una forma fácil de borrar o encender el color y simplemente cambiar el texto o animar ese color a través de tu texto. Entonces ese es tu RGB. Voy a borrar eso y añadir un Hue. Ahora esto no va a cambiar realmente en algunos textos que son más o menos grises, así que voy a cambiar el color a algo así como un azul. Entonces voy a agarrar ese relleno Hue, y se puede ver que puedo cambiar eso. Ahora que Hue va a cambiar. Entonces esto es una especie de arcoíris y. Si me vuelvo realmente loco y solo cambio de esta manera alrededor del ciclo de tonalidades, entonces va a empezar en un color y limpiar este color arcoíris terminando con un color que en realidad configuré el texto para ser. No tiene por qué ser tan extremo. A lo mejor lo bajé a 180 grados, entonces es algo un poco más sutil. Podríamos incluso hacer 90 grados. Entonces esa es una forma realmente interesante de animar el color. Este podría ser un buen ejemplo de cuándo querrías usar un tipo de forma diferente. Entonces si vuelvo a mi Selector de Rango, al avance y cambio de forma para decir triángulo, entonces va a limpiar ese color a través del texto. Pero empezarás con el mismo color con el que terminas. Por lo que es solo este color el que se está moviendo, y podrías aumentar la facilidad alta y la facilidad baja. Se puede ver cómo eso está afectando la toallita. Literalmente está cambiando cuánto se desvanece ese color de un personaje a otro. Entonces si bajo esa facilidad, va a aparecer mucho más suave. Entonces solo ten en cuenta lo que puedes hacer con esas formas y la diferente flexibilización. A continuación, en el color de relleno, tenemos saturación. Esto es exactamente lo que se podría imaginar. Es más ligero de una saturación, así que puedo bajarla en un testamento deshacerme de la saturación y luego traerla de nuevo arriba, o puedo aumentarla, y luego va a de los más saturados o menos saturados. Entonces esa es una opción. Entonces tenemos el brillo, simplemente aumentando o disminuyendo el brillo de ese texto. Tengo que asegurarme de que estoy en la parte de atrás, el frente de esa animación para que podamos ver la diferencia, pero esto sólo va a cambiar el valor de brillo, que está justo aquí. Mi color ya está ajustado a porcentaje, por lo que no puede ponerse más brillante. Ese es el brillo máximo. Pero básicamente está haciendo exactamente lo mismo que estoy haciendo ahora mismo. Simplemente ajustando el brillo sin tocar el matiz o la saturación del color. Entonces tenemos la opacidad, que básicamente es lo mismo que simplemente agregar una propiedad de transformación normal de opacidad. La diferencia es si le agregara un trazo a este texto, así que hagámoslo. Voy a añadir un bonito trazo oscuro y luego hacerlo un poco más grande. Ve que la opacidad de relleno no está afectando la opacidad del trazo. Entonces por eso querrías tener eso como una opción si alguna vez quieres
simplemente animar el relleno, pero aún así tener ese trazo contornos visible no importa lo que hagas. Déjame acercar aquí para que lo veas un poco más claro, pero el contorno no está siendo afectado en absoluto por ese animador de opacidad de relleno. Elimina eso y creo que eso es todo, sí, así que eso es todo por el color de relleno. Tenemos todas las mismas opciones exactas para el trazo. Por lo que estos permiten animar el trazo y llenarse independientemente el uno del otro utilizando un animador de texto. Pero también tenemos el ancho del trazo. Este texto tiene un trazo de cuatro puntos o cuatro píxeles aplicado a él. Si bajo este ancho de trazo a cuatro negativos, entonces va a animar ese trazo, simplemente escalándolo hacia arriba para que alcance el ancho de trazo final que he establecido. También podría empezar con un número positivo. Entonces digamos cuatro en lugar de negativo cuatro y va a ser más grueso y a bajar, o podría volverme realmente loca. Ahí vas. Ahora tal vez quiero poner mis todos rellenos sobre todos los trazos para este texto, y de esa manera siempre se ve el relleno. Pero ahora tenemos este gran esquema de bloque y que está bajando. También podría entrar en este pequeño “MENU” debajo la paleta de caracteres y asegurarme de que mi unión de línea esté ajustada a redondeada. Y entonces mi trazo va a ser mucho más suave cuando sea lindo y grande así. Entonces ese es el ancho del trazo. Yo me desharé de eso y vayamos por la línea. Ahora tenemos rastreo, anclaje de línea y espaciado de líneas. Déjame deshacerme de este feo texto. Volvamos a ponerlo a algo simplemente bonito y sencillo, como un color rojo oscuro, grisáceo. El seguimiento nos va a permitir espaciar los personajes el uno del otro solo ajustando el deslizador. Para que lo pueda extender y luego va a volver a entrar. Ahora porque mi texto está justificado remitente, esto es una especie de cambiar el texto de una forma extraña. Voy a dejar justificar el texto en su lugar y luego centrar eso arriba en mi comp otra vez y ver cómo eso lo afecta. Ahora solo está trayendo el texto desde la derecha. Está tirando de la derecha a la izquierda. Pero digamos que en realidad sí lo queríamos centrado o justificado, pero no queremos que se tambalee como lo hizo. Déjame deshacer y volver a donde
estábamos y pensar cómo podríamos conseguir que esto suceda. En realidad es realmente simple. Todo lo que tenemos que hacer es entrar en nuestro selector de rango, y en los controles avanzados, y luego ir al basado en, esto es en lo que el selector está basando la animación recordar,
y actualmente está configurado en caracteres. Si cambio esto de caracteres a líneas, entonces va a mirar la línea como un todo en lugar de como caracteres
individuales en ese desplazamiento selector de rango a medida que se mueve por el texto, mira toda la línea y anima todo el asunto a la vez en lugar de sólo los personajes individuales, por lo que eso resuelve el problema. El siguiente inmueble en la lista es el anclaje de línea. Se ve que esto en realidad se agrupa con seguimiento y interlineado. Este es un indicador de que realmente necesita seguimiento para poder funcionar. Voy a añadir el seguimiento de nuevo, y pondremos eso de nuevo para decir 32. Entonces voy a añadir ese anclaje de línea de vuelta. Lo que esto nos va a dejar hacer es básicamente cambiar la apariencia de la justificación sin cambiar realmente la justificación del texto. Ahora mismo, si nos fijamos en la paleta de caracteres, este texto está centrado justificado. No izquierda, no derecha, sino centrada justificada. Si agarro el ancla de línea y bajamos esto a 0 y reproducimos, se
puede ver que se está animando como si se dejara justificado. Cambió el texto, y ahora ese texto se está animando de derecha a izquierda. Si pongo esto hasta el 100 por ciento, Se va a animar como si estuviera justificado, a
pesar de que la capa de texto está realmente centrada justificada. Ajustarlo de nuevo a 50 por ciento
lo deja justo donde estaba como si ni siquiera se aplicara. Este es un método para especificar la justificación de tu capa de texto si eso es algo que es importante, pero animarlo como si fuera un tipo diferente de justificación. Esta es una propiedad que realmente nunca he necesitado usar,
pero al igual que todo, es importante saber cuáles
son tus opciones en caso de que algún día esa propiedad pudiera ser muy útil. Me desharé del anclaje de línea y echemos un vistazo a la tercera opción en ese grupo, que es el interlineado. Ahora esto no va a necesitar la propiedad de rastreo así que voy a deshacerme de eso. espaciado de línea en su lugar necesita varias líneas. Hagamos la línea 1, la línea 2, y la línea 3, me alejaré y subiré esto. Lo que esto va a hacer es permitirnos cambiar cuánto espaciado hay entre cada línea. Incluso puedo compensarlos en el eje x para que pudiera tener los textos apilados como este, y luego se borrará. Este es realmente un buen momento para señalar que no
tienes que usar animadores de texto para la animación, podrías usarlos solo para desplazar líneas de texto como esta secuencialmente. Si no estaba animando nada, me quitaré el offset. Realmente ni siquiera necesito un selector de rango, puedo eliminar eso y solo tener aplicado este espaciado de líneas. Entonces solo puedo usarlo como una forma de compensar las líneas de texto así. Lo cual es mucho más fácil que tener que bajar una línea hacia abajo un montón de espacios desplegables y averiguar cuántos espacios más necesito para ser la misma cantidad, es solo una propiedad muy útil para manipular mi capa de texto. Déjame deshacer para que tenga esos fotogramas clave de animación atrás y deshacerme de ese espaciado de líneas y podemos avanzar hacia abajo en la lista. Ya miramos todo hasta offset de carácter. Voy a aplicar eso, y lo que esto va a hacer es literalmente tomar el valor numérico que se asigna a cada personaje y simplemente compensarlo. Si cambio esto una vez, todas mis cartas se han mezclado. Se puede ver que ahora en lugar de la línea 1, 2, y 3, es 2, 3 y 4. Literalmente acaban de ser compensados un valor. Ahora todos están corriendo juntos porque el kerning de todas estas letras se basa en los valores de carácter originales. Eso no se va a actualizar y esas cartas se van a confundir. Pero si solo empujo esto realmente hacia arriba y luego lo
retoqué, se puede ver que es como el código que se descodifica, así que esa es una manera realmente fácil de hacer ese tipo de animación. Pero si notan que no sólo nos dio el desplazamiento de caracteres, también
tenemos opciones para la alineación de caracteres y el rango de caracteres. La alineación de caracteres se establece en la izquierda o en la parte superior. Si cambio esto a centro, y se puede ver que cambia a los personajes, así que básicamente está justificando cada personaje en función del ancho. Eso sí se actualiza con cada personaje. El Kerning real no se actualiza, eso aún se basa en el valor original, pero podemos cambiar esto a izquierda o superior, centro, derecha o inferior, o ajustar el kerning. Ahora esto es exactamente lo que necesitarías si quieres que ese kerning actualice correctamente para cualquier texto que se esté mostrando. Ahora bajo rango de caracteres, tenemos la opción predeterminada de mayúsculas y dígitos preservados. Lo que eso significa es que va a mantener números. Sólo va a compensar eso de cero a nueve para luego volver a cero y va a mantener letras dentro de Letras. Incluso va a preservar el caso. Entonces si fuera a elegir una fuente diferente que no fuera todo gorras como Helvetica, y solo escogeremos una versión negrita, entonces notarás que todas estas letras aquí mismo se están quedando minúsculas, y estas de aquí son mayúsculas, estos números son siempre números. Podría cambiar esto a Unicode completo. Lo que eso significa es que solo está mirando todo el espectro de esta biblioteca de fuentes, y Simplemente rodando por cada uno de los posibles personajes. El problema con esto es que a veces vas a conseguir espacios
en blanco porque dentro de un archivo de fuente, hay glifos que a veces se dejan vacíos porque el diseñador no creó un personaje para eso así que eso no siempre va a ser una muy buena opción. Voy a deshacer un poco para volver a mi fuente anterior y voy a darle vuelta esta a una línea de texto. Simplemente teclearemos algo como “LA MATRIX” y reproduciremos esto. Entonces realmente no me gusta cómo el ancho de línea está cambiando tanto así que en lugar de usar esta fuente, tal vez debería elegir una que se parezca más al código. Si escribo “mono” en mi búsqueda, tengo algunas fuentes que son mono con fuentes. Simplemente elijamos Ubuntu Mono bold y luego apaguemos ajustar kerning. Simplemente diremos que la alineación de caracteres debe ser izquierda o superior, y ahora eso va a verse mucho más como código que se está escribiendo. Realmente podría manipular el desplazamiento aquí para que pase a través de una tonelada de letras, y digamos que quiero que ese código esté cambiando incluso antes de que el desplazamiento se esté limpiando a través de él, podría agregar expresión en el desplazamiento de caracteres para hacer eso de manera muy sencilla. Entonces solo voy a presionar “Opción” o “Alt” y hacer clic en ese cronómetro, y escribir en tiempos de tiempo, digamos sólo 100. Lo que esto va a hacer es mirar el valor de tiempo actual, que en este caso es de 18 fotogramas, y multiplicarlo por 100 y poner ese valor en el desplazamiento de caracteres. Aplicaré eso y ahora ese texto se está volviendo loco hasta que lo limpiemos. Es como que se ve como texto que se está decodificando y luego se borra en el texto real que debería leer como. Recuerda que elegí esta fuente de ancho mono, así que por eso está funcionando bien. Si volviera a cambiar esto a abolición, entonces algunos de estos personajes se van a tropezar entre sí. Ahora no es muy notable porque esta fuente está muy cerca de ser una fuente de ancho mono. Pero se puede ver como por aquí, estos personajes sobre todo se están encontrando entre sí porque está basando el kerning original en esto yo y las letras al lado son mucho más anchas, así que como ahí mismo esas letras son tropezándose mucho el uno con el otro. Pero como elección de diseño, podría
gustarme eso más que cambiar realmente esto para ajustar el kerning. Porque entonces mi texto se está volviendo loco por todo el lugar. Sigamos adelante y sólo nos quedan unos cuantos más. Voy a deshacerme de esa alineación de personajes, desplazamiento de
caracteres, todo eso, voy a añadir. Nuestra última opción aquí mismo es Desenfoque. Este es un desenfoque gaussiano muy simple. Puedo desdibujar el texto y traerlo de vuelta. Si combino eso con say, una opacidad, bajaré la opacidad todo el camino, y es como que sólo va a desdibujarse y podría combinar eso con digamos, una escala. Escale eso a alrededor de 40, y luego tal vez cambie la agrupación del punto de anclaje al centro del texto en algún lugar alrededor de ahí, luego parece que se está desvaneciendo desde la distancia. Sólo por diversión vamos a añadir algunos rastreos. Añadiré eso y subo el monto de rastreo, y quizá vaya a manivela eso rastreando mucho. A lo mejor no tanto. Creo que eso va un poco rápido, así que voy a entrar en mi selector de rango, espaciar un poco estos fotogramas clave, y luego tal vez entrar en mi “Ease High”, que debería ser la facilidad de salida del original posición y baja eso. A lo mejor incluso en una dirección negativa y gire mi facilidad baja hacia arriba, entonces tengo algo que sólo tipo de toallitas se pone realmente bonito. De nuevo, es tan fácil como simplemente cambiar el texto a otra cosa. Por lo que los animadores de texto y se va a seguir animando en él exactamente de la misma manera.
7. Animación de salida: De acuerdo, entonces hemos cubierto todas las diferentes propiedades a las que tenemos acceso que podemos animar usando un selector, ya sea selector organizado o algo más. Pero hablemos de cómo podríamos animar algo apagado hasta ahora, todo lo que hemos estado haciendo es simplemente animar algo. Pero y si quisiera que este texto se encendiera y se apagara de una manera similar. Bueno, podemos combinar múltiples selectores de rango, igual que hicimos con el texto
oscilante para que ese tipo de animación ocurra. Entonces digamos que queremos que esto se limpie más de dos segundos, permanezca encendido durante dos segundos y luego limpie durante dos segundos más. Lo que quiero hacer es en realidad solo duplicar selector de rango un duplicado y llamaré al primero de entrada, para animate adentro y al segundo de salida. Entonces sólo voy a agarrar los fotogramas clave de desplazamiento y empujarlos hacia adelante en el tiempo por aquí. Ahora esto va a romper mi animación al principio porque básicamente tengo un animador que está aplicando estas propiedades que he establecido aquí y limpiándolas. Pero entonces tengo un segundo selector que está haciendo exactamente lo mismo. No es hasta que termine el segundo que eso realmente desaparece. Para que esto funcione lo que necesito hacer es entrar en las opciones avanzadas para salir y luego asegurarme de que cambie la forma de rampa hacia arriba a rampa hacia abajo. No está afectando nada cuando se
borra aquí a la izquierda y a medida que el desplazamiento se mueve a través del texto, va a rampar abajo aplicando estas propiedades de nuevo al texto. Si hacemos esto, ahí vamos, vemos que se anima y luego se apaga en la dirección opuesta. Eso es algo importante tener en cuenta que el texto se está animando de izquierda a derecha y luego se está limpiando de izquierda a derecha. Nos está dando una animación de aspecto diferente en la dirección opuesta. Eso es muy diferente a decir, tomar estos dos fotogramas clave y duplicarlos. Los copio y luego los estoy pegando. Haré clic derecho y diré asistente de fotogramas clave, fotogramas clave de
retroceso de tiempo y solo moveré esto o en realidad simplemente apagaré la animación de salida. Esto se va a limpiar de nuevo en la misma dirección al limpiado. Es literalmente sólo revertir la animación. tanto que si retomo esos fotogramas clave,
enciendo este de nuevo, se va a borrar en la misma dirección en la que está limpiando, por lo que está produciendo una animación de aspecto diferente, lo cual es agradable.
8. Seleccionadores Wiggly: A continuación quiero hablar de algo que realmente no hemos mirado todavía. Si entro en cualquiera de estos Selectores de Rango en el Avanzado, observe que hay este Modo y por defecto está configurado en Agregar. Ahora en nuestra configuración actual, en realidad no hace mucho, así que en realidad me voy a deshacer de este animador y vamos a empezar de nuevo. Voy a animar la Posición. Lo que quiero pasar es básicamente tener este texto animado desde arriba e abajo y tal vez a los lados un poco de manera aleatoria. Realmente no podemos hacer esto con un Selector de Range por sí solo, pero te voy a mostrar hasta dónde podemos empujarlo. Déjame simplemente mover este texto hacia arriba y luego agregar mi Selector de rango, Offset, negativo 100. Trasladar eso al principio y luego ir al 100 por ciento. Después cambia mi flexibilización a alrededor de 66 por ciento en cada uno de estos una vez más y cambia mi forma a Ramp Up. Tenemos esta animación donde se está cayendo muy bien. Ahora, quiero que esto suceda al azar, como dije, no sólo ir de izquierda a derecha. Bueno, si aún no te has dado cuenta, hay este pequeño botón aquí mismo llamado Aleatorizar Orden, si lo enciendo con solo hacer clic en él, ahora el texto va a entrar al azar. Esto está cerca de lo que quiero, pero lo que realmente quiero es que algunos del texto se
salgan de la parte inferior de la pantalla y algunos se salgan de arriba. No puedo hacer eso con un Selector de Rango. No obstante, si lo combino con otro tipo de selector, voy a Add, Selector, Wiggly esto va a abrir algunas opciones más. Se puede ver que de inmediato se ha ajustado mi animación de texto. Lo que quiero hacer es simplemente enfocarme en lo que es primero un Wiggly Selector. Voy a desactivar la visibilidad de mi Selector de Rango. Como puedes ver, este texto apenas se mueve por todo el lugar, ahí el nombre Wiggly Selector. Ahora bien, esto no tiene casi las mismas opciones que un Selector de Rango , ya
ves, y cuando abro esto, tenemos todo tipo de cosas diferentes, incluyendo este Modo que es de forma preestablecida a Intersect, no
es de Agrega porque esto puede interactuar con los selectores que están por encima de él. Ahora porque desactivé el de arriba, no
está intersecando nada en este momento, así que solo se está comportando igual que si estuviera configurado en Agregar, sin diferencia. Echemos un vistazo a algunas de las propiedades que tenemos, Cantidad
Máxima y Cantidad Min y que se fijaron en 100 por ciento y negativo 100 por ciento. Esto es decir literalmente, cuál es la cantidad máxima que podemos aplicar, el ajuste que has establecido aquí, así que cualquiera de las propiedades que ponemos aquí abajo, es decir, cuánto movimiento quieres aplicar a eso valor? El monto máximo de 100 por ciento significa que se moverá 656 píxeles negativos, y la cantidad mínima significa que también irá en la dirección opuesta, por lo que va a invertir este número y moverse a 656 píxeles en la dirección opuesta. Si fuera a cambiar la cantidad mínima a 0, sólo
se va a mover en la dirección que he escrito aquí abajo. Si cambio esto a 650 positivos, sólo
va a mover 650 píxeles hacia abajo, o más bien mover un máximo de 650 píxeles. Se puede ver que algunas de estas letras no están cerca de 650 píxeles hacia abajo. Si solo giro la cantidad mínima hasta un lugar bajarlo a negativo 100, entonces se va a enloquecer en esa misma dirección. Ahora la razón por la que esto se mueve arriba y abajo es porque tenemos un wiggles por segundo justo aquí, este poco valor establecido en 2, podría aumentar esto a 4 y luego se va a menear mucho más rápido. Podría bajarlo a 0.5 y voy a ir muy lento, o incluso podría simplemente bajarlo a 0, y no se va a animar, sólo
va a posicionar aleatoriamente todos estos personajes. Déjame volver a poner esto a 2 y luego saltar hacia arriba un valor basado en Caracteres. Ahora podemos cambiar esto a Caracteres Excluyendo Espacios, Palabras y Líneas, al igual que algunas de nuestras otras herramientas. Si lo cambio a Palabras, entonces sólo va a mover las palabras individuales, no los personajes. Lo mismo con Lines, si tuviera múltiples líneas, así que ten en cuenta eso. Quiero que esto se establezca en Personajes. La siguiente opción aquí abajo es Correlación. Esto es básicamente lo mucho que debe correlacionarse con el texto original, así que si giro esto a un valor realmente alto, puede ver que este texto es mucho más fácil de leer porque esos personajes se están quedando mucho más unidos. Si subo esto para decir 96, y solo va a parecer esta animación elástica, y tal vez quiero bajar la cantidad de píxeles por lo que solo está rebotando un poco, casi
parece una pequeña oruga o primavera o algo así . Si voy en la dirección opuesta
, baja la correlación a 0, entonces sólo va a ser puro caos. Todos los personajes son 100 por ciento independientes entre sí. Eso es en realidad lo que quiero para mi animación de texto aleatorio. Dejemos esa correlación abajo a 0. Voy a bajar los wiggles por segundo a 0 también porque no quiero que salten así. Solo quiero usar este Wiggly Selector como una forma de
difundir todos los personajes de forma individual el uno del otro. Las siguientes opciones nos permiten elegir cómo se ven
estos personajes wiggly en este marco estático. Si vuelvo la Fase Temporal hacia arriba, puedes ver que los cambia como si estuvieran moviéndose, así que básicamente me permite elegir un marco que más me guste. Fase Espacial va a hacer algo muy parecido. Cuando no es animado, realmente no está cambiando nada. Uno sólo se basa en el tiempo y el otro se basa en el posicionamiento. Entonces tenemos la opción de Bloquear Dimensiones, que no hace nada en este momento porque solo he ajustado una dimensión, pero si cambio la dimensión x así como la y, puede ver que esto está cambiando todo a su alrededor. Déjame volver a traer algo de animación a esto, para que puedas ver esto ahora solo está haciendo que todos vuelen como locos. Si vuelvo a encender Lock Dimensions, ahora se van a mover en diagonal porque eso es bloquear el movimiento x e y juntos. Está aumentando o disminuyendo ambos valores juntos simétricamente. No necesito eso, así que déjame mover eso de nuevo a 0, Lock Dimensions está desactivada. Entonces finalmente tenemos una Semilla Aleatoria. Ahora normalmente, cuando ves la palabra semilla aleatoria en cualquier parte de after effects, significa que solo puedes generar aleatoriamente algo nuevo, por lo que pensarías que el cambio en este número simplemente regeneraría aleatoriamente el posicionamiento de todas estas letras, por cualquier razón lo hace de una manera muy lineal, por lo que cambiar esto es muy similar a cambiar la Fase Espacial y muy similar a ajustar la Fase Temporal. No es aleatorio en la forma a la que estoy acostumbrada en lugar de después de efectos al menos. Si realmente quieres un movimiento verdaderamente aleatorio, vas a tener que hacerlo manualmente con algunos fotogramas clave o simplemente agregando algunas expresiones. Realmente no necesito aleatoriedad, solo
necesito asegurarme de que todos mis personajes estén completamente fuera de la pantalla. Voy a subir la Posición en ese eje
y, luego, voy a cambiar la Fase Temporal hasta que consiga algo muy cerca de que todos los personajes estén fuera de la pantalla. Esto está muy cerca, así que tal vez a partir de aquí, sólo
me meteré con algunos de los valores hasta que todos esos personajes se hayan ido. Este casi lo logró. Creo que sólo voy a tener que subir mucho esto, y ahí vamos. Ahora esos están completamente fuera de pantalla, pero nada está animando así que lo que necesito hacer ahora es combinar esto con mi Selector de rango original, porque recuerda dije que esto podría apilarse e interactuar con el selector por encima de él. Si vuelvo a encender el Selector de Rango 1 y voy al principio, están
combinando
el Selector de Rango y el Selector Wiggly para aplicar esta posición de transformación. Pero el Selector de Rango en la parte superior, que está configurado en Agregar, es el selector maestro va a controlar cuánto, no sólo se está aplicando en esa posición, sino también el selector debajo de él porque está configurado en Intersect . Si repongo esto de nuevo, se
puede ver que este selector wiggly ahora se está borrando para que estemos recibiendo este texto no afectado. Esta es exactamente la animación que quería. Ahora, a lo mejor quiero ajustar
un poco la flexibilización porque realmente no necesitamos relajarnos en absoluto, así que tal vez pondré mi facilidad alta todo el camino hacia abajo a negativo 100 y gire podría usar bajo arriba, y tal vez eso es un poco extremo, así que sólo voy a dar vuelta un poco esos atrás, pero ahí tienes. Ahora tenemos una bonita animación de texto aleatorio suave que entra en su lugar de esta manera muy aleatoria. Ahora recuerda que esto está sucediendo aleatoriamente porque Aleatorizar Orden está configurado en encendido. Si apago eso de nuevo, el texto todavía va a volver de arriba e abajo porque el selector wiggly ha desplazado aleatoriamente cada personaje hacia arriba y hacia abajo, pero está limpiando de izquierda a derecha de una manera lineal más uniforme. esa casilla Aleatorizar Orden realmente va a afectar cómo termina tu animación.
9. Selectores de expresiones: Hemos tocado casi todo lo que los animadores de texto tenían que ofrecer, pero hay un último selector que aún no hemos mirado, así que hagámoslo ahora mismo. Se llama selector de expresiones. Si no sabes qué es una expresión,
es el lenguaje de codificación dentro de After Effects. Está basado en JavaScript, pero permite hacer cosas que a veces son Ts o casi imposibles de hacer a mano, de manera muy sencilla. Utiliza código para hacer eso. Ahora si eso te asusta, honestamente
puedes saltarte esta sección. Los selectores de expresión son muy complejos, no son tan fáciles de captar. Si no entiendes las expresiones en absoluto, entonces probablemente te vaya directamente por encima de la cabeza. Estaré de frente [inaudible] contigo. Nunca los he usado personalmente yo mismo. Y parte de eso es porque son tan complejos. Nunca ha habido un punto en el que realmente pensé que ahorraría tiempo usando un selector de expresiones sobre simplemente animar algo con fuerza bruta a mano. Pero hay algunas personas realmente inteligentes por ahí en internet han descubierto algunas formas muy inteligentes de usar el selector de expresiones y aprendí de ellas. Voy a llamarles ahora mismo. Joey Cornman de School of Motion armó un excelente tutorial en YouTube. Voy a enlazar a eso ahora mismo cubriendo cómo usar animadores de texto y mucho de lo que cubro en este curso se habla en ese tutorial. Eso es genial. Definitivamente debes ir a ver eso así como Joe de Workbench, que es otro gran canal de YouTube, armó un tutorial está explicando específicamente cómo funcionan los selectores de expresión. Por lo que se puede ver eso en las notas del video ahora mismo también. Pero te voy a guiar por este selector de expresiones y explicar qué está haciendo y cómo podrías usarlo. Abramos nuestra capa de texto y entramos en animate y empecemos con la posición. No importa en este punto. Recuerda, esto nos va a dar un grupo de animadores, el selector de rango por defecto y posición. Ahora voy a agregar otra propiedad o selector más bien y asegurarme de que elijo expresión. Eso agregará este segundo selector de expresión y si giro esto hacia abajo, solo
tiene un par de opciones basadas en las cuales estas te son familiares. Ya podemos seleccionar cómo queremos que esto interactúe con el texto. Tenemos una cantidad de valor con tres ejes, todos de porcentajes. Pero notarás que esta propiedad de aquí tiene una pequeña flecha, lo que significa que podemos girar esa apertura y esto ha añadido una expresión a esta cantidad correctamente. Leamos esta expresión. Dice valor selector veces el índice de texto dividido por el total del texto. Está bien, entonces vamos a descomponer esto un poco. En primer lugar, estos tres atributos, valor selector, índice de
texto y total de texto sólo son aplicables a los animadores de texto. No funcionan en ningún otro lugar en las expresiones After Effects, solo
puedes usarlas aquí. Hablemos de lo que realmente significa cada uno. El valor del selector se refiere a una propiedad en el selector que en realidad está por encima de este selector de expresión. Es raro que lo hicieran de esta manera, pero el atributo de valor del selector está
mirando al selector por encima de los selectores de expresión. Entonces en este caso, el selector de rango. Gira que abajo, abre el Avanzado y está mirando esta propiedad cantidad. valor del selector es la cantidad bajo el avanzado en el selector de rango por encima del selector de expresión. Se puede ver por qué esto es complejo y difícil de comprender, pero sólo ten eso en cuenta. El valor del selector es este deslizador de cantidad justo aquí. A continuación se encuentra el índice de texto. Este es un valor numérico asignado a cada carácter porque tenemos nuestro selector de expresiones conjunto dos basado en caracteres. Entonces E es uno, x es dos, p es tres abajo de la línea. Porque estamos incluyendo espacios, no
estamos excluyendo espacios. Este espacio se contaría en ese índice de texto. Si lo cambiara a excluir espacios, se desharía de ese espacio o un ignorar que como está contando, se saltó del final. Si cambiamos esto por palabras, entonces ésta sería la palabra número uno y ésta sería la palabra número dos. Podemos hacer lo mismo con las líneas. Voy a dejar eso en caracteres, el valor predeterminado, y luego el total de texto es el número de caracteres totales en tu capa de texto. Se va a contar todos en función de lo que sea que tengas esta propiedad establecida también, y ese es el valor que va a devolver. Ahora que sabemos lo que significan esos tres atributos, necesitamos pensar en qué significa esta propiedad de cantidad? ¿ Qué hace el valor selector? Porque nuestra cantidad está establecida en 100%, pero no hemos cubierto lo que hace ese slider de cantidad. En primer lugar, voy a apagar el selector de expresiones para que no esté afectando nada. Simplemente moveré la posición alrededor. Levantemos el texto hacia arriba, y luego en este deslizador de cantidad, si lo bajo, se va a quitar la influencia o cuánto de esto se está aplicando. Entonces si las cantidades que bajan a cero, entonces esta transformación de posición que he aplicado no la está afectando en absoluto. Puedo agregar en alguna rotación así como convertir nuestra cantidad y copia de seguridad a 100 y rotar los personajes, y también puedo bajar la cantidad y eso va a quitar ambas propiedades. Lo interesante es que también puedo ir en dirección negativa, así que básicamente es invertir estos números. Si voy al 100 por ciento, negativo 100 por ciento. Como dije, aún no hemos usado esto porque no ha habido necesidad de hacerlo, pero está entrando en juego con selectores de expresión. Voy a deshacerme de la rotación y restablecer esta posición de nuevo a 0, asegura de que la cantidad esté establecida en 100 y habilitar mi selector de expresiones una vez más. Voy a girar eso hacia abajo y veamos lo que esta ecuación está haciendo. De lo que esta expresión está diciendo. Es que toma el valor del selector, que es del 100 por ciento, y lo multiplica por el índice de texto, que es único para cada uno de los personajes porque en eso tenemos nuestras unidades basadas. Entonces divídalo por el número total de caracteres, si agarro la posición y cambio el valor Y, pasa algo interesante. En lugar de toda la línea de texto moviendo esa distancia, cada personaje está moviendo una distancia diferente. Si apago mi selector de expresión y miras esto, R rate aquí, notarás que no se mueve en absoluto. Se está consiguiendo la misma cantidad de puesto que se le aplica independientemente y eso es por la forma en que se escribe esta expresión. Recuerda ese valor selector 100 por ciento veces el índice de texto. Entonces, en primer lugar, tenemos 1,2,3,4,5,6 todo el camino por la línea. Por lo que está tomando el 100 por ciento de esta transformación de posición y multiplicándola por el índice de caracteres. Para la E sería 100 veces uno, lo que 100 y luego dividiéndolo por el total de texto, que hay 1,2,3,4,5,6,7,8,9,10,11,12,14,16,17,18,19, caracteres
totales. Sería un índice de texto de uno dividido por 19 el total del texto, lo que 1 19 veces 100. Una cantidad muy pequeñita de esta transformación de posición que se está aplicando al primer personaje. Un poco más al segundo, un poco más al tercero,
todo el camino por la línea hasta llegar a 19 19th, o 1 y 1 veces 100 es 100 por ciento. Por eso la R está consiguiendo aplicar la misma cantidad de posición, tanto si este selector de expresiones se está tomando en cuenta o no. Ahora este efecto en particular no es nada especial, podría haber hecho exactamente lo mismo con un Selector de rango establecido en rampa. Déjame simplemente apagar el selector de expresión, cambiar la forma de cuadrada a rampa arriba. Y ahí vamos. Tenemos exactamente la misma forma de aspecto de escalera. No obstante, si deshago eso y vuelvo a encender mi selector de expresiones, cambiando esta expresión por otra cosa, pero usar estos tres atributos que son exclusivos los animadores de texto es donde las cosas pueden ponerse realmente interesantes. Digamos que quería que el primer personaje se moviera hacia abajo, y el segundo personaje se moviera hacia arriba, y luego el tercer personaje para bajar, y el cuarto personaje para subir. Los números impares se están moviendo hacia arriba y los números pares se mueven hacia abajo. Bueno, esto es algo que un selector de expresiones realmente puede hacer de manera muy efectiva. Simplemente hay que tener algunos conocimientos básicos cuando se trata de expresiones. Como dije, si no te sientes cómodo con las expresiones, y esto es probablemente todo yendo por encima de tu cabeza, y no tiene mucho sentido. Si te interesa aprender más sobre expresiones, tengo un puñado de tutoriales en YouTube donde te explico algo de esto. En un enlace a uno específicamente, en las notas del video ahora mismo, sobre escribir declaraciones si else porque eso es lo que estamos a punto de hacer. Voy a empezar a editar esta expresión haciendo click sobre ella. Recuerda estos atributos valor selector, índice de
texto, y total de texto porque vamos a estar usando algunos de ellos. Pero voy a eliminarlos y empezar a escribir una declaración if else. Vamos a empezar escribiendo si con paréntesis abierto. Aquí es donde vamos a poner nuestra condición o lo que queremos probar. Lo que quiero saber es qué personajes son parejos y cuáles son extraños y dependiendo de qué es qué, aplicar un valor diferente a ese personaje en particular. El modo realmente brillante que Joey usó en su tutorial, sobre cómo hacerlo, es dividir un número por dos, y ver si se redondea a un número entero. Si se redondea a un número entero, entonces sabes que es un número par y si no lo hace, si tiene una fracción o un valor de punto decimal, entonces va a ser un número par. El modo en que podemos hacer esto es mediante el uso de lo que se llama operador de
módulo dentro de esta expresión. Lo que queremos hacer es averiguar si el índice de texto, recuerda ese es el número asignado, el valor de carácter por carácter en mi línea de texto. Después un signo por ciento, y el número 2. Lo que significa ese signo de porcentaje
es, que va a tomar el índice de texto y dividirlo por este número, que escribí en dos, luego darme lo que sea el resto. Si recuerdas, el resto es el punto decimal después de hacer división. Si se trata de un número redondo, el resto será cero. Será un número redondeado. Si tomáramos algo así como cuatro y lo dividimos por dos, sólo serían dos no dos puntos algo. Serían dos. Eso significaría que es un número par. Si hiciéramos algo así como cinco, se dividiría por dos en 2.5. Tendría ese valor de punto decimal que no es cero lo que significa que es un número impar. Si el índice de texto dividido por dos tiene un resto de cero, sabemos que es parejo. ¿Cómo escribimos eso? Bueno, en primer lugar, necesito contener esta ecuación en su propio conjunto de paréntesis así que
voy a envolver eso en un segundo conjunto de paréntesis de esa manera que se lleva a cabo. Entonces sea cual sea el resultado que vamos a averiguar, es ese resultado igual a, y hay que poner dos signos iguales uno tras otro, para ver si algo es exactamente igual a cualquier valor que tomaría a continuación. Queremos ver es el resto exactamente igual a cero. Entonces voy a hacer otro paréntesis cerrado, y luego abrir corchete rizado. Queremos saber si el resto del índice de texto dividido por dos es igual exactamente a cero, entonces haz algo. Por eso puse un soporte rizado abierto. Bajaré una línea y presionaré Tab para sangrar. Aquí es donde ponemos el valor de lo que queremos que se aplique si esto es cierto aquí arriba. Valor selector, que recuerdan que fue el atributo especial que hace referencia al deslizador de cantidad aquí arriba, y puso un punto y coma después de eso para terminar esa línea de código. Si este es un número impar, quiero un valor selector que es 100 por ciento la cantidad de las transformaciones que pongo aquí abajo. Si se trata de un número par, aplica 212 píxeles de manera positiva a esos caracteres. Entonces bajaré, y haré un corchete rizado de cierre para decir que eso es todo el código que quiero aplicar a esos números pares. Entonces escribe la palabra otra, u otra forma de pensar en eso es de otra manera si esto no es cierto, o si es un número impar entonces haz otro corchete rizado de apertura, bajado, sangría y escribe valor selector negativo, punto y coma, eso básicamente es invertir lo que sea que sea esta cantidad por lo que sería negativo 100 en este caso. Invertir esto en ser negativos 212 píxeles, desplegable, cerrar corchete rizado, y aplicar esa expresión. Enseguida mi texto está actualizado. Todos estos caracteres están compensados. Cada otro carácter que 212 píxeles dependiendo de si se trata de un número par o impar. Si agarro ese número ahora, y lo deslizo hacia abajo, y lo muevo por ahí puedes ver cómo está afectando mi texto. Vamos a ponerlo en algo así como 50, y luego echemos un vistazo a la cantidad, y asegurémonos de que eso esté funcionando. Si vuelvo esto todo el camino hacia abajo a negativo 100, esos valores se intercambian para que el valor del selector esté siendo afectado por este valor de cantidad. Está bien. Voy a difundir un poco más a estos personajes, y quiero señalar algo muy rápido. En este valor de cantidad, tenemos tres porcentajes de 100 por ciento cada uno. Básicamente en la matriz x, y y z, y si subes esto o baja, no pasa nada. Voy a ser 100 por ciento honesto contigo, he investigado mucho esto, y no pude encontrar información sobre para qué están destinados estos tres valores. La mejor idea que podría surgir es que son valores de
marcador de posición para que usted haga referencia simplemente convenientemente, y son arbitrarios. Se trata básicamente de una matriz que se puede utilizar para asignar otras partes de expresiones. Es solo un fácil acceso a x, y, y z básicamente. Si quieres los tres, podrías usar solo uno de ellos o los tres, pero son totalmente deslizadores de expresión. No hacen nada hasta que le asignas algo a esos valores, si
acaso te preguntabas sobre eso. Está bien. Ahora lo que es realmente interesante de esto, quiero decir que no hay nada más que podamos hacer realmente con el selector de expresión que no sea cambiar el basado en, es que funciona con selector de rango por encima de él. Ya miramos la cantidad en cómo funciona eso. Pero si cambio esta forma para rampar como hemos estado, y cambio el desplazamiento hacia atrás,
pongo un marco clave al principio, paso adelante, y cambio eso a positivo 100. Seguro, ese selector de expresión, lo que se está aplicando a través de eso se limpia igual que lo normal, y puedo subir mi facilidad alta, subir mi facilidad baja y eso se va a hacer bonita cremallera suave como transición a su lugar. Ahora que tengo esta configurada, puedo agregar cualquier propiedad que quiera. Si quisiera, podría entrar aquí, cambiar el color de relleno, y ahora estos colores van a ser completamente diferentes y limpiarse. El motivo por el que la línea superior es azul, y la línea de fondo es roja es porque he puesto el color
de relleno como este rojo brillante y vibrante predeterminado. Sea lo que sea que ponga como ese color, lo va a tomar, y aplicar la expresión de invertir ese color para los números impares. Si elimino el valor de posición, notarás que los NS son del mismo color. Si quería que eso fuera colores opuestos, necesito asegurarme de que los personajes se cambie el carácter excluyendo espacios, y ahí vamos. Ahora eso va a seguir ese patrón adecuadamente. Nuevamente, recuerda que no tienes que animar estas cosas si solo querías algo que te permitiera cambiar cualquier otro color de manera muy sencilla, esta sería una gran manera de hacerlo. Si necesita un control preciso sobre cuál
es cada color para los números impares en lugar de decir valor selector negativo, escribiré en cero. Y lo que eso va a hacer es aplicar cantidad
cero de esta transformación a ese texto a esos caracteres específicos. Entonces, en otras palabras, es mirar el color real de la capa de texto. Entonces, podría cambiar esto por lo que quiera. Y de esa manera, puedo establecer con mucha precisión tipo de este color de texto de dos tonos. Pero voy a deshacer volver a tener ese valor selector negativo ahí dentro y deshacerme de ese color. Y echa un vistazo a lo que puede hacer la adición de algunas otras propiedades. Entonces, si agrego en alguna escala, puedo escalar eso hacia abajo. Puedo cambiar cuantas más opciones agrupando alineación para estar en el centro del texto. Entonces va a ser algo así. Como siempre, esto puede ser animado. Y quizá eso sea un poco lento. Eso voy a acelerar. A lo mejor aumentar mi alto y bajo. También podría combinar esto con alguna animación de posición. Y a lo mejor quería ir en dirección opuesta. Lo cambiaré para rampar abajo en su lugar, y sólo que termine algo que es un poco más fácil de leer que esto. Pero eso es un poco diferente. Ahí vamos. Ahora, eso es sólo cambiar la forma en que se ve un poco el texto. A lo mejor en lugar de escala, sólo
voy a hacer un poco de desplazamiento de posición. En realidad se vuelve realmente divertido jugar con una vez que tienes este tipo de declaración Expression if-else configurada. Está bien. Voy a deshacerme de posición y escala y voy a sumar en alguna rotación. Entonces, vamos a agregar la propiedad de rotación. Voy a cerrar por ahora mi Selector de Rango, para que no me moleste con eso. Y en la rotación, quiero tener acceso a 3D. Entonces, voy a entrar a mi propiedad y cambiar enable por personaje 3D a on. Eso me da rotación X, Y, y Z. A mí sólo me preocupa la rotación X. Por lo tanto, quiero asegurarme de que en realidad mi Selector de Rango está configurado para rampar. Y entonces, esto va a rotar a cada personaje en dirección opuesta. Entonces, no necesito la Y ni la Z. Pero lo que sí quiero es poder compensar
el punto de anclaje de estos personajes para que roten en su lugar como si estuvieran girando alrededor y bloqueando en su lugar. Entonces, voy a agregar en otra propiedad, el punto de anclaje, y luego agarrar la propiedad Z y empujarla hacia fuera. Ahora bien, esto podría no funcionar exactamente como lo necesito,
pero vamos a ver qué hace. Sí, no es exactamente. Si cambio esto realmente a 90, eso es lo que quiero que sea,
al principio, o tal vez negativo 90. Yo quiero que rote alrededor de ese punto, pero en direcciones opuestas. Y la forma en que esto se configura,
es borrando esta transformación del punto de anclaje a medida que avanza la animación. Y no quiero que ese valor cambie. Entonces, lo que necesito hacer para arreglar esto es en realidad simplemente eliminar el punto de anclaje y colapsar mi primer animador y agregar un nuevo animador que solo tenga un punto de anclaje en él. Entonces voy a cambiar el punto de anclaje Z en sólo esa propiedad, copia de seguridad. Y así como eso, está funcionando exactamente de la manera que yo quería. Entonces, está compensando el punto de anclaje de cada personaje manera idéntica o simétrica porque este animador está separado. No es usar ese Selector de expresión para compensar cada carácter pares o números impares en direcciones opuestas. Y debido a que mi animación Selector de rango viene del primer animador, eso no está afectando el punto de anclaje del segundo animador de texto. Entonces, el punto de anclaje no cambia en absoluto a lo largo de la animación. Entonces, voy a renombrar estos grupos. El primero, grupo de animación. Y el segundo, voy a llamar a punto de anclaje offset. Ahora podemos jugar con la animación. Obviamente, al inicio, no
quiero poder ver esos caracteres de texto. Entonces, quiero hacer una cosa muy similar a lo que ya
habíamos hecho con ese texto oscilante, que es agregar en realidad otro grupo de animación. Entonces, solo voy a duplicar el desplazamiento del punto de anclaje, y llamaré a este revelador de opacidad. Y voy a deshacerme del punto de anclaje y añadir una opacidad y girar eso todo el camino hacia abajo a cero. Ahora, eso hace que todo el texto desaparezca durante la duración de la animación porque no está siendo afectado por el mismo Selector de Rango. Entonces, básicamente lo que quiero hacer es vincular este Selector de Rango a este Selector de Rango. Y lo voy a hacer usando Expresiones. Ahora, creo en After Effects CC 2018 y más recientes, podría ser 2019 y más reciente, aplicaron
estos Pick Whips. Ya están disponibles, se llaman Expression Pick Whips, y te permiten vincular muy fácilmente una propiedad a otra. Entonces, todo lo que necesitas hacer es agarrar el valor inicial, agarrar este Pick Whip y desplazarte hacia arriba y agarrar el valor inicial del otro Selector de Rango. Voy a cerrar mi avance, así que esto es un poco más fácil de ver. Pero ahora tengo un número rojo que indica que esto está siendo impulsado por una Expresión
y que Expresión se vincula automáticamente a este valor de inicio. Si no tienes este Expression Pick Whip, vas a necesitar mantener presionada la opción o alt, haz clic en el cronómetro, luego agarra este pequeño Pick Whip justo aquí, y luego arrastra eso hasta la propiedad que quieras vincularlo a. Y luego dar click para aplicarlo. Pero es esencialmente lo mismo. Es sólo un pequeño atajo. Entonces, yo también voy a hacer el offset. Y ahora esas tres propiedades van a espejar lo que sean estas tres propiedades. Pero bajo mi avanzado, puedo controlar todo lo demás independientemente de las opciones avanzadas Selector de rango desde el grupo de animación. Entonces, permítanme cerrar el grupo de animación hacia arriba, cerrar el punto de anclaje hacia arriba. Y echemos un vistazo aquí. Entonces, aún no está
funcionando porque mi forma sigue ajustada a la cuadrada. Si cambio eso para rampar, entonces se va a desvanecer. Y recuerda, necesito ahora cambiar la facilidad alta a negativa 100% y la facilidad baja al 100%, que esos simplemente se pongan realmente rápido. Vamos a retocar eso. Y eso en realidad podría ser demasiado rápido. Porque si miras eso,
ese texto está apareciendo antes de que se rote el texto. Y en realidad, una forma de arreglar esto es que ese texto se está distanciando actualmente de su posición inicial. Entonces, si solo cambio la forma en que empieza el grupo de animación, entrando en lo avanzado y girando la facilidad hacia abajo o incluso a un número negativo y luego la facilidad baja hacia arriba, entonces va a girar mucho más rápido y estamos probablemente no va a ver ese texto antes de que ya se está animando. Piensa que en realidad se ve muy bien. Entonces, ahí vamos. Ese texto ahora encaja en su lugar. Siempre puedo cambiar el desplazamiento del punto de anclaje para ver cómo eso afecta a la animación. Hágalo rotando más, o tal vez no casi tanto. Muy, muy personalizable, y podría guardar
cualquiera de estos como preajuste y manipularlo aún más,
reutilizarlo una y otra vez. Entonces, esperemos, eso desmitificó un poco el Selector de Expresiones para ti. Como dije, es muy raro que alguna vez usara uno de estos selectores. Este ejemplo específico donde necesitas desplazar cada carácter en una dirección igual pero opuesta en función su valor de índice es básicamente el mejor caso de uso que he visto para él. Hay gente por ahí que hace cosas realmente locas con animadores de
texto que no tienen nada que ver con el texto. Y los Selectores de Expresión pueden abrir algunas posibilidades bastante interesantes para ese tipo de aplicaciones. Pero en su mayor parte, el Range Selector y a veces el Wiggly Selector es realmente todo lo que necesitas para que sea realmente decente animadores de texto.
10. Guardar un preajuste de animación: Hemos cubierto todas las diferentes cosas que puedes hacer dentro de un animador de texto. La realidad es que se puede hacer mucho más. Como dije, hay gente por ahí que usa capas de texto para hacer sistemas de partículas o flechas o líneas cónicas. Es bastante loco lo que la gente ha llegado con el uso de este sistema de animadores de texto. Definitivamente hacer algunas búsquedas en YouTube para aplicaciones de animadores de
texto para ver cómo otras personas las han estado usando. Pero digamos que has hecho tu animador de texto, estás contento con la forma en que funciona como este de aquí, y estás listo para guardarlo como un preset para que puedas reutilizarlo una y otra vez. Bueno, esto es realmente fácil de hacer. Todo lo que tengo que hacer es girar por mi capa, abrir la sección de texto, y luego seleccionar las secciones que he modificado. Ahora bien, no quiero sólo seleccionar todo el grupo de texto, porque eso guardará lo que dice el texto y la fuente y el color, todo eso dentro del preset y no quiero hacer eso. No quiero esa información de texto fuente. De verdad, todo lo que me preocupa es la sección de más opciones porque cambié la alineación de agrupamiento y si cambias alguna opción aquí dentro, vas a querer quedarte con eso. Voy a seleccionar ese grupo, voy a mantener presionada la tecla “Comando” y hacer clic en el “Grupo de animación”,
el “ Desfase de punto de anclaje” y el “Revelar de Opacidad”. Esos son mis tres animadores de texto. Esos cuatro grupos son los que conforman esta animación. Con ellos seleccionados, ahora voy a venir a mi panel de efectos y presets, cual puedes encontrar bajo Efectos de ventana y presets y dar clic en el pequeño menú justo aquí. Después encontrarás Guardar preajuste de animación. Ahora esto debería abrir automáticamente la carpeta de presets para la versión de After Effects que tienes abierta. Pero si no, solo asegúrate de estar bajo la versión actual de After Effects en la carpeta de presets. Ahora podrías guardar esto directamente en la carpeta de presets, pero para mantenerme un poco más organizado, me gustaría hacer una nueva carpeta para mis animadores de texto. la razón que sea, no me está dejando. Creo que voy a tener que ir a mi Finder, a After Effects, a Preestablecidos, “Clic derecho” y obtener información y asegurarme de que tengo acceso de lectura y escritura. Yo sí. Intentemos hacer la carpeta aquí mismo, “Comando Shift N” y sólo me va a pedir mi contraseña. Voy a escribir eso, y luego haré una nueva carpeta llamada Skillshare Text Animators. Eso aparece ahí mismo. Ahora, puedo seleccionarlo y llamaré a este primero uno Zip In, luego haré clic en “Guardar”. De inmediato esto debería aparecer en mi lista. Si abro mis presets de animación, ahí están mis animadores de texto Skillshare y Zip In. Si acabo de anular la selección de todas mis capas y “Haga doble clic” en
esto, va a hacer una capa de texto vacía. Pero esa capa de texto va a tener todo en ella. Ahora, mi cabeza de juego estaba justo aquí, así que ahí es donde va a poner los fotogramas clave. Déjame deshacer, y en lugar de hacer una capa de texto vacía, voy a escribir otra cosa y
voy a cambiar la fuente para que sea otra cosa también. Solo hagamos algo loco y luego vayamos al inicio de
esa capa de texto y “Haga doble clic” en eso otra vez y ahora eso viene igual. No importa qué fuente o color fuera. Es sólo aplicar los grupos de animación y las más opciones. Si quisieras hacerlo un poco más dinámico, podríamos entrar aquí y hacer un grupo de animación fuera. Sólo voy a renombrar este Animation In. Voy a entrar en el grupo Animation In y renombrar el primer selector In, duplicarlo y renombrar eso Out. Recuerda, necesito entrar en eso Cambiar los fotogramas clave de desplazamiento hacia adelante y
necesito entrar en el Avanzado y cambiar Rampa hacia arriba a Rampa hacia abajo. Ahora debería animar de nuevo hacia fuera. El único tema que tengo en este momento es la opacidad. Porque recuerde, el selector de
rango de revelación de opacidad estaba vinculado a los controles de este selector de rango. Sólo voy a necesitar hacer una segunda copia de este selector de rango. Voy a llamar a este In, duplicar eso y llamar a éste Out, entrar en el Out y cambiar estos enlaces. Yo quiero que este inicio vaya al Out, inicie este fin para ir al final Out, y este offset para ir al offset Out. Ahora eso está todo vinculado. Necesito asegurarme de que el avanzado se cambie de Rampa Arriba a Rampa Down. Ahora eso debería desvanecerse igual que se estaba desvaneciendo. Ahí vamos. Ahora tenemos una animación de trabajo de ella entrando y saliendo y puedo extender esto un poco, tal vez empujarlo a tres segundos. De esa manera siempre tengo una buena cantidad de tiempo donde está encendido
el texto y luego se anima otra vez. Ahora que he hecho eso, solo puedo actualizar mi preset seleccionando todo, así que entra en mi texto, agarra más opciones, anima en punto de anclaje, offset en opacidad revelar, y luego guardar sobre ese preset, Así que guarde preajuste de animación, haga clic en “Zip In”, “Guardar” y “Reemplazar”. Entonces una vez más, puedo escribir más texto, podría cambiar la fuente a lo que quiera y luego aplicar esa misma animación Zip In. Incluso puedo teclear Zip In y ahí aparece, “Haga doble clic”, reproducirlo, entra y se apaga. Es así como puedes hacer tus propios presets a partir de tus propios animadores de texto y reutilizarlos como quieras.
11. Inspiración y ejemplo final: Nos hemos tocado más o menos todo lo que constituye un animador de texto. Entonces en esta última lección, sólo
quiero tocar algunas cosas de las que realmente no hemos hablado todavía. En primer lugar, con los presets de texto que vienen con secuelas, bueno no son tan bonitos. En ocasiones puede ser beneficioso sólo para ver cómo se hicieron. Entonces si te acercas a tus efectos y presets y a la categoría de presets de animación, hay una carpeta llamada texto. Estos son todos los animadores de texto que se envían con After Effects. Déjame escribir algo de texto y aplicar algo. Entrémonos en algo así como mecánico y luego miremos helicóptero, eso suena divertido. Ahora, mi play-head estaba justo aquí en 118 así que ahí es donde se colocarán cualquier keyframes que esté presintonizado contenga. Entonces si presiono U para que aparezcan los fotogramas clave, ahí están así no va a empezar a animar hasta aquí. Veamos qué helicóptero es, esto es de lo que estoy hablando. Es feo, nunca, jamás querría usar este animador. Es simplemente horrible, pero puedo correr rápidamente por algunos de estos para ver si hay algo útil en esto en absoluto. Honestamente, ni siquiera sé por qué algunos de estos incluso existe. Entonces, ¿por qué no intentamos una categoría diferente, como tal vez animar y ver qué tenemos así que voy a ampliar esto para que podamos leer un poco mejor estos textos preestablecidos. Gráfico ocular espresso, ni siquiera sé qué significa eso. Interesante, intentemos aleatoriamente barajar. No tan interesante tal vez total en cada palabra. Podrías hacer esto todo el día y honestamente te sugiero que hagas esto. Incluso puedes buscar en Google la galería de presets de animadores de texto after effects, y puedes encontrar GIF animado de básicamente toda
la biblioteca de presets de textos que se envían con After Effects. Para que veas lo que hacen. Poca por ahí, encuentra algo que se vea interesante y ve si puedes averiguar cómo podrías usar lo que hicieron para hacer algo que realmente se vea mejor. Otra cosa que quería tocar fue, ¿qué pasaría si quisieras hacer un animador de texto que empiece en medio del texto y trabajara su salida en ambas direcciones en
lugar de simplemente comenzar por la izquierda y moverse hacia la derecha. Entonces eso es lo que vamos a hacer ahora mismo. Voy a llenar una línea de texto así que tengo un poco más para trabajar y Centro que mi composición. Entonces quiero empezar a animar. Voy a hacer esto usando escala y la forma en que voy a seguir haciendo esto es usando dos selectores de rango, uno para la mitad derecha del texto y otro para la mitad izquierda del texto que ambos van a estar aplicando o quitando la propiedad Scale que agregué, pero cada uno va a ocupar la mitad del texto. Entonces, empecemos por convertir nuestro escalado a 0. Después entra en nuestro primer selector de rango, en lo avanzado y cambia la forma para rampar. Ahora tenemos esta forma que en realidad quiero que se vea. Pero ahora necesito asegurarme de que mi rango esté seleccionando la cantidad correcta de texto. Yo quiero que esta sea la mitad correcta del texto. Por lo que quiero que el valor de inicio comience en 50 por ciento. Por lo que sólo está afectando los textos desde el centro hacia la derecha. Voy a renombrar este selector de rango justo a la derecha, así que no pierdo la pista y luego quiero retroceder el desplazamiento hacia
arriba porque no quiero que el texto empiece así quiero que empiece en 0. Por lo que necesito traer este offset de vuelta 50 por ciento. Entonces es negativo 50 y ahora que la mitad del texto ya no es visible. No te preocupes aún por la izquierda. El medio correcto es todo lo que me preocupa, así que pondré ahí un fotograma clave, avanzaré un segundo y luego compensaré y eso a la derecha al 100 por ciento. Por lo que se limpia completamente. Ahora vamos a sumar algo de flexibilización. Volveré la facilidad y baja bastante alta y la facilidad en lo alto un poco. Ahí vamos. No tan mal. Ahora que tengo esa configuración, voy a duplicar este grupo. Entonces lo colapsaré, lo
duplicaré y lo renombraré a la izquierda para la selección de lluvia izquierda. Necesito cambiar mi selección de lluvia porque ahora mismo
sigue empezando en 50 por ciento y terminando en 100 en su lugar, quería empezar en 0 y terminar en 50. Ahora solo es seleccionar el texto
del lado izquierdo y no podemos ver nada en este momento así que voy a reproducirlo y mostrarte que esto se ve como una rampa
de texto normal al ser desplazada por todo el texto no es nada especial. Lo que necesito hacer es entrar en el avanzado y cambiar rampa hasta rampa abajo. Ahora esto está creando una ola, no
es exactamente lo que quiero, pero eso es solo por los fotogramas clave de desplazamiento. Básicamente necesito invertir estos números para que empiece en la mitad derecha del texto y se mueva hacia la izquierda. En lugar de negativo 50 para el primer fotograma clave, voy a cambiarlo a positivo 50. Eso pone la selección del 50 por ciento en la mitad derecha del texto, pesar de que no lo podemos ver. Entonces necesita terminar en negativo 100; así que se mueve hacia la izquierda en lugar de hacia la derecha. Esto debería estar funcionando ahora si lo repongo, seguro, ahí tienes, tenemos el texto empezando por el centro y creciendo hacia afuera. Ahora que esto está configurado, puedo ajustar estas propiedades como quiera. Entonces tal vez no quiero escala, volveré eso a 100, subiré en una posición y empujaré la Y hacia arriba. Ahora eso va a volar desde el centro hasta la cima, hermosa. Ahora bien, ¿y si quieres ajustar la flexibilización? Ahora tienes dos selecciones de rango diferentes con las que meterte. Bueno, sólo vamos a empatar estas propiedades junto con expresiones como las que tenemos antes. De esa manera, esta facilidad alta y baja está siendo impulsada por esta facilidad alta y baja. Entonces vamos a agarrar la facilidad alta y recoger látigo que usando esa expresión recoger látigo. Recuerda si no tienes eso solo mantén presionada Opción o Alt, Da clic en el cronómetro y luego agarra este aquí mismo. Entonces voy a ir a relajar bajo. También sería realmente bueno si pudiera conducir este offset por este offset, el problema es que estos números se invierten a partir de ese. Puedo escribir fácilmente una pequeña expresión que en realidad hará esto por mí, 50 es solo negativo 50 veces negativo 1, es lo inverso. Entonces lo que voy a hacer es agarrar esta expresión, recoger látigo, agarrar ese desplazamiento, y luego girar esto hacia abajo para poder ver la expresión real. Esto se acaba de llenar el código automáticamente para mí; eso es hacer referencia a ese valor de desplazamiento. Al final de esta línea de texto, solo
voy a escribir tiempos negativos 1. Haga clic fuera de eso. Ahora esos marcos clave van a volver a lo que eran. En realidad puedo eliminar estos fotogramas clave, pero esto siempre será lo contrario de lo que sea que esté aquí arriba. Vamos a retocar esto y asegurarnos de que siga funcionando. Seguro que lo es, y ahora puedo hacer algo como difundir este fotograma clave hacia fuera y en realidad actualizará ambas selecciones de rango. Puedo cambiar la facilidad alta y baja de esta selección de rango único aquí, y también afectará estos aquí abajo. Por lo que es un pequeño rig muy dinámico con muy poco conocimiento de expresión necesario. Es así como puedes crear un animador de texto que empieza por el medio y se desplaza simétricamente. Esperemos que eso consiguiera un poco los engranajes girando en tu cabeza y empieces a ver estas posibilidades abriéndose con animadores de texto. Así que entra ahí y empieza a jugar, viendo cómo las diferentes propiedades afectan a la animación y ve qué se puede llegar realmente.
12. ¡Gracias!: Eso es todo. Ya completaste esta clase y ya estás listo para empezar a hacer tus propios animadores de texto, convertirlos en presets e incluso usarlos una y otra vez en futuros proyectos. Asegúrate de compartir lo que haces en esta clase con tus compañeros alumnos. Sube cualquier cosa que hayas hecho a la página del proyecto de la clase, puedes exportar un GIF o subirlo a YouTube, algo así como Vimeo, para que podamos ver lo que has hecho e inspirarte juntos. Si tienes algún problema en absoluto, siéntete libre de publicar discusión y te llegaré en cuanto pueda. Estoy aquí para ayudar y estaremos contentos de ayudarte a trabajar a través de cualquier problema. Me encantaría saber qué pensaste de esta clase, así que por favor déjame una reseña. Si no lo estás ya, sígueme aquí en Skillshare para que sepas cuando publique nuevas clases. También puedes seguirme a cualquier lugar en línea en Jake y motion y mantenerte al día conmigo, ver los detrás de las escenas de estas clases como las estoy haciendo, y cualquier otra cosa que estoy haciendo en Internet. Muchas gracias de nuevo por tomar esta clase. Realmente significa mucho que te tomes el tiempo fuera de tu apretado horario para aprender realmente de mí. Espero que estés sacando mucho de ello. Me encanta hacer estas clases. Entonces sólo gracias por mirar y nos vemos en el siguiente.
Jake Bartlett, Motion Designer
