Transcripciones
1. Introducción: ¿ Alguna vez has querido describir a alguien o algo en tu video? A lo mejor mencionó el nombre en pantalla, lo que hacen, combinado con una animación cool. Quizás necesites algunos gráficos para tu Proyecto de Video Premiere Pro. Hola, soy Sonya. Soy diseñador de movimiento y profesor en línea, y eso es lo que hoy te estoy enseñando. Estaremos creando un responsive lower que animación en After Effects, podrás personalizar en Premiere Pro, así
como usar dentro de After Effects. Podrás llevar un polaco profesional a tus claves de video. Pasaremos por el proceso de tomar una plantilla de título existente y transformarla en un tercio inferior
del mismo estilo mientras aprendemos expresiones
nuevas y avanzadas para crear un diseño responsive y modular. No más ajustando el diseño y la animación al realizar cambios el texto o exportar archivos de vídeo de tus gráficos para añadirlos a tu proyecto de video, podrás usar múltiples instancias de la misma comp en After Effects y hacer cambios individuales sin impactar el comp original, necesitarás Adobe After Effects para esta clase, esta clase es perfecta para estudiantes intermedios. Podrías estar más a gusto con After Effects si lo has usado antes, pero te llevaré a través de todo paso. No se requiere ningún conocimiento previo de crear plantillas de gráficos en
movimiento de expresiones de escritura. Por favor, descargue los activos proporcionados en los recursos. Al final de esta clase, podrás crear plantillas de animación responsive en After Effects. Estarás bien informado en cómo usar los usuros y avanzarás en el nivel de habilidad de codificación de expresiones. Esta cláusula es la parte 2 de una serie de tres partes sobre plantillas de gráficos en movimiento. Cada clase de la serie utiliza los conocimientos y resultados de las clases anteriores y se construye a partir de él. Puedes dirigirte a la parte 1 de esta clase si quieres obtener una experiencia de aterrizaje completa y volver a la Parte 2 después de eso, si prefieres saltar a la derecha en esta, asegúrate de descargar los activos proporcionados para seguir este clase. Lo que estamos creando en este curso es una gran adición para dar
clases a un video de YouTube o de cabezas parlantes. Listos, empecemos.
2. Proyecto de clase: Hola, Bienvenido a mi clase. Déjame contarte sobre la asignación del proyecto que vas a estar abordando hoy. El proyecto para esta clase será crear una plantilla de gráficos en movimiento modular y sensible. He creado plantillas de motion graphics como estas para Adobe Stock, me gustaría llevarte a través del proceso de
creación de este tipo de plantillas paso a paso. Para un proyecto exitoso, debes tener una animación
creada, unas secuelas exportadas como un video mostrando diferentes opciones estilísticas de tu plantilla. Siéntase libre de utilizar los activos que proporcioné en la galería de proyectos. Por favor comparte un video de tu proyecto en la galería de proyectos. Me encantaría ver lo que se te ocurre. Saltemos a la clase.
3. Preparación de la composición: Esta clase se basa en la parte anterior de esta serie de clases. Si has tomado esa clase, sigue
adelante y usa el archivo de proyecto que creaste en esa clase. Si no lo has hecho, puedes descargar los activos necesarios de los recursos. Importar el archivo de proyecto de plantilla de título. Puedes ir a la ubicación de tu carpeta y arrastrarla a la derecha a la ventana de tu proyecto. O puedes pulsar Control I y navegar a la ventana de tu proyecto e importarlo de esa manera. Ya tengo unas cuantas carpetas configuradas aquí. Por lo que voy a arrastrar esta carpeta importada a mis activos y cambiar esa cerrada por ahora, puedes crear nuevas carpetas yendo al botón Crear nueva carpeta. Y de inmediato te dará la opción de dar esta carpeta y nombre. Después puedes presionar Enter para dejar de escribir, y puedes presionar Enter para cambiar el nombre de esa carpeta. También puedes eliminar carpetas. El directorio de sólidos es una carpeta automática que se crea cada vez que se crea un objeto nulo, una capa sólida y cualquier otra cosa que aftereffects proporciona que se guarda automáticamente en los sólidos. Entonces lo primero es lo primero, voy a tomar este comp y lo voy a duplicar golpeando Control D e inmediatamente renombrándolo a Fed
más baja porque estaremos usando todos sus ajustes y propiedades en el panel Gráficos Esenciales que configuramos en la última clase. Y lo voy a arrastrar a mis pre-comps. También verás que tienes sólidos aquí, en tus activos. Estos sólidos ahora están vinculados a ambos archivos. Así que asegúrate de no eliminar esta carpeta de plantillas. O si sí quieres deshacerte de él al final de esta clase, una vez que hayas terminado con toda la plantilla, asegúrate de arrastrar este nulo a tu carpeta de sólidos operativos y lo
dejes aquí y lo elimino porque yo te puede mostrar lo que pasa entonces, porque este control objeto nulo es que ahora aquí si elimino esta carpeta, repente mis frenos, así que asegúrate de tener un ojo en eso. Si sí quieres deshacerte de esta carpeta de plantillas, sí
quiero guardarla por ahora por si acaso quiero volver a alguna configuración original. Si alguna expresión no funcionó, puedo comprobar con la expresión original qué he cambiado si cometí un error o algo así. Por lo que siempre me gusta guardar un duplicado de un original que introduzco en mi proyecto After Effects. Voy a mantener ese nulo el, con la esperanza de que no me olvide tirarlo al si decido eliminar esa carpeta. Ahora lo que vamos a hacer, vamos a arrastrar esta composición para crear nueva comp. Entonces vamos a golpear Enter y renombrarlo a main. Y me gustaría mostrarles algo sobre lo que ya se instaló aquí. Aquí tenemos estas barras azules, y esas son regiones protegidas. Si no ves estos, o si has cambiado las regiones protegidas o cualquier otro marcadores en un precomp, puedes hacer clic con el botón derecho en esa capa en el exterior de esta comp. Y puedes ir a marcadores y puedes actualizar a Marcus desde la fuente. Por lo que si tienes unos marcadores de cambio, se
pueden actualizar en la capa en una composición padre. Ahora donde vamos a entrar, esto es exactamente lo que son. Y te mostraré por qué los configuramos, porque aquí tenemos animación son fotogramas clave. En el último fotograma clave es donde tenemos esta región protegida donde termina. Y al final, la animación también tiene una región protegida. Y lo que eso hace es cuando squash esta capa, se
puede ver que la capa se está haciendo más pequeña, pero las regiones protectoras se mantienen exactamente iguales. Y eso es porque no queremos cambiar la velocidad ni la longitud de la animación de entrada y salida. Tan solo por un segundo para volver a la configuración de la composición. Siguen siendo los mismos que en la composición del título. Estamos trabajando en una velocidad de fotogramas de 25 fotogramas por segundo, 1920 por 1080 razón de aspecto de píxel cuadrado. Y ocho segundos de duración y un fotograma extra solo para que cuando vayamos a esos ocho segundos, en
realidad diga ocho segundos. Ya he explicado esto un poco en la última clase, pero sólo voy a repetir para los que no vieron esa clase, el cuadro extra después de los ocho segundos es en realidad su propio marco independiente. Entonces si iba a terminar esto a los ocho segundos. Y 0 fotogramas, aparecería así, siete segundos y 24 amigos porque este último fotograma donde terminan los ocho segundos, ese es ese marco al que no podemos llegar. Y tiene sus feos siete segundos y 24 cuadros. Mira que no, en este caso marcan la diferencia. Si haces bucles, sí hace la diferencia. Pero en este caso, porque tenemos una animación de entrada y salida, ese pequeño fotograma realmente no hace diferencia, pero me gusta ver los ocho segundos completos. Entonces eso es lo que he elegido hacer, agregar ese marco adicional solo para hacer eso y bonito número redondeado. Ahora volvamos a saltar a esa composición. Y iremos a algún lugar donde no haya animación, solo en el centro del fotograma fijo. Y haremos click en este control presionará P para obtener la posición de esto. Y ahora mismo, porque es el duplicado del título, todas nuestras capas de textos y nuestro marco siguen en el centro de la pantalla. Y los queremos en la esquina inferior izquierda de la pantalla porque un tercio inferior está generalmente en la esquina inferior izquierda. Entonces hagámoslo. Pero no toquemos la x Sólo
pongamos eso abajo a 0 y la y, En algún lugar alrededor de la región 830. Estaremos posicionando la exposición con una expresión. Lo alinearemos dinámicamente en la siguiente lección. Por lo que no es necesario escribir nada en el 0. Y si no estás viendo estas guías que tengo en mi pantalla, puedes ir por aquí en la parte inferior de la pantalla de composición, elegir opciones de cuadrícula y guía. Y puedes abrir título y acción segura, o puedes golpear el apóstrofo en tu teclado. Y es bastante importante tenerlos puestos porque
queremos quedarnos dentro de esas guías cuando estamos posicionando a nuestro Lower. Tercero. Lo que significan estas guías seguras de título es volver en el día en que las pantallas eran un poco más curvas y no planas como son hoy en día. Los bordes del marco o de la imagen estarían ligeramente distorsionados. Por lo que la regla del pulgar era mantener el texto dentro del marco interior y mantener el movimiento dentro
del marco exterior para que el espectador no viera las cosas importantes distorsionadas en la pantalla. Entonces ahora ya no tenemos ese tema, pero sigue siendo una de las mejores prácticas quedarnos dentro de esas guías tituladas. Entonces vamos a tratar de hacer eso. Pero ahora mismo, el número que escribes en tu por qué no es enormemente importante porque estaremos jugando con eso un poco más adelante. Pero por ahora, solo colóquelo en algún lugar de la esquina inferior izquierda de la pantalla. Y a continuación, vamos a sumar un alineamiento a la izquierda a la exposición.
4. Texto de alineado: Para poder utilizar nuestra plantilla como un tercio inferior, necesitamos que el texto se expanda lejos del borde. Significado cuando estamos cambiando el texto, necesitábamos estar alineados a la izquierda. Cuando está en el lado izquierdo de la comp, podemos agregar una expresión para cambiar esa alineación de párrafo. Primero abramos los gráficos esenciales. Puedo entrar en la tercera comp inferior. Puedo hacer clic derecho e ir a Open Essential Graphics. Estas son todas las propiedades que agregamos en la clase de plantilla de título. Entonces todos siguen aquí porque duplicamos ese comp y ahora podemos darle un nuevo nombre porque es una nueva comp y nuevas propiedades esencialmente. Llamemos a esto tercio inferior. Entonces podemos abrir la propiedad de posición en la capa de control pulsando P, Podemos mantener Alt y hacer clic en el cronómetro para empezar a escribir nuestra variable. Y primero, sólo abordemos lo que ya hay aquí. Valorar todos los corchetes duros. Entonces, tan pronto como comienzas a escribir hot brackets dentro de hot brackets, se quita
el primer conjunto de corchetes. Así que asegúrate de empezar con un soporte caliente. Entonces tenemos valor 0. El 0 está de nuevo en un conjunto de corchetes, valor de
coma uno, y el uno está entre corchetes duros y todo está cerrado a menudo de nuevo entre corchetes calientes. Y ahora mismo, esto no dice nada más que darme x e y de esta propiedad, que es la propiedad de posición. Ahora vamos a empezar a cambiar estos valores. Esto también se llama una matriz. Y los ítems dentro de los valores de la matriz, el primer valor en realidad comienza con el número de índice 0, y el segundo valor tiene el índice número uno. Esto se aplica a todos los valores dentro de una matriz. El primer índice comienza con 0 y luego continúa contando después de eso, ya que sólo estaremos apuntando al valor x. Entonces el primer índice 0, solo
podemos mantener el valor y tal como está. Entonces sólo llamar a lo que y ya está configurado. Y ahora vamos a sumar un poco más de expresión. Entonces vamos a golpear Enter al inicio de esta declaración para agregar más información a la parte superior, Vamos a escribir una variable. Y las variables pueden ser cualquier cosa con letras y números, sin espacios. Y quiero apuntar el tamaño x y quiero recoger látigo que al control de deslizador que ya hemos nombrado x size. Y cómo podemos hacer eso es haciendo click en el látigo de púa, arrastrándolo hasta aquí. Y también quiero sostener ALT para que esto se convierta en una expresión universalizada. Si no mantuviera Alt, entonces agregaría el nombre del deslizador, que puede causar problemas si cambias entre diferentes lenguajes de After Effects. Por lo que para evitar eso, trato de sostener siempre ALT cuando estoy usando el látigo de púa. Y luego reemplaza el deslizador y el nombre del deslizador por un pequeño número de índice. Ahora, podemos tomar esta variable, puedo copiar pegado y reemplazarlo aquí. Ahora si has olvidado cuál es el tamaño x,
es el ancho de nuestro marco, de nuestra ley. Por lo que el marco es una capa de forma. El capa de forma tiene un rectángulo. Y el tamaño del rectángulo se está vinculando con los deslizadores de tamaño x y tamaño y en nuestra capa de control. Y estos deslizadores están calculando el ancho del título más 2 veces relleno. Entonces eso es lo que ejercicios calculando es el ancho del texto más el relleno. Ese es el tamaño de nuestro marco. Y ahora hemos agregado esa variable a nuestra propiedad de posición. Podemos usar ese valor para calcular a qué
distancia del borde queremos que se siente el tercio inferior. Por lo que hemos llamado al diseño de control, hemos llamado al deslizador de tamaño. Y ahora en realidad necesitamos hacer un poco más de cálculo. Asegúrate de terminar
tu sentencia variable con un punto y coma después de haber recogido azotado al control de deslizador. Debido a que nuestra capa de control está sentada en el centro de todo nuestro título, en realidad
necesitamos calcular la mitad del ancho de nuestro título. Entonces vamos a añadir otra variable. Añadamos posición x. Pero en realidad no quiero usar esta expresión x posición porque en cuanto se vuelve morado, eso significa que es un término reservado por secuelas y se puede usar en otros cálculos muy específicos. Entonces para no confundir, esto lo reservó, sólo
voy a llamarlo x pausa igual, y luego voy a tomar esta variable anterior, x size y dividirla por dos. Nuevamente, ciérrelo con punto y coma y luego reemplace el tamaño x. Con x pausa y tan pronto como comienzas a escribir, empieza a sugerir cosas. Y puedes presionar el Enter en tu teclado en el teclado numérico para tomar esa sugerencia. Tan pronto como termines, también
puedes pulsar Enter para cerrar tu expresión. Y ahora si hago clic en este marco, se
puede ver que el borde del marco está exactamente en el borde de la pantalla. Eso es exactamente lo que quiero por ahora. Obviamente, no queremos que el marco esté exactamente al borde. Querías estar un poco lejos. Entonces vamos a agregar un margen, y ya tenemos una configuración de deslizador de margen en nuestra capa de control. Entonces, ¿por qué no agregamos eso a nuestro cálculo también. Por lo que vamos a añadir otra variable y que siendo margen. Y vamos a recoger látigo a nuestros efectos. Y de nuevo, estoy sosteniendo Alt, cerrándolo con punto y coma. Y habrías notado que cuando estaba haciendo clic en varias capas aquí, esta ventana de Control de Efectos nunca ha desaparecido. Eso es porque he hecho clic en toggled view alloc. Y si no puedes ver esta ventana de controles de efectos en absoluto, puedes presionar el control F5 para que aparezca. Ah, en realidad, lo siento. El control 5 fue para efectos y presets. Puedes ir a Ventana y luego puedes abrir los controles de efectos para esa capa. Si no tienes eso abierto ya y para que esto no desaparezca cada vez que cambio de capa, he alterado el bloqueo del visor. Entonces ahora siempre es que, de acuerdo, vuelta a la expresión, tenemos el margen. Por lo que ahora voy a sumar a este cálculo más margen. Ahora como vinculamos esa variable de margen a un deslizador, también
podemos cambiar este valor para alejar ese marco un poco más de la pantalla, se
puede ver que el subtítulo se está moviendo porque está vinculado
al mismo deslizador de margen, pero eso está bien. todos modos haremos cambios al subtítulo. Entonces, no te preocupes por eso por ahora. Cuando cambiemos nuestro título ahora, verás que en realidad está alineado a la izquierda. Cuando estamos escribiendo, el texto se está expandiendo hacia la derecha y está bloqueado en el lado izquierdo de
la pantalla a pesar de que los ajustes del párrafo están realmente configurados en el centro. Pero debido a esta depresión con forzar el texto a alinearse a la izquierda cuando está en el lado izquierdo de la pantalla. A continuación, modificaremos esta expresión para que tenga un rango de posición fijo y cambie
dinámicamente el texto a susto y alineación cuando el tercio inferior alcance el lado derecho de la comp. De esa manera, siempre escribe en la dirección correcta dependiendo de qué lado de la pantalla se encuentre.
5. Alineación de texto y rango de valor fijo: Actualmente, nuestro Tercer Menor está alineado a la izquierda. También se fija al lado izquierdo de la pantalla. Si intentas mover el deslizador de posición global en el panel gráfico esencial, notarás que no puedes cambiar el valor. Puedes saltarte esta lección. Eso es todo lo que quieres lograr. Pero si queremos que nuestro Tercero Inferior sea totalmente personalizable, necesitamos poder moverlo y necesitamos una opción para la alineación correcta también. Entonces subamos de nivel nuestra expresión previa. En primer lugar, abriremos la propiedad de posición pulsando P o golpeando E dos veces para revelar todas las expresiones de esta capa. Y podemos eliminar cualquier otra capa o propiedades que no queramos ver pulsando Alt Shift y haciendo clic en esa propiedad, queremos desaparecer. Vamos a quitar el margen del cálculo de la exposición y vamos a reemplazar los dos valores de nuestra matriz. Queremos crear una expresión de pinza, que te explicaré en tan solo un minuto. Pero lo que queremos lograr creará una pinza para la coma x y una pinza para la y. y en cuanto salga de esta pantalla de expresión, after Effects me va a dar un mensaje de error porque aún no
he definido estas dos variables, pero lo haremos en un momento. Entonces, ¿qué es una función sujeta? Permítanme explicarlo con un poco de detalle. Entonces para la abrazadera x, por ejemplo, una función de abrazadera tiene lo siguiente. En el interior. Tiene el índice de propiedad. El que está apuntando, tiene un valor mínimo, y tiene un valor máximo. La función de pinza limita el rango dentro del cual se puede mover el tercio inferior y esta función se puede poner en la mayoría de las otras propiedades o capa tiene para ofrecer. Si quieres limitar el tamaño de algo, si limitas la posición, si quieres limitar la opacidad de algo, la función de pinza se puede aplicar a todos estos. En nuestro caso, queremos que se
impida que el usuario de nuestra plantilla mueva el tercio inferior fuera del área segura del título. Y solo para tener en cuenta, esta función no funcionará si la estás usando dentro de After Effects, solo
funcionará si usa el Moghul en Premier Pro. Pero sin embargo, también creará una alineación dinámica del texto que cambiará automáticamente entre la alineación izquierda y la derecha, dependiendo de dónde en la pantalla esté sentado el tercio inferior. Entonces esa es funcionalidad adicional que proporciona en nuestra combinación de expresiones. Hemos eliminado el margen del cálculo de la exposición. Ahora hemos cambiado la declaración de matrices. Ahora, tenemos que sumar el valor del margen a la posición cuando el tercio inferior está
del lado izquierdo y restar el valor cuando el tercio inferior está del lado derecho. Por lo que necesitamos agregar ese cálculo a los valores mínimo y máximo. Y para facilitarnos la vida, crearemos deslizadores para nuestros valores mínimos y máximos. Para el valor x, no
necesitamos ningún deslizador, por lo que podemos ingresar toda la información. Índice de propiedades de la abrazadera x es el valor de posición x. Por lo que podemos resaltar índice de propiedades si aún no has
seguido adelante y copiar la sentencia x clamp variables, incluyendo la función clamp con todos
los valores que he escrito dentro de eso resaltan el índice de propiedades. Usa el látigo de pick y guiado a tu valor de propiedad de posición X que
ahora será reemplazado por transform.py número de índice de posición 0. Ahora vamos al segundo valor de esta función. Y aquí queremos calcular posición x más margen. Entonces es cuando el tercio inferior está todo el camino a la izquierda, esta es la posición mínima en la que queremos que esté. Y la posición máxima en la que queremos que esté es el compuesto con el que en mi caso es 1920 por 1080. Pero esto es totalmente dinámico y no tenemos que cambiar ningún número dentro de nuestra expresión. Quiero usar los términos de After Effects y podemos usar esta calma para eso. Y es el ancho de esta comp. Por lo que este ancho de punto comp y puedes usar las sugerencias after Effects te está dando para los términos Reservados que tiene. Menos x posición esta vez porque plus es cuando vamos a la derecha menos es cuando vamos al margen izquierdo menos. Y queremos cerrar esa variable entera con punto y coma. no verás ningún resultado porque aún necesitamos agregar el cálculo de abrazadera x. Y para ayudarnos con los valores mínimos y máximos para eso, crearemos algunos deslizadores. Y como ya tenemos unas diapositivas por aquí. Simplemente agarraré el deslizador de margen porque no tiene ninguna expresión en él. Con Control D, lo duplicaré. Lo llamaré y pinza nin por mínimo. Y por qué pinza Max para máximo. Y pongamos aquí algunos números arbitrarios, algo así como 230 está en la parte superior, el mínimo, y digamos que 850 es el máximo, ajustará esos números a medida que avancemos. Pero ahora tenemos esos números accesibles como deslizadores en lugar de
tener que entrar en la expresión y cambiar esos números cuando cambiamos de opinión. Entonces ahora sumemos todo eso aquí. Copiemos la expresión o declaración x clamp. Cambiemos esto a y Cambiemos el 0 a uno porque ahora estamos apuntando al segundo índice, whi, que es uno. Y ahora queremos enlazar a esos deslizadores. Podríamos simplemente agregar eso aquí por pick azotando directamente al deslizador. Pero creo que esto es un poco feo. Para tener esto un poco más limpio, podemos crear estas variables aquí, para que toda la declaración se vea mucho más limpia. Y podemos crear una abrazadera y. Hombres. Tengo un problema con la ortografía. ¿ Por qué pinza Min? Y debido a que eso ya existe como variable, puedo presionar Enter en mi teclado de teclado Num y ahora podemos escoger látigo a eso, sosteniendo ALT, cerrándolo con punto y coma. Y por qué pinza max. Todavía no es una expresión R, así que no lo está sugiriendo. Y ve al deslizador sosteniendo todo cerrando con punto y coma. Y ahora en lugar de tener este feo largo, no
es tan largo en este caso, pero puede llegar a ser muy, muy largo. Por lo que siempre sugiero crear variables para sus deslizadores a los que se está vinculando y luego usar esas variables en sus declaraciones. Y ahora nuestra abrazadera x e y está funcionando. Vamos a probarlo. Por lo que no puedo ir más allá, pero puedo moverlo a izquierda y derecha. Y como pueden ver, ahora se detiene ahí. Por mucho que tire, no irá más allá. Y lo mismo sucederá con mi y. puedo jalar y tirar y no irá más allá de 230 y no irá más allá de 850. Entonces eso es absolutamente excelente. Y si yo, durante el transcurso del ajuste, quiero cambiar los números, puedo cambiarlos aquí y aquí se aplicarán. Se convertirán en los próximos mínimos y máximos. Y si las secuelas te están dando algún error, asegúrate de no haber escrito nada mal. Tengo la costumbre de hacer eso. todos no se les ha faltado ningún punto y coma al final de sus declaraciones. Y todas tus declaraciones tienen el número correcto de corchetes duros y redondos. Especialmente cuando se trabaja con variables, es muy fácil escribir mal una palabra. Y al usarlo varias veces la expresión que no puede encontrar la variable correcta. Adelante e intenta mover tu tercio inferior y cambia el texto. Debes notar que no puedes mover la posición global más allá de los valores mínimos y máximos que has establecido. Y que la alineación cambie dependiendo de dónde esté sentado tu texto en pantalla. Comprobemos eso. Pongamos esto todo el camino a la derecha. Y ahora tecleemos. Y en realidad se está expandiendo hacia la izquierda. Estaremos jugando con el dimensionamiento y la posición de este Tercer Menor más adelante. Y no quiero entrar en la expresión para cambiar
los valores mínimo y máximo de la pinza. Es por ello que he vinculado esos valores a los deslizadores. A continuación, cambiaremos la posición del subtítulo para que quede por debajo del título y dentro del marco.
6. Subtítulo en el cuadro interno: En la parte 1 de la serie de clases, has aprendido a posicionar dinámicamente el subtítulo fuera del marco. Ahora vamos a aprender a posicionarlo dentro del marco, incluyendo reposicionar el título dependiendo de si el subtítulo está encendido o apagado. Vamos a la capa de control y cambiemos hacia abajo hasta que lleguemos al por qué tamaño. El tamaño y es calcular la altura de nuestro marco de título. Y queremos limpiar un poco esto. Vamos a renombrar título a Título 1 y también
título Ocultar, Título 1, altura y en todas partes donde diga título, queremos agregar uno. Porque ahora vamos a sumar el subtítulo al cálculo que se va a titular también. También puedes distinguir entre subtítulo, derecho si quieres, pero solo voy a ir con el título uno derecho a. Ahora voy a copiar todo esto. Pega eso de nuevo. Y ahora voy a cambiar todo al Título 2. Y quiero vincular esto a la capa de subtítulos, que en este caso se denomina subtítulos. Por lo que podría haber renombrado esto aquí y se habría vinculado a la capa correcta. Y voy a reemplazar cada uno por los dos. Y por supuesto, porque estamos calculando la altura, no
necesitamos cambiar la altura aquí que se mantiene igual para el subtítulo también. Queremos estar calculando la altura del título y del subtítulo. Ahora en el cálculo de caja, queremos hacer esos cambios también. Y queremos agregar el cálculo del subtítulo, por lo que título a altura se suma a eso. Y necesitamos calcular la altura de línea entre el título y el subtítulo está bien, necesita
haber un poco de espaciado. Por lo que ahora mismo, el título, altura de línea o el espaciado entre el marco y el subtítulo se calcula con el margen. Pero vamos a cambiar eso, vamos a agregar otro control de deslizador haciendo clic en uno de los más mínimos que no sostiene una expresión, Control D para duplicar eso, pulsa Enter. Esta va a ser la altura de la línea o el lead-in. Vamos a llamarlo line-height. Y ahora necesitamos vincularnos a ese control de efectos. No estoy usando el término préstamo porque es un término reservado dentro secuelas y podría estropear los cálculos. Estoy creando una nueva variable llamada line-height, pero dejar es lo que define el espacio entre dos líneas de texto. Entonces eso es vivir, pero yo lo llamo line-height. Ahora, quiero escoger qué a eso y estoy sosteniendo Alt, y quiero ir al deslizador aquí. Y de nuevo, tengo mis controles de efectos bloqueados haciendo clic en el bloqueo de toggle VO para que siempre visible sin importar en qué capa haga clic. Ahora queremos agregar esa altura de línea al cálculo también. Tan pronto como las secuelas empiecen a sugerirlo, puedo presionar el Enter en mi teclado numérico para tomar esa sugerencia. Y podemos quitar esta casilla
al final porque la última declaración es la que se ejecuta. Por lo que no necesitamos tener una palabra adicional de caja al final. Entonces lo que ha pasado ahora es que la altura de un marco ahora
está tomando en cuenta la altura de nuestro subtítulo. El subtítulo, por supuesto, sigue fuera del marco, pero ahora está calculando ese tamaño en él. No ha cambiado mucho en los términos de la posición del subtítulo. Entonces ahora vamos a arreglar eso. Vamos a, vamos a alternar esto cerrado y vamos al subtítulo y se llama el punto de anclaje. Al golpear a un, podría ser capaz de ver que el punto de anclaje está en el centro superior de la capa. Por lo que ahora me gustaría cambiar eso para estar en el centro de la capa. Para ello, necesito agregar altura de capa dividida por dos. En eso aterriza el punto de anclaje en el centro de esta capa. Ahora llamemos a la posición y, hit P. Eso nos da ambas de las Dimensiones Separadas de la posición. En la última clase, separamos estas dimensiones para que pudiéramos apuntar específicamente a la posición y. Ahora, hagamos algunos cambios aquí, igual que con el cuadro en la última expresión, podemos quitar esto para hacer esto un poco más limpio ya la última declaración es la que ejecuta la expresión. Por lo que sólo podemos quitar la pausa y ya que la declaración de la Casa Blanca hace lo mismo. Entonces lo que ya no necesitamos es la altura del título y el margen y el relleno. También me gustaría cambiar el subtítulo por el título dos. Puedes mantenerlo en subtítulo si eso más comprensible para ti. Pero como lo he decidido bien, vayamos con el título uno que tiene derecho como el nombre. Yo quiero hacer que todas mis expresiones sigan la tendencia de los clusters se titula saber, titulado a la altura. Y así quiero asegurarme de que nombro sea lo mismo a lo largo de todas mis expresiones. Entonces es agradable y limpio. Ahora ya no tenemos el margen y los deslizadores de relleno, pero lo que me gustaría es la altura de línea. Entonces agreguemos eso aquí. También puedes simplemente copiar pegar la variable de la última expresión en la que la usamos. O simplemente puedes agregarlo manualmente. Debido a que el subtítulo está parentado a nuestra capa de control, nuestra capa de control actúa como el 0. Entonces ahora el subtítulo se está calculando a partir de 0, toma la mitad de su propia altura más line-height, y así es lo lejos que está del título porque actualmente yo título también
está en el centro a 0 en la capa de control. Entonces así es como ahora se calcula el subtítulo tan lejos del título, o más bien en realidad lejos de la capa de control. Porque si movemos la posición de título, entonces ya no es así. Ya no está ligado a la posición del título. Es sólo calcular a partir de 0 qué tan abajo va a estar. Ahora también puedes cambiar la altura de la línea y puedes ver el marco está cambiando de tamaño así como el título. Pero todavía hay algunas cosas mal en él, y vamos a ajustar eso en la siguiente lección. Posicionemos el título dinámicamente. Por lo que tanto el título como el subtítulo están en el centro del marco juntos.
7. Centrar el texto en el cuadro: En nuestra clase de plantilla de título, configuramos nuestro subtítulo con un control de casilla de verificación, que podemos activar y desactivar, y el subtítulo desaparece o se está mostrando. Ahora que el subtítulo está dentro de nuestro marco, necesitamos la posición de nuestro título para ajustarnos a este cambio de dinámica. Empecemos calculando la posición del título con una declaración condicional, tomando en cuenta la casilla de verificación de encendido y apagado. Vamos a entrar en nuestro título. Golpeemos a P para conseguir la posición. Haga clic derecho en Separar Dimensiones porque solo queremos apuntar a la posición y, mantenga presionada Alt y haga clic en el cronómetro para empezar a escribir la expresión. Ahora, lo primero que queremos hacer, queremos copiar pegar parte de la expresión que ya
escribimos en la expresión de subtítulos. Y lo que queremos es toda esta parte superior, el título, la altura del título y la altura de la línea harán algunos cambios, pero al menos no necesitamos obtener toda la estructura desde cero. Por lo que queremos cambiar de festival, el título al Título 1. Y también apuntando a la capa de título. Si tiene esto cambiado a subtitulado en lugar del Título uno derecho a realizar esos cambios en consecuencia. Y entonces queremos iniciar nuestra declaración condicional. Y una declaración condicional significa que si esto sucede, haz esto, de lo contrario, haz eso, y es un enunciado if-else. Entonces, empecemos con si. Queremos algunos corchetes redondeados aquí en, luego algunos corchetes rizados, luego nuestra primera declaración if. Y eso es menos alturas de título. Título uno altura dividido por 2 punto y coma. Y las secuelas nos han ayudado a cerrar estos corchetes rizados después de las declaraciones. Eso es genial. Entonces vamos a empezar otra vez nuestros corchetes rizados. Si pulsas Enter, debería crear los corchetes rizados cerrados. Y aquí vamos a escribir nuestra otra condición, que es apenas 0. Y dentro de aquí hay que definir el si, si esto sucede, hacer eso. Por lo que nuestro IF es casilla de verificación. Cuando la casilla de verificación hace algo, queríamos hacer eso, necesitamos agregar esa variable aquí. Entonces vamos a agregar casilla de verificación igual. Ahora tenemos que volver a encontrar esa casilla de verificación. Desafortunadamente, mi visor de toggle se ha apagado por sí mismo, así que encenderé mi toggle viewer, volveré a mi expresión. Y ahora puedo escoger látigo para subtítulo encendido, off checkbox. Siempre sosteniendo Alt y cerrando eso con punto y coma. Ahora estoy llamando a esta casilla de verificación ahora puede usar esa variable aquí, casilla de verificación. Entonces cuando esta casilla de verificación es igual a uno e igual tiene dos signos iguales porque eso es igual a un doble igual es un regular igual en el cálculo. Y un solo igual solo significa que esta variable significa esto. Entonces si la casilla de verificación es igual a una, lo que significa que si la casilla está activada, queremos nuestro título menos la mitad de su altura hacia arriba porque por el momento, el punto de anclaje está en el centro de nuestro título, que se sienta justo en nuestra capa de control, que actúa como nuestro 0. Eso significa que si el subtítulo está encendido, nuestro título necesita estar más arriba para que ambos puedan sentarse en el centro de nuestro marco. Y por el momento, estamos calculando la posición de nuestro subtítulo en base a la capa de control, su altura, el liderado. Entonces vamos a empujar el título a la mitad de su altura. Y cuando el subtítulo esté apagado, queremos que sea justo en 0, que es nuestra declaración else. Entonces echemos un vistazo a eso. Hagamos que la altura de la línea sea más pequeña. Y se puede ver que las cosas están pasando. Lo único que ahora no está del todo bien es que el cuadro está dimensionando hacia arriba en ambos sentidos,
arriba y abajo, a pesar de que el subtítulo sólo se está moviendo hacia abajo. Entonces eso es algo más que vamos a tener que arreglar. Hagamos la altura de la línea un poco más pequeña. Y vamos a probar lo que hace el título cuando cambiamos el tamaño de la fuente. Está todo bien, pero también hay algunos cambios pasando. El marco no es del todo CAG calculando correctamente el tamaño del título. Entonces eso es otra cosa a la que queremos echar un vistazo. Ahora, veamos qué sucede cuando encendemos y apagamos los subtítulos. Entonces este es el subtítulo encendido y este es el subtítulo off. Por lo que ahora nuestro título salta al centro del marco. Cuando el subtítulo no es eso, eso es genial. Y como puedes ver, el marco no está cambiando. Entonces eso es otra cosa que queremos hacer, dinámica. Si tienes algún error en tu código, asegúrate de tener la cantidad correcta de corchetes rizados y corchetes redondos. Tienes todos los puntos y coma donde deberían estar. Y tú usando un signo doble igual al interior de tu declaración condicional. Normalmente, no necesitas tener el punto y coma en tus declaraciones condicionales, por lo que también puedes quitarlas. Pero me gusta mantenerlos porque realmente no rompen nada y dejan claro que esta declaración está completa en ese momento. Ahora hagamos que la altura del cuadro sea dinámica en función de la condición del subtítulo.
8. Tamaño de cuadros dinarios y condición de los subtítulos: El tamaño del cable en nuestro controlador calcula la altura de nuestro marco. Se basa en todos los tamaños de todas las capas en su interior, lo que significa que subtítulo el título y el relleno, dejando y así sucesivamente, para que la altura del marco tome en cuenta la desaparición del subtítulo, tenemos que agregar la misma declaración condicional que calcula la posición del título. Entonces vamos a título a la posición Y. Simplemente activa aquí todos tus contenidos o pulsa E dos veces. Y luego con Shift y Alt, puedes deshacerte de o no quieres ver, para llegar
a la posición Y dará clic en
el campo de expresión y solo arrastra con el clic del ratón y arrastra. Entonces copia esta declaración condicional. Y lo pondremos en el control de deslizador de tamaño y aquí mismo. Pégala ahí dentro, y ahora queremos hacer algunos cambios. Por lo que también necesitamos el control de casillas para que esto funcione. Entonces vamos a obtener la variable de casilla de verificación también. Añadamos eso justo debajo de la altura de línea. Entonces ahora ya no debería estar apareciendo este error porque ahora sabe lo que es, pero obviamente el cálculo está mal. Entonces, agreguemos eso. Entonces si la casilla de verificación está
encendida, lo que significa que si vemos el título, sólo queremos que sea el cálculo de nuestra caja que ya armamos. Entonces sólo queremos que esa sea caja y luego debería estar de vuelta donde estaba. Pero si no, si esto se ha ido, entonces queríamos ser el título una altura más 2 veces relleno. Y ahora si apagamos nuestra casilla de verificación, se
ve que el título salta al centro de nuestro controlador y el marco se está redimensionando con él. Entonces eso es excelente. Eso es exactamente lo que queremos ver si por casualidad nuestro subtítulo es más largo que nuestro título. En primer lugar, el amigo ni siquiera toma eso en cuenta. Entonces es una cosa que necesitamos cambiar. Y también, una vez que hayamos agregado ese cálculo que el marco sí toma en cuenta la longitud del subtítulo. Una vez que apagemos el subtítulo, todavía tomaremos en cuenta el ancho del subtítulo. Entonces esas son dos cosas que vamos a ver. Primero abordemos el ancho del subtítulo. Vamos a entrar en nuestra expresión de deslizador de tamaño. Abramos eso y todavía tenemos esta vieja escritura aquí. Simplemente quitaré la última caja y también haré algunos cambios en la titulación aquí. Simplemente cambiaré eso a la nueva denominación que hemos establecido para que todo se ajuste el uno al otro. Y ahora queremos copiar el título. Quién también. Puede duplicar esto y cambiar el nombre de ancho a alto, o puede duplicarlo y cambiar el nombre de ancho a alto y
asegurarse de cambiar el índice de escala de transformación a 0 porque 0 es x, uno es y y y el ancho es x. Por lo que queremos que este sea 0. Asegúrate de que todos los números sean correctos a través de tus variables y tus expresiones. Y ahora agregaremos un math.max a nuestra declaración de caja. Entonces vamos a escribir nuestro punto max matemático y vamos a envolver el cálculo que ya teníamos entre paréntesis. Y ahora vamos a decir en realidad el relleno va a estar fuera de eso. Eso se va a sumar a todo el cálculo. Y ahora queremos decir título un ancho coma título a ancho. Cuando dice Espera, no ancho. Entonces solo quiero asegurarnos de que todo esté escrito correctamente. No se quiere tener ningún error ortográfico aquí. Lo que esto hace es la función matemática max asegurará que el marco o la caja fuera de nuestros textos se adapten a lo que sea más grande entre el título y el subtítulo. Asegúrate de que cuando estés copiando las variables de altura y cambiándolas a variables de ancho, también cambies el ancho de punto en el rect de origen a tiempo. Por lo tanto, no sólo debe estar cambiando el nombre de la variable, también
debe estar cambiando el punto de tiempo del registro de origen, ancho y el número de índice de Transformar Scale. Así que asegúrate de hacer eso. Y luego podremos cambiar el ancho del subtítulo. Y como se puede ver, el marco está cambiando. Y ahora puedo demostrar por qué necesitamos añadir también algo más al cálculo del ancho del marco. Porque si apago este subtítulo ahora, el marco sigue calculando el ancho del subtítulo, pesar de que está apagado cuando ahora el marco debería estar reduciéndose hasta los lados del título. Entonces vamos a sumar eso a continuación.
9. Escala de subtítulos dinámico cuando se deslice: Para que nuestro subtítulo deje de interrumpir el tamaño de ancho de nuestro marco. Cuando esté apagado, agregaremos una declaración condicional al tamaño de la misma para que cuando esté apagado, esté en talla 0. Entonces de esa manera si es más largo que el título, no
tienes que recordar quitar los textos y el subtítulo es simplemente no interferir con el marco. Entonces hagámoslo. Vayamos a nuestro subtítulo. Golpea S para escala, golpea Alt, y haz clic en el cronómetro para empezar a escribir nuestra expresión. Vamos a copiar pegar la declaración if-else
del título pulsando E dos veces revelará todas las expresiones
y agarraremos el control de casilla de verificación y la declaración condicional o copiar pegar eso en nuestra escala del subtítulo. Y ahora necesitamos hacer algunos cambios porque obviamente esto se basa en tamaños, pero en realidad lo que queremos hacer es cambiar esto a valor. Entonces cuando la casilla de verificación sea una, esta es la escala del subtítulo será del 100% y de lo contrario será del 0%. Pero en realidad eso fija escala del subtítulo a 100. Y si en algún momento por debajo de la línea, decides que realmente quieres usar la escala, tal vez vincularla a un deslizador para que eso sea personalizable, recomendaría no usar un número fijo, sino que en su lugar decir valor 0 y valor uno que sólo significa los tamaños correspondientes. Por lo tanto, no haga cambios cuando la casilla de verificación esté
encendida, sino que sea 0 cuando la casilla de verificación esté desactivada. Entonces vamos a entrar con hot brackets y terminando todo el asunto con hot brackets. Y podemos quitar el punto y coma o podemos dejarlo eso, ya
sabes, lo que sea que te hable. Normalmente me gusta mantenerlos ahí solo para asegurarme de que este es el final de esa línea, no interfiera con la expresión. Entonces ahora, cuando hagamos esto más largo, los signos, hacen esto más largo y el marco debe reaccionar a eso. Cuando apagamos el subtítulo, el marco se rompe porque el 0 también necesita tener dos valores en lugar de la posición separada en el título, solo
estamos apuntando a uno de los dos valores de posición. Pero si la escala, aquí no
hay separación, por lo que en realidad necesitamos ambos valores. Entonces haremos lo mismo. Vamos a añadir estos corchetes duros y goles hacer 0 coma 0. Y entonces esto no debería darnos ningún tema. Echemos un vistazo. Sí. Vuelve al tamaño del título más es relleno y todo lo que hemos calculado sobre eso. Entonces eso ya es excelente. Eso es exactamente lo que queremos. Si juegas con tu valor de dejar, notarás que el marco cambia de tamaño desde el centro hacia arriba y hacia abajo. A pesar de que el subtítulo sólo se está empujando hacia abajo, tendremos que agregar una expresión a la posición del marco a como simplemente dinámicamente cuando el subtítulo o el valor de dejar cambiar de tamaño. Esto también solucionará el problema de escalado del título.
10. Altura de cuadros dinámico: Entonces, si juegas con la altura de la línea, puedes ver que el marco no está escalando correctamente. Agregaremos la expresión para arreglarlo, y lo haremos ajustando la posición del fotograma para permitir el movimiento hacia abajo, haremos clic en la capa de marco impactará P para revelar la posición y haremos clic derecho y dimensiones separadas. Entonces vamos a apuntar a la posición y y
vamos a agarrar las variables del título. Por lo que pega P, abre la expresión y vocal agarra la altura del título. También puedes hacerlo desde el subtítulo donde tienes la variable de subtítulo. Y sostendremos Alt para dar click en el cronómetro, pegará nuestra copia la expresión. Y sólo para que no tengamos que corregir ninguno de los nombres, copiaré pegar las variables para el Subtítulo 2 de la capa de subtítulos. Quieres asegurarte de que estás agarrando la altura y no el ancho de ninguna de las expresiones anteriores. También copiaremos pegar la variable de altura de línea. Y ahora crearemos una variable de pausa y. Y queremos calcular el Título 2, altura dividida por 2, y luego menos título una altura dividida por dos más altura de línea dividida por dos. Ahora bien, ¿qué hace en realidad esta expresión? Se asegura de que cuando el título está dimensionando, el subtítulo siempre está manteniendo el título y el subtítulo en el centro del marco. Y cuando con dimensionamiento, el subtítulo se está reposicionando de tal manera que nuevamente, el título y el subtítulo siempre están en el centro del cuadro. Entonces en este momento simplemente parece que está creciendo hacia abajo, pero en realidad está creciendo en ambas direcciones, pero reposicionándose a sí mismo. Por lo que el título y el subtítulo siempre están en el centro del marco. Eso también significa que está calculando el cambio de la altura de la línea hacia abajo. Debido a que ahora hemos agregado el cambio de posición, necesitamos agregar que a nuestro subtítulo on off condicional, esta expresión actualmente rompe el cálculo de posición del marco cuando el subtítulo está apagado. Entonces arreglemos eso. Agregaremos una declaración condicional a la posición del marco y también. Copiemos la declaración condicional existente
del título o en algún otro lugar donde esté disponible. Y mantengamos juntos los controles deslizantes. Esto no es necesario, pero hace que se vea un poco más limpio. Y ahora, cuando la casilla de verificación esté encendida, queremos este cálculo. Entonces queremos y pausa y la primera condición, y queremos el título una posición. Entonces agregaremos otra variable aquí, y la llamaremos Título una posición. Y ese es el título 1, esta columna. Y podemos escribir esto o podemos usar el látigo de pico para esto. Y queremos llamar a la transformación de la posición y. Y ahora se puede ver por qué no hemos estado usando la posición Y como variable porque este es el caso donde se está usando. Y ahora podemos reemplazar el 0 por la posición del título uno. Y aquí tenemos un error tipográfico. Entonces si estás incluyendo el título 1, que es este título de capa de comp uno, en realidad no
tienes que reescribir esto, así que eliminemos eso. Es por eso que tu segmentando el diseño con esta primera variable. Y es por ello que estamos reemplazando esta capa comp y luego el nombre de la capa por la variable de esa capa. Por lo que ahora todo debería funcionar como se esperaba. Apagemos el subtítulo. Y ahora el marco salta correctamente de nuevo. Porque para la posición de
título, la posición de título uno, cuando el subtítulo está apagado, ya no hace cálculos aquí. Todavía estaba haciendo algunos cálculos y
no se tomó en cuenta que cuando el subtítulo está apagado, el marco debe ser posición indiferente. Ahora ya no está haciendo que el cálculo sea sólo buscar la posición
del título y posicionar el marco exactamente en esa misma posición. Así que asegúrate de todas tus capas, el dimensionamiento, la escala, los deslizadores. Y si no tienes ningún error, todo debería reaccionar dinámicamente el uno al otro ahora. Y si tocamos esto, pueden notar que la animación ha cambiado ligeramente desde donde empezamos. Simplemente te mostraré la diferencia entre el original, la animación del título. Sólo tenemos ese pedacito al final. Entonces veamos eso otra vez. Para que veas que hay un poco de diferencia en la animación. Volvamos a nuestra animación Lower Third. Y se puede ver que el aquí está un poco atascado en su posición y el marco está haciendo todo el movimiento. Eso se debe a esta expresión de posición en el marco. Hay otra forma de hacerlo donde la animación está intacta, pero hay que cambiar algunas de las expresiones. Entonces si te gustaría ver cómo se hace eso, Ven sígueme a la parte 3 de esta serie de clases, donde te muestro el truco de cambiar estas expresiones. Por supuesto, siempre hay un peaje a pagar, en este caso, la animación ligeramente diferente. En la otra forma de hacerlo. Algunas de las dinámicas serán eliminadas con el fin de preservar la animación. Entonces siempre hay un compromiso, pero eso es esencialmente todo para el lado de expresión de esta clase. Ahora agreguemos algunos toques finales más a nuestro diseño.
11. Desplace turbulento: Añadamos algunos toques finales, abígale la mirada a algunas nuevas propiedades a la EGP. Y por último, te mostraré cómo usar esta plantilla en After Effects. Abramos los gráficos esenciales. Puedes hacer eso yendo a Ventana y luego Gráficos
Esenciales si no tienes eso abierto ya. Y vamos a ir a nuestro controlador capa toggle que abra, obtener todo el efecto aquí. Están todos toggled abiertos. Simplemente los cerraré para que pueda ver mejor eso. Y luego iré a la altura de línea y arrastraré este deslizador mis controles globales y renombraré ese dejar o puedes mantenerlo a la altura de línea, lo que prefieras. También voy a cambiar el rango de 0 a, digamos, 100, para que el control deslizante esté en el centro, no tiene que ser así. También puedes simplemente elegir los valores que creas que deben ser los mínimos y máximos. Podemos hacer lo mismo con todos los demás deslizadores. Tenemos. Estos gusanos ya están en el centro. Y tenemos el espesor de línea que potencialmente también podría trasladarse al centro, que debería ser 19, porque no quiero que la línea sea más delgada que 10. Eso es lo que he puesto como mínimo, pero se pueden cambiar esos valores. Y además no tienes que tener el tobogán en el centro solo como lo
hace bonito que ese es el estándar y puedes subir y bajar. Ahora, ya que una Fed inferior generalmente no es títulos, pero es FirstName, LastName. Cambiemos eso aquí. O puedes escribir a John Doe. Y el de abajo un niño, sólo sea subtítulo. Y vamos a cambiar un poco el tamaño, el menor que en general es bastante grande. Es bajar esto a alrededor de un 100, y llevemos el subtítulo a alrededor de 50 tal vez. Eso significa que también podemos cambiar el arrendamiento o la altura de línea dependiendo de cómo quieras llamarlo. Entonces podemos ir por 25 y luego podría cambiar el rango. No tengo que hacerlo en este punto. Bien. Pero a lo mejor quiero que la gente tenga la opción de sacar esto muy lejos del título. Yo solo quiero darles un alcance limitado. No debe hacer que el valor sea demasiado delgado. Entonces entre 10 y 20, eso sería demasiado delgado. Rango de valores, pero algo entre 0100, ese es un rango de valores predicho. Saquemos las salvaguardias. Si no tienes eso ya, Ese es el apóstrofe en tu teclado. O puedes hacer clic en este menú Guías y elegir título y acción segura. Y arreglemos la posición global. Ya que hemos agregado algunos valores mínimos y máximos a esto, vamos a tener que ir a nuestra abrazadera Min y max, al
menos para la posición y. Hagamos que esto sea muy grande para que realmente podamos conseguir el, y sólo movamos esto a nuestro marco derecho sobre golpes la directriz de seguridad de acción, que es la externa. Entonces eso es alrededor de 1890. Entonces hagamos eso,
ese número para la abrazadera max. Y la abrazadera, el mínimo de columna y puede ser un poco menos. A ver. Vamos a traer esto todo el camino hacia abajo y luego podemos deslizarlo lo más abajo que queramos. Alrededor de 200 es probablemente una buena posición. Hagamos que sea el mínimo para la posición x. Aquí es donde necesitamos cambiar el margen porque eso controla qué tan lejos del borde. Esto es si quisieras tener esa opción también para la Y, podrías agregar la expresión que usamos en la exposición también, en la posición Y y agregar ese margen a eso también. Eso lo dejaré a su discreción. Eso puede ser un proyecto adicional para que esta clase vea si
entendiste correctamente las expresiones para que puedas aplicarlas a las tuyas. Adicionalmente a lo que hemos hecho. Entonces ahora esto está justo al borde de esa guía. Ahora agreguemos algunas miradas. Añadamos una capa de ajuste a todo este diseño mantenga Alt Control Y para obtener una capa de ajuste. Y vamos a añadir un desplazamiento turbulento, pulsa Control 5 para obtener los Efectos y Preajustes. Búsqueda de desplazamiento turbulento. Haga doble clic en eso. Y ahora hagamos algunos ajustes. También cambiemos el nombre de este desplazamiento turbulento. Y vamos a entrar en la configuración de esto. Hagamos la cantidad, bajamos eso a 25. El tamaño es demasiado enorme. Bajemos eso a como tres. Y ahora tenemos esto como pequeñito grano. Esto se ve así que ahora no es esta ola gigante, pero solo agrega un poco de textura a esto. Y para que sea un poco más interesante para que no sea solo una textura estática, sino que me mueva la textura. Añadamos una semilla aleatoria. Entonces volvamos a los controles y vamos a duplicar una de las más mínimas que no tienen ninguna expresión en ellos como tal vez esta. Voy a renombrar ese Posterize Time y llevar el valor a algo así como ocho en ese rango. Volvamos al desplazamiento turbulento, y vamos a bajar esto. Entonces le he pegado dos veces a U para bajar aquí. Y quiero abrir y cerrar esta turbulenta muestra que quiero
abrir las opciones de evolución hasta llegar a la semilla aleatoria. Y la razón por la que elegí posterizar el tiempo para ser ocho porque esa es la longitud de mi AECOM. Entonces si tu comp es cualquier otro enlace, elige el número aquí al valor de la longitud de tu comp. Y ahora vamos a añadir una expresión aquí. También queremos unas semillas aleatorias. Entonces duplicemos el tiempo de posterización y añadamos semillas aleatorias también. Y hagamos de esto un valor realmente alto, algo así como 1, 0, 0, 0, 0, 0, 0, 0, 0. Ahora sostengamos Alt y pinchemos en el cronómetro de la semilla aleatoria, y empecemos a escribir una expresión. Escribamos posterizar el tiempo. Y dentro de esto, vamos a escoger con dos nuestro Posterize Time Slider, cerrar eso con punto y coma. Entonces siguiente línea, queremos una expresión aleatoria dentro de aquí. Vamos a recoger látigo al deslizador aleatorio. Y voy a cerrar esa declaración con punto y coma. De nuevo, tengo un error que es porque me falta un corchete aquí, por lo que este soporte no está cerrado. Así que asegúrate de que si estás tomando sugerencias de secuelas, se asegure de que estén presentes todas las cantidades correctas de corchetes. Y luego cuando jugamos esto, se
puede ver que hay como un tipo estático de borrosa pasando. Y me gusta mucho este look. Si te gusta este look, puedes agregar este look al diseño del título también. Y puedes tener un look cohesivo único en todos tus gráficos animados. También puedes bajar la semilla aleatoria. Se puede subir el tamaño. Entonces no es por qué es tan feo. O puedes bajar el tamaño para hacer los cambios para eso en, simplemente jugar con eso para que se vea tan intenso o menos intenso como quieras, la cantidad cambiará cuántos de esos tienes. Obviamente eso no, eso no debería ser demasiado alto, de lo contrario, pierdes visibilidad de tu texto. Pero puedes jugar con todos esos valores. Ahora agreguemos una cosa más. Añadamos una sombra de gota.
12. Sombra de gota y propiedades esenciales: Entonces con el turbulento desplazamiento resaltado, Vamos a los Efectos y Preajustes. Y vamos a teclear gota, que nos lleva a soltar sombra. Podemos hacer doble clic en eso. Agrega una sombra de gota a esto. Llevemos la opacidad a 100 y
cambiaremos la transparencia de nuestra cuadrícula para que en realidad puedas ver la sombra de gota ahora mismo, es solo negro puro. Pero lo que podemos hacer, podemos sacar a la luz los temas de color de Adobe. Y aquí puedes buscar colores en la pestaña Explorar. Y como ya montamos este tipo de pastel, un líquido, no tienes que seguir en absoluto. Pero desde que lo
he hecho, volveré a uno de los colores pastel que ya elegí, y escogeré uno que tipo de funciona con esto. Entonces algo que es un poco más oscuro, probablemente más oscuro que el color frontal que hace que el fondo destaque un poco, algo que coincide pero no es demasiado agresivo. Así que solo elige tus favoritos y asegúrate de que vaya con el tema de color. También podemos volver al doc, pero creo que quiero quedarme en esta calamidad. El color pulidor PAH funcionaría muy bien. Y por supuesto, también puedes entrar y ajustar los colores como quieras, hacerlo un poco más oscuro. Muchos niños, un poco menos o más saturados. Y luego tú por supuesto, quieres agregar los colores a tu EGP. Entonces llevemos el color de sombra de color. Traigamos eso aquí. Puedes ponerlo en los controles de textos o puedes ponerlo en los controles globales, uh, ya que eso no es un color de texto, solo lo
pondré a mis controles globales. Y también quiero meter la opacidad. Puedes traer directamente la capacidad de
tu sombra de caída y de esa manera se puede apagar o hacer transparente. O puedes vincular esta capacidad a un control de control de control deslizador o casilla de verificación, y puedes encenderla y apagarla de esa manera, como prefieras. Entrémonos en la composición principal que configuramos justo al inicio de esta clase. Y echemos un vistazo cómo podemos usar este tercio inferior en secuelas y cualquier plantilla realmente que crees una secuelas también se puede usar como plantilla y secuelas no solo como una comp que hay que duplicar. Entonces lo que quieres hacer es ignorar el panel gráfico esencial. Cierra eso de la derecha porque no quieres tocarlo si
quieres usar el comp como plantilla. Por lo que significa varias veces usando el mismo look o diferente sin cambiar el diseño original. Por lo que si activas la apertura de tu capa, encontrarás propiedades esenciales. Puedes activar esa apertura y verás todas tus propiedades aquí. Algunos de ellos podrían aparecer de manera diferente. Por ejemplo, si traemos de vuelta el panel gráfico esencial, puedes ver que para el texto, tienes todas estas fotos, ajustes de tamaño, fuente, selección, estilos de
imitación, todo eso está disponible aquí. También puede cambiar el tamaño, el estilo y la fuente de las propiedades del texto. No tienes esa opción dentro de After Effects. Si quieres realizar esos cambios, tendrás que entrar en el comp y eso
hará cambios a lo largo de todas tus plantillas. Pero en lo que respecta a cualquiera de los demás controles, todos estos disponibles aquí, puedes hacer cambios en el color y todas estas opciones de dimensionamiento. El pinza no funcionará dentro de After Effects. La función de pinza solo funciona en Premier Pro como magnate. Así que ten eso en cuenta cuando estés cambiando tus propiedades dentro de After Effects. Y quieres estar siempre usando las propiedades esenciales de lado de aquí. Como les voy a mostrar,
si tengo múltiples instancias de esta comp y hago cambios en posicionamiento o dimensionamiento o cualquier cosa. Se puede ver que sólo esta comp está cambiando, esta otra comp se mantiene igual. Bueno, déjame cambiar algo del color como el marco. Se puede ver que estos son diferentes a permanecer y diferentes porque
no estamos cambiando las propiedades originales dentro de esta comp con cambiar solo la apariencia. Es por ello que configuramos el panel gráfico esencial no sólo para exportarlo como un mole bueno para Premiere Pro, sino que también tenemos la opción de usarlo como plantilla dentro de After Effects. Y así es como usas eso. Para poder cambiar el texto dentro de After Effects, vas a tener que crear tipo de expresión. Por lo que va a su propiedad de texto, mantenga
presionado Alt y haga clic en el cronómetro. Y luego dentro de dos comillas, puedes escribir tu texto. Y así es entonces como aparece en tu tercio inferior. Si no tienes las comillas, esto no funcionará. Por lo que esencialmente no tienes el mismo campo, el mismo campo enter que lo harías en tu EGP. Pero así es como puedes ingresar texto dentro de tu plantilla de After Effects si estás interesado en saber cómo usar la plantilla como magnate en Premier Pro, la T agregada de ediciones de video. Se puede consultar la clase anterior donde entro a detalle. Y puedes usar todos estos gráficos animados para crear animación cohesiva y branding a través de tus videos. También puedes agregar cualquier propiedad adicional al EGP que no hayamos agregado, están listos para saber qué Propiedades
puedes agregar usuarios entran a tu comp y puedes hacer clic en Solo Supported Properties y te mostrará todos los propiedades que puedes poner a disposición en tu plantilla para ser cambiadas por el usuario o tú mismo en tu plantilla. Ahora hemos agregado todo lo que quería agregar en esta clase. Y si quieres agregar más cosas, aprende sobre otras formas de crear este
tercio inferior en algunas otras expresiones para traer de vuelta la animación original. Ven únete a mí en la parte 3 de esta serie de clases.
13. ¡Gracias!: Ese es el fin de nuestra clase. Hoy aprendiste a crear y usar plantillas de animación receptivas en secuelas, agregar condiciones a tus expresiones y hacer que tus propiedades de animación reaccionen dinámicamente entre sí. Felicidades, bien hecho por completar esta clase, hay un poco más que aprender sobre las plantillas de motion graphics que no cubrí en esta clase. Quería mantenerlo compacto y darte una visión general integral. No obstante, si estás interesado en aprender más sobre las plantillas de gráficos en movimiento, cómo perfeccionarlas. Se unió a la siguiente clase de esta serie, donde estoy cubriendo cómo crear una plantilla de looping y diapositivas de transición del mismo estilo. Me alegra poder enseñarte algo nuevo. Sin embargo, conseguir el don de las expresiones puede ser complicado. Siéntete libre de dejar preguntas y comentarios en el foro de discusión y haré todo lo posible para ayudar. También apreciaría si pudieras dejar una reseña para esta clase, me ayuda a retocar contenidos futuros para que lo saquen al máximo. Y también ayuda a otros alumnos a ver la clase. Tengo muchas ganas de ver tus proyectos en la galería de proyectos usando las técnicas que has aprendido en esta clase, sígueme en Instagram, Twitter, y Facebook para obtener consejos y trucos sobre animación y motion graphics. Echa un vistazo a mis transmisiones en vivo en Twitch o YouTube para conocer las noticias sobre las próximas clases. También puedes suscribirte a mi newsletter. Gracias por tomar esta clase y nos vemos la próxima vez.
Sonja Geracsek, Motion Designer | Video Editor
