Una introducción a las expresiones de After Effects para principiantes

1. Introducción: Aquí está el trato. He aprendido una tonelada sobre después de gracias y animación de algunos grandes diseñadores, animadores e ilustradores, aquí mismo en Skillshare o en YouTube o donde haya encontrado los recursos disponibles. Y dentro de estos tutoriales y recursos por supuesto, han encontrado con expresiones After Effects. Y sé lo poderosos que pueden ser más a menudo que no, he encontrado que estos grandes animadores y diseñadores que han aprendido una tonelada de expresiones de tweet como caños mágicos. Y por supuesto, hay razones para ello, ya que la expresión está tan fuertemente basada en la programación, no todos los animadores también son programadores. Por lo que este desapego de profesión es una de las razones. Por lo tanto, en su mayor parte, todo lo que consigo aprender de estos tutoriales es que, oye, aquí está la expresión, cópiala, péguela aquí. Y esto es lo que hace, cómo lo hace, realmente no importa. Y honestamente, en su mayor parte, no lo hace. Eres capaz de crear hermosa animación copiando y pegando alguna expresión de tu colección. Y eso es todo. Pero esta mentalidad y flujo de trabajo perpetúa haciendo que cada nueva generación de animadores trate expresiones igual que hechizos mágicos y nada más. Pero claro, ambos sabemos que las expresiones no son hechizos mágicos. Son bellos. Ellos son uno de los foros de código más bellos para mí. Y a menudo hay un debate sobre qué lenguaje de programación o alguien que haces programación. Hughes y yo somos un creyente fuerte. Las expresiones After Effects son la mejor manera de introducir algo tu programación, principalmente porque es visual. No tienes que crear y llevar alrededor un modelo mental en tu cabeza, puedes ver que las cosas cambian y moverse en la pantalla a medida que tecleas. Y ese elemento visual hace que sea mucho más fácil absorber los conceptos de programación. Pero me digrego, esta clase se trata de echar un ojo detrás de las cortinas y entender cómo funcionan realmente las expresiones para que no sólo se pueda tener una biblioteca de expresiones, sino también entender cómo funcionan cada una de ellas. Y cuando entiendes que puedes hacer tus propias expresiones y también tuitear las que encuentres en línea para cumplir con el trabajo de expresión, cómo realmente lo querrías. Además de los beneficios de saber cómo funcionan las expresiones, la pura alegría de entender algo que no ha sido Elián para ti es verdaderamente satisfactoria. Y ese es mi, uno de los principales objetivos de esta clase para eliminar el misticismo que rodea las expresiones After Effects, las expresiones se basan en el lenguaje de programación JavaScript. Si tienes alguna experiencia previa con programación después de salir limpio y decir que vas a encontrar un gran trozo de esta clase, súper aburrido porque voy a enseñar todo desde cero, todo desde cero, todo desde los fundamentos, y todo desde lo mismo, muy básico. Entonces basta de mí hablando, lleguemos a enseñar. 2. Antes de comenzar: Está bien. Si esta es tu primera vez que escuchas sobre las expresiones de After Effects, dame tus dos minutos o un minuto, pero definitivamente menos de dos para darte la idea muy básica de lo que las expresiones de After Effects son de la forma más básica o dominante de animar algo en After Effects. Al igual que por las propiedades de keyframe, quieres que algo de posición cambie. Se entra en la propiedad de posición bajo transformación, se agrega un fotograma clave. Te adelantas al tiempo y ya sabes, cambia la posición de lo que estuvieras animando y bam, ahí está la animación. ¿ Cuándo animo y otra propiedad entrar a la propiedad, Digamos rotación, agregar un fotograma clave, mover evento en el tiempo, disminuir el valor o aumentar el valor. Ese es otro fotograma clave. Y ahí tienes. Ahí hay otra animación, los secuelas dioses después. Esto podría haber sido. Sí, ahí tienes. Eso es más o menos. Usa propiedades y fotogramas clave y haz cosas geniales. Sí. Pero no, nos dieron expresiones y deberíamos estar muy, muy agradecidos por ello. Las expresiones permiten aparejar y animar todas las propiedades de fotograma clave o masilla. Ahora las expresiones que montas es esencialmente escribir código. Y en esta clase vamos a darle sentido antes de proceder con el resto de la clase. Las únicas dos cosas que debes saber es este número 1. Para agregar una expresión a una propiedad que Opción más haga clic en Mac o Alt más haga clic en Windows en este icono de cronómetro que se presenta al lado de un nombre de propiedades. Entonces ahí lo tienes. Es así como se empieza a escribir y a expresar. El segundo que debes saber es que cualquier capa de texto en el lienzo tiene una propiedad de texto y texto fuente que almacena los datos que la capa de texto está sosteniendo. Por ejemplo, esta capa de texto contiene la capa de texto de datos, y ese texto se almacena dentro de la propiedad de texto de origen. Si cambio el valor a algo como mi nombre, Los datos ahora es mi nombre, y estos son los datos que la capa de texto fuente está sosteniendo. De acuerdo, con eso, todos estamos a punto de bucear justo en. 3. Variables: De acuerdo, Así que acabo de encender After Effects y empecemos con la primera lección de esta clase. Ahora más bien estás súper familiarizado con esta interfaz o esto es todo territorio desconocido para ti. No importa cuando enciendes After Effects y cierras este diálogo que aparece, verás dos plazas en el centro, nueva composición y tu composición a partir de metraje. Lo que quieres hacer es dar click en nueva composición. Puedes dar cualquier nombre que quieras en el campo nombre de la composición aquí, generalmente está lleno de calma seguido un número para nosotros como uno tranquilo y eso está bien con los de ahora mismo. Puedes cambiar el ancho y la altura de la composición aquí que quieras. Si tienes problemas para ajustar el ancho y la altura, asegúrate de que la relación de aspecto de bloqueo esté desmarcada. Voy a darle 2000. Para el año 2000. Hará que la velocidad de fotogramas sea de 24 fotogramas por segundo y la duración cinco segundos, ¿de acuerdo? Y también le daré un color de fondo de negro. Muy bien, así que todas estas configuraciones, realmente importa cuando estás haciendo algo para, digamos Instagram o un video de Vimeo o YouTube diferente. Pero por ahora, soy esta lección y esta composición, solo se usará para contarte o TDD algunas cosas. Por lo que todos estos ajustes realmente no importan. Y además, si hago clic en Aceptar, esos ajustes no están fijados en piedra. Siempre puedo presionar Command K en Mac o Control más K y Windows para volver a abrir la configuración. Y puedo cambiar las cosas según sea necesario. De acuerdo, ahora tenemos una composición, ahora el centro, y esta es la interfaz, esta es la interfaz After Effects. El tuyo será más o menos similar a esto. Pero de todos modos, estaré explicando cada panel o cada cosa con la que interactuamos. Entonces nuestro descanso tranquilo y empecemos. Otra cosa que quería mencionar es que me ha confundido un poco un par de veces. ¿ Este botón está justo por aquí? Si no estás viendo este color negro, si estás diciendo algo como esto, quieres darle click sobre él para alterar la transparencia, vale, para este, asegúrate de que el negro sea visible. Ahora lo primero que quiero hacer es agregar algo de texto en el lienzo para que pueda seleccionar la herramienta de tipo desde aquí haciendo clic aquí, o usar el atajo Comando T para que aparezca la herramienta de tipo, luego haga clic en cualquier lugar y comience a escribir. Yo sólo voy a escribir algo de texto, vale, y puedo salir del modo de edición. Daré click en la herramienta Selección, y ahí estás. Ahora puedo seleccionar el texto y moverlo. Lo siguiente que quería hacer es venir aquí en la línea de tiempo y seleccionar esta capa que dice algún texto. Y voy a presionar Enter y renombrar esta capa para depurar capa, ya que no vamos a usar esta capa para animación, sino que solo la usaré para mostrar cómo funcionan nuestras expresiones. Y además del nombre de la capa, verás el chevron apuntando hacia la derecha o esta flecha derecha. Y puedes volver a hacer clic en él para desplegar muchas propiedades animables diferentes. Está bien, pero lo único que nos preocupa en esta lección, en esta propiedad llamada texto fuente, que está anidado dentro del texto. Ahora, aquí está la parte genial. Si creo que ya lo sabes. Si sabes mal, incluso un poco sobre expresiones aftereffect que en Mac puedes mantener Option y hacer clic en este icono de cronómetro o mantener presionado Alt en Windows y hacer clic y abrir las crestas del editor de expresiones justo por aquí. ¿De acuerdo? Y lo primero que quiero hacer aquí antes de empezar a escribir cualquier expresión es ir a After Effects y luego preferencias. Y de preferencias, selecciona scripting y expresiones, ¿de acuerdo? Y esto es más una preferencia personal, pero solo quería ponerlo ahí fuera porque por defecto el tamaño de fuente es 12 y hay un tema diferente seleccionado. Por lo que puedes aumentar el tamaño de fuente a 14 y luego elegir secuelas, alto contraste para el tema. Y esto sólo hace que las expresiones sean mucho más legibles de lo que estabas escribiendo. Muy bien, vengamos por aquí. No necesitamos lo que demonios haya. Yo sólo voy a seguir adelante y borrar todo, ¿de acuerdo? Y lo que voy a hacer es presionar esta clave para agregar comillas y luego escribir hola mundo coma y luego cerrar esto con otra comilla. Ahora si hago clic afuera, se puede ver que este texto se muestra justo por aquí. Acabas de escribir tu primera expresión, o espero que lo hicieras. Si estás siguiendo ahora, algunas cosas importantes. Número uno, notará que las comillas que escribimos aquí no son visibles en el texto aquí. Entonces, ¿qué demonios? Quitemos las comillas, ¿verdad? Porque no hay realmente sirviendo a ningún propósito. Entonces me desharé de él pero me topé con algún error. De acuerdo, vamos a ver qué tan mal acabamos de quitar el mundo de las coma y solo, vamos a escribir hola. ¿ Qué tal eso? Aún así, hay un error que dice que hola no está definido. Bueno, esto siempre nos lleva a nuestro primer concepto de esta lección, que son variables. Ahora, en términos generales, está bien, programación es sobre datos y la manipulación de esos datos. Y cómo manipulas o juegas con eso. Eso lo haces usando comandos que la computadora entiende. Y para leer comandos que busca la computadora es algo llamado palabras clave, vale. Cuáles son las palabras o oraciones o combinación única de corchetes, números, etcétera, que la computadora puede tener sentido y entender. Entonces cuando escribes solo hola o solo coma hola mundo a la computadora, no entiende qué tipo de comando es, y simplemente gira se pone de pie y nos da un error. Entonces tenemos que decirle a la computadora que, oye, oye, escucha, no te estamos dando un comando con Hola mundo, vale, solo te estamos dando algunos datos, ¿verdad? Entonces nota una diferencia entre datos y mando, ¿verdad? Tenemos que decirle a la computadora que te estamos dando datos usando helloworld y solo decirle a la computadora que son los datos. Tenemos que envolverlo entre comillas. Sí, eso es lo que hicimos con acaba de escribir Hola con una computadora. No entendía. Entonces voy a seguir adelante y envolverlo nuevo en comillas y servirlo como un dato. Entonces el compilador de computadora de expresión aftereffects, lo que sea que tome estos datos y lo asigne a la propiedad de texto fuente. Y eso es lo que se ve en el Lienzo. Y obviamente palabras y frases como ésta es solo un tipo de datos. De acuerdo, entonces es importante entender eso como justo, solo un tipo de datos. Ese tipo de datos que compone palabras y oraciones se llama tipo de datos de cadena. Hay otros tipos de datos, por supuesto, por ejemplo, uno dice que el tipo de datos que vamos a aprender más adelante se llama el tipo de datos numérica. Las expresiones After Effects se basan en un lenguaje de programación llamado JavaScript. Entonces si vas a Mozilla Developer Network, que es una gran documentación, un recurso para JavaScript. Se puede ver la definición de cadena, que es cadenas son útiles para contener datos que se pueden representar en forma de texto. Y eso es todo lo que necesitas saber por ahora. Ahora sucede que en un programa que se necesitan los mismos datos en múltiples lugares de un programa, ¿de acuerdo? Y no queremos escribir los mismos datos una y otra vez. Entonces necesitamos una forma de almacenar los datos en algo y decirle a la computadora que, oye, si necesitas estos datos, puedes encontrarlos aquí. ¿ De acuerdo? Y este almacenamiento de datos se hace utilizando el concepto de variables. Ahora la utilidad de las variables no sería todo aparente ahora mismo con lo que estamos haciendo, verás lo útiles que pueden ser las variables y cómo hace que las expresiones sean más legibles y fáciles de escribir y entender. Ahora, la forma en que haces una variable en la expresión de secuelas es así. Tu veredicto plomo, que es una palabra clave, que es de nuevo un comando, algo que la computadora entiende. Escribes plomo seguido del nombre de la variable, ¿de acuerdo? Y ponemos el nombre por aquí. Después escribimos igual y ponemos los datos que queremos que se asignen a la variable. Entonces aquí sólo escribiré Hola Mundo. Entonces de nuevo, deje que nombre de la variable sea igual y los datos que desea que mantenga la variable. Pero aguanta. Hay algunas reglas que hay que seguir cuando se está nombrando la variable, que son el número 1, que un nombre de variable no puede comenzar con un número. Está bien, ese es el número uno. Número dos, el nombre de la variable no debe contener espacios. De acuerdo, entonces, ¿cómo escribes nombres de variables que, ya sabes que tiene múltiples palabras en él? Digamos, por ejemplo, que quiero nombrar a estos textos variables para mostrar que no puedo usarlo. No puedo usar este nombre de variable porque esto tropezará con un error porque tenemos espacios. Por lo que hay diferentes técnicas. El primer método es que puedes poner subrayados en lugar del espacio S. Y esto creará una nueva variable sin ningún error. Algo que me gusta hacer es usar casing de camello en que se capitaliza la primera letra de cada palabra, sonaba así, y esto también crea una variable. La otra regla es que los nombres de las variables no deben contener caracteres especiales como estrellas, ampersand, signos de dólar, etcétera. A pesar de que puede contener un guión bajo como te acabo de mostrar, ¿verdad? Y además, no se puede iniciar un nombre de variable con un carácter especial. Acaba de empezar con un carácter que es del alfabeto, vale, número a los nombres de las variables no debe ser una palabra clave o comando que el equipo está buscando. Está bien, Así que por ejemplo, como mostré antes que el plomo es una palabra clave. Si nombré esta variable, vamos de nuevo a nos encontraremos con un error porque esta vez usamos palabra clave reservada, ok, Así que tienes que crear tu propio nombre de variable y asegurarte de que sea descriptivo. Por lo que los textos a mostrar es un nombre de variable descriptiva porque se trata de un texto o cadena que queremos mostrar en el Canvas y lo hemos puesto en una variable y después dejando esta expresión tal como está, pero no hará nada y se mostrará en la pantalla porque todo lo que hicimos fue declarado variable. Ahora recuerda que la propiedad que estás escribiendo una expresión para ello. Por ejemplo, estoy escribiendo una expresión para texto fuente en este momento. El inmueble por el que está escribiendo una expresión para ello puede aceptar varios tipos de datos diferentes. Y string es cuáles son los tipos de datos que exceptuan los textos de origen. Entonces en la ventana de expresión, si puedo llamar a ventana de expresión o panel de expresión justo por aquí, puedes hacer todo el cálculo que quieras o cualquier cosa que quieras por aquí, lo que quieras. Pero hay que asegurarse de que al final, deje el panel de expresiones con algo que se pueda asignar a la propiedad de texto fuente, porque en este momento se ve que sólo somos una variable más limpia. Entonces lo que haremos es volver a escribir el nombre de la variable para que el compilador lea, ok, Aquí hay algún tipo de datos que puedo asignar al texto fuente. Y volverá a mostrarlo aquí mismo en el Lienzo. Y puedo cambiar los datos que el texto es mostrar agujeros. Por ejemplo, simplemente puedo escribir mi nombre y de nuevo, se actualizará en el Canvas. Muy bien, y esta fue su muy gentil introducción a las expresiones, la programación y las variables. Y espero que entiendas el concepto. No hay tarea para esta lección. Continuaremos en el siguiente video donde aprenderemos sobre cómo manipular una posición de un objeto usando la expresión. Y te veré entonces. 4. Posición y arreglos: De acuerdo, Así que bienvenidos a la segunda lección. Y en esta clase, acabamos de rayar un poco de la superficie sobre expresiones. En el video anterior, escribimos algo muy, muy trivial, no realmente útil en todo el esquema de las cosas, pero una bonita introducción, una gentil, creo que es una muy, fue una introducción muy gentil. Y poco a poco, estoy tratando de empujarte a expresiones cada vez más complejas. ¿ De acuerdo? Entonces ahora en este punto, ya sabes crear una variable, ¿de acuerdo? Ya sabes hacer eso, ¿verdad? Dejar seguido por el nombre de la variable, escribes el signo igual y luego pones algunos datos por aquí que se asignan a esta variable. Ahora hay ciertas reglas de las que también te hablé, sobre nombres de variables. Esas reglas no son algo que tendrás que recordar. O sea, te acostumbrarías a ello mientras vas adelante y tratas de escribir más expresiones, ¿de acuerdo? Y ahora también sabes que una cadena es un tipo de datos que puede contener texto. Y le dices a la computadora que estás usando un tipo de datos de cadena envolviendo los datos en comillas. Ahora, como string es un tipo de datos que puede contener textos. Hay otro tipo de datos que necesitamos discutir, y es bastante importante y este tipo de datos se llama número. Entonces vamos a volver a nuestras secuelas, e intentemos hacer algunas cosas. Entonces tengo la, más o menos la misma configuración que el video anterior. Tenemos una capa de texto y he llamado a una capa de depuración. Y como mencioné en el video anterior, puedes ir dentro de estos potros, ir a la opción de texto fuente de texto, clic en Mac o Alt, clic en Windows, y luego puedes escribir algunas cosas aquí. Entonces sigamos adelante y escribamos un número aquí. Digamos como 23. Y 23 es visible aquí sin ningún error porque 23 es un tipo de datos numérica y la computadora entiende que sin que necesitemos decírselo con comillas. ¿ De acuerdo? Y más que eso, también puedo hacer algunas operaciones aritméticas simples. Eres como 23 más 13, y aquí se mostrarán 36. Y de nuevo, solo para que recuerdes cualquier cosa que esté aquí, la propiedad espera algún tipo de datos que te vas a asignar a sí misma. Y luego se muestra aquí en Lienzo. Y de nuevo, puedes hacer todo tipo de operaciones aritméticas de símbolos matemáticos diferentes como multiplicar esto por dos y duplicar el número y cosas así. Y entonces el número de manipulaciones son en realidad bastante importantes y secuelas porque todas estas propiedades bajo transforman como posición, escala, rotación, opacidad, todos los números. La primera aplicación del tipo de datos numéricos que vamos a utilizar es en manipular la posición de algo en Canvas. Ahora cualquier cosa que esté en el lienzo o en esta zona negra o en la composición. Tendrá, si lo despliegas, tendrá transformación, y entonces tendrá posición. Y la posición se compone de dos números, x. El primero es x y el segundo es y. X básicamente significa la distancia desde el borde izquierdo del lienzo, Vale, desde aquí, esta es la distancia x e y es la distancia desde la parte superior del lienzo, k Esta es la distancia ciega y esta es la distancia x. Y una cosa importante señalar aquí que cada una de estas distancias de x e y se mide hasta el punto de anclaje de ese objeto. ¿ Qué es un punto de anclaje? Bueno, ya sabes, espero, ya sabes, te daré una breve explicación sin embargo. Estoy bastante seguro de que sabes lo que es un punto de anclaje. Entonces este es el punto de anclaje, ¿de acuerdo? Esto es justo por aquí, este pequeño pelo cruzado que ves. Y puedes cambiar la posición del punto de anclaje haciendo clic aquí en esta herramienta, que es el panorama detrás de la herramienta, y luego arrastrarla alrededor. Puedes sostener Command para chasquearlo y las esquinas. Entonces lo que hace el punto de anclaje es cualquier transformación que se aplique como por ejemplo, posición, como dije, se mide, se mide desde la clasificación por aquí hasta el punto de anclaje desde cada uno de estos bordes del lienzo. ¿ De acuerdo? Entonces si aumento el valor X, ¿verdad? Se puede ver que se mueve a la derecha. Y si aumento el valor y, realidad se mueve, se mueve, eso se mueve hacia abajo. Entonces este punto de anclaje es básicamente lo que se mueve y está moviendo todo el objeto y en posición No es muy evidente. Pero veamos si lo giro, verás que girará alrededor del punto de anclaje. Y si muevo el punto de anclaje hacia aquí, se puede ver que va a girar por aquí. Entonces eso es lo que algo que quería dejar muy claro es que la posición de algo según se calcula hasta el punto de anclaje de ese mismo objeto. Entonces todo en toda posición de cualquier objeto en el lienzo, también tendrá un punto de anclaje se puede representar usando dos números, ¿verdad? Cualquiera, cualquier cosa en el lienzo, la posición si se puede representar usando dos números, x e y, a menudo se escriben así y esto es lo que hay aquí y las propiedades de posición x e y. y si queremos manipular cada uno de estos números individualmente, lo que puede hacer es hacer clic derecho y luego hacer clic en dimensiones separadas. A menudo es útil cuando estás escribiendo expresiones. Sólo efecto papá. Por qué o sólo la exposición. Pero ahora mismo, no necesitamos eso. Esto lo necesitaremos más adelante. Entonces entraremos en eso. Solo quería que supieras que también puedes dividir cada uno de estos y animarlos individualmente o escribir expresiones para ellos individualmente. Por lo que presionaré Comando Z y volveré a la no dividida, no separada en versión de la posición. Ahora antes de meternos en manipular la posición de algo en la pantalla usando expresiones, quiero hablar de un concepto importante llamado arrays. Ahora, como dije antes, en la programación, hay datos y luego hay manipulación de esos datos. De acuerdo, sólo un recordatorio rápido, ten eso en cuenta. Un array es algo que se llama en la programación de la estructura de datos. Definitivamente hay más estructuras de datos en la programación, pero array es la primera estructura de datos que aprenden los programadores y es la más simple. Pero, ¿qué es una estructura de datos? Ahora, te voy a dar una definición muy librosa, sin estructura de datos. Y tengo que hacer eso antes de poder entrar en los detalles prácticos y todo cae junto y te tiene sentido. Entonces aquí, la atención de la gente. Por lo que una estructura de datos es una forma de organizar los datos y esto es importante en una estructura de datos es una forma de organizar los datos, dice que hace que sea más fácil para un programador. Tan más fácil es otra vez, una palabra clave, algo importante a tener en cuenta, más fácil para un programador acceder y manipular datos. Y sabemos que programar Broglie se trata de datos y manipulación de esos datos. Y la estructura de datos es algo que facilita el acceso y la manipulación de datos o sensorial. Estamos hablando de matrices. Podemos simplemente eliminar la estructura de datos para él por aquí y sólo escribir array, de acuerdo, por ahora. Entonces array es una forma de organizar los datos, está bien, todavía encaja y hace que sea más fácil acceder y manipular los datos. De acuerdo, Ese es el libro es definición. Pero ahora entrémonos en la programación y escritura de algunas expresiones y aprendamos más al respecto. Y tendrá mucho más sentido que leer algo de una pantalla negra. Ahora vuelvo a After Effects y estoy en el panel de expresiones de textos de origen de las capas de depuración. Y aquí te voy a mostrar cómo crear una nueva matriz. El modo en que se crea una nueva matriz es muy similar a cómo se hace con una variable, o, lo siento, cómo se crea una variable. Entonces empiezas con nuestra escritura let, y luego elijo un nombre para esta matriz, y voy a llamarlo test array y luego iguala signo. Ahora en lugar de poner algunos datos aquí, en lugar de escribir, digamos hola, que es un dato de cadena, o 23, que es un dato de número. Voy a seguir adelante y escribir abriendo y cerrando corchetes, ¿de acuerdo? Y ahora dentro de estos corchetes puedo llenarlo con tantos datos diferentes que quiera. El único, la única condición es que cada uno de esos datos se separe por comas. Entonces esto es lo que quiero decir. Puedo seguir adelante y poner, digamos algunos números, 32, 1809, 96, puedo escribir, vale, hola, pondré algunos textos ahí también. Y viendo que cómo cada uno de estos datos está separado por una coma, bien, bien, justo aquí. Y a partir de ahora, nada es visible de nuevo en el Lienzo, porque no le he dado algo para asignar a la fuente pobreza sexual. Así que vamos a seguir adelante y escribir matriz de prueba. Y voy a seguir adelante y dar clic afuera. Y aquí mismo se puede ver que imprime la matriz tal como está. Ahora, aquí está la parte genial. ¿ Y si solo quisiera acceder a One data de toda esta matriz? Puedo hacer eso usando el concepto de índices de matriz. Y esto es lo que es. Entonces aquí está la matriz que declaramos. Escribimos dejar que eso se montara el nombre de la matriz. Y luego ponemos un montón de datos dentro de estos dos corchetes. Ahora cada dato, cada uno de estos datos que está dentro de la matriz tiene un índice asociado con él. El primer dato dentro de la matriz tiene el índice de 0, el segundo el índice de uno, el tercero el índice de dos, y así sucesivamente y así sucesivamente. Entonces si quería acceder solo a uno de este índice de datos y hábitos de IA, puedo hacerlo haciendo esto. Escribiré el nombre de la matriz. Entonces escribiré un corchete abierto. Escribiré el índice de esos datos y luego lo cerraré, lo que básicamente significa que estoy accediendo a los datos en el índice uno. El algo importante a recordar aquí que a menudo puede deslizar tu mente es que los índices dentro de una matriz comienzan con el número 0, vale, empieza con 0 y no con uno. Entonces volvamos a After Effects y veamos si eso funciona. Entonces en este momento tengo array de prueba con solo una prueba de ciencia o revalorización hacer etiquetas de fuente y muestra todo lo que hay dentro de esta matriz. Y si sólo quisiera acceder, digamos 96. Por lo que el índice de 1906 como 0, 1, 2. Entonces también son índices. Para que yo pueda escribir. Y ahí vamos. Tan solo 96 es visible. Entonces si escribo índice tres, obtendré hola visible. Si índice cuatro, debería encontrarme con una matriz, lo siento, en un error porque no hay datos ahí, vale, solo no muestra nada. Eso es genial TO. Entonces otra vez, si quiero acceder, puedo poner ahí un índice de los datos. De acuerdo, entonces una matriz es útil cuando tenemos que tener una colección de datos en lugar de solo una sola pieza de datos, ¿de acuerdo? Y sabes que la posición de un objeto se compone de dos números, x e y. y una matriz es una forma perfecta de representar la posición, que básicamente está utilizando una matriz de dos números. El primero es x y el segundo. ¿ Por qué? De acuerdo, Así que volvamos a After Effects y voy a despejar todo aquí. Estoy en el panel de redacción de expresiones de texto fuente de capa de depuración y voy a escribir un montón de código o estás bien y no vas a entender nada de ello porque el concepto de cualquier código va a ser rojo y se explicará en el siguiente video. Pero sólo quédate conmigo por ahora. Entonces voy a escribir un montón de código. Ahora bien, este código que he escrito aquí básicamente apunta a la propiedad de posición de esta capa. De acuerdo, y como voy a dar clic, verás lo que se asigna al texto fuente y como resultado se muestra en el lienzo. Entonces voy a dar click afuera y si algún gran número. Entonces déjame seguir adelante y disminuir un poco el tamaño de la fuente, OK. Y se puede ver que es básicamente como lo estoy moviendo desde el, que está directamente conectado a la propiedad de posición ya que la posición está cambiando, por lo que el número se está actualizando. Pero lo que quiero que noten es que este es el número, correcto, para un 2.840029 coma 1073, que es básicamente esta parte de aquí es el valor x, y esta parte de aquí es el valor y. ¿ De acuerdo? Y este número entero, este número entero representa la posición, ¿de acuerdo? Y lo hice sólo para mostrarles que es una matriz, lo que haré es escribir un corchete de apertura y cierre y escribir en el índice 0, lo que significa que solo debe mostrar los primeros datos en la matriz, que es el valor x. Entonces voy a dar clic afuera y sólo muestra el valor x. Ahora puedes seguir adelante y escribir uno aquí, y sólo mostrará el valor y. Y ahí tienes. Eso demuestra que la posición de cualquier cosa en el lienzo se almacena en una estructura de datos llamada array. Está bien, y eso es todo para este video. Empezamos este video por una introducción a un nuevo tipo de datos, que es número. Después aprendimos cómo se representa la posición de un objeto en Canvas usando dos números llamados x e y. luego profundizamos en el concepto de matrices y aprendimos a crear una matriz usando la misma sintaxis de estilo variable y cómo podemos acceder a los datos dentro de la matriz utilizando índices de matriz. Y una cosa otra vez, recordar ese índice en una matriz comienza con 0 y no uno. Y luego vimos que la posición se representa usando dos números, x e y. por lo que se puede almacenar en una matriz de dos números. Y acabamos de ver eso como nuestro último ejemplo. En el siguiente video, aprenderemos algo muy importante, que es esta notación de puntos, que significa básicamente cómo apuntar a una propiedad en particular o cómo apuntar a una capa en particular, cómo atravesarla. Y cuando te explique eso, comprenderás totalmente esta pieza de código aquí mismo. Por lo que te veré en el siguiente video. Y no puedo esperar a verte pronto. 5. Traversal con la notación del punto: De acuerdo, bienvenido a la tercera lección en esta clase. Y antes de proceder con esta lección, sólo quería hacer un resumen rápido de todo lo que sabemos hasta ahora. ¿ De acuerdo? Sabemos de cómo agregar expresiones a una propiedad, que es por opción hacer clic en Mac o Alt, hacer clic en Windows, escribir una expresión paneles abre donde se puede escribir un par de expresiones en código. Sólo tenemos hasta ahora añadir una expresión a la propiedad de texto fuente. Yo soy consciente de eso, pero vamos a añadir expresiones a cada vez más propiedades de una manera similar. En su momento, sabemos de dos tipos de datos, que es string y number. Tipo de datos de cadena se utiliza para almacenar texto y el tipo de datos de número de nuevo se utiliza para almacenar un número. También sabemos de una estructura de datos. También sabemos lo que es una estructura de datos. Entonces sabemos de una estructura de datos y eso es array. También sabemos que una posición de un elemento en la pantalla, derecha, o en el Canvas puede describirse por dos números, x e y. X es la distancia horizontal desde el borde izquierdo del lienzo, y y es la parte inferior. medida que vas por debajo de la distancia desde el borde superior del lienzo. Y la posición se puede mostrar en expresión o código usando una matriz de dos números. Sabemos todo esto hasta ahora y eso es genial. En este video, aprenderemos sobre Travers cosa y segmentando capas y sus propiedades usando notación de puntos, aprenderemos sobre el índice de capas. Y ambos serán muy importantes cuando estés escribiendo expresión más compleja e interconectada. Por lo tanto, presta mucha atención a esta lección. lo primero de lo que quiero hablar es de la notación de puntos y mostrarte una forma de estructurar y acceder a los datos en el lenguaje de programación JavaScript. Ahora, recuerda que expresión aftereffects, el código para el que escribes después de expresión expectativa se basa en el lenguaje de programación JavaScript. Y por eso estamos echando un vistazo al código para tratar de darle más sentido. Ahora, por favor entienda que no estaremos usando este código en ninguna parte de la expresión. Pero la idea general que voy a compartir va a seguir siendo la misma entre este código aquí en, pero si vas a escribir en la expresión, y de nuevo, no tienes que memorizar este código ni siquiera entenderlo completamente. El código es sólo ponerlos modelo mental en tu cabeza sobre lo que vamos a hacer a continuación. Ahora considera todo este código por aquí, ¿de acuerdo? Todo este código hasta ahora solo una recopilación de datos, ¿de acuerdo? Y esta línea de aquí, que es console.log, simplemente se usa para imprimir el resultado de algún código que ponemos aquí entre corchetes. De acuerdo, Ahora, si intentas leer este código por aquí, ahora esto hasta ahora, solo un poquito, encontrarás algunos términos familiares en este código, como el proyecto y las comunicaciones, que es la composición. Y luego tenemos comp uno por aquí y tenemos comp 2 por aquí. Entonces si no lo sabías ya, puedes tener más de una composiciones en un solo proyecto After Effects. Y realmente no tenían que llamarse competentes y AECOM TO TE PUEDE darles nombres descriptivos dependiendo del contexto, vamos a crear múltiples composiciones en el mismo líder de proyecto aftereffect en esta misma lección, ¿verdad? Ahora, dentro de cada una de estas composiciones, mostró aquí estas composiciones. Esto es comp 2 y esto es conforme. Ahora dentro de cada una de estas composiciones, hay capas, ¿de acuerdo? De nuevo, algo muy familiar. Y luego dentro de las capas tenemos transformado, ¿de acuerdo? Y contiene una propiedad, en este caso, la propiedad de posición. Muy bien, Así que ven ciertas similitudes entre un proyecto After Effects y todo este dato por aquí. Es como si todo el proyecto estuviera representado en Coda, ¿verdad? Por y otra vez, solo quería repasar una vez más que tenemos comps, tenemos capas, tenemos transformación y posición como de igual manera en After Effects, tenemos cosas como, ya sabes, el nombre de la conf que es F1. Entonces tenemos transformado y bajo transformado, tenemos posición justo aquí. Y, ya sabes, como dije, parece que todo el proyecto After Effects está representado en este código por aquí. Vale, Ahora que tienes una especie de idea aproximada de lo que significa todo este código. Bajemos a la declaración console.log. Ahora, digamos en este código, quiero apuntar a la posición de esta capa, capa 1 visión de cómo voy a hacer eso en código, está bien, Para apuntar a esta posición. Esto es algo a lo que voy ahora mismo. En primer lugar, voy a escribir proyecto, vale, no en cerradura de tapas. Entonces Project dot, luego voy a escribir columnas, luego voy a escribir comp 2 capas de puntos, capa 1 punto transformar posición de punto. ¿ De acuerdo? Y una vez que he escrito eso, oops, siento esta posición y creo que me equivoco la posición. Y una vez que he escrito todo esto, se puede ver que la salida del código es una 100 coma 200, que es igual que el valor de esta propiedad de posición por aquí. Y luego mira los puntos aquí. ¿ Ves Project.com dot com to dot, mira los puntos aquí y el libre uso de perros, y el uso de puntos, y el libre uso de tantos puntos es por eso que se llama. Esta forma de escribir código se llama usando la notación de puntos. Y usamos la notación de puntos. En este caso, lo usamos para atravesar estos datos en particular. Por último apuntar a la propiedad de posición. Ahora si te hace más fácil entender, solo imagina que escribir un punto después esta palabra en particular o el nombre básicamente significa abrir una caja. Entonces proyect.me básicamente abriendo la caja del proyecto, luego entrando y encontrando levas. Entonces aquí hay viene entonces escribo coms dot, lo que significa que tengo acceso a todo lo que hay dentro de aquí. Entonces voy a venir a punto, lo que significa que abro la caja de herramientas. Después entro a las Capas, bichos, capas punto, luego entro a la capa una caja. Después entraremos y transformaremos caja y finalmente abriremos la transformada con el punto de transformación y x es la posición. Entonces, sí, Entonces si esta analogía hace más fácil para ti entender que la notación utilizada esa travesura NAT en After Effects funciona de manera similar. De acuerdo, así que sigamos adelante y echemos un vistazo al código que escribimos en la lección anterior y veamos si ahora tiene sentido. De acuerdo, Así que está claro esa vista, vistas que la notación de puntos aquí. Por lo que tenemos esta comp dot layer dot transform dot n dot position. Entonces intentemos leerlo como en inglés. En primer lugar, este com, que es una palabra clave, un comando que el compilador de After Effects o la computadora entiende, pero básicamente significa la composición en la que estás en este momento. Entonces comp 1 con capa de puntos y escribiendo capa de depuración en el corchete, básicamente estamos accediendo a esta capa por aquí, cuyo nombre es capa de depuración. Y luego entramos en transformar. Entonces como puedes ver, depurar capa Transformar, y luego tenemos punto transformar esa posición. Por lo que abrimos de nuevo la caja de transformación y llegamos a la posición. Ahora antes de seguir adelante, hay algo importante de lo que quería hablar. Nos hemos encontrado con el concepto de índice ante él con matrices, ya que en el primer elemento de la matriz tiene índice 0, el segundo elemento tiene índice uno, el tercer elemento tiene el índice 2, y así sucesivamente. Ahora cuando tienes capas y después de efectos, por ejemplo, esta es la capa uno. De acuerdo, estoy haciendo todo lo posible para replicar esa interfaz de usuario de línea de tiempo aftereffect. Entonces sí, así que en After Effects, todas estas capas, capa uno , capa dos, capa tres, también tienen inherentemente un índice. La diferencia crucial aquí es que en las matrices el índice comienza con 0, pero en las capas el índice comienza con 1, 2, 3. No hay 0 índice cuatro capas. Entonces si vuelvo a After Effects esta capa por aquí, ya que está en la capa de depuración superior, esta capa tiene el índice de una. Si sigo adelante y creo otra capa, déjame simplemente crear otra capa de texto. Entonces esta capa de aquí está en la parte superior ahora mismo, por lo que tiene el índice de uno, pero si la arrastro hacia abajo, esto tendrá un índice de dos. Entonces la capa superior comienza con el índice 1, 2, y si creo otra capa debajo de ella, tendrá el índice 34 y así sucesivamente. Y te digo esto porque esta pieza de código en particular aquí, Lear debug layer, ¿verdad? Esta pieza particular de código que toma en el nombre de la capa para apuntar a esa capa también acepta el índice de la capa. Ahora, ya que la capa de depuración tiene el índice de uno, puedo escribir uno por aquí y se mostrará, seguirá siendo la misma y muestra la posición de esta capa en particular, la capa de depuración 684, 776, como puedes ver, ahora, si cambio este número a dos, lo que significa que apuntará a la capa en el índice dos. Y debería mostrar la posición de la capa en el índice dos, que nuevamente tiene la posición de 1942 1190 y justo aquí, 9421190. Por lo que nuevamente, en esta pieza de código en particular, se puede apuntar a una capa utilizando ya sea el nombre de la capa o el índice de esa capa. Ahora, al igual que puedo usar la capa y su forma diferente, una con el nombre de la capa y ahí estaba el índice. De igual manera puedo poner otra pieza de código aquí que no solo apunta como esta composición, puede apuntar a otras composiciones. Y también te han prometido antes en esta lección que crearemos múltiples composiciones y, ya sabes, intentaremos atravesar esa composición. Por lo que este es un solo proyecto aftereffect y ya tiene una composición llamada comp one. Voy a seguir adelante y dar clic aquí y crear una nueva composición. Y yo sólo voy a llamarlo tranquilo también. Y como ya he mencionado antes, que dependiendo del contexto, se pueden dar nombres más descriptivos a sus composiciones. Y elegiré un color diferente para esta composición. Digamos rojo, y haré clic en Ok, y ahora estoy dentro de la columna 2 y voy a seguir adelante y crear una nueva capa de texto aquí. Y voy a escribir el valor que estoy en la columna 2. ¿ De acuerdo? Entonces esta es la capa y la calma también. Ahora lo que voy a hacer es que voy a hacer, voy a comp uno. De acuerdo, ya no necesito esta capa hola, así que la eliminaré. Entraré a la propiedad de texto fuente y quiero apuntar al texto de esta capa. De acuerdo, Así que aquí es cómo hacer eso. Nuevamente, usa realmente la notación de puntos. ¿De acuerdo? Entonces en lugar de escribir esta comp, que apuntará a esta composición, lo que haré es escribir com, vale, abrir corchetes. Y entonces puedo poner en nombre de la composición que quería apuntar. Y After Effects es muy útil en absoluto. todo el camino se muestran estas opciones de autorelleno para que puedas navegar usando las teclas de flecha y pulsar Intro para seleccionar algo. De acuerdo, Ahora, comp, com tube apuntará a esta composición, la segunda o no, realmente la segunda, pero de cuyo nombre ha llegado, entonces voy a escribir en capa de puntos, ¿de acuerdo? Y voy a seguir adelante y seleccionar la capa del índice uno, vale, entonces voy a entrar en la capa uno y seleccionar la propiedad de texto. Y luego voy a ir dentro del texto y seleccionar el texto fuente. De acuerdo, así que ahí tienes. Voy a seguir adelante y dar clic afuera y se puede ver que lo es, muestra un texto que está presente en la otra composición que creamos, el CO2. Entonces otra vez, repasémoslo una vez más. Target comp, comp tube. De acuerdo, así que he apuntado a esta capa objetivo cuyo índice es uno. Entonces de nuevo, sabemos que la primera capa tiene el índice de una. Después entramos en dot txt, que significa dot txt. Entonces abre esta caja, entonces tenemos texto interior, texto fuente. Entonces selecciono esta propiedad justo aquí, y el texto fuente almacena el valor real que está en una capa de texto. Y quiero decir, si no lo sabías ya, entonces eso es a lo que hemos accedido usando esta pequeña pieza de código de notación de puntos en particular. Y ahora sabes atravesar y secuelas usando expresiones. Ya sabes cómo llegar a cierta capa y a una propiedad dentro de esa capa. Y cómo llego incluso a una composición diferente en el mismo proyecto y escojo una capa de ahí y una propiedad de capa de todos ellos están usando la sintaxis de notación de puntos. Y eso es realmente genial y eso va a ser muy útil y útil en el próximo video donde estaremos haciendo algunas animaciones, ¿verdad? Y estoy muy consciente de que hasta el momento no hemos animado nada, pero eso cambia en el siguiente video, como dije, recuerda aprenderemos algunos conceptos nuevos y también crearemos una animación usando expresiones. Y verás que sin expresión, sería muy difícil. Hubiera sido realmente difícil crear la misma animación manualmente usando solo tus manos y fotogramas clave. Entonces sí, te veré en el siguiente video y me encargaré de entonces, supongo. 6. Valor y valor: Muy bien, Bienvenidos al quinto capítulo, la quinta lección de esta clase. Después de todo lo que hemos aprendido hasta ahora sobre las expresiones, aún no hemos visto nada fresco sucedió en la pantalla. Entonces en esta lección, quiero demostrar por qué las expresiones pueden ser súper útiles. Y también aprenderemos sobre algunas cosas nuevas. Entonces, empecemos. Voy a crear, dar click en nueva composición. Y lo voy a llamar sólo Comp 1 2000. el año 2000, voy a elegir el color de fondo o el negro. Y elijamos tres segundos para la duración de la animación, voy a dar click Ok, y ahora aquí estamos. De acuerdo, entonces lo primero que quiero hacer es agarrar la herramienta de rectángulo desde aquí, y elijo un relleno para ello. Vamos con algo como esto, este color, el color realmente no importa. Ya sabes, podría ser lo que quieras. Y luego voy a seguir adelante y arrastrar cuadrado en la pantalla y asegurarme de que es la plaza que voy a sostener Shift para constreñir sus dimensiones. Y luego voy a soltarme. Y sabes qué, ahí, ahí está. Ahí está nuestra casita. Y ahora mismo si estás mirando la línea de tiempo, puedes ver que este rectángulo está seleccionado, pero lo que realmente queremos es que se seleccione esta forma. Y se puede ver que el punto de anclaje está por aquí. No queremos que el punto de anclaje de la forma esté por aquí. Nos gustaría que estuviera en el centro. Por lo que voy a dar clic en la sartén detrás de la herramienta. Y luego voy a seguir adelante y arrastrarlo al centro. Y yo sostengo el mando para que se encaje en el centro. Y también yo solo, ya sabes qué, solo quisiera hacerlo un poco más pequeño. Entonces sostendré Shift y lo arrastraré así. ¿ De acuerdo? Voy a poner esta raíz cuadrada por aquí y voy a entrar en el panel Capas. Y voy a seguir adelante y renombrar esta capa a lider de linea de litro y quedaré claro en un poco. Ahora voy a hablar de algo que podría resultar un poco confuso. Fue un poco confuso para mí inicialmente. Así que sólo presta mucha atención. Está bien. Ahora hay una palabra clave en expresiones. Cuando escribes expresiones, hay una palabra clave llamada value, que simplemente significa el valor de la propiedad correspondiente. Por ejemplo, acabo de abrir el desplegable Transformar o el anidamiento o como quieras llamarlo, de la capa de líder. Y voy a, voy a ir adelante a la rotación, y voy a seguir adelante y opción dar clic en la propiedad de rotación para que pueda escribir una expresión para ello. Ahora bien, la palabra clave de la que estaba hablando es valor. Entonces si escribo valor aquí y hago clic fuera, nada realmente sucede porque todo el valor es, es, es esencialmente una referencia al valor de la propiedad para la que estás escribiendo la expresión. Ya que este valor de aquí hace referencia a esta propiedad, puedo escribir algo así como valor igual a 45, y voy a dar clic afuera y ves que la rotación ahora tiene el valor de 45 grados, porque el valor es igual a 45 básicamente significa se ha asignado el valor de 45 a la propiedad de rotación. Y este valor de escritura es igual a 45 es simplemente un método a largo plazo de solo escribir 45. Entonces si solo escribo 45, 45 se asigna al valor de rotación y gira. Y si escribo valor igual a 45, hace exactamente lo mismo. Hablé de valor aquí porque hay algo se llama el valor a tiempo del que voy a hablar más adelante. Y cuando hago eso, quería asegurarme de que entiendas lo que realmente significa el valor. Otra palabra clave de la que quería hablar en este momento es el tiempo, que simplemente significa el valor del tiempo en la línea de tiempo. Como se puede ver aquí, el texto en azul representa a qué hora con esto. Entonces si arrastro esta cabeza de juego alrededor y digamos si voy a 1 segundo, significa que los valores una vez supongo así que fue el momento. tiempo significa, vale, así que déjame mostrarte, voy a colapsar el lead o capa y voy a seguir adelante y escribir una nueva capa de depuración. A menudo hacemos esto cuando estamos tratando con expresiones y 12, asegúrate, ya sabes, los valores están bien o no. Y como una capa de texto está obteniendo su propiedad, el texto que está sosteniendo de la propiedad de texto de origen. Puedo seguir adelante y Opción click aquí y simplemente escribir tiempo. O puedo escribir valor igual a tiempo, significaría lo mismo, ¿verdad? Entonces si frego por ahí, se puede ver que el tiempo está aumentando en un momento cambia por ahí. Y de nuevo, reiterar sobre qué valor es el valor equivale al tiempo básicamente significa el valor del texto fuente igual al tiempo. Y si elimino esto por defecto, sigue siendo lo mismo. De acuerdo, entonces ahora ya sabes qué valor y tiempo es. Y puedes combinar tanto valor como tiempo. Puedo, para la propiedad de rotación de nuevo, puedo escribir valor igual a tiempo. Entonces si hago clic fuera, se puede ver que a medida que aumenta el tiempo, ya que estoy arrastrando el cabezal de reproducción, se puede ver que está girando un poco. ¿ Ves eso? Eso es genial, ¿verdad? Y si quiero hacer la rotación un poco más pronunciada, puedo multiplicar el tiempo por, digamos un 100 y estoy usando el símbolo de asterisco, ese es el símbolo de multiplicación. Y programación, estoy usando el símbolo de asterisco para multiplicar el tiempo por un 100. Y ahora si voy adelante y frego la cabeza de juego, puedes ver que está girando mucho, ¿verdad? Y recuerda, ahora mismo, puedo quitar valor igual y seguiría significando lo mismo. Ya lo he dicho tantas veces. Yo solo quiero asegurarme de que he martillado el punto a casa y que entiendas solo escribir un valor significa que lo asignas a esto. Siempre pienso, ya sabes, escribir valor igual en realidad hace que la expresión sea más legible. Entonces es arriba preferencia personal si quieres hacer eso. Está bien, déjame despejar todo. No quiero ninguna expresión en absoluto, y lo haremos, en un segundo inicio con nuestra animación. De acuerdo, así que aquí está, aquí está la configuración. Tenemos una capa de líder por ahí. Y si lo estás siguiendo, asegúrate de tener eso y empecemos. Lo primero que voy a hacer es duplicar la capa de líder. Así que asegúrate de que esté seleccionado y pulsa Comando D en Mac o Control D en Windows para crear una copia diferente. Y voy a arrastrar esto hacia abajo por debajo de la capa de líder. Entonces un líder también, pero el líder a capa seleccionado, simplemente arrástrelo para que pueda ver la diferencia. Voy a seguir adelante y renombrar esta capa a seguidor. ¿Está bien? Y luego voy a volver a seleccionar la capa y cambiar su relleno a algo así como un amarillo sutil. Y ahora voy a entrar en el, lo siento, y voy a entrar en la propiedad de posición de transformación de la capa de seguidor y empezar a escribir algunas expresiones. Entonces Opción haga clic en posición, cronómetro, y empecemos a escribir. Tenemos que deshacernos de él. Está bien, genial. Simplemente tiraré un poco este panel hacia abajo para hacer más espacio y empecemos. Lo que quieres hacer es que haga que el seguidor tenga la misma posición que una capa de líder. Entonces para eso, lo primero que haré es crear un nuevo co-líder variable, y apuntaré a la capa de líder en esta composición y ya sabes cómo hacerlo usando la notación de puntos. Por lo que esta capa com dot, puedo o escribir capa e index1 aquí, y seguirá apuntando a la capa líder. Pero por ahora quiero poner en nombre de las capas. Entonces este completer, y ahora tenemos una referencia a la capa de líder en esta composición que lo segundo que queremos hacer es conseguir la posición de líder que pueda crear una nueva variable llamada posición de líder. Y ahora simplemente montaré líder punto de transformación posición. Y así como así, ahora tengo la posición del líder. Y se puede ver que estoy rompiendo toda la notación de puntos en diferentes variables. Y de esta manera hace que la expresión sea mucho más legible, algo que está un poco más cerca del inglés. Y cuando está escrito líder punto transformar posición que After Effects, motor de expresión ya mira líder y dice: Oh, hay un litro, que es esta capa. Por lo que es todavía totalmente significa lo mismo. Lo siguiente que voy a hacer es simplemente escribir valor igual a litro. Esta es Shin. Y te acabo de enseñar sobre el valor. El valor es simplemente el valor de esta propiedad y el valor es igual a su posición. Conforme voy a dar clic afuera, ya ves que ese litro seguidor, lo siento, la capa de seguidor es acerca de la posición de la capa de líder. Ahora está apilado detrás de él. Y de nuevo, sólo un recordatorio de que no tienes que escribir valor igual, puedo deshacerme de él y seguirá haciendo lo mismo. Pero sólo otra vez, para hacer el código un poco más legible, me gusta escribir valor igual. Ahora con esto fuera del camino, colapsaré la capa de seguidor. Iré a la capa de líder en posición de transformación y crearé un nuevo fotograma clave. Simplemente lo pondré la capa de líder, solo agrega esta esquina y crearé un nuevo fotograma clave para la posición. Entonces voy a ir adelante A 1 segundo y voy a mover la capa de líder a la esquina inferior derecha. Y luego cuando presiono play, lo que pasa es muy esperado. La capa de líder anima sus animados a la posición final, y la capa de seguidor simplemente lleva detrás de ella todo el tiempo. Idealmente, para una animación interesante, la capa de seguidor debe rezagarse un poco, ¿verdad? No debe estar atrasado a tiempo con respecto a la capa líder porque esto es bastante soso. En realidad no está pasando nada. Ahora sigamos adelante a la expresión en posición de seguidores y hagamos algunos pequeños cambios. Crearé una nueva variable. Por lo que voy a dar clic, lo siento, presionaré Entrar para crear una nueva línea y vincularé este valor va a pagar. Voy a nombrar a este líder variable posición rezagada. Entonces sólo voy a deletrearlo bien. Líder posición rezagada. Y le daré el valor de posición de líder que tengo, ya sabes, aquí ya declarado, valor de punto a tiempo y dentro de los corchetes solo voy a escribir tiempo. Y luego en lugar de asignar la posición de líder al valor, asignaré la posición de rezago de litro. De acuerdo, esta variable por aquí que acabamos de crear, voy a dar clic afuera y otra vez, voy a fregar y realmente no pasó nada y vamos a pasar por eso ¿por qué no pasó nada? Pero quiero que por ahora presten mucha atención al valor a tiempo porque esto es algo nuevo. Ahora, ya sabes ¿qué hora es la correcta? Donde lo hace la palabra clave time. Y luego si sigo adelante y resto un pequeño número de tiempo, del tiempo que se pasa al valor en el tiempo, justo entre estos corchetes, si voy adelante y le resto un pequeño valor, Veamos qué sucede. Vamos a restar menos. Entonces restar signos menos, y elijamos un número pequeño, digamos 0.1. Y si hago clic afuera, y si sigo adelante y vuelvo a tocar esa animación, se puede ver que el seguidor se queda un poco atrás en la animación. Ahora, ¿cómo funcionó eso? Bueno, el poder del valor a tiempo es que te puede dar el valor de la propiedad que estás pidiendo en cualquier momento de la línea de tiempo, ¿verdad? Entonces básicamente lo que estamos diciendo usando esta línea de código en particular y la expresión es que me dan el valor de la posición de líder, pero en un momento que está ligeramente por detrás del tiempo real. Entonces el tiempo es tiempo real, ¿verdad? Cuando tenemos el tiempo real, devuelve la misma posición y la misma posición se asigna al seguidor. Por eso si no estás viendo ningún rezago, pero aquí cuando decimos negativo y 0.1, lo que significa retroceder en el tiempo 0.1 segundos y dame ese valor. Y ese valor se asigna entonces a la capa de seguidor, y por eso sigue al líder. Ahora, justo aquí, acabo de restar 0.1, que es un número pequeño que supongo que podría haber sido cualquier número en absoluto. Y ya sabes, depende del tipo de animación, la sensación de animación que estás tratando de lograr. Pero yo sólo quería introducir un nuevo concepto en las expresiones. Y pensé que sería un gran punto, ¿verdad? Para que no solo estemos adivinando números pequeños significaba que tenemos algunas matemáticas reales detrás de eso. Por lo que esto nos trae a nuestra, otra palabra clave especial que a entiende, que es la duración de fotogramas. Duración de fotogramas simplemente significa por cuántos segundos, ¿verdad? Y recuerda que son segundos de cuántos segundos dura un fotograma? Ahora para repetir algo que quizá ya sepas es que una animación es simplemente, sabes, es marcos diferentes, ¿verdad? Uh, muchos, muchos, muchos marcos diferentes. Simplemente cuchilla a velocidad muy rápida para que puedas ver algo animado. Entonces cuando una composición, cuando una composición en After Effects, se le asigna velocidad de fotogramas. Eso lo que significa, significa cuando asigné, cuando entro en este com y miraré la velocidad de fotogramas presionando Comando K o el control K para que aparezcan los ajustes. Se puede ver que es la velocidad de fotogramas es de 24 fotogramas por segundo, lo que básicamente significa que en 1 segundo, se muestran 24 cuadros y ese es el pan frito de una composición. Ahora esto significa, esto significa otra vez, voy a escribir una pequeña ecuación aquí. En 1 segundo. Se muestran 24 cuadros, ¿verdad? Entonces, ¿por cuánto tiempo dura un fotograma? Y esa matemática sale a ser una por 24 segundos. Y esto es alrededor, supongo tu punto, 0, 4, 1, 66 algo. Entonces volvamos a After Effects y comprobemos cuál es la duración de fotogramas para esta composición en particular. De nuevo, voy a seguir adelante y crear un nuevo disco, una capa de depuración de capa de texto aquí. Entonces voy a seguir adelante y entrar en la opción Texto fuente click y simplemente escribir esta comp consiguió duración de fotograma. Y recuerda que no puedes simplemente escribir duración del fotograma porque la duración del marco es una propiedad de una composición. Por lo que tienes que prefijar esta comp o calmar y entre paréntesis lo que estés apuntando. Por lo que voy a dar clic afuera y se puede ver el valor sale a ser 0.0416666, que básicamente es uno dividido por 24. Está bien, genial. Y ahora solo eliminaré esta capa e iré a la capa de seguidor. Y en lugar de enmarcar menos 0.1, simplemente escribiré esta duración de fotograma de punto comp. Y si hago clic afuera, justo, ahora pasa, ahora solo para hacer la expresión más legible como extraer esto, ¿verdad? Por lo que presionaré Comando X para cortarlo. Cómo Crear un Nuevo, crearé una nueva variable y la llamaré tiempo de retraso, ¿verdad? Entonces solo lo llamaré la última vez y voy a escribir, solo presiona este fotograma de punto, esta duración de marco de conducta, ¿verdad? Y simplemente puedo seguir adelante y restar como tiempo de retraso de aquí. Entonces solo extraigo esto. Eso es todo lo que hice. Y estoy click afuera y seguirá funcionando igual. Ahora ya sabes lo que es más fresco, no uno, sino muchos seguidores. De acuerdo, así que voy a seguir adelante ahora mismo, sólo un seguidor. Simplemente seleccionaré al seguidor y crearé múltiples copias del mismo. Y voy a volver de nuevo y presionar Space para previsualizar. Bueno, ya sabes, sigue siendo lo mismo. Ya sabes, muchos seguidores significa que muchos seguidores deberían haber mostrado, pero todavía hay un seguidor. Bueno, eso es porque cada seguidor está simplemente apilado detrás del mismo seguidor. Te diré por qué. Entonces presionaré el Comando Z un par de veces y solo tengo un seguidor aquí porque todos tienen el mismo tiempo de lag. Y queremos que sea un poco diferente para cada uno de los seguidores que se ha apilado en el panel de capas. Y aquí está la propiedad índice viene en muy, muy útil. Entonces sabes que la primera capa tiene índice de uno, el índice secundario de dos, y así sucesivamente y así sucesivamente. Si quiero aumentar el tiempo de rezago para cada seguidor, simplemente multiplicarlo por el índice de esta capa y voy a dar clic afuera. De acuerdo, y voy a seguir adelante y crear más copias de esto. Y luego cuando golpee el juego, se puede ver eso. Se puede ver que el seguidor apenas está siguiendo al líder así. Y se ve un poco de barba ahora mismo, no realmente muy hermosa. Por lo que voy a entrar en la posición de la capa Leader. Voy a seleccionar ambos, y luego voy a seguir adelante y voy a ir al asistente de fotogramas clave. Y elijamos Fácil, Facilidad, de acuerdo, así que he añadido un poco de flexibilización y ahora vamos a verlo y eso se ve un poco mejor, ¿no? ¿ Verdad? Eso se ve un poco mejor. Y ya sabes qué es lo mejor que me gusta hacer después de hacer esto como clic derecho aquí, ve a Keyframe Velocity y solo haz de éstos un 100. Entonces ahora que los actos un poco, bonito pequeño detalle. Entonces mirando esto, ¿verdad? Por lo que eso se ve bastante fenomenal designa. Y lo que también puedo hacer es que recuerden solo estoy jugando con la capa de líder. No estoy tocando a ninguno de los seguidores. Simplemente están siendo, ya sabes, posición animada usando la expresión para que pueda cambiar el camino de la, de la capa de líder así. Y los seguidores seguirán ese camino, ¿verdad? Mira qué guay es eso. Y te puedes imaginar usar esto en diferentes escenarios, dando diferentes seguidores, diferentes tipos de colores y todo sin expresiones haciendo esta animación, ya sabes, una animación tan versátil sería realmente difícil hacer esto con diferentes fotogramas clave y materia con el posicionamiento y cambiar el tiempo de rezago y cambiar la flexibilización de cada uno de los siguientes alimentos asignados para hacerlo. Ahora una cosa de la que realmente quería hablar antes de dejarte con este video es que me voy a volver a deshacer de todos los seguidores y entrar en la expresión justo por aquí. Entonces de lo que quería hablar es que esta expresión tiene variables y podría verse un poco diferente a otras expresiones que tienes, podrían haber encontrado en Internet o, ya sabes, copiado a tu biblioteca y demás. El motivo es que la forma en que he escrito la expresión, Es muy verbosa. Puedo cambiar esta expresión para lucir mucho más complicada que ésta. Entonces déjame, déjame, déjame seguir adelante y tratar de hacer eso justo frente a ti. Voy a seguir adelante. Por lo que voy a presionar el Comando C para guardar una copia de esto. Entonces todo lo que puedo hacer por este particular, ya sabes, para que suceda lo mismo y conocimiento. Escribir una expresión tan detallada es que puedo hacer algo como esta comp. Nada. Gracias. Está bien. No por lesiones. Eso se puede hacer. Para que pueda seguir adelante y deshacerme de todo esto. Y voy a dar clic afuera y no habrá errores y la animación seguiría funcionando como funciona. Crearé más copias de seguidores. Al igual que así. Y si presiono Reproducir, se puede ver la misma animación todavía funciona. Entonces mi objetivo general aquí es que, si se quiere, porque la mayoría de las variables que van a, lo siento más son las expresiones que encontrarás en Internet, pero no tendrán una versión tan verbosa de la expresión escrita así. Simplemente tendrán una sola línea y, ya sabes, se desviaron nombres de variables como una sola letra, como L o lo que sea. Entonces solo quería que supieras que puedes hacer eso. Pero si estás escribiendo expresiones, siempre tiene más sentido hacer que el código sea más legible, no solo para que otros lo lean, sino también para ti cuando lo vuelvas a visitar en el futuro. Genial, espero que hayas aprendido mucho en este video. Creo que estamos tocando los 20 minutos Mark, y no quiero hacer eso. Entonces terminaré este video aquí. Y en el siguiente video, pondremos todo lo que hemos aprendido juntos en esta clase hasta el momento y crearemos una animación basada en texto plantilla. Será realmente genial, y te veré entonces. 7. Cómo poner todo juntos: 1: Muy bien, bienvenidos a la sexta lección de esta clase. Y lo hicimos hasta ahora. Lo hemos hecho juntos hasta ahora. Eso es realmente genial. Y en este capítulo sólo vamos a usar todo lo que hemos aprendido hasta ahora para crear algo realmente ordenado, algo que sea práctico. Y puedes compartirlo online o puedes publicarlo como proyecto aquí, ¿verdad? Y en el camino, como lo haremos, también te enseñaré una o dos nuevas técnicas de secuelas, pero nada importante cuando se trata de expresiones. De acuerdo, así que empecemos con esta lección. Estoy dentro de un nuevo proyecto After Effects, así que solo, ya sabes, nuevo, nuevo proyecto. Aparecerá toda esta ventana. Y dentro de este proyecto, quiero hacer dos composiciones, ¿de acuerdo? El primer composición, voy a hacer mi click aquí y le voy a dar el nombre de plantilla TMP LIATE, y le voy a dar una dimensión de nuevo 2000 por 2000 pixeles. Está bien, genial. Voy a darle una velocidad de fotogramas de 24 fotogramas por segundo, y le voy a dar una duración de tres o cinco segundos, no importa. 3 está bien y un color de fondo de negro. Y voy a dar click, Vale, voy a crear otra composición. Por lo que puedo hacer haciendo click aquí. Y voy a dar a esta composición el nombre de la animación, todo. Todos los ajustes seguirán siendo los mismos que una plantilla 1, por lo que es auto llenado. La única diferencia es que quiero que esta columna tenga apenas un segundo de longitud. Entonces voy a dar click Ok, y ahora puedes ver que tengo dos composiciones, animación y una plantilla. Ahora dentro, y esto es importante que estés dentro de la plantilla com, solo asegúrate de que esta pestaña esté seleccionada así. Dice plantilla, voy a crear una nueva capa de texto. Así que acabo de hacer clic en la herramienta de texto, hacer clic en el lienzo, y luego sólo voy a escribir texto o el contenido del mismo no importa tanto. Lo siguiente que voy a hacer, que es importante, es babear esta capa aquí y nombrarla capas principales. Entonces voy a seleccionar la capa, presionar Entrar y llamarla capa principal. Voy a presionar Enter. Y en una cama quedará claro por qué esta capa tiene un nombre de capa principal. Y es, su posición podría estar en cualquier lugar que quieras. De acuerdo, no importa. Ahora voy a entrar a la columna Animación, ¿no? Si no está abierto en una pestaña como esta, basta con hacer doble clic aquí para abrirlos y tabular, y quiero crear otra capa de texto aquí. Por lo que voy a dar clic en la herramienta Texto, clic aquí, y puedo llenarlo con cualquier texto que quiera. El contenido realmente no importa, pero sólo voy a escribir texto capturado aquí, ¿de acuerdo? Y yo voy a dar click, ¿de acuerdo? Y hay dos cosas que queremos asegurarnos aquí con esta capa en particular. El primero es que el punto de anclaje está en la esquina inferior izquierda. Y si no sabes mover punto de anclaje de la misma en algún otro lugar, solo agárrala con esta herramienta. Ya he mencionado esto antes, pero rabioso esta herramienta, sostén Comando y apriétalo. De acuerdo, no voy a volver a contarlo. Por lo tanto, asegúrate de que el punto de anclaje esté en la parte inferior izquierda. Y lo otro que quiero hacer que queremos asegurarnos es que está pegado a la coordenada superior izquierda, derecha. Entonces para eso voy a entrar a la propiedad de posición. Entonces aquí tienes un pequeño atajo para ti. Si estás seleccionando la capa y presionando P en tu teclado, puedes ver directamente la propiedad de posición. Y porque quiero que se pegue al borde izquierdo, quiero que la distancia x sea 0. Y la distancia y tendrá que globo ocular debe ser como simplemente arrastrarlo por aquí, pero debe ser la altura de esta capa de texto. Entonces solo lo estoy echando un ojo y empuñándolo usando mi teclado, teclas de flecha. Entonces sí, dejémoslo ahí. Y así, tenemos otra capa de texto dentro de la comp animación. El siguiente objetivo es obtener cualquier dato de texto que esté en esta capa, la capa principal de la plantilla llega a esta capa de texto en particular que acabamos de crear. Y ya sabes hacer eso. Es decir, si puedes averiguarlo en tu cabeza y escribir la expresión para ello, adelante y hazlo. Pero esto es lo que voy a hacer. Dado que la propiedad de texto de cualquier capa de texto es manejada por la propiedad de texto de origen, el TextContent de cualquier capa. Voy a seguir adelante y opción click y empezar a escribir. Entonces lo primero que quiero hacer es llegar a las columnas de plantilla. Entonces voy a escribir plantilla com, entonces puedo escribir capa y el nombre de la capa, que es capa principal y ver qué bellamente las secuelas sugieren los nombres de las capas. Y luego queremos obtener la propiedad de texto. Y luego dentro de eso quiero entrar en texto fuente y puedo volver a dar clic y se puede ver que el texto es capturado. Entonces de nuevo, entramos en la plantilla comp, esta capa principal de plantilla, ese evento en el texto y capturamos esa propiedad de texto fuente. Si cambio el valor del texto aquí, haz algo como hola mundo. Ves que este valor se reflejará aquí en la capa de textos capturados. Ahora, como dije antes, puedes o escribir las expresiones esta forma compacta de búsqueda o puedes dividirlas en algunas, algo así. Por lo que voy a crear una nueva variable llamada me capa de texto, que agarrará la, la, la capa de texto principal que está presente en la plantilla com. Entonces así es como agarraste capa. Después se puede crear una nueva variable que almacena los datos de texto principal, que nuevamente serán hombres, textos principales capa dot, texto fuente de punto. Y entonces Alice asignará este valor. Al texto, la propiedad de texto fuente de esta capa en particular. Para que yo pueda hacer eso. Ahora todo este código sólo significa lo mismo que el anterior solo liner que reescribió. Es la misma expresión exacta, sólo un poco más legible. Pero tomaste la decisión aquí si convertir la expresión de una sola línea en algo así vale para ti o no. Entonces voy a dejar el verbose, mientras que aquí adentro, y voy a dar click, y ahora tenemos el enlace al texto aquí. Por lo que cualquier cambio que realicé en este texto se reflejará en este texto de aquí. Genial. Ahora quería crear duplicados de este wrangler de texto, éste de aquí y arreglarlos verticalmente para que pueda presionar Comando D y arrastraré esto hacia abajo, y arrastraré esto aquí. Entonces volveré a presionar Comando D y arrastraré esto aquí. No, sólo estoy bromeando. ¿ Quién quiere hacer todo el trabajo manual? A lo mejor puedes escribir expresiones para esto, ¿verdad? Por lo tanto, sosténgalo. Eliminaré los copiados ahora antes escribir cualquier expresión para arreglarlos verticalmente correctamente, quería explicar cómo se harán todos los cálculos y cómo va a salir todo. Entonces sígueme. Pero aguanta, aguanta, aguanta, aguanta. Apenas un poquito de configuración. Antes de saltar a esa explicación, entraré en la posición propiedad de estos hechos para poder colapsar esto. Ahí está la propiedad de posición y voy a hacer clic con el botón derecho y hacer clic en dimensión separada. Esto dará dos propiedades diferentes para la posición x e y. así x posición y posición y. Recuerda que para esta tendencia en su conjunto es una matriz de dos números, pero cada uno de estos es solo un tipo de datos numérica, por lo que es más fácil acceder a uno de ellos estaban en solo trabajar con él porque solo estaremos animando la posición y para esta animación. De acuerdo, Ahora sólo voy a seguir adelante y cambiar el valor de Hola Mundo a solo texto. ¿ De acuerdo? Sólo porque es ligero y helloworld es un poco demasiado. No es la razón por la que hice eso, pero sólo quiero tener texto aquí. De acuerdo, Entonces una vez que tenga esto aquí, lo que voy a hacer es seleccionar esta capa y presionar Comando D y crear una copia de arrastrar esta copia hacia abajo el texto capturado2. Y con la textura de captura seleccionada, solo voy a arrastrarla por aquí por ahora, ¿de acuerdo? Y ahora podemos ver cómo va a funcionar todo. Entonces de nuevo, tenemos estas dos capas por aquí, capturado texto y capturado tanques. Para. El primero es que el tipo de lista que estamos tratando de hacer de los textos, el valor x de cada uno de estos puntos de anclaje justo en el valor x. Entonces punto de anclaje o todo el objeto tiene, está representado por un valor x y un valor y. Todos estos textos tienen el mismo valor x, sólo el y o el valor vertical está cambiando, ¿verdad? Entonces lo que podemos hacer es volver a After Effects y puedo seguir adelante y conectar los valores x de estas dos capas. Para ello, entraré en el texto de captura2 y ya sabes qué, mientras VR en ello, lo que voy a hacer es que voy a nombrar a este líder de capa, ¿de acuerdo? Y ya sabes a dónde voy con esto, y voy a nombrar a este seguidor de capas, bien, y ahora voy a seguir adelante y conectar el valor x de seguidor al valor x de líder. Y para ello, entraré en la Transformación, yendo a opción de exposición. Haga clic y sólo escriba este com, está bien, esta comp. Y no necesito poner soportes capa de punto y escribiré litro ok dot transform, ok dot exposition. Y algo que me gustaría mencionar es el error o lo que siempre hice. Y se encontró con error es porque no escribí transformada, simplemente seguiría adelante y escribiría punto x posición y, ya sabes, olvidarme de la transformación y las cosas no funcionarán. Entonces no te olvides de la transformación porque la posición está anidada bajo transporte. Y ahora si hago clic en los valores x conectados, así que si lo muevo así, se mueve igual en la dirección horizontal. Y eso es realmente genial. Y otra vez, otra cosa que me gustaría mencionar aquí es que escribir esta expresión aquí es equivalente a hacer esto. Puedo seguir adelante y borrar esto. Y entonces puedo seguir adelante y seleccionar la exposición, tomar el látigo de pico de aquí y conectarlo con la explicación de esto. Y luego otra vez, esta misma expresión exacta que escribe. Pero no te lo dije hasta ahora. Entonces ahora ya sabes cómo los mips pico eran demasiado grandes. Y lo genial de todo esto es que si creo múltiples copias de seguidores, ¿no? Por ejemplo, este es un seguidor, esto es un, déjame simplemente arrastrarlos hacia fuera para que todos se superpongan ahora, pero sólo los arrastraré hacia fuera. Y lo genial es que desde que hemos conectado la posición de seguidores, la posición x con el líder, y luego hicimos copias de los seguidores. Todos tendrán la misma posición x, ¿verdad? Y van a seguir. Entonces eso es algo que supongo que ya sabía, pero sólo quería mostrarles que con este video, estamos tocando la marca de 10 minutos. Y no quiero extender esto. Tenemos esta buena configuración hasta ahora. Y en el siguiente video, veremos cómo estamos haciendo las matemáticas para calcular la posición x, lo siento, las posiciones y del resto de los seguidores. Y luego los estaremos animando y agregando ciertos efectos cool. Entonces, sí, espero que estés siguiendo y espero que tengas esta configuración hasta ahora, esta animación en particular, y te veré en el siguiente video. 8. Conun todo: 2: De acuerdo, Bienvenido a este video. Dondequiera que estamos continuando el proyecto de animación que iniciamos en el último video. Entonces estamos tratando de hacer una lista de texto como este que podamos animar más adelante. Y estábamos tratando de no hacer eso, no hacer una lista como esta manualmente, pero alrededor están usando expresiones. Y hasta ahora tenemos un líder y un seguidor. Y la posición de seguidores x está conectada con los líderes. Enfriar. Y como ya he explicado, lo que importa es la posición y de los seguidores. Eso es algo que hay que calcular porque la posición x solo requiere una conexión sencilla. Pero la posición y necesita calcularse. Entonces, centrémonos en la posición y de las capas seguidor aquí. Por lo que ahora mismo en el Lienzo tenemos estas dos capas, un líder y un seguidor. Y por supuesto vamos a tener más de los seguidores después de esto. Ahora el valor y de la capa de seguidor se calcula por supuesto usando el valor y de la capa anterior, ¿verdad? De esta manera, el valor y de la capa de seguidor será el valor y de la capa por encima de ella, que en este momento es solo la capa de líder, ¿de acuerdo? El valor y del líder por encima de él, más este espaciado, este espaciado entre ellos, más la altura de la capa. Por lo que puedo escribirlo como una ecuación ya que el valor y de esta capa en particular es igual al valor y de la capa anterior. Entonces y valor de la capa anterior, creo que mi letra ha mejorado un poco. Además este espaciado, solo llamémoslo espaciado. Esta es la diferencia entre estos dos, ya sabes, un bloque de texto, lo siento, yo blogueo, un blog de cierta altura. El alto de esta capa era la altura de la capa de texto. De acuerdo, mi letra ha vuelto a ser mala otra vez. Entonces esta es la ecuación. Y si no estaba claro, el espaciado básicamente significa el poco espacio vacío entre cuando hacemos una lista como esta. Entonces solo haré otra copia. Entonces un sonido para presionar Comando D y hacer una copia. Voy a arrastrar esto. Entonces cuando haces una lista este espaciado que debería ser consistente entonces ser espacio entre cada texto subsecuente es lo que estoy llamando espaciado. Entonces eliminaré eso y volveré a nuestra posición inicial. Ahora, hay una cosa importante que necesitamos entender con respecto al cálculo. Ahora, considera esta lista de muestras fuera de un líder y como 1, 2, 3, 4, 5 seguidores. De acuerdo, y veamos, digamos seguidor y número cuatro en el punto de anclaje o seguidor número cuatro. Y entonces una cosa importante a notar es que en esta ecuación que hicimos no están directamente confiando y enfatizando directamente en escribir directamente confiando en la posición y del líder para calcular la posición y de cierto seguidor. Y solo estás confiando, por ejemplo, para el otoño somos cuatro en la capa de arriba. Entonces para ello, será seguidor tres, ¿verdad? Estamos, nos toman el valor y de la capa por encima bendecir el espaciado más la altura de esta capa en particular para calcular el valor de y Está bien? Y esto a su vez, por una cadena se vincula al líder, el valor y del líder, pero no directamente. Muy bien, ahora espero que hayas entendido todo lo que hemos hecho hasta ahora. Pero aún así si hay alguna confusión, quedará claro a medida que empecemos a escribir algunas expresiones. Entonces lleguemos a eso. Ahora queremos escribir expresión que apunte a la posición y de la capa de seguidor. Y recuerda que ya conecté el texto fuente al texto aquí por si te olvidaste, Ha pasado mucho tiempo desde que he estado viendo este video o te tomaste un largo descanso. Y entonces nuestra continua y también dividirá la posición en posición x e y, ¿verdad? Por lo que queríamos escribir expresiones para la posición y. Por lo que opcion click. Lo primero que voy a hacer es crear una nueva variable y llamarla capa arriba. De acuerdo, eso es sólo un nombre que doy. Le diste a esta variable de valor en particular. Y lo voy a asignar a esta capa com dot. Y de nuevo, si quería apuntar a la capa de arriba, esta capa va a ser el índice de la lista, esta capa minos1. De acuerdo, eso tiene sentido. Genial. El número 2 que quería hacer es conseguir la posición y de la capa arriba. Así que presta mucha atención aquí porque no hemos escrito exactamente esta cosa antes. Entonces voy a escribir let layer above y position. ¿ De acuerdo? Entonces estoy usando nombres de variables muy verbosos y muy explicativos aquí. Generalmente una buena idea, y esta variable se asignará a capa arriba, ok, transformación de puntos. Ahora en lugar de escribir posición, voy a escribir posición y, ¿no? Esto es lo que sugieren las secuelas. Y ahora tenemos la posición y, entonces voy a seguir adelante y conseguir la altura de esta capa en particular. Muy bien, Recuerda, necesitamos, necesitamos la posición y fue este espaciado más la altura. Entonces voy a escribir dejar que la altura de capa es igual a, ahora todas las capas, todos los textos son exactamente iguales. Por lo que puede apuntar a esta capa en particular y escribiendo en este índice de capa com dot. O también podemos usar solo usar capa por encima del rango. Por lo que debido a que todas las capas que sean iguales sostendrán el mismo texto, también tendrán la misma altura. Ahora me quedo sin aliento ahí. Así que presta mucha atención a, te voy a mostrar algo nuevo. Así que pasé a batir capa por encima de fuente, rect a tiempo, está bien, altura de punto. Y así es como obtienes una altura de algo en un lienzo usando expresiones. Fuente rect a tiempo es algo que hará por ti. Muy bueno recordar porque muy a menudo sucede que hay que conocer la dimensión de un objeto. Puedes hacerlas usando rect fuente a la vez, escribiendo esta altura de punto, o puedes escribir ancho de puntos para obtener el ancho del objeto en particular, pero necesitamos una altura aquí, ¿no? Y ahora voy a seguir adelante y crear una nueva capa y llamarla espaciado. Entonces vamos a espaciar y estoy bien. Simplemente estoy bien. Ahora, espaciado, interlineado y le voy a dar el valor de 50, vale, Sólo un número aleatorio. Puedes conseguir cien, quinientos, lo que sea. Definitivamente es solo el espaciado entre estas etiquetas. Y yo lo he dado para que sea el valor de 50. Y ahora es el momento de usar la ecuación que escribimos. Recuerda, el valor que vamos a asignar a la posición y simplemente será capa por encima de la posición Y más espaciado más altura de capa. Está bien, voy a dar click y voy a dar click y ya ves que se ajusta a sí mismo. Y ahora mira es si creo más copias de la capa de seguidor, esto es lo que pasa. Entonces si creo más copias presionando Comando D, Se colocarán automáticamente correctamente, que es grado. Simplemente imagínate haciendo esto manualmente, tanto trabajo arduo, pero ahora puedo crear cualquier número de copias y el se colocará correctamente. Y qué más puedo hacer es si quería actualizar el texto ya que todos los textos de la animación están vinculados a éste de aquí, puedo escribir, oye, voy a revisar esta clase, ¿verdad? Y entonces se actualizará todo el texto de aquí. O lo siento, sólo voy a nombrarlo. Definitivamente voy a darle a esta clase cinco estrellas. Si ese es el sistema de lectura cuando va aquí, es estrellas o lo es, no me acuerdo, pero solo revisa la clase y dale una buena calificación. De verdad significará mucho para mí cada vez que leas tus críticas que ustedes dejan en mi clase tienen que simplemente se siente tan bien. Por lo que se puede ver que todo está vinculado y qué bellamente esto, todo simplemente funciona en conjunto. Y aquí es donde las expresiones pueden ser tan útiles. No tuvimos que medir la posición y crear duplicados y arrastrar por ahí. Y si después queríamos cambiar la posición, no tendremos que ajustar cada una de estas capas individualmente. Simplemente puedo mover esto y todo se mueve con él. Y si quería cambiar el tamaño de la fuente, puedo seleccionar todo. Puedo entrar en mis paneles de caracteres para poder aumentar el tamaño de fuente y el espaciado entre ellos seguirá siendo de 50. Y eso es genial. Ahora no quiero este gran tamaño de fuente, así que voy a presionar Command Z. Ahora, ¿y si quisiera cambiar el espaciado entre ellos, como es 50 en este momento, si quisiera cambiar este espaciado? Lo que tendré que hacer es, vale, lo que tendré que hacer es eliminar todas las capas o las capas seguidor excepto una, y luego entrar en la expresión. Y digamos que quiero cambiar a un 100 y puedo cambiarlo a un 100. Está bien, para que veas que está desplazado hacia abajo y luego puedo seguir adelante y crear múltiples copias de ella y el espaciado será de 100. Pero eso es simplemente relajarse. No queremos hacer eso una y otra vez. Ya sabes, para escribir este espaciado, un eliminar todo y actualizar el espaciado, y luego de nuevo, crear copias. No queremos hacer eso. Entonces aquí hay una técnica. No tienes que hacerlo, no tendrás que hacer todo ese procedimiento para cambiar el espaciado. Volvamos a nuestra capa de plantillas y deslizaré la capa por aquí, que es la capa principal. Entonces voy a entrar en el panel de efectos y presets. De nuevo, está debajo de la ventana si no son efectos visibles y presets. Y voy a buscar control de deslizador. Y voy a deslizar esto, lo siento, voy a arrastrar esto sobre la capa principal, así como eso. Y esto agregará un poco este pequeño control deslizante bajo Controles de efectos. Para que pueda seguir adelante y renombrar esto. Voy a renombrar esto a espaciado. Y ahora ya sabes lo que estamos tramando. Queremos que el espaciado entre las etiquetas con DAPI creará para cambiar con el valor del deslizador. De acuerdo, pero ¿cómo conectamos el deslizador a la variable de espaciado que está aquí? En ocasiones necesitamos un poco de ayuda para escribir ciertas expresiones como por ejemplo esta. Y para hacer eso, lo que tenemos que hacer es algo como esto, vale, así que voy a seleccionar cualquier valor aleatorio para el que pueda escribir una expresión, y eso tiene un gran látigo detrás de él. Entonces, por ejemplo, seleccionemos Opacidad, ¿verdad? Entonces solo voy a seguir adelante y arrastrar esto, recoger látigo y arrastrarlo sobre el deslizador. Y como te mostré en una instancia anterior, eso, cómo funcionan los grupos es que solo conectan la propiedad escribiendo una expresión. Por lo que aquí se puede ver la expresión es deslizadores espaciados perfectos. Esto es algo que necesitamos conectarnos a este deslizador en particular. De acuerdo, así que voy a seguir adelante y Comando X, cortarlo, y sólo dejar todo como está. Voy a entrar al com de Animación, pero en lugar de escribir espaciado, voy a presionar, solo voy a pegar el valor o la expresión que copié y voy a dar clic afuera. Entonces por supuesto, hay un problema con esta línea de código en particular. ¿Puedes verlo? Simplemente voy a dar clic afuera y nos vamos a encontrar un error. Y el error dice que si actúo falta o no existe, esto, este error existe o está apareciendo porque solo afecto no va a funcionar. Recuerda que el efecto se aplica en la capa principal, que está en la plantilla comp. Tendrás que escribir por aquí usando notación de puntos y hacer la conexión adecuada. Entonces será plantilla de comp, ¿verdad? Capa de puntos y el nombre de la capa es capa principal. Y solo estoy presionando Enter cover aftereffects sugiriendo el nombre propio. Por eso no tengo que escribir todo el asunto. Y luego voy a escribir punto. Y si hago clic afuera, se puede ver que ahora está conectada. ¿ Y cómo nos aseguramos de que esté conectado? Voy a seguir adelante y crear múltiples copias esto, ¿de acuerdo? Y luego voy a entrar en la plantilla comp. Y si aumento este deslizador, verás que el, se ajusta a sí mismo. Pero ya sabes lo que es mejor para dulce verlo en tiempo real. Entonces lo que puedo hacer es ir al panel de proyectos y arrastrar una instancia de la animación comp por aquí. ¿ De acuerdo? Ahora si sigo adelante y selecciono la capa principal y entro en controles de afecto y ajuste el deslizador. Se puede ver que puedo ajustar el espaciado entre los textos dinámicamente. Y esto es una especie de aparejo y animación momento puedes hacer lo que quieras hacer, y todo simplemente fluirá y seguirá correctamente sin que tengas que animar múltiples cosas individualmente por su cuenta. Entonces voy a realmente simplemente no necesito la capa de animación aquí. Entonces voy a seguir adelante y borrarlo. Por lo que esta es la capa principal dentro de la plantilla. Esta es la animación. Y ahora puedo seguir adelante y empezar animar todo lo que está dentro de esta comp en particular. Lo primero que voy a hacer es cambiar este texto desde aquí porque es bastante estúpido. Entonces voy a entrar en la plantilla comp, ir a la capa principal y renombrar esto a solo un montón de hola, hola, hola. Puedes escribir lo que quieras. Acabo de firmar y voy a pegarle Ok. Voy a dar click afuera y el texto debería haber sido actualizado aquí. Entonces el error fue porque tu bloqueo mayúsculas, si tu Bloq Mayúsculas está en un After Effects te mostrará, oye, no puedes refrescar si eres un codón de catálogo, así que me olvido de ese tipo de error, solo bloquean las mayúsculas Turner. Además, tenga en cuenta que solo conectando los datos de texto de cada capa de texto aquí a esta capa principal en particular. Y no estamos conectando el estilo de fuente, por ejemplo, la fase de tipo de esto usando la ciencia de fuentes, etc. Así que todos esos se pueden ajustar aquí de forma independiente. Y por cierto, estoy usando la tipografía, enorme gótico para todos estos textos aquí. Probablemente sea gratis. No estoy seguro, pero puedes usar cualquier tipo de letra. Siente como realmente, lo siguiente que voy a hacer es seleccionar todo y aumentar el tamaño de la fuente lo suficiente para que eso tuviera que encajar correctamente el ancho del lienzo. Entonces sí, eso se ve bien. Y lo siguiente que voy a hacer es crear suficientes copias de tamaño de seguidores que desborda un nivel. Entonces Comando D, mando D, y ya sabes, había como un par de seguidores más aquí. De acuerdo, y quedará claro en un segundo por qué. Y ahora solo podemos animar la capa de líder y todo lo demás te seguirá. Entonces una cosa importante aquí, solo, ya sabes, solo una pequeña técnica de flujo de trabajo es que para todos los seguidores, miren a este particular escondido, este ícono se parece a un tipo recogiendo detrás de una pared. Así que tengo todos estos apagados para que podamos seleccionar y luego los sindicatos Calais puede cambiar. Entonces para todos los seguidores, tenlo oculto para que cuando hagas click afuera y pinches por aquí, solo pueda ver la capa de líder. Esto es para si quieres enfocarte exclusivamente en una capa, lo haces. Y ahora mismo, solo quiero enfocarme exclusivamente en la capa de líder para que pueda animar este entero, com entero para que parezca que es un gatear de textos infinitos. De acuerdo, así que así es como vamos a hacer eso. Entonces voy a seleccionar líder prensa P, y no vamos a animar la exposición sino la posición y. Entonces con su, con su cabeza de reproducción al principio mismo de la línea de tiempo, haga clic y agregue un pequeño fotograma clave. Entonces irá hasta el final y agregará otro fotograma clave. Y veamos si puedo arrastrarlo al Andy. Sí, ahí tienes. A 1 segundo marca porque esta comp, si recuerdas, es una segunda larga, vale, Ahora aquí, lo que solo queremos hacer ahora es que queremos que el líder avance y suba de tal manera que sea casi lo mismo exacto. Entonces esto es lo que quiero decir. De acuerdo, así que no puedo arrastrar mi cabezal de reproducción hasta el extremo, pero sabes qué, solo moveré este fotograma clave aquí y luego animaré y luego moveré el fotograma clave hasta el final más tarde. Entonces ahora mismo solo voy a seguir adelante, sostén Shift y usar mi flecha arriba. No movió un poco todo y sólo queremos que sea lo mismo que antes. Por lo que parece un bucle infinito. Entonces voy a golpear el espacio y debería parecer un bucle infinito. Sí, ahí está. Acabamos de avanzar para que este seguidor tomara la posición del líder. Y es por eso que, ya sabes, sólo se ve como un pergamino infinito si lo dejas jugar así. Entonces sí, eso es bastante guay, ¿no? Y si tu animación no está en un ciclo en la vista previa, todo lo que quieres asegurarte es que tienes la vista previa de ventana encendida. Y este ícono en particular. No es como medio abierto sino totalmente cerrado. Y entonces va a jugar así. Está bien, genial. Y también he arrastrado este fotograma clave hasta el final de nuevo después de ajustar la posición. Entonces eso es lindo. Y ahora lo que quiero hacer es crear una nueva composición. Llamémoslo Test 1 porque ahora solo podemos crear diferentes versiones de la animación. Y voy a elegir una especie de azul brillante para el fondo. Entonces golpearé bien, y volveré a golpear Okay, y se agrega esta nueva comp en particular y arrastraré una instancia de la animación comp aquí así. Y si golpeo play, volverá a verse igual. Eso es bueno. Y ahora puedo agregar efectos sobre esta instancia de animación com. Por lo que iré a efectos y presets por ahora. Simplemente lo arrastraré hacia arriba y averiguaré las coordenadas polares. De acuerdo, Así que solo voy a seguir adelante y arrastrarlo sobre esta comp en particular por aquí. Entonces voy a cambiarlo de rojo a polar y ponerlo en 100. Y mira esto, mira esto, ¿verdad? Y es como que parece que todo está siendo succionado. Pero si quieres que parezca un altavoz, lo que puedo hacer es hacer clic derecho en esta comp, ve al tiempo y ve a la capa inversa de tiempo. Y si golpeo el juego, puedes ver que se verá como si todo estuviera saliendo de ahí. Entonces este es un bonito efecto que puedes tener. Y entonces también podemos hacer algo así como, vamos a presionar R e ir a la opción de propiedad de rotación. Haga clic en la rotación y tecleemos en el tiempo y FAD y miren, miren, parezcan como se ve eso. Entonces esto es otra vez, dices eso otra vez, algunos cool que puedes tener, ¿verdad? Y ya sabes, solo para que se vea un poco mejor, voy a dar clic en Agregar animación, esta compresa pidió darle la báscula y simplemente disminuir un poco la escala. Y solo voy a presionar Space para previsualizar y sí, mira eso. Y se ve genial, ¿no? Y la mejor parte de esta mejor parte sobre todas estas que son realmente como imagina que estás haciendo algo como esto para un cliente o para tu proyecto. Y ya sabes, sucede un cambio que tienes que acomodar, por ejemplo, el cambio de texto. Si alguien dice, Oh no, que el todo Jeanette hellos debe ser minúscula. Entonces sí, así que sólo tengo que hacer cambios en un lugar y ese cambio se propagará a este particular, la animación final, lo que sea que hagas a través de la animación comp. Y eso fue genial. Sólo voy a presionar Command Z un par de veces para volver a la animación original. De acuerdo, así que el punto era decirte que las expresiones y las formas normales de trabajar como keyframe, etc. Ambos funcionan muy bien juntos en compañerismo, no es que tengas que usar expresiones exclusivamente o el forma normal de animar exclusivamente. Creo que eso es muy obvio y ni siquiera requiere que te lo diga. Pero ahora lo sabes con su forma regular de animar donde añades fotogramas clave, etcétera. También hay expresiones que pueden automatizar algún trabajo gruñido como cambiar texto en cinco lugares diferentes o, ya sabes, el ajuste, espaciado y todo eso. Por lo que esos trabajan muy bien juntos. Y eso fue todo por este video, creo que están muy cerca de la marca de 20 minutos. Pido disculpas si no te gustan los videos más largos, pero tengo que mostrar esta animación y tuve que hacer un punto. Entonces de todos modos, te veré en el siguiente video donde hablaremos más de expresiones y concluiremos esta clase. Esperemos. 9. ¿Conclusión y qué es la siguiente?: De acuerdo, Entonces estamos en la última lección de esta clase y en este punto hay algunas cosas que espero. Espero que las expresiones ya no sean solo jeroglíficos para ti. Espero que las expresiones ahora no sea algo que encontrarías en Internet y solo quería copiarlo, pegarlo después del lugar requerido y que se haga con él. Espero que si miras una expresión ahora deberías poder escoger partes de una variable de lag y la notación de puntos para atravesar a una determinada capa sean a una propiedad de ciertas capas. Para que puedas escoger esas piezas. Y si es necesario, también puedes hacer cambios a esa expresión para que se comporte y la forma que quieras en contraposición a que la use para justo para lo que se ha escrito. Espero que tomar esta clase haya sido una especie de empuje suave en una puerta, en la puerta que se abre al maravilloso mundo de las expresiones. Y ahora que has empujado un poco la puerta, puedes echar un vistazo dentro al mundo de las expresiones y tampoco tener miedo de entrar realmente más allá en esta clase, te diré algunas cosas más. Las expresiones enlazadas comparten recursos que en realidad estoy usando para aprender más sobre las expresiones. Y luego al final, pero tú Pharrell. Por lo que sin mucho preámbulos, volvamos a After Effects. Ahora estoy dentro de After Effects con un cuadrado amarillo y el lienzo. Ahora si entro en cuadrados, transformo y posiciono, y opcion click en posicion como si estuviera a punto de escribir y expresion. Verás este pequeño botón Play por aquí dentro. Este es el menú lleno de ayudantes de expresión. Echemos un vistazo. Hay cosas muy avanzadas en la parte superior o incluso en como generalmente repartidas a lo largo de este minuto hay algunas cosas muy avanzadas. Entonces si posteriormente decides profundizar, puedes usar este menú para agregarlos automáticamente. Veamos cómo podemos usar este menú. Y echemos un vistazo a una de las expresiones geniales incorporadas que puedes agregar desde aquí. Si vas aquí abajo a la propiedad y verás un par de cosas familiares como valor, valor a tiempo, cosas que ya conoces, pero también encontrarás algo llamado meneo. Y si haces click en vagal, verás que se agrega automáticamente al panel de expresiones. Y aquí hay un montón de más código para indicar lo que se necesita llenar. No necesitamos preocuparnos por estos últimos tres de Octavio a tiempo. No necesitamos preocuparnos por el así que déjame seleccionarlos y presionar backspace para deshacerme de él. Y sigamos adelante y llenemos diez donde se escribe freak o frecuencia y 50 donde se escribe amplitud. Te explicaré en un poco lo que significan estos números. Por lo que voy a dar clic afuera. Y si hago click, lo siento, no click a tope press space, verás que la plaza va absolutamente extraña en vagal y en otras funciones como wiggle, tienes que proporcionarle ciertos parámetros. Estas cosas que van dentro del soporte, estas de aquí, estas se llaman parámetros para retorcerse, los parámetros son frecuencia, por lo que el primer número es frecuencia y amplitud. La frecuencia es cuántas veces por segundo debe aumentar o disminuir el valor del inmueble. Y amplitud significa hasta qué punto. Entonces si pongo frecuencia o FREQ o Frank, si lo recuerdas a algo bajo, como escribir, verás que la plaza se moverá con menos frecuencia, por lo que se mueve con menos frecuencia. Y si aumento la amplitud, quiero decir hasta qué punto se permite que la plaza se mueva a la luz solar, 300, verás que se alejará más lejos de su propia posición, ¿verdad? ¿ Ves eso? Puedes ajustarlo de acuerdo a lo que funcione para ti. Vayamos con algo así como 80 y 300. Veamos cómo se ve eso completamente Masaryk, 80s o frecuencia. Entonces está pasando más veces por segundo, pero sí, el resto de aquí depende de ti explorar. Y ahora permítanme presentarles algunos recursos que estoy usando para profundizar en la expresión yo mismo y cómo se pueden utilizar para. Entonces sigamos adelante y revisemos los recursos. Y por supuesto dejaré los enlaces a todos estos recursos en esta clase tiene recursos. Entonces sí, el primero es motion script.com. Se trata de un recurso viejo y dorado que ha existido por tanto tiempo. Y creo que muchas expresiones veteranos en realidad han utilizado el sitio en particular escritorio para aprender. Y si entras en este enlace en particular llamado Mastering expression, podrás aprender mucho, mucho más exactamente de uno a uno a todas estas cosas extras como si lo demás condicionales, ya solo algo que ya le dije tú, entonces te puedes preocupar por el seno y el coseno y todo lo demás. Así que basta con hacer click en cualquiera de estos o simplemente seguir desde la parte superior. Se trata de artículos muy cortos y se puede pasar por ellos en muy menos tiempo y también aprender mucho, ¿verdad? Entonces voy a dar clic fuera de este recurso, pero recuerda lo siguiente. Si quisieras aprender una expresión, debería ser si lo contrario condicionales, estos, estos serán bastante cool. De acuerdo, vamos a este particular Google Doc. Copié este enlace a este documento de Google del video de Ben Marriott, que también se menciona aquí. Y él, aquí dentro, encontrarás algunas expresiones geniales de After Effects, ¿verdad? Eso también puedes ver desde este video en particular que está aquí. De acuerdo, ahora abro este punto solo para mostrarte cómo suelen escribirse las expresiones, ¿no? Entonces veamos estas expresiones que ha mantenido escala cuando los padres tenían. Entonces solo copiaré el código y lo pegaré en algún lugar. Ese poco lo hacen más legible así que lo pegaré aquí. De acuerdo, Ahora primero que nada, verás que esta línea en particular, esta es una variable que crea una matriz vacía, ¿verdad? Deberías poder notar que ahora dos cosas o varias cosas importantes es que no hay dejar frente al nombre de la variable, que es S en este momento, ¿verdad? Entonces la forma en que funciona JavaScript es que en ciertas condiciones puedes omitir Let y JavaScript seguirá creando una variable para ti. Por lo que omitir dejar aquí funciona por las condiciones que se cumple dentro del panel de expresiones. Pero sugeriré siempre es buena idea prefijarlo con el plomo. Y otra cosa importante a mirar aquí es que la variable nombrada aquí escrita, como les he advertido antes en esta clase, es simplemente como un no descriptivo. Y recuerda los nombres de las variables que usamos, capa arriba, capa encima de la posición y todo el código verboso que escribimos. Entonces ya sabes, tener sólo un nombre variable que es S o P, S. Genial, No genial. Trata de escribir todo el asunto. Entonces la cosa es que incluso ahora si te encuentras con una expresión como esta, podremos entender, ¿verdad? Y luego está S y P, S, y luego esta S se le asigna al valor, ¿no? Tendré que leer adónde va esto esencialmente. Esto, esta expresión definitivamente no va aquí. Es entonces cuando hay un error. Entonces borraré y volveré. Puedes ver el video y conocer más sobre esto aquí. Entonces lo que se debe quitar de este recurso es la omisión de plomo que se permite y no, no cree nombres de variables que sean S y P como simplemente ser un más descriptivo, ser más descriptivo, no todos más. Lo que ha pasado con mi gramática, y lo otro importante de lo que quiero hablar es el punto y coma. Por lo que en JavaScript, también puedes omitir el punto y coma. El punto y coma tiene un opcional. Entonces no te preocupes por ello. ¿ De acuerdo? Y de aquí también, como en el último recurso te dije que aprendieras si lo demás condicionales avanzando, lo siguiente que debes aprender de avanzar de aquí es cuatro y bucles. Entonces si lo estás apuntando en alguna parte, apuntó. Y el último recurso que quiero agregar que voy a compartir con ustedes. Realmente no recuerdo de dónde saqué esto. Definitivamente no he escrito esto. A lo mejor lo conseguí de Reddit o algún video de YouTube, no estoy seguro. Por lo que el crédito a quien creó esto. Para que puedas pasar por todo esto. Hay un montón de atajos y hay un montón de expresiones y lo que hacen para que puedas pasar por ellas y aprender más. Y por supuesto, como dije antes, encontrarán el enlace a todos sus recursos en la sección de recursos de esta clase. Hazme saber cómo te gusta esta clase. Si lo deseas, puedes dejar una reseña a, o si estás atascado en algún lugar, puedes entrar a las discusiones y me aseguraré de ayudarte por ahí. O si quieres hablar de algo general, solo hazme un golpe en Twitter. Aquí está la dirección. Debería estar en la pantalla. Y si quieres que haga una segunda parte de esta clase con expresiones más avanzadas, házmelo saber también. Y te veré pronto en una clase diferente. Adiós.